WordPress.org

Making WordPress.org

Changeset 6273


Ignore:
Timestamp:
12/14/17 23:30:48 (5 weeks 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.