WordPress.org

Make WordPress Core

Ticket #24858: 24858.4.diff

File 24858.4.diff, 48.3 KB (added by obenland, 8 years 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' ) ) : ?>