Make WordPress Core

Changeset 25060


Ignore:
Timestamp:
08/20/2013 05:30:18 PM (11 years 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.