WordPress.org
Get WordPress

Make WordPress Core

Ticket #25332: 25332.2.diff

File 25332.2.diff, 33.8 KB (added by iamtakashi, 12 years ago)

A new patch made from WordPress root directory

  • wp-content/themes/twentyfourteen/style.css

     
    117117h1,h2,h3,h4,h5,h6 {
    118118        clear: both;
    119119        font-weight: 700;
    120         margin-bottom: 12px;
    121         margin-bottom: 1.2rem;
     120        margin: 36px 0 12px;
     121        margin: 3.6rem 0 1.2rem;
    122122}
    123123h1 {
    124         font-size: 33px;
    125         font-size: 3.3rem;
    126         line-height: 1.0909090909;
    127 }
    128 h2 {
    129         font-size: 30px;
    130         font-size: 3.0rem;
    131         line-height: 1.2;
    132 }
    133 h3 {
    134124        font-size: 26px;
    135125        font-size: 2.6rem;
    136126        line-height: 1.3846153846;
    137127}
    138 h4 {
     128h2 {
     129        font-size: 24px;
     130        font-size: 2.4rem;
     131        line-height: 1;
     132}
     133h3 {
    139134        font-size: 22px;
    140135        font-size: 2.2rem;
    141136        line-height: 1.0909090909;
    142137}
     138h4 {
     139        font-size: 20px;
     140        font-size: 2.0rem;
     141        line-height: 1.2;
     142}
    143143h5 {
    144144        font-size: 18px;
    145145        font-size: 1.8rem;
    … …  
    523523}
    524524.site {
    525525        background-color: #fff;
    526         max-width: 1230px;
    527         max-width: 123.0rem;
     526        max-width: 1260px;
     527        max-width: 126.0rem;
    528528        position: relative;
    529529}
    530 .site-main {
    531         max-width: 1230px;
    532         max-width: 123.0rem;
    533 }
    534530.content-area {
    535         padding-top:24px;
    536         padding-top:2.4rem;
     531        padding-top: 24px;
     532        padding-top: 2.4rem;
    537533}
    538534#secondary {
    539535        background-color: #000;
    … …  
    578574
    579575.site-header {
    580576        background-color: #000;
    581         max-width: 1230px;
    582         max-width: 123.0rem;
     577        max-width: 1260px;
     578        max-width: 126.0rem;
    583579        position: relative;
    584580        width: 100%;
    585581        z-index: 3;
    … …  
    664660.search-toggle.active {
    665661        background-color: #35921f;
    666662}
    667 .search-toggle {
    668         display: none;
    669 }
    670663.search-toggle:hover {
    671664        cursor: pointer;
    672665}
    … …  
    796789        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    797790        font-size: 14px;
    798791        font-size: 1.4rem;
    799         margin-bottom: 48px;
    800         margin-bottom: 4.8rem;
     792        margin: 0 auto 48px;
     793        margin: 0 auto 4.8rem;
     794        max-width: 474px;
     795        max-width: 47.4rem;
    801796}
    802797.secondary-navigation a {
    803798        display: block;
    … …  
    831826
    832827/* Mobile Navigations */
    833828#mobile-navigations {
    834         margin-top: 1px;
    835         margin-top: 0.1rem;
     829        margin: 1px auto 0;
     830        margin: 0.1rem auto 0;
     831        max-width: 474px;
     832        max-width: 47.4rem;
    836833}
    837834.mobile-navigation {
    838835        background-color: #000;
    … …  
    896893        height: auto;
    897894        z-index: 0;
    898895}
     896.full-width .attachment-featured-thumbnail img {
     897        display: block;
     898        margin: 0 auto;
     899}
    899900.entry-header {
    900901        position: relative;
    901902        z-index: 1;
    … …  
    10021003}
    10031004
    10041005/* .content-area specific styles */
     1006.content-area .entry-header,
     1007.content-area .entry-content,
     1008.content-area .page-content,
     1009.content-area .entry-summary,
     1010.content-area .entry-meta {
     1011        margin: 0 auto;
     1012        max-width: 474px;
     1013        max-width: 47.4rem;
     1014}
    10051015.content-area .entry-header {
    10061016        background-color: #fff;
    10071017        padding: 24px 10px 12px;
    … …  
    10351045        padding: 0 10px;
    10361046        padding: 0 1.0rem;
    10371047}
    1038 .content-area footer.entry-meta .entry-meta {
    1039         margin-bottom: 24px;
    1040         margin-bottom: 2.4rem;
     1048.content-area footer.entry-meta {
     1049        margin-bottom: 36px;
     1050        margin-bottom: 3.6rem;
    10411051}
    10421052.content-area footer.entry-meta .entry-title {
    10431053        font-size: 12px;
    … …  
    10661076.format-quote .entry-content,
    10671077.format-quote .entry-summary,
    10681078.format-link .entry-content,
    1069 .format-link.entry-summary      {
     1079.format-link.entry-summary {
    10701080        padding-top: 0;
    10711081}
    10721082
    … …  
    10871097}
    10881098
    10891099/* Page specific styles */
    1090 .page .entry-header,
    10911100.page .entry-content,
    10921101.error404 .page-header,
    10931102.error404 .page-content,
    … …  
    12251234}
    12261235.archive-header,
    12271236.page-header {
    1228         margin: 0 0 24px;
    1229         margin: 0 0 2.4rem;
    1230         padding: 0 10px;
    1231         padding: 0 1.0rem;
     1237        margin: 0 auto 12px;
     1238        margin: 0 auto 1.2rem;
     1239        max-width: 474px;
     1240        max-width: 47.4rem;
    12321241}
    12331242.archive-title,
    12341243.page-title {
    … …  
    12621271.front-page-content-wrapper {
    12631272        width: 100%;
    12641273}
    1265 .front-page-content-area {
    1266         max-width: 1230px;
    1267         max-width: 123.0rem;
     1274
     1275
     1276/* =404 Page
     1277----------------------------------------------- */
     1278
     1279.error404 .page-content .search-form {
     1280        margin-bottom: 36px;
     1281        margin-bottom: 3.6rem;
    12681282}
     1283.error404 .page-content .widget-title {
     1284        border-top: 5px solid #000;
     1285        color: #2b2b2b;
     1286        padding-top: 7px;
     1287        padding-top: 0.7rem;
     1288}
    12691289
    12701290
     1291/* =Full-width Layout
     1292----------------------------------------------- */
     1293
     1294.full-width .hentry {
     1295        max-width: 100%;
     1296}
     1297
     1298
    12711299/* =Featured Content
    12721300----------------------------------------------- */
    12731301
    … …  
    13551383        -moz-box-sizing: border-box;
    13561384        box-sizing: border-box;
    13571385        clear: both;
     1386        margin: 0 auto;
     1387        max-width: 494px;
    13581388        padding: 23px 10px 0;
    13591389        padding: 2.3rem 1.0rem 0;
    13601390}
    … …  
    14761506}
    14771507
    14781508
    1479 /* =404 Page
    1480 ----------------------------------------------- */
    1481 
    1482 .error404 .page-content .search-form {
    1483         margin-bottom: 36px;
    1484         margin-bottom: 3.6rem;
    1485 }
    1486 .error404 .page-content .widget-title {
    1487         border-top: 5px solid #000;
    1488         color: #2b2b2b;
    1489         padding-top: 7px;
    1490         padding-top: 0.7rem;
    1491 }
    1492 
    1493 
    14941509/* =Media
    14951510----------------------------------------------- */
    14961511
    … …  
    17111726}
    17121727.post-navigation,
    17131728.image-navigation {
    1714         border-top: 1px solid rgba(0, 0, 0, 0.1);
    1715         margin: 24px 0 0;
    1716         margin: 2.4rem 0 0;
     1729        margin: 24px auto;
     1730        margin: 2.4rem auto;
     1731        max-width: 474px;
     1732        max-width: 47.4rem;
     1733        padding: 0 10px;
    17171734}
     1735.nav-links {
     1736        border-top: 1px solid rgba(0, 0, 0, 0.1);
     1737 }
    17181738.post-navigation [rel="prev"],
    17191739.post-navigation [rel="next"],
    17201740.image-navigation .previous-image,
    … …  
    17231743        -moz-box-sizing: border-box;
    17241744        box-sizing: border-box;
    17251745        float: none;
    1726         padding: 11px 10px;
    1727         padding: 1.1rem 1.0rem;
     1746        padding: 11px 0;
     1747        padding: 1.1rem 0;
    17281748        text-align: left;
    17291749        width: 100%;
    17301750}
    … …  
    17621782        line-height: 2;
    17631783        margin-bottom: 48px;
    17641784        margin-bottom: 4.8rem;
    1765         padding-left: 10px;
    1766         padding-left: 1.0rem;
    17671785        text-transform: uppercase;
    17681786}
    17691787.comment-navigation .nav-previous,
    … …  
    17841802----------------------------------------------- */
    17851803
    17861804.comments-area {
    1787         margin-top: 36px;
    1788         margin-top: 3.6rem;
     1805        margin: 36px auto;
     1806        margin: 3.6rem auto;
     1807        max-width: 474px;
     1808        max-width: 47.4rem;
     1809        padding: 0 10px;
     1810        padding: 0 1.0rem;
    17891811}
    17901812.comments-title,
    17911813.comment-reply-title {
    … …  
    17941816        font-weight: 900;
    17951817        line-height: 1.5;
    17961818        margin-bottom: 0;
    1797         padding: 0 10px;
    1798         padding: 0 1.0rem;
    17991819        text-transform: uppercase;
    18001820}
    18011821.comment-form {
    18021822        background: #fff;
    1803         padding: 0 10px;
    1804         padding: 0 1.0rem;
    18051823}
    18061824.comment-list {
    18071825        list-style: none;
    … …  
    18461864        border-top: 1px solid rgba(0, 0, 0, 0.1);
    18471865        margin-bottom: 24px;
    18481866        margin-bottom: 2.4rem;
    1849         padding: 24px 10px 0;
    1850         padding: 2.4rem 1.0rem 0;
     1867        padding-top: 24px;
     1868        padding-top: 2.4rem;
    18511869}
    18521870.comment-list li:first-child article {
    18531871        border: none;
    … …  
    19271945}
    19281946.comment-list .children {
    19291947        list-style: none;
    1930         margin-left: 20px;
    1931         margin-left: 2.0rem;
     1948        margin-left: 18px;
     1949        margin-left: 1.8rem;
    19321950}
    19331951.comments-area .children article {
    19341952        border: none;
    … …  
    19591977        padding: 0 1.0rem;
    19601978        text-transform: uppercase;
    19611979}
    1962 .comment-form {
    1963         padding: 0 10px;
    1964         padding: 0 1.0rem;
    1965 }
    19661980.comment-form label {
    19671981        display: block;
    19681982}
    … …  
    19761990        margin-bottom: 0;
    19771991}
    19781992
     1993
    19791994/* =Primary Sidebar
    19801995----------------------------------------------- */
    19811996
    … …  
    20172032        color: #fff;
    20182033}
    20192034.widget {
    2020         margin: 0 0 48px;
    2021         margin: 0 0 4.8rem;
     2035        margin: 0 auto 48px;
     2036        margin: 0 auto 4.8rem;
     2037        max-width: 474px;
     2038        max-width: 47.4rem;
    20222039        overflow: hidden;
    20232040}
    20242041.widget ul,
    … …  
    23692386        .list-view .content-area .format-link .entry-title {
    23702387                display: block;
    23712388        }
     2389        .archive-header,
     2390        .page-header {
     2391                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     2392                padding-top: 12px;
     2393                padding-top: 1.2rem;
     2394        }
     2395        .error404 .page-header {
     2396                border-bottom: 0;
     2397                padding: 0 10px;
     2398                padding: 0 1.0rem;
     2399        }
    23722400}
    23732401
    2374 /* Enable Genricons */
    2375 @media screen and (min-width: 400px) {
     2402@media screen and (min-width: 401px) {
    23762403        .attachment-featured-thumbnail:hover img {
    23772404                opacity: 0.8;
    23782405        }
    … …  
    23912418        .content-area .byline a:before,
    23922419        .content-area .comments-link a:before,
    23932420        .entry-meta .edit-link a:before,
    2394         .attachment .entry-date:before,
     2421        .attachment span.entry-date:before,
    23952422        .content-area .full-size-link a:before,
    23962423        .content-area .parent-post-link a:before {
    23972424                display: inline-block;
    … …  
    24382465        }
    24392466        .content-area .post-format + .entry-date a:before,
    24402467        .content-area .entry-date a:before,
    2441         .attachment .entry-date:before {
     2468        .attachment span.entry-date:before {
    24422469                content: '\F303';
    24432470                margin: 0 1px 0 0;
    24442471                margin: 0 0.1rem 0 0;
    … …  
    24642491        .content-area .parent-post-link a:before {
    24652492                content: '\F301';
    24662493        }
    2467         .page .entry-meta .edit-link a:before {
    2468                 margin: 5px 2px 0 0;
    2469                 margin: 0.5rem 0.2rem 0 0;
     2494        .archive-header,
     2495        .page-header {
     2496                margin-bottom: 24px;
     2497                margin-bottom: 2.4rem;
     2498                padding: 0 10px;
     2499                padding: 0 1.0rem;
    24702500        }
     2501        .search-results .content-area .type-page {
     2502                border-top: 1px solid rgba(0, 0, 0, 0.1);
     2503        }
     2504        .search-results .content-area .type-page .entry-header {
     2505                margin-top: 24px;
     2506                margin-top: 2.4rem;
     2507        }
    24712508}
    24722509
    2473 /* Post formatted posts and post list start to appear on the right */
    2474 @media screen and (min-width: 672px) {
    2475         .search-toggle {
    2476                 display: block;
     2510@media screen and (min-width: 642px) {
     2511        .content-area .entry-header,
     2512        .full-width .content-area .entry-header {
     2513                margin-top: -48px;
     2514                margin-top: -4.8rem;
     2515                padding-right: 30px;
     2516                padding-right: 3.0rem;
     2517                padding-left: 30px;
     2518                padding-left: 3.0rem;
    24772519        }
     2520        .attachment .content-area .entry-header {
     2521                margin-top: 0;
     2522        }
     2523}
     2524
     2525@media screen and (min-width: 673px) {
    24782526        .content-area {
    24792527                float: left;
    2480                 padding: 36px 0;
    2481                 padding: 3.6rem 0;
     2528                padding-top: 36px;
     2529                padding-top: 3.6rem;
    24822530                width: 100%;
    24832531        }
    24842532        .site-content {
    2485                 margin: 0 33.33333333% 0 0;
     2533                margin-right: 33.33333333%;
    24862534        }
    2487         .content-sidebar {
     2535        .content-area .entry-header {
     2536                margin-top: 0;
     2537        }
     2538        .content-area .entry-content,
     2539        .content-area .entry-summary,
     2540        .content-area footer.entry-meta,
     2541        .archive-header,
     2542        .page-header,
     2543        .page-content,
     2544        .post-navigation,
     2545        .image-navigation,
     2546        .comments-area {
     2547                padding-right: 30px;
     2548                padding-right: 3.0rem;
     2549                padding-left: 30px;
     2550                padding-left: 3.0rem;
     2551        }
     2552        .content-sidebar,
     2553        .ephemera {
    24882554                float: right;
    2489                 margin: 0 0 0 -30.35714285%;
    2490                 padding: 36px 10px 24px 0;
    2491                 padding: 3.6rem 1.0rem 2.4rem 0;
    2492                 width: 30.35714285%;
     2555                margin-left: -33.33333333%;
     2556                padding: 36px 30px 24px;
     2557                padding: 3.6rem 3.0rem 2.4rem;
     2558                width: 33.33333333%;
    24932559        }
    24942560        .ephemera {
    24952561                border: none;
    24962562                clear: none;
    2497                 float: right;
    2498                 margin: 0 0 0 -30.35714285%;
    2499                 padding: 36px 10px 0 0;
    2500                 padding: 3.6rem 1.0rem 0 0;
    2501                 width: 30.35714285%;
    25022563        }
     2564        #secondary {
     2565                padding: 48px 30px 0;
     2566                padding: 4.8rem 3.0rem 0;
     2567        }
    25032568        #featured-content .hentry {
    25042569                float: left;
    25052570                width: 50%;
    … …  
    25112576                height: 96px;
    25122577                height: 9.6rem;
    25132578        }
    2514         .full-width.site-content {
    2515                 margin: 0;
     2579        .full-width .site-content {
     2580                margin-right: 0;
    25162581        }
    2517         .full-width.site-content .hentry {
    2518                 max-width: 100%;
     2582}
     2583
     2584@media screen and (min-width: 770px) {
     2585        .header-main {
     2586                margin-right: 0;
    25192587        }
     2588        .primary-navigation {
     2589                display: block;
     2590        }
    25202591}
    25212592
    2522 @media screen and (min-width: 740px) {
    2523         .content-area .entry-header {
    2524                 margin: -48px 4.59183673% 0;
    2525                 margin: -4.8rem 4.59183673% 0;
    2526                 padding: 24px 4.46428571% 12px;
    2527                 padding: 2.4rem 4.46428571% 1.2rem;
     2593@media screen and (min-width: 810px) {
     2594        .full-width .entry-content img.size-medium.alignleft,
     2595        .full-width .entry-content img.size-large.alignleft,
     2596        .full-width .entry-content img.size-full.alignleft,
     2597        .full-width .entry-content .wp-caption.alignleft,
     2598        .full-width .entry-content blockquote.alignleft {
     2599                margin-left: -168px;
     2600                margin-left: -16.8rem;
    25282601        }
    2529         .content-area .entry-content,
    2530         .content-area .entry-summary {
    2531                 margin: 0 4.59183673%;
    2532                 padding: 12px 4.46428571% 0;
    2533                 padding: 1.2rem 4.46428571% 0;
     2602        .full-width .entry-content img.size-medium.alignright,
     2603        .full-width .entry-content img.size-large.alignright,
     2604        .full-width .entry-content img.size-full.alignright,
     2605        .full-width .entry-content .wp-caption.alignright,
     2606        .full-width .entry-content blockquote.alignright {
     2607                margin-right: -168px;
     2608                margin-right: -16.8rem;
    25342609        }
    2535         .content-area footer.entry-meta {
    2536                 margin: 12px 4.59183673% 24px;
    2537                 margin: 1.2rem 4.59183673% 2.4rem;
    2538                 padding: 0 4.46428571%;
     2610        .full-width .entry-content img.size-full.alignnone,
     2611        .single-attachment .entry-content .attachment {
     2612                margin-right: -168px;
     2613                margin-right: -16.8rem;
     2614                margin-left: -168px;
     2615                margin-left: -16.8rem;
     2616                max-width: 810px;
     2617                max-width: 81.0rem;
    25392618        }
    2540         .archive-header,
    2541         .page-header {
    2542                 margin: 0 4.59183673% 24px;
    2543                 margin: 0 4.59183673% 2.4rem;
    2544                 padding: 0 4.46428571%;
     2619        .single-attachment .entry-content .attachment {
     2620                text-align: center;
    25452621        }
    2546         .page .content-area .entry-header,
    2547         .error404 .content-area .page-header {
    2548                 margin: 0 4.59183673%;
    2549                 padding: 0 4.46428571% 12px;
    2550                 padding: 0 4.46428571% 1.2rem;
     2622        .full-width .entry-content blockquote.alignleft,
     2623        .full-width .entry-content blockquote.alignright {
     2624                width: -webkit-calc(50% + 130px);
     2625                width:         calc(50% + 130px);
    25512626        }
    2552         .content-area .full-width .entry-header {
    2553                 margin: 0 6.04307432%;
    2554                 padding: 0 0 12px;
    2555                 padding: 0 0 1.2rem;
     2627}
     2628@media screen and (min-width: 870px) {
     2629        .content-area {
     2630                padding-top: 72px;
     2631                padding-top: 7.2rem;
    25562632        }
    2557         .content-area .full-width .entry-content {
    2558                 margin: 0 6.04307432%;
    2559                 padding: 0;
     2633        .home .content-area {
     2634                padding-top: 36px;
     2635                padding-top: 3.6rem;
    25602636        }
    2561         .content-area .full-width footer.entry-meta {
    2562                 margin: 0 6.04307432%;
    2563                 padding: 0;
     2637        .content-area .entry-header {
     2638                margin-top: -48px;
     2639                margin-top: -4.8rem;
    25642640        }
    25652641        .content-area .format-aside .entry-header,
    25662642        .content-area .format-quote .entry-header,
    … …  
    25862662                padding-top: 3.6rem;
    25872663        }
    25882664        .comment-author .avatar {
    2589                 width: 42px;
    2590                 width: 4.2rem;
    2591                 height: 42px;
    2592                 height: 4.2rem;
     2665                top: 2px;
     2666                width: 34px;
     2667                width: 3.4rem;
     2668                height: 34px;
     2669                height: 3.4rem;
    25932670        }
    25942671        .comment-author,
    25952672        .comment-metadata,
    25962673        .comment-content,
    25972674        .comment-list .reply {
    2598                 padding-left: 60px;
    2599                 padding-left: 6.0rem;
     2675                padding-left: 54px;
     2676                padding-left: 5.4rem;
    26002677        }
    2601         .comments-title,
    2602         .no-comments,
    2603         .comment-respond,
    2604         .comments-area article,
    2605         .comment-list .trackback,
    2606         .comment-list .pingback,
    2607         .post-navigation [rel="prev"],
    2608         .post-navigation [rel="next"] {
    2609                 padding-right: 9.12778904%;
    2610                 padding-left: 9.12778904%;
     2678        .comment-list .children {
     2679                margin-left: 37px;
     2680                margin-left: 3.7rem;
    26112681        }
    2612         .comment-reply-title,
    2613         .comment-form {
    2614                 padding: 0;
    2615         }
    2616         .comment-navigation {
    2617                 padding-left: 9.12778904%;
    2618         }
    26192682        .comment .comment-respond {
    26202683                margin-left: 60px;
    26212684                margin-left: 6.0rem;
    26222685        }
    2623         .image-navigation .previous-image,
    2624         .image-navigation .next-image,
    2625         .full-width .comment-navigation,
    2626         .full-width .comments-title,
    2627         .full-width .comment-respond,
    2628         .full-width .comments-area article,
    2629         .full-width .comment-list .trackback,
    2630         .full-width .comment-list .pingback {
    2631                 padding-right: 6.04307432%;
    2632                 padding-left: 6.04307432%;
    2633         }
    2634         .full-width .comment-reply-title,
    2635         .full-width .comment-form {
    2636                 padding: 0;
    2637         }
    2638         .content-area .no-results .entry-header {
    2639                 margin: 0 4.59183673%;
    2640                 padding: 0 4.46428571%;
    2641         }
    2642 }
    2643 
    2644 @media screen and (min-width: 770px) {
    2645         .header-main {
    2646                 margin-right: 0;
    2647         }
    2648         .primary-navigation {
    2649                 display: block;
    2650         }
    2651 }
    2652 
    2653 @media screen and (min-width: 870px) {
    2654         .content-area {
    2655                 padding-top: 72px;
    2656                 padding-top: 7.2rem;
    2657         }
    2658         .home .content-area {
    2659                 padding-top: 36px;
    2660                 padding-top: 3.6rem;
    2661         }
    2662         .content-area .entry-header {
    2663                 margin-right: 8.03571428%;
    2664                 margin-left: 12.5%;
    2665         }
    2666         .content-area .entry-content,
    2667         .content-area .entry-summary {
    2668                 margin-right: 8.03571428%;
    2669                 margin-left: 12.5%;
    2670         }
    2671         .content-area footer.entry-meta {
    2672                 margin: 12px 8.03571428% 24px 12.5%;
    2673                 margin: 1.2rem 8.03571428% 2.4rem 12.5%;
    2674         }
    2675         .page .content-area .entry-header,
    2676         .error404 .content-area .page-header {
    2677                 margin: 0 8.03571428% 0 12.5%;
    2678         }
    2679         .content-area .full-width .entry-header,
    2680         .content-area .full-width .entry-content,
    2681         .content-area .full-width footer.entry-meta {
    2682                 margin: 0 11.30926724%;
    2683         }
    2684         .archive-header,
    2685         .page-header {
    2686                 margin: 0 8.03571428% 24px 12.5%;
    2687                 margin: 0 8.03571428% 2.4rem 12.5%;
    2688         }
    26892686        .content-sidebar {
    26902687                padding-top: 72px;
    26912688                padding-top: 7.2rem;
    … …  
    26992696        #featured-content .hentry:nth-child( 3n+1 ) {
    27002697                clear: both;
    27012698        }
    2702         .comments-title,
    2703         .no-comments,
    2704         .comment-respond,
    2705         .post-navigation [rel="prev"],
    2706         .post-navigation [rel="next"] {
    2707                 padding-right: 12.39493534%;
    2708                 padding-left: 17.06896551%;
     2699}
     2700
     2701@media screen and (min-width: 1008px) {
     2702        .header-main {
     2703                padding-left: 27px;
     2704                padding-left: 2.7rem;
    27092705        }
    2710         .comments-area article,
    2711         .comment-list .trackback,
    2712         .comment-list .pingback {
    2713                 padding-right: 11.25%;
    2714                 padding-left: 15.46875%;
     2706        .search-box-wrapper {
     2707                padding-left: 182px;
     2708                padding-left: 18.2rem;
    27152709        }
    2716         .comment-respond {
    2717                 padding-right: 13.8900862%;
     2710        .site-content {
     2711                margin: 0 29.04761904% 0 182px;
     2712                margin: 0 29.04761904% 0 18.2rem;
    27182713        }
    2719         .comment .comment-respond {
    2720                 margin-left: 50px;
    2721                 margin-left: 5.0rem;
     2714        .content-sidebar,
     2715        .ephemera {
     2716                margin-left: -29.04761904%;
     2717                width: 29.04761904%;
    27222718        }
    2723         .comment-list,
    2724         .full-width .comment-list {
    2725                 margin-left: -60px;
    2726                 margin-left: -6.0rem;
     2719        .content-area .entry-header {
     2720                margin-top: 0;
    27272721        }
    2728         .comment-navigation {
    2729                 padding-left: 17.06896551%;
     2722        .content-area .entry-header
     2723        .content-area .entry-content,
     2724        .content-area .entry-summary,
     2725        .content-area footer.entry-meta,
     2726        .archive-header,
     2727        .page-header,
     2728        .page-content,
     2729        .post-navigation,
     2730        .image-navigation,
     2731        .comments-area {
     2732                padding-right: 0;
     2733                padding-left: 0;
    27302734        }
    2731         .image-navigation .previous-image,
    2732         .image-navigation .next-image,
    2733         .full-width .comment-navigation,
    2734         .full-width .comments-title,
    2735         .full-width .comment-respond,
    2736         .full-width .comments-area article,
    2737         .full-width .comment-list .trackback,
    2738         .full-width .comment-list .pingback {
    2739                 padding-right: 11.30926724%;
    2740                 padding-left: 11.30926724%;
     2735        .site-footer {
     2736                padding-left: 27px;
     2737                padding-left: 2.7rem;
    27412738        }
    2742         blockquote.pull.alignleft {
    2743                 margin-left: -20%;
    2744         }
    2745         blockquote.pull.alignright {
    2746                 margin-right: -20%;
    2747         }
    2748         .content-area .no-results .entry-header {
    2749                 margin-right: 8.03571428%;
    2750                 margin-left: 12.5%;
    2751         }
    2752         .content-area .no-results .entry-content {
    2753                 margin-right: 8.03571428%;
    2754                 margin-left: 12.5%;
    2755         }
    2756 }
    2757 
    2758 /* Secondary starts appear on the left */
    2759 @media screen and (min-width: 1008px) {
    27602739        .site:before {
    27612740                background-color: #000;
    27622741                content: '';
    … …  
    27662745                position: absolute;
    27672746                        top: 0;
    27682747                        left: 0;
    2769                 width: 222px;
    2770                 width: 22.2rem;
     2748                width: 182px;
     2749                width: 18.2rem;
    27712750                z-index: 2;
    27722751        }
    2773         .header-main {
    2774                 padding-left: 27px;
    2775                 padding-left: 2.7rem;
    2776         }
    2777         .search-box-wrapper {
    2778                 padding-left: 222px;
    2779                 padding-left: 22.2rem;
    2780         }
    2781         .site-content {
    2782                 margin: 0 27.31707317% 0 222px;
    2783                 margin: 0 27.31707317% 0 22.2rem;
    2784         }
    27852752        #secondary {
    27862753                background-color: transparent;
    27872754                border-bottom: 0;
    27882755                clear: none;
     2756                font-size: 11px;
    27892757                font-size: 1.1rem;
    27902758                float: left;
    27912759                line-height: 1.6363636363;
    27922760                margin: 0 0 0 -100%;
    27932761                padding: 0 27px;
    27942762                padding: 0 2.7rem;
    2795                 width: 168px;
    2796                 width: 16.8rem;
     2763                width: 128px;
     2764                width: 12.8rem;
    27972765        }
    27982766        .site-description {
    27992767                display: block;
    … …  
    28012769                margin: -3px 0 21px;
    28022770                margin: -0.3rem 0 2.1rem;
    28032771        }
    2804         .front-page-content-wrapper {
    2805                 float: left;
    2806         }
    2807         .site-content {
    2808                 margin: 0 27.31707317% 0 222px;
    2809                 margin: 0 27.31707317% 0 22.2rem;
    2810         }
    2811         .content-sidebar,
    2812         .ephemera {
    2813                 margin: 0 0 0 -27.31707317%;
    2814                 width: 24.87804878%;
    2815         }
    2816         .content-area .entry-header {
    2817                 margin: -48px 4.59183673% 0;
    2818                 margin: -4.8rem 4.59183673% 0;
    2819                 padding: 24px 4.46428571% 12px;
    2820                 padding: 2.4rem 4.46428571% 1.2rem;
    2821         }
    2822         .content-area .entry-content,
    2823         .content-area .page-content,
    2824         .content-area .entry-summary {
    2825                 margin: 0 4.59183673%;
    2826                 padding: 12px 4.46428571% 0;
    2827                 padding: 1.2rem 4.46428571% 0;
    2828         }
    2829         .content-area footer.entry-meta {
    2830                 margin: 12px 4.59183673% 24px;
    2831                 margin: 1.2rem 4.59183673% 2.4rem;
    2832                 padding: 0 4.46428571%;
    2833         }
    2834         .archive-header,
    2835         .page-header {
    2836                 margin: 0 4.59183673% 24px;
    2837                 margin: 0 4.59183673% 2.4rem;
    2838         }
    2839         #featured-content {
    2840                 padding-left: 222px;
    2841                 padding-left: 22.2rem;
    2842         }
    2843         .site-footer {
    2844                 padding-left: 27px;
    2845                 padding-left: 2.7rem;
    2846         }
    28472772        .secondary-navigation {
    28482773                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    28492774                font-size: 11px;
    … …  
    28682793                position: absolute;
    28692794                        top: -1px;
    28702795                        top: -0.1rem;
    2871                         left: 168px;
    2872                         left: 16.8rem;
    2873                 width: 168px;
    2874                 width: 16.8rem;
     2796                        left: 128px;
     2797                        left: 12.8rem;
     2798                width: 128px;
     2799                width: 12.8rem;
    28752800                z-index: 9999;
    28762801        }
    28772802        .secondary-navigation ul li:hover {
    … …  
    28802805        .secondary-navigation ul li:hover > ul {
    28812806                display: block;
    28822807        }
    2883         .page .content-area .entry-header,
    2884         .error404 .content-area .page-header {
    2885                 margin: 0 4.59183673%;
    2886                 padding: 0 4.46428571% 12px;
    2887                 padding: 0 4.46428571% 1.2rem;
    2888         }
    2889         .full-width.site-content {
    2890                 margin-left: 222px;
    2891                 margin-left: 22.2rem;
    2892         }
    2893         .content-area .full-width .entry-header {
    2894                 padding: 0 0 12px;
    2895                 padding: 0 0 1.2rem;
    2896         }
    2897         .content-area .full-width .entry-header,
    2898         .content-area .full-width .entry-content,
    2899         .content-area .full-width .page-content,
    2900         .content-area .full-width footer.entry-meta {
    2901                 margin: 0 5.882236%;
    2902         }
    2903         .comments-title,
    2904         .no-comments,
    2905         .comment-respond,
    2906         .comments-area article,
    2907         .comment-list .trackback,
    2908         .comment-list .pingback,
    2909         .post-navigation [rel="prev"],
    2910         .post-navigation [rel="next"] {
    2911                 padding-right: 9.87001616%;
    2912                 padding-left: 9.19765166%;
    2913         }
    2914         .comment-list,
    2915         .full-width .comment-list {
    2916                 margin-left: 0;
    2917         }
    2918         .comment-navigation {
    2919                 padding-left: 9.19765166%;
    2920         }
    2921         .comment .comment-respond {
    2922                 margin-left: 60px;
    2923                 margin-left: 6.0rem;
    2924         }
    2925         .image-navigation .previous-image,
    2926         .image-navigation .next-image,
    2927         .full-width .comment-navigation,
    2928         .full-width .comments-title,
    2929         .full-width .comment-respond,
    2930         .full-width .comments-area article,
    2931         .full-width .comment-list .trackback,
    2932         .full-width .comment-list .pingback {
    2933                 padding-right: 5.882236%;
    2934                 padding-left: 5.882236%;
    2935         }
    2936         blockquote.pull.alignleft {
    2937                 margin-left: 0;
    2938         }
    2939         blockquote.pull.alignright {
    2940                 margin-right: 0;
    2941         }
    29422808        #secondary .widget,
    29432809        #supplementary .widget {
    29442810                margin-bottom: 48px;
    … …  
    29602826                padding-right: 0;
    29612827                padding-left: 0;
    29622828        }
    2963 
     2829        .front-page-content-wrapper {
     2830                float: left;
     2831        }
     2832        .featured-content {
     2833                padding-left: 182px;
     2834                padding-left: 18.2rem;
     2835        }
    29642836}
    29652837
    2966 @media screen and (min-width: 1150px) {
     2838@media screen and (min-width: 1040px) {
    29672839        .content-area .entry-header {
    2968                 margin: -48px 8.03571428% 0 12.5%;
    2969                 margin: -4.8rem 8.03571428% 0 12.5%;
     2840                margin-top: -48px;
     2841                margin-top: -4.8rem;
    29702842        }
     2843        .content-area .entry-header,
    29712844        .content-area .entry-content,
    2972         .content-area .page-content,
    2973         .content-area .entry-summary {
    2974                 margin: 0 8.03571428% 0 12.5%;
     2845        .content-area .entry-summary,
     2846        .content-area footer.entry-meta,
     2847        .archive-header,
     2848        .page-header,
     2849        .page-content,
     2850        .post-navigation,
     2851        .image-navigation,
     2852        .comments-area {
     2853                padding-right: 15px;
     2854                padding-right: 1.5rem;
     2855                padding-left: 15px;
     2856                padding-left: 1.5rem;
    29752857        }
    2976         .content-area footer.entry-meta {
    2977                 margin: 12px 8.03571428% 24px 12.5%;
    2978                 margin: 1.2rem 8.03571428% 2.4rem 12.5%;
     2858}
     2859
     2860@media screen and (min-width: 1080px) {
     2861        .site:before {
     2862                width: 222px;
     2863                width: 22.2rem;
    29792864        }
    2980         .comments-title,
    2981         .no-comments,
    2982         .comment-respond,
    2983         .post-navigation [rel="prev"],
    2984         .post-navigation [rel="next"] {
    2985                 padding-right: 12.44146986%;
    2986                 padding-left: 16.77524429%;
     2865        .search-box-wrapper,
     2866        .featured-content {
     2867                padding-left: 222px;
     2868                padding-left: 22.2rem;
    29872869        }
    2988         .comments-area article,
    2989         .comment-list .trackback,
    2990         .comment-list .pingback {
    2991                 padding-right: 11.27596439%;
    2992                 padding-left: 15.2818991%;
     2870        .site-content {
     2871                margin-left: 222px;
     2872                margin-left: 22.2rem;
    29932873        }
    2994         .comment-respond {
    2995                 padding-right: 13.73697916%;
     2874        #secondary,
     2875        .secondary-navigation ul ul {
     2876                width: 168px;
     2877                width: 16.8rem;
    29962878        }
    2997         .comment .comment-respond {
    2998                 margin-left: 50px;
    2999                 margin-left: 5.0rem;
     2879        .secondary-navigation ul ul {
     2880                left: 168px;
     2881                left: 16.8rem;
    30002882        }
    3001         .comment-list,
    3002         .full-width .comment-list {
    3003                 margin-left: -60px;
    3004                 margin-left: -6.0rem;
     2883}
     2884
     2885@media screen and (min-width: 1110px) {
     2886        .content-area .entry-header,
     2887        .content-area .entry-content,
     2888        .content-area .entry-summary,
     2889        .content-area footer.entry-meta,
     2890        .archive-header,
     2891        .page-header,
     2892        .page-content,
     2893        .post-navigation,
     2894        .image-navigation,
     2895        .comments-area {
     2896                padding-right: 30px;
     2897                padding-right: 3.0rem;
     2898                padding-left: 30px;
     2899                padding-left: 3.0rem;
    30052900        }
    3006         .comment-navigation {
    3007                 padding-left: 16.77524429%;
    3008         }
     2901}
     2902@media screen and (min-width: 1218px) {
     2903        .content-area .entry-header,
     2904        .content-area .entry-content,
     2905        .content-area .entry-summary,
     2906        .content-area footer.entry-meta,
    30092907        .archive-header,
    3010         .page-header {
    3011                 margin: 0 8.03571428% 24px 12.5%;
    3012                 margin: 0 8.03571428% 2.4rem 12.5%;
     2908        .page-header,
     2909        .page-content,
     2910        .post-navigation,
     2911        .image-navigation,
     2912        .comments-area {
     2913                margin-right: 54px;
    30132914        }
    3014         .page .content-area .entry-header,
    3015         .error404 .content-area .page-header {
    3016                 margin: 0 8.03571428% 0 12.5%;
     2915        .full-width .content-area .entry-header,
     2916        .full-width .content-area .entry-content,
     2917        .full-width .content-area .entry-summary,
     2918        .full-width .content-area footer.entry-meta,
     2919        .full-width .archive-header,
     2920        .full-width .page-header,
     2921        .full-width .page-content,
     2922        .full-width .post-navigation,
     2923        .full-width .image-navigation,
     2924        .full-width .comments-area {
     2925                margin-right: auto;
    30172926        }
    3018         .content-area .full-width .entry-header,
    3019         .content-area .full-width .entry-content,
    3020         .content-area .full-width .page-content,
    3021         .content-area .full-width footer.entry-meta {
    3022                 margin: 0 11.21868265%;
    3023         }
    3024         .image-navigation .previous-image,
    3025         .image-navigation .next-image,
    3026         .full-width .comment-navigation,
    3027         .full-width .comments-title,
    3028         .full-width .comment-respond,
    3029         .full-width .comments-area article,
    3030         .full-width .comment-list .trackback,
    3031         .full-width .comment-list .pingback {
    3032                 padding-right: 11.21868265%;
    3033                 padding-left: 11.21868265%;
    3034         }
    3035         .content-area .entry-content .wp-caption.alignleft .wp-caption-text {
    3036                 padding-left: 10px;
    3037                 padding-left: 1.0rem;
    3038         }
    3039         blockquote.pull.alignleft {
    3040                 margin-left: -20%;
    3041         }
    3042         blockquote.pull.alignright {
    3043                 margin-right: -20%;
    3044         }
    30452927}
    30462928
    3047 @media screen and (min-width: 1230px) {
    3048         .site,
    3049         .site-header,
    3050         .home .site-main {
    3051                 max-width: 1260px;
    3052                 max-width: 126.0rem;
     2929@media screen and (min-width: 1260px) {
     2930        .entry-content blockquote.alignleft,
     2931        .entry-content blockquote.alignright {
     2932                width: -webkit-calc(50% + 18px);
     2933                width:         calc(50% + 18px);
    30532934        }
    3054         .content-sidebar,
    3055         .ephemera {
    3056                 padding-right: 0;
     2935        .entry-content blockquote.alignleft {
     2936                margin-left: -18%;
    30572937        }
    3058         .content-area .full-width .entry-header,
    3059         .content-area .full-width .entry-content,
    3060         .content-area .full-width .page-content,
    3061         .content-area .full-width footer.entry-meta {
    3062                 margin: 0 0 0 11.21868265%;
     2938        .entry-content blockquote.alignright {
     2939                margin-right: -18%;
    30632940        }
    3064         .image-navigation .previous-image,
    3065         .image-navigation .next-image,
    3066         .full-width .comment-navigation,
    3067         .full-width .comments-title,
    3068         .full-width .comment-respond,
    3069         .full-width .comments-area article,
    3070         .full-width .comment-list .trackback,
    3071         .full-width .comment-list .pingback {
    3072                 padding-right: 0;
    3073         }
    30742941}
    3075  No newline at end of file

  • wp-content/themes/twentyfourteen/featured-content.php

     
    99 */
    1010?>
    1111
    12 <div class="featured-content-wrapper">
    13         <div id="featured-content" class="featured-content">
     12<div id="featured-content" class="featured-content">
    1413
    15                 <?php
    16                         do_action( 'twentyfourteen_featured_posts_before' );
     14        <?php
     15                do_action( 'twentyfourteen_featured_posts_before' );
    1716
    18                         $featured_posts = twentyfourteen_get_featured_posts();
    19                         foreach ( (array) $featured_posts as $order => $post ) :
    20                                 setup_postdata( $post );
     17                $featured_posts = twentyfourteen_get_featured_posts();
     18                foreach ( (array) $featured_posts as $order => $post ) :
     19                        setup_postdata( $post );
    2120
    22                                 get_template_part( 'content', 'featured-post' );
    23                         endforeach;
     21                        get_template_part( 'content', 'featured-post' );
     22                endforeach;
    2423
    25                         do_action( 'twentyfourteen_featured_posts_after' );
     24                do_action( 'twentyfourteen_featured_posts_after' );
    2625
    27                         wp_reset_postdata();
    28                 ?>
     26                wp_reset_postdata();
     27        ?>
    2928
    30         </div><!-- .featured-content -->
    31 </div><!-- .featured-content-wrapper -->
     29</div><!-- #featured-content .featured-content -->

  • wp-content/themes/twentyfourteen/full-width-page.php

     
    99get_header(); ?>
    1010
    1111        <div id="primary" class="content-area">
    12                 <div id="content" class="site-content full-width" role="main">
     12                <div id="content" class="site-content" role="main">
    1313                        <?php
    1414                                while ( have_posts() ) :
    1515                                        the_post();

  • wp-content/themes/twentyfourteen/front-page.php

     
    88
    99get_header(); ?>
    1010
    11         <div class="front-page-content-wrapper">
    12                 <div class="front-page-content-main">
     11<div class="front-page-content-wrapper">
    1312
    14                         <?php if ( twentyfourteen_has_featured_posts() ) : ?>
    15                                 <?php get_template_part( 'featured-content' ); ?>
    16                         <?php endif; ?>
     13        <?php
     14                if ( twentyfourteen_has_featured_posts() )
     15                        get_template_part( 'featured-content' );
     16        ?>
    1717
    18                         <div class="front-page-content-area">
     18        <div id="primary" class="content-area no-sidebar">
     19                <div id="content" class="site-content" role="main">
     20                <?php
     21                        if ( have_posts() ) :
     22                                while ( have_posts() ) :
     23                                        the_post();
    1924
    20                                 <div id="primary" class="content-area no-sidebar">
    21                                         <div id="content" class="site-content" role="main">
    22                                         <?php
    23                                                 if ( have_posts() ) :
    24                                                         while ( have_posts() ) :
    25                                                                 the_post();
     25                                        get_template_part( 'content', get_post_format() );
    2626
    27                                                                 get_template_part( 'content', get_post_format() );
     27                                        comments_template();
     28                                endwhile;
     29                                twentyfourteen_paging_nav();
    2830
    29                                                                 comments_template();
    30                                                         endwhile;
    31                                                         twentyfourteen_paging_nav();
     31                        else :
     32                                get_template_part( 'content', 'none' );
    3233
    33                                                 else :
    34                                                         get_template_part( 'content', 'none' );
     34                        endif;
     35                ?>
     36                </div><!-- #content .site-content -->
     37        </div><!-- #primary .content-area -->
    3538
    36                                                 endif;
    37                                         ?>
    38                                         </div><!-- #content .site-content -->
    39                                 </div><!-- #primary .content-area -->
     39        <?php get_sidebar( 'ephemera' ); ?>
    4040
    41                                 <?php get_sidebar( 'ephemera' ); ?>
     41</div><!-- .front-page-content-wrapper -->
    4242
    43                         </div><!-- .front-page-content-area -->
    44 
    45                 </div><!-- .front-page-content-main -->
    46         </div><!-- .front-page-content-wrapper -->
    47 
    4843<?php
    4944get_sidebar();
    5045get_footer();

  • wp-content/themes/twentyfourteen/functions.php

     
    9999add_action( 'after_setup_theme', 'twentyfourteen_setup' );
    100100
    101101/**
    102  * Adjusts content_width value for full width and attachment templates.
     102 * Adjusts content_width value for full-width and attachment templates.
    103103 *
    104104 * @return void
    105105 */
    106106function twentyfourteen_content_width() {
    107107        if ( is_page_template( 'full-width-page.php' ) || is_attachment() )
    108                 $GLOBALS['content_width'] = 895;
     108                $GLOBALS['content_width'] = 810;
    109109}
    110110add_action( 'template_redirect', 'twentyfourteen_content_width' );
    111111
    … …  
    417417 * Adds body classes to denote:
    418418 * 1. Single or multiple authors.
    419419 * 2. Index views.
     420 * 3. Full-width content layout.
    420421 *
    421422 * @param array $classes A list of existing body class values.
    422423 * @return array The filtered body class list.
    423424 */
    424425function twentyfourteen_body_classes( $classes ) {
    425         // Adds a class of group-blog to blogs with more than 1 published author
    426         if ( is_multi_author() ) {
     426        if ( is_multi_author() )
    427427                $classes[] = 'group-blog';
    428         }
    429         if ( is_archive() || is_search() || is_home() ) {
     428
     429        if ( is_archive() || is_search() || is_home() )
    430430                $classes[] = 'list-view';
    431         }
    432431
     432        if ( is_page_template( 'full-width-page.php' ) || is_attachment() )
     433                $classes[] = 'full-width';
     434
    433435        return $classes;
    434436}
    435437add_filter( 'body_class', 'twentyfourteen_body_classes' );

  • wp-content/themes/twentyfourteen/image.php

     
    1010?>
    1111
    1212<section id="primary" class="content-area image-attachment">
    13         <div id="content" class="site-content full-width" role="main">
     13        <div id="content" class="site-content" role="main">
    1414
    1515        <?php while ( have_posts() ) : the_post(); ?>
    1616
    … …  
    7070                </article><!-- #post-## -->
    7171
    7272                <nav id="image-navigation" class="navigation image-navigation">
     73                        <div class="nav-links">
    7374                        <?php previous_image_link( false, __( '<div class="previous-image">Previous Image</div>', 'twentyfourteen' ) ); ?>
    7475                        <?php next_image_link( false, __( '<div class="next-image">Next Image</div>', 'twentyfourteen' ) ); ?>
     76                        </div><!-- .nav-links -->
    7577                </nav><!-- #image-navigation -->
    7678
    7779                <?php comments_template(); ?>

  • wp-content/themes/twentyfourteen/comments.php

     
    4040                        wp_list_comments( array(
    4141                                'style'      => 'ol',
    4242                                'short_ping' => true,
    43                                 'avatar_size'=> 42,
     43                                'avatar_size'=> 34,
    4444                        ) );
    4545                ?>
    4646        </ol><!-- .comment-list -->