WordPress.org
Get WordPress

Making WordPress.org

Changeset 6273


Ignore:
Timestamp:
12/14/2017 11:30:48 PM (7 years ago)
Author:
coffee2code
Message:

W.org Showcase: Make theme responsive.

  • Changes left sidebar to hamburger menu slide-out for smaller viewports.
  • Removes slider for smaller viewports.
  • Updates jQuery Cycle slideshow library to Cycle2.
  • Various styling tweaks for responsiveness.

Props xkon, coffee2code.
Fixes #1173.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase
Files:
1 added
1 deleted
13 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/archive.php

    r2377 r6273  
    1010
    1111        <?php get_sidebar( 'left' ); ?>
    12         <div class="col-7">
     12        <div class="col-5">
    1313        <?php breadcrumb(); ?>
    1414

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/functions.php

    r2381 r6273  
    223223function wpsc_scripts() {
    224224    wp_enqueue_script( 'jquery' ); // explicit enqueue
    225     wp_enqueue_script( 'jquery-cycle', get_template_directory_uri() . '/js/jquery.cycle.min.js', array( 'jquery' ) );
    226     wp_enqueue_script( 'wpsc-scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery', 'jquery-cycle' ) );
     225    wp_enqueue_script( 'jquery-cycle', get_template_directory_uri() . '/js/jquery.cycle2.min.js', array( 'jquery' ) );
     226    wp_enqueue_script( 'wpsc-scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery', 'jquery-cycle' ), 'aaa' );
    227227}
    228228add_action('wp_enqueue_scripts', 'wpsc_scripts');

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/header.php

    r2378 r6273  
    44$prefix = is_ssl() ? 'https://' : 'http://s.';
    55wp_enqueue_style( 'blog-wp4', $prefix.'wordpress.org/style/blog-wp4.css', array(), 4 );
    6 wp_enqueue_style( 'showcase', $prefix.'wordpress.org/wp-content/themes/pub/wporg-showcase/style.css', array(), 14 );
     6wp_enqueue_style( 'showcase', $prefix.'wordpress.org/wp-content/themes/pub/wporg-showcase/style.css', array(), '14aaaf' );
    77require WPORGPATH . 'header.php';
    88?>
    99<div id="headline">
    1010    <div class="wrapper">
     11        <a id="wpsc-mobile-menu-button" class="" href="#" onclick="toggle_wpsc_mobile_menu();"></a>
    1112        <h2><?php _e( 'Showcase', 'wporg-showcase' ); ?></h2>
    1213    </div>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/index.php

    r2377 r6273  
    33    <div class="wrapper archives">
    44        <?php get_sidebar( 'left' ); ?>
    5         <div class="col-7">
     5        <div class="col-5">
    66        <?php
    77            breadcrumb();

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/js/scripts.js

    r1474 r6273  
    1 jQuery(document).ready(function($) {
    2     $(".wpsc-hero-slide-container").cycle({
    3         fx:     'scrollHorz',
    4         pager:  '.wpsc-slide-nav',
    5         timeout: 8000
    6     });
    7 });
     1( function ( $ ) {
     2    $( 'document' ).ready( function () {
     3        toggle_wpsc_mobile_menu = function () {
     4            if ( !$( '.leftsidebar' ).hasClass( 'wpscMobileMenuSlideIn' ) ) {
     5                $( '.leftsidebar' ).animate( {
     6                    left: "+=209"
     7                } );
     8                $( '.leftsidebar' ).addClass( 'wpscMobileMenuSlideIn' );
     9            } else {
     10                $( '.leftsidebar' ).animate( {
     11                    left: "-=209"
     12                } );
     13                $( '.leftsidebar' ).removeClass( 'wpscMobileMenuSlideIn' );
     14            }
     15        };
     16
     17        if ( $( '#pagebody' ).hasClass( 'post' ) ) {
     18            $( '.currentSiteRating' ).css( 'display', 'block' );
     19        }
     20    } );
     21} )( jQuery );

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-home.php

    r2377 r6273  
    1111
    1212        <div class="wpsc-hero group">
    13             <div class="wpsc-hero-slide-container no-js">
     13            <div class="wpsc-hero-slide-container no-js cycle-slideshow" data-cycle-pager=".wpsc-slide-pager" data-cycle-fx="scrollHorz" data-cycle-auto-height="container" data-cycle-timeout="8000" data-cycle-slides="> div">
    1414
    1515                <?php while ( have_posts() ) : the_post(); ?>
    … …  
    1717                    <div class="wpsc-hero-slide">
    1818                        <div class="wpsc-hero-slide-content">
     19                            <div class="wpsc-hero-slide-content-left">
    1920                            <a href="<?php the_permalink(); ?>" class="wpsc-hero-slide-img">
    2021                                <?php site_screenshot_tag( 457 ); ?>
    2122                            </a>
     23                            </div>
     24                            <div class="wpsc-hero-slide-content-right">
     25                                <div class="wpsc-hero-slide-content-right-wrapper">
    2226                            <h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
    2327
    … …  
    3741                                <?php _e( 'Learn More &rarr;', 'wporg-showcase' ); ?>
    3842                            </a>
     43                                </div>
     44                            </div>
    3945                        </div><!-- .wpsc-hero-slide-content -->
    4046                    </div><!-- .wpsc-hero-slide -->
    … …  
    4349
    4450            </div>
    45             <div class="wpsc-slide-nav"></div>
     51            <div class="wpsc-slide-nav"><div class="wpsc-slide-pager"></div></div>
    4652        </div> <!-- .wpsc-hero -->
    4753
    … …  
    5359
    5460        <div class="col-7 main-content">
    55 
     61        <div class="maincontentwrapper">
    5662            <?php query_posts( array( 'cat' => 4, 'posts_per_page' => 3, 'tag' => 'business', 'orderby' => 'rand' ) ); ?>
    5763            <?php if ( have_posts() ) : ?>
    … …  
    102108
    103109        </div>
     110        </div>
    104111    </div>
    105112</div>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-submit.php

    r2379 r6273  
    2020
    2121<div id="pagebody">
    22         <div class="wrapper">
     22    <div class="wrapper">
    2323            <?php get_template_part( 'sidebar', 'left' ); ?>
    24                 <div class="col-7">
     24            <div class="col-5">
    2525
    2626<?php if ( $_POST && ! $error ) : ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-tags.php

    r1474 r6273  
    1010    <div class="wrapper">
    1111        <?php get_sidebar( 'left' ); ?>
    12         <div class="col-7">
     12        <div class="col-5">
    1313            <?php breadcrumb(); ?>
    1414            <div class="heatmap">

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page.php

    r2377 r6273  
    44    <div class="wrapper">
    55        <?php get_sidebar( 'left' ); ?>
    6         <div class="col-7">
     6        <div class="col-5">
    77
    88            <?php if ( have_posts() ) : ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/sidebar-left.php

    r2377 r6273  
    1         <div class="col-2 secondary">
     1        <div class="col-2 secondary leftsidebar">
    22            <a href="<?php echo home_url( '/submit-a-wordpress-site/' ); ?>" class="wpsc-submit-site"><?php _e( 'Submit a Site &rarr;', 'wporg-showcase' ); ?></a>
    33

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/sidebar-right.php

    r2376 r6273  
    1         <div class="col-3">
     1        <div class="col-3 rightsidebar">
     2            <div class="rightsidebarwrapper">
     3            <div class="currentSiteRating">
     4                <p class="button"><a href="http://<?php get_site_domain( false ); ?>"><?php _e( 'Visit Site', 'wporg-showcase' ); ?></a></p>
     5
     6                <h4><?php _e( 'Rating', 'wporg-showcase' ); ?></h4>
     7                <?php the_ratings(); ?>
     8                <p class='rating-descrip'><?php _e( 'Rate this site based on their implementation and use of WordPress.', 'wporg-showcase' ); ?></p>
     9
     10                <?php wp_flavors(); ?>
     11                <br />
     12                <?php tags_with_count( 'list', '<h4>' . __( 'Tags', 'wporg-showcase' ) . '</h4><ul>', '', '</ul>' ); ?>
     13            </div>
     14
    215            <h4><?php _e( 'Top Rated', 'wporg-showcase' ); ?></h4>
    316            <table class="top-rated">
    … …  
    1023            </table>
    1124        </div>
     25    </div>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/single.php

    r2377 r6273  
    5555                        <?php comments_template(); ?>
    5656                    </div><!-- .col-5 -->
    57                     <div class="col-13">
    58                         <p class="button"><a href="http://<?php get_site_domain( false ); ?>"><?php _e( 'Visit Site', 'wporg-showcase' ); ?></a></p>
    59 
    60                         <h4><?php _e( 'Rating', 'wporg-showcase' ); ?></h4>
    61                         <?php the_ratings(); ?>
    62                         <p class='rating-descrip'><?php _e( 'Rate this site based on their implementation and use of WordPress.', 'wporg-showcase' ); ?></p>
    63 
    64                         <?php wp_flavors(); ?>
    65                         <br />
    66                         <?php tags_with_count( 'list', '<h4>' . __( 'Tags', 'wporg-showcase' ) . '</h4><ul>', '', '</ul>' ); ?>
    67                     </div>
    6857
    6958                    <?php get_sidebar( 'right' ) ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/style.css

    r2371 r6273  
    1 /* 
     1/*
    22Theme Name: WordPress.org Showcase Theme
    33*/
    … …  
    1212    margin-left: auto;
    1313    margin-right: auto;
     14}
     15
     16.col-5 {
     17    width: calc( 100% - 390px );
    1418}
    1519
    … …  
    2226    color: #fff;
    2327    -moz-border-radius: 3px;
    24     -khtml-border-radius: 3px; 
     28    -khtml-border-radius: 3px;
    2529    -webkit-border-radius: 3px;
    2630    border-radius: 3px;
    … …  
    2933}
    3034
     35.col-2 p.button, .col-3 p.button {
     36    display: block;
     37    text-align: center;
     38    line-height: 1.4em;
     39    padding: 0;
     40    background: #d54e21;
     41    color: #fff;
     42    -moz-border-radius: 3px;
     43    -khtml-border-radius: 3px;
     44    -webkit-border-radius: 3px;
     45    border-radius: 3px;
     46    border: none;
     47    text-shadow: none;
     48}
     49
    3150.col-2 p.button {
    3251    width: 110px;
    … …  
    4261    display: block;
    4362    padding: 8px 10px;
     63    text-shadow: rgba(0,0,0,0.5) 0 1px 0;
     64}
     65
     66.col-2 p.button a, .col-3 p.button a {
     67    font-size: 13px;
     68    color: #fff;
     69    display: block;
     70    padding: 14px 10px;
    4471    text-shadow: rgba(0,0,0,0.5) 0 1px 0;
    4572}
    … …  
    5784    border: 1px solid #ccc;
    5885    -moz-border-radius: 3px;
    59     -khtml-border-radius: 3px; 
     86    -khtml-border-radius: 3px;
    6087    -webkit-border-radius: 3px;
    6188    border-radius: 3px;
    … …  
    167194    background: #F5F5F5;
    168195    -moz-border-radius: 3px;
    169     -khtml-border-radius: 3px; 
     196    -khtml-border-radius: 3px;
    170197    -webkit-border-radius: 3px;
    171198    border-radius: 3px;
    … …  
    259286    padding: 3px;
    260287    border: 1px solid #ccc;
     288    width: 100%;
     289    height: auto;
    261290}
    262291
    … …  
    264293    float: left;
    265294    margin: 38px 0 0 0;
     295    width: 160px;
     296}
     297
     298.col-3 {
     299    float: right;
     300    margin: 0 14px 0 0;
    266301    width: 160px;
    267302}
    … …  
    306341}
    307342
    308 #wordpress-org #wp_page_numbers ul, 
    309 #wordpress-org #wp_page_numbers li, 
     343#wordpress-org #wp_page_numbers ul,
     344#wordpress-org #wp_page_numbers li,
    310345#wordpress-org #wp_page_numbers a {
    311346        padding: 0;
    … …  
    373408}
    374409
    375 .archives .col-7, .home .col-7 { 
     410.archives .col-7, .home .col-7 {
    376411    margin-bottom: 20px;
    377412}
    … …  
    408443    background: #373737;
    409444    color: #fff;
    410    
     445
    411446    position: relative;
    412    
     447
    413448    padding: 21px 0 0 0;
    414449    margin: 0 0 42px 0;
    415    
     450
    416451    min-height: 365px;
    417452}
    … …  
    422457
    423458.wpsc-hero-slide-container {
    424     margin: auto;
     459    margin: auto auto 20px auto;
    425460    position: relative;
    426    
    427     width: 970px;
     461
     462    max-width: 970px;
     463    width: 100%;
    428464    height: 310px;
    429465    overflow: hidden;
    … …  
    433469    background: #373737;
    434470    clear: both;
    435    
     471
    436472    margin: auto;
    437     width: 970px;
    438            
     473    max-width: 970px;
     474    width: 100%;
     475    min-height:310px;
     476
    439477    font-size: 14px;
    440        
     478
    441479    text-shadow: 0px 1px 0px rgba(0,0,0,0.75)
    442480}
    … …  
    444482.wpsc-hero-slide-img {
    445483    display: block;
    446     overflow: hidden;
    447484    position: relative;
    448    
    449     height: 285px;
    450 
    451     float: left;
    452     margin: 0 32px 25px 0;
    453    
     485
     486    background: #fff;
    454487    border: 5px #fff solid;
    455488    border-radius: 3px;
    456489    -webkit-border-radius: 3px;
    457    
     490
    458491    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
    459492    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
     493
     494    min-height: 341px;
     495    max-height: 341px;
     496    overflow: hidden;
     497}
     498
     499.wpsc-hero-slide-img img {
     500    height: auto;
     501    width: 100%;
    460502}
    461503
    462504.wpsc-hero-slide-content {
    463505    padding: 0 20px;
     506}
     507
     508.wpsc-hero-slide-content-left {
     509    float: left;
     510    position: relative;
     511    width: 50%;
     512}
     513
     514.wpsc-hero-slide-content-right {
     515    float: left;
     516    position: relative;
     517    width: 50%;
     518}
     519
     520.wpsc-hero-slide-content-right-wrapper {
     521    display: block;
     522    padding-left: 20px;
    464523}
    465524
    … …  
    467526    background: #f7f7f7;
    468527    border-bottom: 1px #c6c6c6 solid;
    469    
    470     position: absolute;
     528
     529    position: relative;
    471530    bottom: 0;
    472531    z-index: 99;
    473    
     532
    474533    width: 100%;
    475    
    476     padding: 18px 0 15px 0;
    477    
     534
     535    padding: 18px 0 10px 0;
     536
    478537    text-align: center;
    479538}
    480539
    481 .wpsc-slide-nav a {
     540.wpsc-slide-nav .wpsc-slide-pager span {
    482541    display: inline-block;
    483542    text-indent: -1000%;
    484    
     543
    485544    background: #dcdcdc;
    486545    border: 1px #bcbcbc solid;
    487    
     546
    488547    margin: 0 6px;
    489    
     548
    490549    width: 11px;
    491550    height: 11px;
    492    
     551
    493552    border-radius: 50%;
    494553}
    495554
    496 .wpsc-slide-nav a:hover {
     555.wpsc-slide-nav .wpsc-slide-pager span:hover {
    497556    background: #bababa;
    498557}
    499558
    500 .wpsc-slide-nav .activeSlide {
     559.wpsc-slide-nav .wpsc-slide-pager span.cycle-pager-active {
    501560    background: #acacac;
    502561    border-color: #5f5f5f;
    503562}
    504563
     564.wpsc-slide-pager span:hover {
     565    cursor: pointer;
     566}
     567
    505568.wpsc-hero-slide p {
    506569    line-height: 1.7;
    507570}
    508571
    509 .wpsc-hero-slide h3 {
    510     margin: 0 0 5px 0;
    511 }
    512 
    513572.wpsc-hero-slide h3 a {
    514573    display: block;
    515574
    516     color: #fff;   
     575    color: #fff;
    517576    font-weight: bold;
    518577    font-size: 24px;
    519    
    520     padding: 20px 0 0 0;
    521578}
    522579
    … …  
    531588    font-family: "Arial Unicode MS", Arial, sans-serif;
    532589    line-height: 0.7;
    533    
     590
    534591    display: inline-block;
    535592    margin: 1px 0 -1px 3px;
    … …  
    554611    background: #6c6c6c;
    555612    color: #fff;
    556    
     613
    557614    text-shadow: 0 -1px 0 rgba(0,0,0,1);
    558615    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,1);
    … …  
    562619    background: #eee;
    563620    color: #d54e21;
    564    
     621
    565622    text-shadow: none;
    566623    -webkit-text-shadow: none;
    … …  
    569626/* Sidebar */
    570627
    571 .home .secondary {
     628.leftsidebar {
     629    z-index: 200;
     630}
     631
     632.secondary {
     633    display: block;
     634    float: left;
     635    position: relative;
    572636    width: 150px;
    573637}
    … …  
    577641    font-size: 13px;
    578642    line-height: 1.2;
    579    
     643
    580644    padding: 0 0 10px 0;
    581    
     645
    582646    margin: 47px 0 11px 0;
    583647}
    … …  
    591655    font-weight: bold;
    592656    line-height: 1.4;
    593    
     657
    594658    padding: 0 0 8px 0;
    595    
     659
    596660    border-bottom: 1px #dedede solid;
    597661}
    … …  
    599663.secondary #s {
    600664    width: 78px;
    601    
     665
    602666    border-radius: 2px;
    603667    -webkit-border-radius: 2px;
    … …  
    607671    display: block;
    608672    float: right;
    609    
     673
    610674    background: #e6e6e6;
    611    
     675
    612676    font-size: 11px;
    613677    font-weight: bold;
    614678    line-height: 1;
    615    
     679
    616680    text-shadow: 0 1px 0 #fff;
    617681    -webkit-text-shadow: 0 1px 0 #fff;
    618        
     682
    619683    padding: 4px 7px 3px 7px;
    620    
     684
    621685    border-radius: 23px;
    622686    -webkit-border-radius: 23px;
    … …  
    672736    font-weight: bold;
    673737    line-height: 1;
    674      
     738
    675739    margin: 0 5px 5px 0;
    676740    padding: 3px 5px;
    677      
     741
    678742    border-radius: 2px;
    679743    -webkit-border-radius: 2px;
    680    
     744
    681745    text-shadow: 0 1px 0 #fff;
    682746    -webkit-text-shadow: 0 1px 0 #fff;
    683747}
    684748
    685 .wpsc-tags li a:hover { 
     749.wpsc-tags li a:hover {
    686750    text-shadow: none;
    687751    -webkit-text-shadow: none;
    … …  
    689753
    690754.home .main-content {
    691     margin: 0 -25px 0 0;   
    692     width: 750px;
    693    
    694     float: right;
     755    margin: 0;
     756    width: calc( 100% - 180px);
     757
     758    float: left;
    695759}
    696760
    697761.home .main-content h3 {
    698762    font-weight: bold;
    699     margin: 0 0 29px 0;
     763    margin: 0 0 29px 14px;
    700764}
    701765
    … …  
    711775
    712776    list-style: none;
    713    
     777
    714778    min-height: 310px;
    715     width: 215px;
    716    
    717     margin: 0 33px 40px 0; 
    718     padding: 0 0 10px 0;
     779    width: 29%;
     780
     781    padding: 10px;
     782}
     783
     784.wpsc-recent>li:first-child a {
     785    display: inline-block;
     786    max-height: 161px;
     787    overflow: hidden;
    719788}
    720789
    … …  
    722791    border-radius: 3px;
    723792    -webkit-border-radius: 3px;
    724    
     793
    725794    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
    726795    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
    … …  
    751820    position: absolute;
    752821    bottom: 0;
    753     height:auto;   
     822    height:auto;
    754823    border-top: 1px #EFEFEF solid;
    755824    padding: 5px 0 0 0;
    756825    text-align: right;
     826    width: 80%;
     827    margin-left: 5%;
    757828}
    758829
    759830/* Ratings */
    760831
    761 #pagebody .post-ratings img, 
    762 #pagebody .post-ratings-loading img, 
     832#pagebody .post-ratings img,
     833#pagebody .post-ratings-loading img,
    763834#pagebody .post-ratings-image img {
    764835    padding: 5px 2px 0 0; /* was margin */
    … …  
    774845    font-weight: bold;
    775846    margin: 20px 25px 100px 25px;
    776    
    777 }
     847
     848}
     849
     850#wpsc-mobile-menu-button:before {
     851    border: none;
     852    box-sizing: border-box;
     853    -moz-box-sizing: border-box;
     854    color: #888;
     855    content: '\f228';
     856    display: none;
     857    float: left;
     858    font: normal 30px/1 'Dashicons';
     859    height: 32px;
     860    margin-right: -10px;
     861    margin-top: 15px;
     862    outline: none;
     863    padding: 3px;
     864    text-decoration: none;
     865    vertical-align: middle;
     866    width: 39px;
     867    -webkit-font-smoothing: antialiased;
     868}
     869
     870.archive a img.alignleft {
     871    margin: 5px 20px 0 0;
     872}
     873
     874.currentSiteRating {
     875    display: none;
     876}
     877
     878/* Large devices */
     879@media ( max-width: 992px ) {
     880
     881}
     882
     883/* Medium devices */
     884@media ( max-width: 768px ) {
     885    .home .main-content {
     886        padding: 0;
     887        width: 100%;
     888    }
     889
     890    .home .main-content h3 {
     891        margin-top: 1.5em;
     892    }
     893
     894    .wpsc-hero.group {
     895        display: none !important;
     896    }
     897
     898    .wpsc-business > li,
     899    .wpsc-recadded > li {
     900        width: 44% !important;;
     901    }
     902
     903    .wpsc-business > li:last-child,
     904    .wpsc-recadded > li:last-child {
     905        display: none !important;
     906    }
     907
     908    .leftsidebar {
     909        background: #fff;
     910        border: 1px #DFDFDF solid;
     911        height: 100%;
     912        margin-left: -210px;
     913        margin-top: -1px;
     914        min-height: 100vh;
     915        padding: 20px;
     916    }
     917
     918    #wpsc-mobile-menu-button:before {
     919        display: inline-block;
     920    }
     921
     922    .col-5 {
     923        width: calc( 100% - 220px );
     924    }
     925
     926    .single .leftsidebar,
     927    .archive .leftsidebar,
     928    .page .leftsidebar,
     929    .blog .leftsidebar {
     930        margin-top: -41px;
     931    }
     932
     933    .page-template-page-home .leftsidebar {
     934        margin-top: -1px !important;
     935    }
     936
     937    .page .storycontent {
     938        padding-right: 0;
     939    }
     940}
     941
     942/* Small devices */
     943@media ( max-width: 576px ) {
     944    .wpsc-business > li,
     945    .wpsc-recadded > li {
     946        width: 100% !important;
     947    }
     948
     949    .home .wpsc-recent > li {
     950        text-align: center;
     951        width: 44%;
     952    }
     953
     954    .rightsidebar {
     955        display: inline-block;
     956        margin: 50px 0 0 0;
     957        width: 100%;
     958        clear: none;
     959        float: none;
     960    }
     961
     962    .rightsidebarwrapper {
     963        padding: 0 14px 0 14px;
     964    }
     965
     966    .col-5 {
     967        width: 100%;
     968        margin: 0;
     969        padding: 0 14px 0 14px;
     970        display: table-cell;
     971        float: none;
     972    }
     973
     974    .archive a img.alignleft {
     975        width: 100%;
     976        padding: 0;
     977        margin: 0 0 14px 0;
     978    }
     979
     980    .archive .story-excerpt {
     981        margin: 0 0 14px 0;
     982    }
     983}
     984
     985/* Smaller devices */
     986@media ( max-width: 340px ) {
     987    .home .wpsc-recent > li {
     988        width: 95%;
     989    }
     990}
     991
Note: See TracChangeset for help on using the changeset viewer.