WordPress.org

Make WordPress Core

Ticket #24858: 24858.4.diff

File 24858.4.diff, 48.3 KB (added by obenland, 8 months ago)
  • wp-content/themes/twentyfourteen/rtl.css

     
    107107        margin: 0.8rem 0 0.8rem 1.0rem; 
    108108} 
    109109 
    110 .search-box #searchform input[type="text"] { 
     110.search-box .search-field { 
    111111        float: left; 
    112112} 
    113113 
     
    259259 
    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} 
    266266 
     
    315315        margin-left: auto; 
    316316} 
    317317 
    318 #comments li #respond { 
     318.comment .comment-respond { 
    319319        margin-right: 47px; 
    320320        margin-right: 4.7rem; 
    321321        margin-left: auto; 
     
    339339} 
    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; 
    349349        padding-left: 0; 
    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; 
    355355        padding-left: 0.5rem; 
     
    362362/* =Content Sidebar 
    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; 
    374374} 
     
    387387} 
    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; 
    407407                margin-right: auto; 
    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; 
    440440        } 
     
    451451} 
    452452 
    453453@media screen and (min-width: 672px) { 
    454         #primary { 
     454        .content-area { 
    455455                float: right; 
    456456        } 
    457457 
     
    494494 
    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"] { 
    503503                padding-left: 9.12778904%; 
     
    509509                padding-left: 0; 
    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, 
    519519        .full-width .comment-list li.pingback { 
     
    530530} 
    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        } 
    553553 
     
    558558 
    559559        .comments-title, 
    560560        .nocomments, 
    561         #comments #respond, 
     561        .comment-respond, 
    562562        .comments-area article, 
    563563        .comment-list li.trackback, 
    564564        .comment-list li.pingback, 
     
    568568                padding-right: 17.06896551%; 
    569569        } 
    570570 
    571         #comments #respond { 
     571        .comment-respond { 
    572572                padding-left: 13.8900862%; 
    573573        } 
    574574 
     
    589589                padding-top: 7.2rem; 
    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%; 
    602602        } 
     
    611611                margin-right: auto; 
    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%; 
    622622        } 
    623623} 
    624624 
    625625@media screen and (min-width: 1008px) { 
    626         #page:before { 
     626        .site:before { 
    627627                right: 0; 
    628628                left: auto; 
    629629        } 
     
    660660                margin: 0 22.2rem 0 27.31707317%; 
    661661        } 
    662662 
    663         #content-sidebar, 
     663        .content-sidebar, 
    664664        .post-formatted-posts { 
    665665                margin: 0 -27.31707317% 0 0; 
    666666        } 
     
    671671                padding-left: 0; 
    672672        } 
    673673 
    674         #colophon { 
     674        .site-footer { 
    675675                padding-right: 27px; 
    676676                padding-right: 2.7rem; 
    677677                padding-left: 0; 
     
    691691 
    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"] { 
    700700                padding-left: 9.87001616%; 
     
    712712                padding-left: 0; 
    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%; 
    725725        } 
     
    745745} 
    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%; 
    761761        } 
    762762 
    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"] { 
    771771                padding-left: 12.44146986%; 
    772772                padding-right: 16.77524429%; 
    773773        } 
    774774 
    775         #comments #respond { 
     775        .comment-respond { 
    776776                padding-left: 13.73697916%; 
    777777        } 
    778778 
     
    793793                margin: 0 12.5% 2.4rem 8.03571428%; 
    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; 
    816816                padding-left: 0; 
     
    828828} 
    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 { 
     848        .full-width .comment-list .trackback, 
     849        .full-width .comment-list .pingback { 
    850850                padding-left: 0; 
    851851        } 
    852852} 
     853 No newline at end of file 
  • wp-content/themes/twentyfourteen/style.css

     
    220220ol { 
    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; 
    226227        margin-left: 2.0rem; 
     
    449450        color: #5FF23D; 
    450451} 
    451452/* Animated elements */ 
    452 #page a, 
     453.site a, 
    453454.more-link .meta-nav, 
    454455.more-formatted-posts-link .meta-nav, 
    455456.attachment-featured-featured img, 
     
    459460button, 
    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; 
    466466        -ms-transition: all 0.2s ease-out; 
     
    543543        background-color: #f5f5f5; 
    544544        text-rendering: optimizeLegibility; 
    545545} 
    546 #page { 
     546.site { 
    547547        background-color: #fff; 
    548548        max-width: 1230px; 
    549549        max-width: 123.0rem; 
    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; 
    559559} 
     
    567567        position: relative; 
    568568        z-index: 2; 
    569569} 
    570 #content-sidebar { 
     570.content-sidebar { 
    571571        -moz-box-sizing: border-box; 
    572572        box-sizing: border-box; 
    573573        padding: 36px 10px 0; 
     
    583583        position: relative; 
    584584        z-index: 3; 
    585585} 
    586 #colophon { 
     586.site-footer { 
    587587        background-color: #000; 
    588588        color: rgba(255, 255, 255, 0.4); 
    589589        font-size: 12px; 
     
    598598/* =Header 
    599599----------------------------------------------- */ 
    600600 
    601 #masthead { 
     601.site-header { 
    602602        background-color: #000; 
    603603        max-width: 1230px; 
    604604        max-width: 123.0rem; 
     
    608608} 
    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} 
    619619 
     
    10491049        display: inline; 
    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, 
    10551055span + .edit-link:before, 
     
    11021102        margin-bottom: 3.6rem; 
    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; 
    11161116        font-weight: 300; 
     
    11191119        margin-bottom: 1.2rem; 
    11201120        text-transform: uppercase; 
    11211121} 
    1122 #primary .entry-meta { 
     1122.content-area .entry-meta { 
    11231123        background-color: #fff; 
    11241124        margin-bottom: 8px; 
    11251125        margin-bottom: 0.8rem; 
    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; 
    11381138        padding: 0 10px; 
    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; 
    11481148        font-weight: 400; 
     
    11511151        margin-bottom: 0.8rem; 
    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} 
    12091209.more-link, 
     
    12641264        width: auto; 
    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; 
    12701270        -ms-transition: all 0s ease-out; 
     
    15871587        margin-bottom: 36px; 
    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; 
    15941593        padding-top: 7px; 
     
    16031602        max-width: 100%; 
    16041603        height: auto; 
    16051604} 
    1606 #site-header img, 
     1605.site-header img, 
    16071606.attachment-featured-thumbnail-large, 
    16081607.entry-content img, 
    16091608.comment-content img, 
     
    16631662        padding: 0 1.0rem 0 0; 
    16641663        text-align: left; 
    16651664} 
    1666 #content .gallery a img { 
     1665.site-content .gallery a img { 
    16671666        border: none; 
    16681667        height: auto; 
    16691668        vertical-align: middle; /* Remove a little margin bottom */ 
     
    16711670.site-content .gallery .gallery-icon { 
    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; 
    16811680} 
     
    17751774        border-top: 1px solid #000; 
    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; 
    17811780        margin: 2.4rem 0 0; 
    17821781} 
    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; 
    17891788        box-sizing: border-box; 
     
    18061805        text-transform: uppercase; 
    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; 
    18121811        font-size: 14px; 
     
    18161815        text-transform: none; 
    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; 
    18221821} 
     
    18481847/* =Comments 
    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; 
    18591858        font-weight: 900; 
     
    18631862        padding: 0 1.0rem; 
    18641863        text-transform: uppercase; 
    18651864} 
    1866 #commentform { 
     1865.comment-form { 
    18671866        background: #fff; 
    18681867        padding: 0 10px; 
    18691868        padding: 0 1.0rem; 
     
    18931892} 
    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; 
    19001899} 
     
    19041903        content: '\007c\0020'; 
    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; 
    19111910        margin-bottom: 2.4rem; 
     
    19391938        height: 22px; 
    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} 
    19451944.comment-author cite { 
     
    19811980.comments-area .children article { 
    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; 
    19961995        margin-bottom: 2.4rem; 
     
    20072006        padding: 0 1.0rem; 
    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} 
    20202019.form-allowed-tags { 
    20212020        display: none; 
    20222021} 
    2023 #commentform p:last-child { 
     2022.comment-form p:last-child { 
    20242023        margin-bottom: 0; 
    20252024} 
    20262025 
     
    20392038/* =Colophon 
    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} 
    20482047 
     
    20792078        margin: 0 0 0 10px; 
    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; 
    20862084        font-weight: 900; 
     
    21372135.widget iframe:last-child, 
    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; 
    21592154        line-height: 2; 
    21602155        margin: 0; 
    21612156} 
    2162 .widget_calendar #wp-calendar caption { 
     2157.widget_calendar caption { 
    21632158        color: #fff; 
    21642159        font-weight: 700; 
    21652160        line-height: 1.7142857142; 
     
    21682163        text-align: left; 
    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; 
    21842179        padding-right: 0.5rem; 
     
    22092204} 
    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; 
    22212216        padding: 0.8rem 0 0.8rem 0.8rem; 
     
    22362231/* =Content Sidebar 
    22372232----------------------------------------------- */ 
    22382233 
    2239 #content-sidebar { 
     2234.content-sidebar { 
    22402235        color: #8c8c8c; 
    22412236        font-size: 14px; 
    22422237        font-size: 1.4rem; 
    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; 
    22612256        font-size: 1.2rem; 
    22622257        padding: 6px 24px; 
    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); 
    22872282        color: #2b2b2b; 
    22882283        padding: 4px; 
    22892284        padding: 0.4rem; 
    22902285} 
    2291 #content-sidebar .widget-title { 
     2286.content-sidebar .widget-title { 
    22922287        border-top: 5px solid #000; 
    22932288        color: #2b2b2b; 
    22942289        font-size: 14px; 
     
    23002295        padding-top: 0.7rem; 
    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; 
    23292324        font-size: 1.4rem; 
    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} 
    23382333 
     
    23502345 
    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; 
    23602355                margin-bottom: 1.2rem; 
     
    23632358                padding-bottom: 9px; 
    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        } 
    23722367        .list-view .attachment-featured-thumbnail { 
     
    23822377                width: 84px; 
    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; 
    23922387                 font-weight: 900; 
     
    23952390                 margin-bottom: 0.6rem; 
    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; 
    24012396                margin: 0; 
    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        } 
    24162411} 
    24172412 
    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; 
    24432438                font: normal 16px/1 'Genericons'; 
     
    24472442                text-transform: none; 
    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; 
    25142509        } 
    2515         #infinite-handle { 
    2516                 margin: 48px 10px 0; 
    2517                 margin: 4.8rem 1.0rem 0; 
    2518         } 
    25192510} 
    25202511 
    25212512/* Post formatted posts and post list start to appear on the right */ 
     
    25292520        .social-links-wrapper { 
    25302521                margin: 0; 
    25312522        } 
    2532         #primary { 
     2523        .content-area { 
    25332524                float: left; 
    25342525                padding: 36px 0; 
    25352526                padding: 3.6rem 0; 
     
    25382529        .site-content { 
    25392530                margin: 0 33.33333333% 0 0; 
    25402531        } 
    2541         #content-sidebar { 
     2532        .content-sidebar { 
    25422533                float: right; 
    25432534                margin: 0 0 0 -30.35714285%; 
    25442535                padding: 36px 10px 24px 0; 
     
    25742565} 
    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; 
    25802571                padding: 24px 4.46428571% 12px; 
    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; 
    25922583                padding: 0 4.46428571%; 
     
    25962587                margin: 0 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        } 
    26332624        .comments-area article, 
     
    26562647        } 
    26572648        .comments-title, 
    26582649        .no-comments, 
    2659         #comments #respond, 
     2650        .comment-respond, 
    26602651        .comments-area article, 
    26612652        .comment-list li.trackback, 
    26622653        .comment-list li.pingback, 
     
    26652656                padding-right: 9.12778904%; 
    26662657                padding-left: 9.12778904%; 
    26672658        } 
    2668         #reply-title, 
    2669         #respond #commentform { 
     2659        .comment-reply-title, 
     2660        .comment-form { 
    26702661                padding: 0; 
    26712662        } 
    26722663        .comment-navigation { 
    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, 
    26822673        .full-width .comment-list li.pingback { 
    26832674                padding-right: 6.04307432%; 
    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%; 
    27002684        } 
     
    27102694} 
    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        } 
    27432727        .page-header { 
    27442728                margin: 0 8.03571428% 24px 12.5%; 
    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; 
    27502734        } 
     
    27592743        } 
    27602744        .comments-title, 
    27612745        .no-comments, 
    2762         #comments #respond, 
     2746        .comment-respond, 
    27632747        .comments-area article, 
    27642748        .comment-list li.trackback, 
    27652749        .comment-list li.pingback, 
     
    27682752                padding-right: 12.39493534%; 
    27692753                padding-left: 17.06896551%; 
    27702754        } 
    2771         #comments #respond { 
     2755        .comment-respond { 
    27722756                padding-right: 13.8900862%; 
    27732757        } 
    27742758        .comment-list, 
     
    27792763        .comment-navigation { 
    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, 
    27892773        .full-width .comment-list li.pingback { 
     
    27962780        blockquote.pull.alignright { 
    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%; 
    28062790        } 
     
    28082792 
    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: ''; 
    28142798                display: block; 
     
    28602844                margin: 0 27.31707317% 0 222px; 
    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; 
    28722856                padding: 24px 4.46428571% 12px; 
    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; 
    28852869                padding: 0 4.46428571%; 
     
    28922876                padding-left: 222px; 
    28932877                padding-left: 22.2rem; 
    28942878        } 
    2895         #colophon { 
     2879        .site-footer { 
    28962880                padding-left: 27px; 
    28972881                padding-left: 2.7rem; 
    28982882        } 
     
    29322916        .secondary-navigation ul li:hover > ul { 
    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; 
    29392923                padding: 0 4.46428571% 1.2rem; 
     
    29422926                margin-left: 222px; 
    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, 
    29602944        .comment-list li.pingback, 
     
    29702954        .comment-navigation { 
    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, 
    29802964        .full-width .comment-list li.pingback { 
     
    30313015} 
    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%; 
    30473031        } 
    30483032        .comments-title, 
    30493033        .no-comments, 
    3050         #comments #respond, 
     3034        .comment-respond, 
    30513035        .comments-area article, 
    30523036        .comment-list li.trackback, 
    30533037        .comment-list li.pingback, 
     
    30563040                padding-right: 12.44146986%; 
    30573041                padding-left: 16.77524429%; 
    30583042        } 
    3059         #comments #respond { 
     3043        .comment-respond { 
    30603044                padding-right: 13.73697916%; 
    30613045        } 
    30623046        .comment-list, 
     
    30713055                margin: 0 8.03571428% 24px 12.5%; 
    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, 
    30913075        .full-width .comment-list li.pingback { 
    30923076                padding-right: 11.21868265%; 
    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; 
    30983082        } 
     
    31053089} 
    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, 
    31313115        .full-width .comment-list li.pingback { 
  • wp-content/themes/twentyfourteen/js/theme.js

     
    44 
    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' ), 
    1212                        $searchToggle = $( 'div.search-toggle' ), 
     
    1616                // Toggle function. 
    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 
    2222                // Click event for toggle the social links 
     
    4848                // DOM manupilations for mobile header 
    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 
    5454                        // Clone and detach the primary navigation for use later 
     
    104104                // Sticky header. 
    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() { 
    110110                        if ( $mastheadOffset < 0 ) 
  • wp-content/themes/twentyfourteen/sidebar-content.php

     
    66 * @subpackage Twenty_Fourteen 
    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 
    1212        <?php if ( ! dynamic_sidebar( 'sidebar-2' ) ) : ?>