WordPress.org

Make WordPress Core

Changeset 25060


Ignore:
Timestamp:
08/20/13 17:30:18 (8 months ago)
Author:
lancewillett
Message:

Twenty Fourteen: change IDs to classes in markup and CSS selectors. Props obenland, see #24858.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/js/theme.js

    r24832 r25060  
    55        var $primaryNaviClone, 
    66            $secondaryNaviClone, 
    7             $masthead = $( 'header#masthead' ), 
    8             $secondaryTop = $( 'div#secondary-top' ), 
    9             $mobileNavigations = $( 'div#mobile-navigations'), 
     7            $masthead = $( '#masthead' ), 
     8            $secondaryTop = $( '#secondary-top' ), 
     9            $mobileNavigations = $( '#mobile-navigations'), 
    1010            $socialLinksWrapper = $( 'div.social-links-wrapper' ), 
    1111            $searchBoxWrapper = $( 'div.search-box-wrapper' ), 
     
    1717        function menuToggle() { 
    1818            $( 'span#nav-toggle' ).toggleClass( 'active' ); 
    19             $masthead.find( 'div#mobile-navigations' ).toggleClass( 'hide' ); 
     19            $masthead.find( '#mobile-navigations' ).toggleClass( 'hide' ); 
    2020        } 
    2121 
     
    4949        function mobileHeader() { 
    5050            // Check if the toggler exists. If not add it. 
    51             if ( ! $( 'span#nav-toggle' ).length ) 
     51            if ( ! $( '#nav-toggle' ).length ) 
    5252            $( '<span id="nav-toggle" class="genericon" />' ).appendTo( $masthead ); 
    5353 
     
    105105        var $mastheadOffset  = -1, 
    106106            $toolbarOffset = $( 'body' ).is( '.admin-bar' ) ? 32 : 0, 
    107             $maindiv = $( 'div#main' ); 
     107            $maindiv = $( '#main' ); 
    108108 
    109109        $( window ).on( 'scroll', false, function() { 
  • trunk/src/wp-content/themes/twentyfourteen/rtl.css

    r25023 r25060  
    108108} 
    109109 
    110 .search-box #searchform input[type="text"] { 
     110.search-box .search-field { 
    111111    float: left; 
    112112} 
     
    260260.post-navigation .nav-previous, 
    261261.post-navigation .nav-next, 
    262 #image-navigation .previous-image, 
    263 #image-navigation .next-image { 
     262.image-navigation .previous-image, 
     263.image-navigation .next-image { 
    264264    text-align: right; 
    265265} 
     
    316316} 
    317317 
    318 #comments li #respond { 
     318.comment .comment-respond { 
    319319    margin-right: 47px; 
    320320    margin-right: 4.7rem; 
     
    340340 
    341341/* Caledar widget*/ 
    342 .widget_calendar #wp-calendar caption { 
     342.widget_calendar caption { 
    343343    text-align: right; 
    344344} 
    345345 
    346 .widget_calendar #wp-calendar tfoot td#prev { 
     346.widget_calendar#prev { 
    347347    padding-right: 5px; 
    348348    padding-right: 0.5rem; 
     
    350350} 
    351351 
    352 .widget_calendar #wp-calendar tfoot td#next { 
     352.widget_calendar #next { 
    353353    border-left: 1px solid rgba(255, 255, 255, 0.2); 
    354354    padding-left: 5px; 
     
    363363----------------------------------------------- */ 
    364364 
    365 #content-sidebar .widget .children, 
    366 #content-sidebar .widget .sub-menu { 
     365.content-sidebar .widget .children, 
     366.content-sidebar .widget .sub-menu { 
    367367    margin:0 20px 0 0; 
    368368    margin:0 2.0rem 0 0; 
    369369} 
    370370 
    371 #content-sidebar .widget .widgets-multi-column-grid li { 
     371.content-sidebar .widget .widgets-multi-column-grid li { 
    372372    padding: 0 0 6px 8px; 
    373373    padding: 0 0 0.6rem 0.8rem; 
     
    388388 
    389389@media screen and (min-width: 400px) { 
    390     #primary .featured-post:before, 
    391     #primary .post-format a:before, 
    392     #primary .post-format + span.entry-date a:before, 
    393     #primary span.entry-date a:before, 
    394     #primary .byline a:before, 
    395     #primary .comments-link a:before, 
     390    .content-area .featured-post:before, 
     391    .content-area .post-format a:before, 
     392    .content-area .post-format + .entry-date a:before, 
     393    .content-area .entry-date a:before, 
     394    .content-area .byline a:before, 
     395    .content-area .comments-link a:before, 
    396396    .entry-comment .edit-link a:before, 
    397     .attachment span.entry-date:before, 
    398     #primary .full-size-link a:before, 
    399     #primary .parent-post-link a:before { 
     397    .attachment .entry-date:before, 
     398    .content-area .full-size-link a:before, 
     399    .content-area .parent-post-link a:before { 
    400400        margin: 0 0 0 2px; 
    401401        margin: 0 0 0 0.2rem; 
    402402    } 
    403403 
    404     #primary .entry-meta > span { 
     404    .content-area .entry-meta > span { 
    405405        margin-left: 10px; 
    406406        margin-left: 1.0rem; 
     
    408408    } 
    409409 
    410     #primary .format-video .post-format a:before { 
     410    .content-area .format-video .post-format a:before { 
    411411        margin: -1px 0 0 2px; 
    412412        margin: -0.1rem 0 0 0.2rem; 
    413413    } 
    414414 
    415     #primary .format-image .post-format a:before { 
     415    .content-area .format-image .post-format a:before { 
    416416        margin: -1px 0 0 2px; 
    417417        margin: -0.1rem 0 0 0.2rem; 
    418418    } 
    419419 
    420     #primary .format-gallery .post-format a:before { 
     420    .content-area .format-gallery .post-format a:before { 
    421421        margin: -1px 0 0 4px; 
    422422        margin: -0.1rem 0 0 0.4rem; 
    423423    } 
    424424 
    425     #primary .featured-post:before { 
     425    .content-area .featured-post:before { 
    426426        margin: -1px 0 0 3px; 
    427427        margin: -0.1rem 0 0 0.3rem; 
    428428    } 
    429429 
    430     #primary .post-format + span.entry-date a:before, 
    431     #primary span.entry-date a:before, 
    432     .attachment span.entry-date:before { 
     430    .content-area .post-format + .entry-date a:before, 
     431    .content-area .entry-date a:before, 
     432    .attachment .entry-date:before { 
    433433        margin: 0 0 0 1px; 
    434434        margin: 0 0 0 0.1rem; 
    435435    } 
    436436 
    437     #primary .comments-link a:before { 
     437    .content-area .comments-link a:before { 
    438438        margin: -1px 0 0 2px; 
    439439        margin: -0.1rem 0 0 0.2rem; 
     
    452452 
    453453@media screen and (min-width: 672px) { 
    454     #primary { 
     454    .content-area { 
    455455        float: right; 
    456456    } 
     
    495495    .comments-title, 
    496496    .nocomments, 
    497     #comments #respond, 
     497    .comment-respond, 
    498498    .comments-area article, 
    499     .comment-list li.trackback, 
    500     .comment-list li.pingback, 
     499    .comment-list .trackback, 
     500    .comment-list .pingback, 
    501501    .post-navigation [rel="prev"], 
    502502    .post-navigation [rel="next"] { 
     
    510510    } 
    511511 
    512     #image-navigation .previous-image, 
    513     #image-navigation .next-image, 
     512    .image-navigation .previous-image, 
     513    .image-navigation .next-image, 
    514514    .full-width .comment-navigation, 
    515515    .full-width .comments-title, 
    516     .full-width #comments #respond, 
     516    .full-width .comment-respond, 
    517517    .full-width .comments-area article, 
    518518    .full-width .comment-list li.trackback, 
     
    531531 
    532532@media screen and (min-width: 870px) { 
    533     #primary .entry-header { 
     533    .content-area .entry-header { 
    534534        margin-left: 8.03571428%; 
    535535        margin-right: 12.5%; 
    536536    } 
    537537 
    538     #primary .entry-content, 
    539     #primary .entry-summary { 
     538    .content-area .entry-content, 
     539    .content-area .entry-summary { 
    540540        margin-left: 8.03571428%; 
    541541        margin-right: 12.5%; 
    542542    } 
    543543 
    544     #primary footer.entry-meta { 
     544    .content-area footer.entry-meta { 
    545545        margin: 12px 12.5% 24px 8.03571428%; 
    546546        margin: 1.2rem 12.5% 2.4rem 8.03571428%; 
    547547    } 
    548548 
    549     .page #primary .entry-header, 
    550     .error404 #primary .entry-header { 
     549    .page .content-area .entry-header, 
     550    .error404 .content-area .entry-header { 
    551551        margin: 0 12.5% 0 8.03571428%; 
    552552    } 
     
    559559    .comments-title, 
    560560    .nocomments, 
    561     #comments #respond, 
     561    .comment-respond, 
    562562    .comments-area article, 
    563563    .comment-list li.trackback, 
     
    569569    } 
    570570 
    571     #comments #respond { 
     571    .comment-respond { 
    572572        padding-left: 13.8900862%; 
    573573    } 
     
    590590    } 
    591591 
    592     #image-navigation .previous-image, 
    593     #image-navigation .next-image, 
     592    .image-navigation .previous-image, 
     593    .image-navigation .next-image, 
    594594    .full-width .comment-navigation, 
    595595    .full-width .comments-title, 
    596     .full-width #comments #respond, 
     596    .full-width .comment-respond, 
    597597    .full-width .comments-area article, 
    598     .full-width .comment-list li.trackback, 
    599     .full-width .comment-list li.pingback { 
     598    .full-width .comment-list .trackback, 
     599    .full-width .comment-list .pingback { 
    600600        padding-left: 11.30926724%; 
    601601        padding-right: 11.30926724%; 
     
    612612    } 
    613613 
    614     #primary .no-results .entry-header { 
     614    .content-area .no-results .entry-header { 
    615615        margin-right: 12.5%; 
    616616        margin-left: 8.03571428%; 
    617617    } 
    618618 
    619     #primary .no-results .entry-content { 
     619    .content-area .no-results .entry-content { 
    620620        margin-right: 12.5%; 
    621621        margin-left: 8.03571428%; 
     
    624624 
    625625@media screen and (min-width: 1008px) { 
    626     #page:before { 
     626    .site:before { 
    627627        right: 0; 
    628628        left: auto; 
     
    661661    } 
    662662 
    663     #content-sidebar, 
     663    .content-sidebar, 
    664664    .post-formatted-posts { 
    665665        margin: 0 -27.31707317% 0 0; 
     
    672672    } 
    673673 
    674     #colophon { 
     674    .site-footer { 
    675675        padding-right: 27px; 
    676676        padding-right: 2.7rem; 
     
    692692    .comments-title, 
    693693    .nocomments, 
    694     #comments #respond, 
     694    .comment-respond, 
    695695    .comments-area article, 
    696     .comment-list li.trackback, 
    697     .comment-list li.pingback, 
     696    .comment-list .trackback, 
     697    .comment-list .pingback, 
    698698    .post-navigation [rel="prev"], 
    699699    .post-navigation [rel="next"] { 
     
    713713    } 
    714714 
    715     #image-navigation .previous-image, 
    716     #image-navigation .next-image, 
     715    .image-navigation .previous-image, 
     716    .image-navigation .next-image, 
    717717    .full-width .comment-navigation, 
    718718    .full-width .comments-title, 
    719     .full-width #comments #respond, 
     719    .full-width .comment-respond, 
    720720    .full-width .comments-area article, 
    721     .full-width .comment-list li.trackback, 
    722     .full-width .comment-list li.pingback { 
     721    .full-width .comment-list .trackback, 
     722    .full-width .comment-list .pingback { 
    723723        padding-left: 5.882236%; 
    724724        padding-right: 5.882236%; 
     
    746746 
    747747@media screen and (min-width: 1150px) { 
    748     #primary .entry-header { 
     748    .content-area .entry-header { 
    749749        margin: -48px 12.5% 0 8.03571428%; 
    750750        margin: -4.8rem 12.5% 0 8.03571428%; 
    751751    } 
    752752 
    753     #primary .entry-content, 
    754     #primary .entry-summary { 
     753    .content-area .entry-content, 
     754    .content-area .entry-summary { 
    755755        margin: 0 12.5% 0 8.03571428%; 
    756756    } 
    757757 
    758     #primary footer.entry-meta { 
     758    .content-area footer.entry-meta { 
    759759        margin: 12px 12.5% 24px 8.03571428%; 
    760760        margin: 1.2rem 12.5% 2.4rem 8.03571428%; 
     
    763763    .comments-title, 
    764764    .nocomments, 
    765     #comments #respond, 
     765    .comment-respond, 
    766766    .comments-area article, 
    767     .comment-list li.trackback, 
    768     .comment-list li.pingback, 
     767    .comment-list .trackback, 
     768    .comment-list .pingback, 
    769769    .post-navigation [rel="prev"], 
    770770    .post-navigation [rel="next"] { 
     
    773773    } 
    774774 
    775     #comments #respond { 
     775    .comment-respond { 
    776776        padding-left: 13.73697916%; 
    777777    } 
     
    794794    } 
    795795 
    796     .page #primary .entry-header, 
    797     .error404 #primary .entry-header { 
     796    .page .content-area .entry-header, 
     797    .error404 .content-area .entry-header { 
    798798        margin: 0 12.5% 0 8.03571428%; 
    799799    } 
    800800 
    801     #image-navigation .previous-image, 
    802     #image-navigation .next-image, 
     801    .image-navigation .previous-image, 
     802    .image-navigation .next-image, 
    803803    .full-width .comment-navigation, 
    804804    .full-width .comments-title, 
    805     .full-width #comments #respond, 
     805    .full-width .comment-respond, 
    806806    .full-width .comments-area article, 
    807     .full-width .comment-list li.trackback, 
    808     .full-width .comment-list li.pingback { 
     807    .full-width .comment-list .trackback, 
     808    .full-width .comment-list .pingback { 
    809809        padding-left: 11.21868265%; 
    810810        padding-right: 11.21868265%; 
    811811    } 
    812812 
    813     #primary .entry-content .wp-caption.alignright .wp-caption-text { 
     813    .content-area .entry-content .wp-caption.alignright .wp-caption-text { 
    814814        padding-right: 10px; 
    815815        padding-right: 1.0rem; 
     
    829829 
    830830@media screen and (min-width: 1230px) { 
    831     #content-sidebar, 
     831    .content-sidebar, 
    832832    .post-formatted-posts { 
    833833        padding-left: 0; 
    834834    } 
    835835 
    836     #primary .full-width .entry-header, 
    837     #primary .full-width .entry-content, 
    838     #primary .full-width footer.entry-meta { 
     836    .content-area .full-width .entry-header, 
     837    .content-area .full-width .entry-content, 
     838    .content-area .full-width footer.entry-meta { 
    839839        margin: 0 11.21868265% 0 0; 
    840840    } 
    841841 
    842     #image-navigation .previous-image, 
    843     #image-navigation .next-image, 
     842    .image-navigation .previous-image, 
     843    .image-navigation .next-image, 
    844844    .full-width .comment-navigation, 
    845845    .full-width .comments-title, 
    846     .full-width #comments #respond, 
     846    .full-width .comment-respond, 
    847847    .full-width .comments-area article, 
    848     .full-width .comment-list li.trackback, 
    849     .full-width .comment-list li.pingback { 
    850         padding-left: 0; 
    851     } 
    852 } 
     848    .full-width .comment-list .trackback, 
     849    .full-width .comment-list .pingback { 
     850        padding-left: 0; 
     851    } 
     852} 
  • trunk/src/wp-content/themes/twentyfourteen/sidebar-content.php

    r25023 r25060  
    77 */ 
    88?> 
    9 <div id="content-sidebar" class="widget-area" role="complementary"> 
     9<div id="content-sidebar" class="content-sidebar widget-area" role="complementary"> 
    1010    <?php do_action( 'before_sidebar' ); ?> 
    1111 
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25023 r25060  
    221221    list-style: decimal; 
    222222} 
    223 ul ul, ol ol, ul ol, ol ul { 
     223li > ul, 
     224li > ol { 
    224225    margin-bottom: 0; 
    225226    margin-left: 20px; 
     
    450451} 
    451452/* Animated elements */ 
    452 #page a, 
     453.site a, 
    453454.more-link .meta-nav, 
    454455.more-formatted-posts-link .meta-nav, 
     
    460461html input[type="button"], 
    461462input[type="reset"], 
    462 input[type="submit"], 
    463 #infinite-handle span { 
     463input[type="submit"] { 
    464464    -webkit-transition: all 0.2s ease-out; 
    465465    -moz-transition: all 0.2s ease-out; 
     
    544544    text-rendering: optimizeLegibility; 
    545545} 
    546 #page { 
     546.site { 
    547547    background-color: #fff; 
    548548    max-width: 1230px; 
     
    550550    position: relative; 
    551551} 
    552 #main { 
     552.site-main { 
    553553    max-width: 1230px; 
    554554    max-width: 123.0rem; 
    555555} 
    556 #primary { 
     556.content-area { 
    557557    padding-top:24px; 
    558558    padding-top:2.4rem; 
     
    568568    z-index: 2; 
    569569} 
    570 #content-sidebar { 
     570.content-sidebar { 
    571571    -moz-box-sizing: border-box; 
    572572    box-sizing: border-box; 
     
    584584    z-index: 3; 
    585585} 
    586 #colophon { 
     586.site-footer { 
    587587    background-color: #000; 
    588588    color: rgba(255, 255, 255, 0.4); 
     
    599599----------------------------------------------- */ 
    600600 
    601 #masthead { 
     601.site-header { 
    602602    background-color: #000; 
    603603    max-width: 1230px; 
     
    609609 
    610610/* Fixed Header */ 
    611 #masthead.masthead-fixed { 
     611.site-header.masthead-fixed { 
    612612    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 
    613613    position: fixed; 
    614614        top: 0; 
    615615} 
    616 .admin-bar #masthead.masthead-fixed { 
     616.admin-bar .site-header.masthead-fixed { 
    617617    top: 32px; 
    618618} 
     
    10501050} 
    10511051.post-formatted-posts .entry-title:after, 
    1052 #primary span + span.entry-date:before, 
     1052.content-area span + span.entry-date:before, 
    10531053span + .byline:before, 
    10541054span + .comments-link:before, 
     
    11031103} 
    11041104 
    1105 /* #primary specific styles */ 
    1106 #primary .entry-header, 
    1107 #primary .page-header { 
     1105/* .content-area specific styles */ 
     1106.content-area .entry-header, 
     1107.content-area .page-header { 
    11081108    background-color: #fff; 
    11091109    padding: 24px 10px 12px; 
    11101110    padding: 2.4rem 1.0rem 1.2rem; 
    11111111} 
    1112 #primary .entry-title, 
    1113 #primary .page-title { 
     1112.content-area .entry-title, 
     1113.content-area .page-title { 
    11141114    font-size: 33px; 
    11151115    font-size: 3.3rem; 
     
    11201120    text-transform: uppercase; 
    11211121} 
    1122 #primary .entry-meta { 
     1122.content-area .entry-meta { 
    11231123    background-color: #fff; 
    11241124    margin-bottom: 8px; 
     
    11261126    text-transform: uppercase; 
    11271127} 
    1128 #primary .entry-content, 
    1129 #primary .page-content, 
    1130 #primary .entry-summary { 
     1128.content-area .entry-content, 
     1129.content-area .page-content, 
     1130.content-area .entry-summary { 
    11311131    background-color: #fff; 
    11321132    padding: 12px 10px 0; 
    11331133    padding: 1.2rem 1.0rem 0; 
    11341134} 
    1135 #primary footer.entry-meta { 
     1135.content-area footer.entry-meta { 
    11361136    margin-top: 12px; 
    11371137    margin-top: 1.2rem; 
     
    11391139    padding: 0 1.0rem; 
    11401140} 
    1141 #primary footer.entry-meta .entry-meta { 
     1141.content-area footer.entry-meta .entry-meta { 
    11421142    margin-bottom: 24px; 
    11431143    margin-bottom: 2.4rem; 
    11441144} 
    1145 #primary footer.entry-meta .entry-title { 
     1145.content-area footer.entry-meta .entry-title { 
    11461146    font-size: 12px; 
    11471147    font-size: 1.2rem; 
     
    11521152    text-transform: none; 
    11531153} 
    1154 #primary footer.entry-meta .entry-title a { 
     1154footer.entry-meta .entry-title a { 
    11551155    color: #8c8c8c; 
    11561156} 
    1157 #primary footer.entry-meta .entry-title a:hover { 
     1157footer.entry-meta .entry-title a:hover { 
    11581158    color: #2b2b2b; 
    11591159} 
    1160 #primary .format-aside, 
    1161 #primary .format-quote, 
    1162 #primary .format-link, 
    1163 #primary .format-image, 
    1164 #primary .format-video { 
     1160.format-aside, 
     1161.format-quote, 
     1162.format-link, 
     1163.format-image, 
     1164.format-video { 
    11651165    border-top: 1px solid rgba(0, 0, 0, 0.1); 
    11661166} 
    1167 #primary .format-aside .entry-header .entry-title, 
    1168 #primary .format-quote .entry-header .entry-title, 
    1169 #primary .format-link .entry-header .entry-title { 
     1167.format-aside .entry-title, 
     1168.format-quote .entry-title, 
     1169.format-link .entry-title { 
    11701170    display: none; 
    11711171} 
    1172 #primary .format-aside .entry-content, 
    1173 #primary .format-aside .entry-summary, 
    1174 #primary .format-quote .entry-content, 
    1175 #primary .format-quote .entry-summary, 
    1176 #primary .format-link .entry-content, 
    1177 #primary .format-link.entry-summary { 
     1172.format-aside .entry-content, 
     1173.format-aside .entry-summary, 
     1174.format-quote .entry-content, 
     1175.format-quote .entry-summary, 
     1176.format-link .entry-content, 
     1177.format-link.entry-summary  { 
    11781178    padding-top: 0; 
    11791179} 
    11801180 
    11811181/* Single specific styles */ 
    1182 .single #primary .format-aside .entry-header, 
    1183 .single #primary .format-quote .entry-header, 
    1184 .single #primary .format-link .entry-header, 
    1185 .single #primary .format-image .entry-header, 
    1186 .single #primary .format-video .entry-header { 
     1182.single .format-aside .entry-header, 
     1183.single .format-quote .entry-header, 
     1184.single .format-link .entry-header, 
     1185.single .format-image .entry-header, 
     1186.single .format-video .entry-header { 
    11871187    padding-top: 0; 
    11881188} 
    1189 .single #primary .format-aside, 
    1190 .single #primary .format-quote, 
    1191 .single #primary .format-link, 
    1192 .single #primary .format-image, 
    1193 .single #primary .format-video { 
     1189.single .format-aside, 
     1190.single .format-quote, 
     1191.single .format-link, 
     1192.single .format-image, 
     1193.single .format-video { 
    11941194    border-top: none; 
    11951195} 
    11961196 
    11971197/* Page specific styles */ 
    1198 .page #primary .entry-header, 
    1199 .error404 #primary .page-header, 
    1200 .single-attachment #primary .entry-header, 
    1201 .page #primary .entry-content, 
    1202 .error404 #primary .page-content, 
    1203 .single-attachment #primary .entry-content { 
     1198.page .entry-header, 
     1199.page .entry-content, 
     1200.error404 .page-header, 
     1201.error404 .page-content, 
     1202.single-attachment .entry-header, 
     1203.single-attachment .entry-content { 
    12041204    padding-top: 0; 
    12051205} 
    1206 .single-attachment #primary footer.entry-meta { 
     1206.single-attachment footer.entry-meta { 
    12071207    text-transform: none; 
    12081208} 
     
    12651265    height: auto; 
    12661266} 
    1267 #page .tag-links a { 
     1267.site .tag-links a { 
    12681268    -webkit-transition: all 0s ease-out; 
    12691269    -moz-transition: all 0s ease-out; 
     
    15881588    margin-bottom: 3.6rem; 
    15891589} 
    1590 .error404 .page-content .widget-title, 
    1591 .error404 .page-content .widgettitle { 
     1590.error404 .page-content .widget-title { 
    15921591    border-top: 5px solid #000; 
    15931592    color: #2b2b2b; 
     
    16041603    height: auto; 
    16051604} 
    1606 #site-header img, 
     1605.site-header img, 
    16071606.attachment-featured-thumbnail-large, 
    16081607.entry-content img, 
     
    16641663    text-align: left; 
    16651664} 
    1666 #content .gallery a img { 
     1665.site-content .gallery a img { 
    16671666    border: none; 
    16681667    height: auto; 
     
    16721671    line-height: 1; /* Remove a little margin bottom */ 
    16731672} 
    1674 #content .gallery .gallery-item { 
     1673.site-content .gallery .gallery-item { 
    16751674    margin: 0 0 12px 0; 
    16761675    margin: 0 0 1.2rem 0; 
    16771676} 
    1678 #content .gallery { 
     1677.site-content .gallery { 
    16791678    margin-bottom: 12px; 
    16801679    margin-bottom: 1.2rem; 
     
    17761775} 
    17771776.post-navigation, 
    1778 #image-navigation { 
     1777.image-navigation { 
    17791778    border-top: 1px solid rgba(0, 0, 0, 0.1); 
    17801779    margin: 24px 0 0; 
     
    17831782.post-navigation [rel="prev"], 
    17841783.post-navigation [rel="next"], 
    1785 #image-navigation .previous-image, 
    1786 #image-navigation .next-image  { 
     1784.image-navigation .previous-image, 
     1785.image-navigation .next-image  { 
    17871786    border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
    17881787    -moz-box-sizing: border-box; 
     
    18071806} 
    18081807.site-content .post-navigation a, 
    1809 .site-content #image-navigation a { 
     1808.site-content .image-navigation a { 
    18101809    color: #2b2b2b; 
    18111810    display: block; 
     
    18171816} 
    18181817.site-content .post-navigation a:hover, 
    1819 .site-content #image-navigation a:hover { 
     1818.site-content .image-navigation a:hover { 
    18201819    background-color: rgba(0, 0, 0, 0.01); 
    18211820    color: #41a62a; 
     
    18491848----------------------------------------------- */ 
    18501849 
    1851 #comments { 
     1850.comments-area { 
    18521851    margin-top: 36px; 
    18531852    margin-top: 3.6rem; 
    18541853} 
    18551854.comments-title, 
    1856 #reply-title { 
     1855.comment-reply-title { 
    18571856    font-size: 16px; 
    18581857    font-size: 1.6rem; 
     
    18641863    text-transform: uppercase; 
    18651864} 
    1866 #commentform { 
     1865.comment-form { 
    18671866    background: #fff; 
    18681867    padding: 0 10px; 
     
    18941893.comment-author a:hover, 
    18951894.comment-meta a:hover, 
    1896 .comment-list li.trackback a:hover, 
    1897 .comment-list li.pingback a:hover { 
     1895.comment-list .trackback a:hover, 
     1896.comment-list .pingback a:hover { 
    18981897    color: #41a62a; 
    18991898    text-decoration: none; 
     
    19051904} 
    19061905.comments-area article, 
    1907 .comment-list li.trackback, 
    1908 .comment-list li.pingback { 
     1906.comment-list .trackback, 
     1907.comment-list .pingback { 
    19091908    border-top: 1px solid rgba(0, 0, 0, 0.1); 
    19101909    margin-bottom: 24px; 
     
    19401939    height: 2.2rem; 
    19411940} 
    1942 .bypostauthor > article .comment-author .comment-author-avatar { 
     1941.bypostauthor .comment-author .comment-author-avatar { 
    19431942    background-color: #41a62a; 
    19441943} 
     
    19821981    border: none; 
    19831982} 
    1984 #comments #respond { 
     1983.comment-respond { 
    19851984    padding: 0; 
    19861985    margin-bottom: 24px; 
    19871986    margin-bottom: 2.4rem; 
    19881987} 
    1989 #comments li #respond { 
     1988.comment .comment-respond { 
    19901989    margin-left: 47px; 
    19911990    margin-left: 4.7rem; 
    19921991} 
    1993 #comments #respond h3 { 
     1992.comment-respond h3 { 
    19941993    margin-top: 0; 
    19951994    margin-bottom: 24px; 
     
    20082007    text-transform: uppercase; 
    20092008} 
    2010 #commentform { 
     2009.comment-form { 
    20112010    padding: 0 10px; 
    20122011    padding: 0 1.0rem; 
    20132012} 
    2014 #commentform label { 
     2013.comment-form label { 
    20152014    display: block; 
    20162015} 
    2017 #commentform input[type=text] { 
     2016.comment-form input[type=text] { 
    20182017    width: 100%; 
    20192018} 
     
    20212020    display: none; 
    20222021} 
    2023 #commentform p:last-child { 
     2022.comment-form p:last-child { 
    20242023    margin-bottom: 0; 
    20252024} 
     
    20402039----------------------------------------------- */ 
    20412040 
    2042 #colophon a { 
     2041.site-footer a { 
    20432042    color: rgba(255, 255, 255, 0.4); 
    20442043} 
    2045 #colophon a:hover { 
     2044.site-footer a:hover { 
    20462045    color: #fff; 
    20472046} 
     
    20802079    margin: 0 0 0 1.0rem; 
    20812080} 
    2082 .widget-title, 
    2083 .widgettitle { 
     2081.widget-title { 
    20842082    font-size: 14px; 
    20852083    font-size: 1.4rem; 
     
    21382136.widget p:last-child, 
    21392137#secondary .widget p:last-child, 
    2140 #content-sidebar .widget p:last-child { 
     2138.content-sidebar .widget p:last-child { 
    21412139    margin-bottom: 0; 
    21422140} 
    21432141 
    21442142/* Caledar widget*/ 
    2145 .widget_calendar #wp-calendar a { 
    2146     display: block; 
    2147 } 
    2148 .widget_calendar #wp-calendar tbody a { 
     2143.widget_calendar a { 
    21492144    background-color: #41a62a; 
    21502145    color: #fff; 
    21512146    display: block; 
    21522147} 
    2153 .widget_calendar #wp-calendar tbody a:hover { 
     2148.widget_calendar a:hover { 
    21542149    background-color: #35921f; 
    21552150} 
    2156 .widget_calendar #wp-calendar { 
     2151.widget_calendar table { 
    21572152    border: 1px solid rgba(255, 255, 255, 0.2); 
    21582153    border-width: 1px 0 1px 1px; 
     
    21602155    margin: 0; 
    21612156} 
    2162 .widget_calendar #wp-calendar caption { 
     2157.widget_calendar caption { 
    21632158    color: #fff; 
    21642159    font-weight: 700; 
     
    21692164    text-transform: uppercase; 
    21702165} 
    2171 .widget_calendar #wp-calendar thead th, 
    2172 .widget_calendar #wp-calendar tbody td { 
     2166.widget_calendar thead th, 
     2167.widget_calendar tbody td { 
    21732168    border: 1px solid rgba(255, 255, 255, 0.2); 
    21742169    border-width: 0 1px 1px 0; 
    21752170    text-align: center; 
    21762171} 
    2177 .widget_calendar #wp-calendar tfoot td#prev { 
     2172.widget_calendar #prev { 
    21782173    padding-left: 5px; 
    21792174    padding-left: 0.5rem; 
    21802175} 
    2181 .widget_calendar #wp-calendar tfoot td#next { 
     2176.widget_calendar #next { 
    21822177    border-right: 1px solid rgba(255, 255, 255, 0.2); 
    21832178    padding-right: 5px; 
     
    22102205.widget_recent_comments tr { 
    22112206} 
    2212 .widget_recent_comments td.recentcommentsavatartop, 
    2213 .widget_recent_comments td.recentcommentsavatarend { 
     2207.widget_recent_comments .recentcommentsavatartop, 
     2208.widget_recent_comments .recentcommentsavatarend { 
    22142209    padding: 8px 8px 8px 0; 
    22152210    padding: 0.8rem 0.8rem 0.8rem 0; 
    22162211} 
    2217 .widget_recent_comments td.recentcommentstexttop, 
    2218 .widget_recent_comments td.recentcommentstextend { 
     2212.widget_recent_comments .recentcommentstexttop, 
     2213.widget_recent_comments .recentcommentstextend { 
    22192214    line-height: 1.2857142857; 
    22202215    padding: 8px 0 8px 8px; 
     
    22372232----------------------------------------------- */ 
    22382233 
    2239 #content-sidebar { 
     2234.content-sidebar { 
    22402235    color: #8c8c8c; 
    22412236    font-size: 14px; 
     
    22432238    line-height: 1.2857142857; 
    22442239} 
    2245 #content-sidebar p { 
     2240.content-sidebar p { 
    22462241    margin-bottom: 18px; 
    22472242    margin-bottom: 1.8rem; 
    22482243} 
    2249 #content-sidebar a { 
     2244.content-sidebar a { 
    22502245    color: #2b2b2b; 
    22512246} 
    2252 #content-sidebar a:hover { 
     2247.content-sidebar a:hover { 
    22532248    color: #41a62a; 
    22542249} 
    2255 #content-sidebar button, 
    2256 #content-sidebar html input[type="button"], 
    2257 #content-sidebar input[type="reset"], 
    2258 #content-sidebar input[type="submit"] { 
     2250.content-sidebar button, 
     2251.content-sidebar html input[type="button"], 
     2252.content-sidebar input[type="reset"], 
     2253.content-sidebar input[type="submit"] { 
    22592254    background-color: #000; 
    22602255    font-size: 12px; 
     
    22632258    padding: 0.6rem 2.4rem; 
    22642259} 
    2265 #content-sidebar button:hover, 
    2266 #content-sidebar html input[type="button"]:hover, 
    2267 #content-sidebar input[type="reset"]:hover, 
    2268 #content-sidebar input[type="submit"]:hover, 
    2269 #content-sidebar button:focus, 
    2270 #content-sidebar html input[type="button"]:focus, 
    2271 #content-sidebar input[type="reset"]:focus, 
    2272 #content-sidebar input[type="submit"]:focus { 
     2260.content-sidebar button:hover, 
     2261.content-sidebar html input[type="button"]:hover, 
     2262.content-sidebar input[type="reset"]:hover, 
     2263.content-sidebar input[type="submit"]:hover, 
     2264.content-sidebar button:focus, 
     2265.content-sidebar html input[type="button"]:focus, 
     2266.content-sidebar input[type="reset"]:focus, 
     2267.content-sidebar input[type="submit"]:focus { 
    22732268    background-color: #41a62a; 
    22742269} 
    2275 #content-sidebar button:active, 
    2276 #content-sidebar html input[type="button"]:active, 
    2277 #content-sidebar input[type="reset"]:active, 
    2278 #content-sidebar input[type="submit"]:active { 
     2270.content-sidebar button:active, 
     2271.content-sidebar html input[type="button"]:active, 
     2272.content-sidebar input[type="reset"]:active, 
     2273.content-sidebar input[type="submit"]:active { 
    22792274    background-color: #5FF23D; 
    22802275} 
    2281 #content-sidebar input[type="text"], 
    2282 #content-sidebar input[type="email"], 
    2283 #content-sidebar input[type="password"], 
    2284 #content-sidebar textarea { 
     2276.content-sidebar input[type="text"], 
     2277.content-sidebar input[type="email"], 
     2278.content-sidebar input[type="password"], 
     2279.content-sidebar textarea { 
    22852280    background-color: #fff; 
    22862281    border: 1px solid rgba(0, 0, 0, 0.1); 
     
    22892284    padding: 0.4rem; 
    22902285} 
    2291 #content-sidebar .widget-title { 
     2286.content-sidebar .widget-title { 
    22922287    border-top: 5px solid #000; 
    22932288    color: #2b2b2b; 
     
    23012296    text-transform: uppercase; 
    23022297} 
    2303 #content-sidebar .widget li { 
     2298.content-sidebar .widget li { 
    23042299    border-top: 1px solid rgba(0, 0, 0, 0.1); 
    23052300    padding: 8px 0 9px; 
    23062301    padding: 0.8rem 0 0.9rem; 
    23072302} 
    2308 #content-sidebar .widget li:first-child { 
     2303.content-sidebar .widget li:first-child { 
    23092304    border-top: none; 
    23102305} 
    2311 #content-sidebar .widget .children, 
    2312 #content-sidebar .widget .sub-menu { 
     2306.content-sidebar .widget .children, 
     2307.content-sidebar .widget .sub-menu { 
    23132308    margin:0 0 0 20px; 
    23142309    margin:0 0 0 2.0rem; 
    23152310} 
    2316 #content-sidebar .widget li li { 
     2311.content-sidebar .widget li li { 
    23172312    border-top: none; 
    23182313    padding-bottom: 0; 
    23192314} 
    2320 #content-sidebar .widget_calendar #wp-calendar, 
    2321 #content-sidebar .widget_calendar #wp-calendar thead th, 
    2322 #content-sidebar .widget_calendar #wp-calendar tbody td, 
    2323 #content-sidebar .widget_calendar #wp-calendar tfoot td#next { 
     2315.content-sidebar .widget_calendar table, 
     2316.content-sidebar .widget_calendar thead th, 
     2317.content-sidebar .widget_calendar tbody td, 
     2318.content-sidebar .widget_calendar #next { 
    23242319    border-color: rgba(0, 0, 0, 0.1); 
    23252320} 
    2326 #content-sidebar .widget_calendar #wp-calendar caption { 
     2321.content-sidebar .widget_calendar caption { 
    23272322    color: #2b2b2b; 
    23282323    font-size: 14px; 
     
    23302325    font-weight: 900; 
    23312326} 
    2332 #content-sidebar .widget_calendar #wp-calendar thead th { 
     2327.content-sidebar .widget_calendar thead th { 
    23332328    background-color: rgba(0, 0, 0, 0.02); 
    23342329} 
    2335 #content-sidebar .widget_rss li { 
     2330.content-sidebar .widget_rss li { 
    23362331    margin-bottom: 0; 
    23372332} 
     
    23512346/* Mobile list style */ 
    23522347@media screen and (max-width: 400px) { 
    2353     .list-view #primary { 
     2348    .list-view .content-area { 
    23542349        padding: 12px 10px; 
    23552350        padding: 1.2rem 1.0rem; 
    23562351    } 
    2357     .list-view #primary .hentry { 
     2352    .list-view .content-area .hentry { 
    23582353        border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
    23592354        margin-bottom: 12px; 
     
    23642359        padding-bottom: 0.9rem; 
    23652360    } 
    2366     .list-view #primary .cat-links, 
    2367     .list-view #primary .entry-content, 
    2368     .list-view #primary .entry-summary, 
    2369     .list-view #primary footer.entry-meta { 
     2361    .list-view .content-area .cat-links, 
     2362    .list-view .content-area .entry-content, 
     2363    .list-view .content-area .entry-summary, 
     2364    .list-view .content-area footer.entry-meta { 
    23702365        display: none; 
    23712366    } 
     
    23832378        width: 8.4rem; 
    23842379    } 
    2385     .list-view #primary .entry-header { 
     2380    .list-view .content-area .entry-header { 
    23862381        background-color: transparent; 
    23872382        padding: 0; 
    23882383    } 
    2389     .list-view #primary .entry-title { 
     2384    .list-view .content-area .entry-title { 
    23902385         font-size: 15px; 
    23912386         font-size: 1.5rem; 
     
    23962391         text-transform: none; 
    23972392    } 
    2398     .list-view #primary .entry-meta { 
     2393    .list-view .content-area .entry-meta { 
    23992394        background-color: transparent; 
    24002395        clear: none; 
     
    24022397        text-transform: none; 
    24032398    } 
    2404     .list-view #primary .format-aside, 
    2405     .list-view #primary .format-quote, 
    2406     .list-view #primary .format-link, 
    2407     .list-view #primary .format-image, 
    2408     .list-view #primary .format-video { 
     2399    .list-view .content-area .format-aside, 
     2400    .list-view .content-area .format-quote, 
     2401    .list-view .content-area .format-link, 
     2402    .list-view .content-area .format-image, 
     2403    .list-view .content-area .format-video { 
    24092404        border-top: 0; 
    24102405    } 
    2411     .list-view #primary .format-aside .entry-header .entry-title, 
    2412     .list-view #primary .format-quote .entry-header .entry-title, 
    2413     .list-view #primary .format-link .entry-header .entry-title { 
     2406    .list-view .content-area .format-aside .entry-title, 
     2407    .list-view .content-area .format-quote .entry-title, 
     2408    .list-view .content-area .format-link .entry-title { 
    24142409        display: block; 
    24152410    } 
     
    24182413/* Enable Genricons */ 
    24192414@media screen and (min-width: 400px) { 
    2420     a.attachment-featured-thumbnail:hover img { 
     2415    .attachment-featured-thumbnail:hover img { 
    24212416        opacity: 0.8; 
    24222417    } 
    2423     #primary span + span.entry-date:before, 
    2424     #primary span + .byline:before, 
    2425     #primary span + .comments-link:before, 
    2426     #primary span + .edit-link:before, 
     2418    .content-area span + .entry-date:before, 
     2419    .content-area span + .byline:before, 
     2420    .content-area span + .comments-link:before, 
     2421    .content-area span + .edit-link:before, 
    24272422    .full-size-link:before, 
    24282423    .parent-post-link:before { 
    24292424        content: ''; 
    24302425    } 
    2431     #primary .featured-post:before, 
    2432     #primary .post-format a:before, 
    2433     #primary .post-format + span.entry-date a:before, 
    2434     #primary span.entry-date a:before, 
    2435     #primary .byline a:before, 
    2436     #primary .comments-link a:before, 
    2437     #primary .edit-link a:before, 
    2438     .attachment span.entry-date:before, 
    2439     #primary .full-size-link a:before, 
    2440     #primary .parent-post-link a:before { 
     2426    .content-area .featured-post:before, 
     2427    .content-area .post-format a:before, 
     2428    .content-area .post-format + .entry-date a:before, 
     2429    .content-area .entry-date a:before, 
     2430    .content-area .byline a:before, 
     2431    .content-area .comments-link a:before, 
     2432    .content-area .edit-link a:before, 
     2433    .attachment .entry-date:before, 
     2434    .content-area .full-size-link a:before, 
     2435    .content-area .parent-post-link a:before { 
    24412436        display: inline-block; 
    24422437        -webkit-font-smoothing: antialiased; 
     
    24482443        vertical-align: top; 
    24492444    } 
    2450     #primary .entry-meta > span { 
     2445    .content-area .entry-meta > span { 
    24512446        margin-right: 10px; 
    24522447        margin-right: 1.0rem; 
    24532448    } 
    2454     #primary .format-video .post-format a:before { 
     2449    .content-area .format-video .post-format a:before { 
    24552450        content: '\F104'; 
    24562451        margin: -1px 2px 0 0; 
    24572452        margin: -0.1rem 0.2rem 0 0; 
    24582453    } 
    2459     #primary .format-image .post-format a:before { 
     2454    .content-area .format-image .post-format a:before { 
    24602455        content: '\F102'; 
    24612456        margin: -1px 2px 0 0; 
    24622457        margin: -0.1rem 0.2rem 0 0; 
    24632458    } 
    2464     #primary .format-quote .post-format a:before { 
     2459    .content-area .format-quote .post-format a:before { 
    24652460        content: '\F106'; 
    24662461    } 
    2467     #primary .format-gallery .post-format a:before { 
     2462    .content-area .format-gallery .post-format a:before { 
    24682463        content: '\F103'; 
    24692464        margin: -1px 4px 0 0; 
    24702465        margin: -0.1rem 0.4rem 0 0; 
    24712466    } 
    2472     #primary .format-aside .post-format a:before { 
     2467    .content-area .format-aside .post-format a:before { 
    24732468        content: '\F101'; 
    24742469    } 
    2475     #primary .format-link .post-format a:before { 
     2470    .content-area .format-link .post-format a:before { 
    24762471        content: '\F107'; 
    24772472    } 
    2478     #primary .featured-post:before { 
     2473    .content-area .featured-post:before { 
    24792474        content: '\F308'; 
    24802475        margin: -1px 3px 0 0; 
    24812476        margin: -0.1rem 0.3rem 0 0; 
    24822477    } 
    2483     #primary .post-format + span.entry-date a:before, 
    2484     #primary span.entry-date a:before, 
    2485     .attachment span.entry-date:before { 
     2478    .content-area .post-format + .entry-date a:before, 
     2479    .content-area .entry-date a:before, 
     2480    .attachment .entry-date:before { 
    24862481        content: '\F303'; 
    24872482        margin: 0 1px 0 0; 
    24882483        margin: 0 0.1rem 0 0; 
    24892484    } 
    2490     #primary .byline a:before { 
     2485    .content-area .byline a:before { 
    24912486        content: '\F304'; 
    24922487        margin: -1px 0 0 0; 
    24932488        margin: -0.1rem 0 0 0; 
    24942489    } 
    2495     #primary .comments-link a:before { 
     2490    .content-area .comments-link a:before { 
    24962491        content: '\F300'; 
    24972492        margin: -1px 2px 0 0; 
    24982493        margin: -0.1rem 0.2rem 0 0; 
    24992494    } 
    2500     #primary .edit-link a:before { 
     2495    .content-area .edit-link a:before { 
    25012496        content: '\F411'; 
    25022497        margin: -1px 2px 0 0; 
    25032498        margin: -0.1rem 0.2rem 0 0; 
    25042499    } 
    2505     #primary .full-size-link a:before { 
     2500    .content-area .full-size-link a:before { 
    25062501        content: '\F402'; 
    25072502    } 
    2508     #primary .parent-post-link a:before { 
     2503    .content-area .parent-post-link a:before { 
    25092504        content: '\F301'; 
    25102505    } 
    2511     .page #primary .edit-link a:before { 
     2506    .page .content-area .edit-link a:before { 
    25122507        margin: 5px 2px 0 0; 
    25132508        margin: 0.5rem 0.2rem 0 0; 
    2514     } 
    2515     #infinite-handle { 
    2516         margin: 48px 10px 0; 
    2517         margin: 4.8rem 1.0rem 0; 
    25182509    } 
    25192510} 
     
    25302521        margin: 0; 
    25312522    } 
    2532     #primary { 
     2523    .content-area { 
    25332524        float: left; 
    25342525        padding: 36px 0; 
     
    25392530        margin: 0 33.33333333% 0 0; 
    25402531    } 
    2541     #content-sidebar { 
     2532    .content-sidebar { 
    25422533        float: right; 
    25432534        margin: 0 0 0 -30.35714285%; 
     
    25752566 
    25762567@media screen and (min-width: 740px) { 
    2577     #primary .entry-header { 
     2568    .content-area .entry-header { 
    25782569        margin: -48px 4.59183673% 0; 
    25792570        margin: -4.8rem 4.59183673% 0; 
     
    25812572        padding: 2.4rem 4.46428571% 1.2rem; 
    25822573    } 
    2583     #primary .entry-content, 
    2584     #primary .entry-summary { 
     2574    .content-area .entry-content, 
     2575    .content-area .entry-summary { 
    25852576        margin: 0 4.59183673%; 
    25862577        padding: 12px 4.46428571% 0; 
    25872578        padding: 1.2rem 4.46428571% 0; 
    25882579    } 
    2589     #primary footer.entry-meta { 
     2580    .content-area footer.entry-meta { 
    25902581        margin: 12px 4.59183673% 24px; 
    25912582        margin: 1.2rem 4.59183673% 2.4rem; 
     
    25972588        padding: 0 4.46428571%; 
    25982589    } 
    2599     .page #primary .entry-header, 
    2600     .error404 #primary .page-header { 
     2590    .page .content-area .entry-header, 
     2591    .error404 .content-area .page-header { 
    26012592        margin: 0 4.59183673%; 
    26022593        padding: 0 4.46428571% 12px; 
    26032594        padding: 0 4.46428571% 1.2rem; 
    26042595    } 
    2605     #primary .full-width .entry-header { 
     2596    .content-area .full-width .entry-header { 
    26062597        margin: 0 6.04307432%; 
    26072598        padding: 0 0 12px; 
    26082599        padding: 0 0 1.2rem; 
    26092600    } 
    2610     #primary .full-width .entry-content { 
     2601    .content-area .full-width .entry-content { 
    26112602        margin: 0 6.04307432%; 
    26122603        padding: 0; 
    26132604    } 
    2614     #primary .full-width footer.entry-meta { 
     2605    .content-area .full-width footer.entry-meta { 
    26152606        margin: 0 6.04307432%; 
    26162607        padding: 0; 
    26172608    } 
    2618     #primary .format-aside .entry-header, 
    2619     #primary .format-quote .entry-header, 
    2620     #primary .format-link .entry-header, 
    2621     #primary .format-video .entry-header, 
    2622     #primary .format-image .entry-header { 
     2609    .content-area .format-aside .entry-header, 
     2610    .content-area .format-quote .entry-header, 
     2611    .content-area .format-link .entry-header, 
     2612    .content-area .format-video .entry-header, 
     2613    .content-area .format-image .entry-header { 
    26232614        margin-top: 12px; 
    26242615        margin-top: 1.2rem; 
    26252616    } 
    2626     .single #primary .format-aside .entry-header, 
    2627     .single #primary .format-quote .entry-header, 
    2628     .single #primary .format-link .entry-header, 
    2629     .single #primary .format-image .entry-header, 
    2630     .single #primary .format-video .entry-header { 
     2617    .single .content-area .format-aside .entry-header, 
     2618    .single .content-area .format-quote .entry-header, 
     2619    .single .content-area .format-link .entry-header, 
     2620    .single .content-area .format-image .entry-header, 
     2621    .single .content-area .format-video .entry-header { 
    26312622        margin-top: 0; 
    26322623    } 
     
    26572648    .comments-title, 
    26582649    .no-comments, 
    2659     #comments #respond, 
     2650    .comment-respond, 
    26602651    .comments-area article, 
    26612652    .comment-list li.trackback, 
     
    26662657        padding-left: 9.12778904%; 
    26672658    } 
    2668     #reply-title, 
    2669     #respond #commentform { 
     2659    .comment-reply-title, 
     2660    .comment-form { 
    26702661        padding: 0; 
    26712662    } 
     
    26732664        padding-left: 9.12778904%; 
    26742665    } 
    2675     #image-navigation .previous-image, 
    2676     #image-navigation .next-image, 
     2666    .image-navigation .previous-image, 
     2667    .image-navigation .next-image, 
    26772668    .full-width .comment-navigation, 
    26782669    .full-width .comments-title, 
    2679     .full-width #comments #respond, 
     2670    .full-width .comment-respond, 
    26802671    .full-width .comments-area article, 
    26812672    .full-width .comment-list li.trackback, 
     
    26842675        padding-left: 6.04307432%; 
    26852676    } 
    2686     .full-width #reply-title, 
    2687     .full-width #commentform { 
     2677    .full-width .comment-reply-title, 
     2678    .full-width .comment-form { 
    26882679        padding: 0; 
    26892680    } 
    2690     #infinite-handle { 
    2691         margin: 48px 0 0; 
    2692         margin: 4.8rem 0 0; 
    2693     } 
    2694     #infinite-handle span { 
    2695         display: inline; 
    2696     } 
    2697     #primary .no-results .entry-header { 
     2681    .content-area .no-results .entry-header { 
    26982682        margin: 0 4.59183673%; 
    26992683        padding: 0 4.46428571%; 
     
    27112695 
    27122696@media screen and (min-width: 870px) { 
    2713     #primary { 
     2697    .content-area { 
    27142698        padding-top: 72px; 
    27152699        padding-top: 7.2rem; 
    27162700    } 
    2717     .home #primary { 
     2701    .home .content-area { 
    27182702        padding-top: 36px; 
    27192703        padding-top: 3.6rem; 
    27202704    } 
    2721     #primary .entry-header { 
     2705    .content-area .entry-header { 
    27222706        margin-right: 8.03571428%; 
    27232707        margin-left: 12.5%; 
    27242708    } 
    2725     #primary .entry-content, 
    2726     #primary .entry-summary { 
     2709    .content-area .entry-content, 
     2710    .content-area .entry-summary { 
    27272711        margin-right: 8.03571428%; 
    27282712        margin-left: 12.5%; 
    27292713    } 
    2730     #primary footer.entry-meta { 
     2714    .content-area footer.entry-meta { 
    27312715        margin: 12px 8.03571428% 24px 12.5%; 
    27322716        margin: 1.2rem 8.03571428% 2.4rem 12.5%; 
    27332717    } 
    2734     .page #primary .entry-header, 
    2735     .error404 #primary .page-header { 
     2718    .page .content-area .entry-header, 
     2719    .error404 .content-area .page-header { 
    27362720        margin: 0 8.03571428% 0 12.5%; 
    27372721    } 
    2738     #primary .full-width .entry-header, 
    2739     #primary .full-width .entry-content, 
    2740     #primary .full-width footer.entry-meta { 
     2722    .content-area .full-width .entry-header, 
     2723    .content-area .full-width .entry-content, 
     2724    .content-area .full-width footer.entry-meta { 
    27412725        margin: 0 11.30926724%; 
    27422726    } 
     
    27452729        margin: 0 8.03571428% 2.4rem 12.5%; 
    27462730    } 
    2747     #content-sidebar { 
     2731    .content-sidebar { 
    27482732        padding-top: 72px; 
    27492733        padding-top: 7.2rem; 
     
    27602744    .comments-title, 
    27612745    .no-comments, 
    2762     #comments #respond, 
     2746    .comment-respond, 
    27632747    .comments-area article, 
    27642748    .comment-list li.trackback, 
     
    27692753        padding-left: 17.06896551%; 
    27702754    } 
    2771     #comments #respond { 
     2755    .comment-respond { 
    27722756        padding-right: 13.8900862%; 
    27732757    } 
     
    27802764        padding-left: 17.06896551%; 
    27812765    } 
    2782     #image-navigation .previous-image, 
    2783     #image-navigation .next-image, 
     2766    .image-navigation .previous-image, 
     2767    .image-navigation .next-image, 
    27842768    .full-width .comment-navigation, 
    27852769    .full-width .comments-title, 
    2786     .full-width #comments #respond, 
     2770    .full-width .comment-respond, 
    27872771    .full-width .comments-area article, 
    27882772    .full-width .comment-list li.trackback, 
     
    27972781        margin-right: -20%; 
    27982782    } 
    2799     #primary .no-results .entry-header { 
     2783    .content-area .no-results .entry-header { 
    28002784        margin-right: 8.03571428%; 
    28012785        margin-left: 12.5%; 
    28022786    } 
    2803     #primary .no-results .entry-content { 
     2787    .content-area .no-results .entry-content { 
    28042788        margin-right: 8.03571428%; 
    28052789        margin-left: 12.5%; 
     
    28092793/* Secondary starts appear on the left */ 
    28102794@media screen and (min-width: 1008px) { 
    2811     #page:before { 
     2795    .site:before { 
    28122796        background-color: #000; 
    28132797        content: ''; 
     
    28612845        margin: 0 27.31707317% 0 22.2rem; 
    28622846    } 
    2863     #content-sidebar, 
     2847    .content-sidebar, 
    28642848    .post-formatted-posts { 
    28652849        margin: 0 0 0 -27.31707317%; 
    28662850        width: 24.87804878%; 
    28672851    } 
    2868     #primary .entry-header, 
    2869     #primary .page-header { 
     2852    .content-area .entry-header, 
     2853    .content-area .page-header { 
    28702854        margin: -48px 4.59183673% 0; 
    28712855        margin: -4.8rem 4.59183673% 0; 
     
    28732857        padding: 2.4rem 4.46428571% 1.2rem; 
    28742858    } 
    2875     #primary .entry-content, 
    2876     #primary .page-content, 
    2877     #primary .entry-summary { 
     2859    .content-area .entry-content, 
     2860    .content-area .page-content, 
     2861    .content-area .entry-summary { 
    28782862        margin: 0 4.59183673%; 
    28792863        padding: 12px 4.46428571% 0; 
    28802864        padding: 1.2rem 4.46428571% 0; 
    28812865    } 
    2882     #primary footer.entry-meta { 
     2866    .content-area footer.entry-meta { 
    28832867        margin: 12px 4.59183673% 24px; 
    28842868        margin: 1.2rem 4.59183673% 2.4rem; 
     
    28932877        padding-left: 22.2rem; 
    28942878    } 
    2895     #colophon { 
     2879    .site-footer { 
    28962880        padding-left: 27px; 
    28972881        padding-left: 2.7rem; 
     
    29332917        display: block; 
    29342918    } 
    2935     .page #primary .entry-header, 
    2936     .error404 #primary .page-header { 
     2919    .page .content-area .entry-header, 
     2920    .error404 .content-area .page-header { 
    29372921        margin: 0 4.59183673%; 
    29382922        padding: 0 4.46428571% 12px; 
     
    29432927        margin-left: 22.2rem; 
    29442928    } 
    2945     #primary .full-width .entry-header { 
     2929    .content-area .full-width .entry-header { 
    29462930        padding: 0 0 12px; 
    29472931        padding: 0 0 1.2rem; 
    29482932    } 
    2949     #primary .full-width .entry-header, 
    2950     #primary .full-width .entry-content, 
    2951     #primary .full-width .page-content, 
    2952     #primary .full-width footer.entry-meta { 
     2933    .content-area .full-width .entry-header, 
     2934    .content-area .full-width .entry-content, 
     2935    .content-area .full-width .page-content, 
     2936    .content-area .full-width footer.entry-meta { 
    29532937        margin: 0 5.882236%; 
    29542938    } 
    29552939    .comments-title, 
    29562940    .no-comments, 
    2957     #comments #respond, 
     2941    .comment-respond, 
    29582942    .comments-area article, 
    29592943    .comment-list li.trackback, 
     
    29712955        padding-left: 9.19765166%; 
    29722956    } 
    2973     #image-navigation .previous-image, 
    2974     #image-navigation .next-image, 
     2957    .image-navigation .previous-image, 
     2958    .image-navigation .next-image, 
    29752959    .full-width .comment-navigation, 
    29762960    .full-width .comments-title, 
    2977     .full-width #comments #respond, 
     2961    .full-width .comment-respond, 
    29782962    .full-width .comments-area article, 
    29792963    .full-width .comment-list li.trackback, 
     
    30323016 
    30333017@media screen and (min-width: 1150px) { 
    3034     #primary .entry-header, 
    3035     #primary .page-header { 
     3018    .content-area .entry-header, 
     3019    .content-area .page-header { 
    30363020        margin: -48px 8.03571428% 0 12.5%; 
    30373021        margin: -4.8rem 8.03571428% 0 12.5%; 
    30383022    } 
    3039     #primary .entry-content, 
    3040     #primary .page-content, 
    3041     #primary .entry-summary { 
     3023    .content-area .entry-content, 
     3024    .content-area .page-content, 
     3025    .content-area .entry-summary { 
    30423026        margin: 0 8.03571428% 0 12.5%; 
    30433027    } 
    3044     #primary footer.entry-meta { 
     3028    .content-area footer.entry-meta { 
    30453029        margin: 12px 8.03571428% 24px 12.5%; 
    30463030        margin: 1.2rem 8.03571428% 2.4rem 12.5%; 
     
    30483032    .comments-title, 
    30493033    .no-comments, 
    3050     #comments #respond, 
     3034    .comment-respond, 
    30513035    .comments-area article, 
    30523036    .comment-list li.trackback, 
     
    30573041        padding-left: 16.77524429%; 
    30583042    } 
    3059     #comments #respond { 
     3043    .comment-respond { 
    30603044        padding-right: 13.73697916%; 
    30613045    } 
     
    30723056        margin: 0 8.03571428% 2.4rem 12.5%; 
    30733057    } 
    3074     .page #primary .entry-header, 
    3075     .error404 #primary .page-header { 
     3058    .page .content-area .entry-header, 
     3059    .error404 .content-area .page-header { 
    30763060        margin: 0 8.03571428% 0 12.5%; 
    30773061    } 
    3078     #primary .full-width .entry-header, 
    3079     #primary .full-width .entry-content, 
    3080     #primary .full-width .page-content, 
    3081     #primary .full-width footer.entry-meta { 
     3062    .content-area .full-width .entry-header, 
     3063    .content-area .full-width .entry-content, 
     3064    .content-area .full-width .page-content, 
     3065    .content-area .full-width footer.entry-meta { 
    30823066        margin: 0 11.21868265%; 
    30833067    } 
    3084     #image-navigation .previous-image, 
    3085     #image-navigation .next-image, 
     3068    .image-navigation .previous-image, 
     3069    .image-navigation .next-image, 
    30863070    .full-width .comment-navigation, 
    30873071    .full-width .comments-title, 
    3088     .full-width #comments #respond, 
     3072    .full-width .comment-respond, 
    30893073    .full-width .comments-area article, 
    30903074    .full-width .comment-list li.trackback, 
     
    30933077        padding-left: 11.21868265%; 
    30943078    } 
    3095     #primary .entry-content .wp-caption.alignleft .wp-caption-text { 
     3079    .content-area .entry-content .wp-caption.alignleft .wp-caption-text { 
    30963080        padding-left: 10px; 
    30973081        padding-left: 1.0rem; 
     
    31063090 
    31073091@media screen and (min-width: 1230px) { 
    3108     #page, 
    3109     #masthead, 
    3110     .home #main { 
     3092    .site, 
     3093    .site-header, 
     3094    .home .site-main { 
    31113095        max-width: 1260px; 
    31123096        max-width: 126.0rem; 
    31133097    } 
    3114     #content-sidebar, 
     3098    .content-sidebar, 
    31153099    .post-formatted-posts { 
    31163100        padding-right: 0; 
    31173101    } 
    3118     #primary .full-width .entry-header, 
    3119     #primary .full-width .entry-content, 
    3120     #primary .full-width .page-content, 
    3121     #primary .full-width footer.entry-meta { 
     3102    .content-area .full-width .entry-header, 
     3103    .content-area .full-width .entry-content, 
     3104    .content-area .full-width .page-content, 
     3105    .content-area .full-width footer.entry-meta { 
    31223106        margin: 0 0 0 11.21868265%; 
    31233107    } 
    3124     #image-navigation .previous-image, 
    3125     #image-navigation .next-image, 
     3108    .image-navigation .previous-image, 
     3109    .image-navigation .next-image, 
    31263110    .full-width .comment-navigation, 
    31273111    .full-width .comments-title, 
    3128     .full-width #comments #respond, 
     3112    .full-width .comment-respond, 
    31293113    .full-width .comments-area article, 
    31303114    .full-width .comment-list li.trackback, 
Note: See TracChangeset for help on using the changeset viewer.