WordPress.org

Make WordPress Core

Ticket #25031: 25031.6.diff

File 25031.6.diff, 40.3 KB (added by iamtakashi, 8 years ago)
  • src/wp-content/themes/twentyfourteen/style.css

     
    233233        font-weight: 400;
    234234        line-height: 1.5;
    235235}
    236 blockquote.pull p {
    237         margin-bottom: 17px;
    238         margin-bottom: 1.7rem;
    239 }
    240 blockquote.pull.alignleft,
    241 blockquote.pull.alignright {
    242         border-top: 1px solid rgba(0, 0, 0, 0.1);
    243         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    244         padding-top: 17px;
    245         padding-top: 1.7rem;
    246         width: 50%;
    247 }
    248 blockquote.pull.alignleft {
     236blockquote.alignleft {
    249237        margin: 7px 24px 7px 0;
    250238        margin: 0.7rem 2.4rem 0.7rem 0;
    251239}
    252 blockquote.pull.alignright {
     240blockquote.alignright {
    253241        margin: 7px 0 7px 24px;
    254242        margin: 0.7rem 0 0.7rem 2.4rem;
    255243}
     
    362350}
    363351input[type="checkbox"],
    364352input[type="radio"] {
    365         box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
     353        -webkit-box-sizing: border-box;
     354        -moz-box-sizing:    border-box;
     355        box-sizing:         border-box;
    366356        padding: 0; /* Addresses excess padding in IE8/9 */
    367357}
    368358input[type="search"] {
    369359        -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    370         -moz-box-sizing: content-box;
    371         -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    372         box-sizing: content-box;
     360        -webkit-box-sizing: content-box;
     361        -moz-box-sizing:    content-box;
     362        box-sizing:         content-box;
    373363}
    374364input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    375365        -webkit-appearance: none;
     
    387377textarea {
    388378        border: 1px solid rgba(0, 0, 0, 0.1);
    389379        border-radius: 2px;
    390         -moz-box-sizing: border-box;
    391         box-sizing: border-box;
     380        -webkit-box-sizing: border-box;
     381        -moz-box-sizing:    border-box;
     382        box-sizing:         border-box;
    392383        color: #2b2b2b;
     384        line-height: 1;
    393385}
    394386input[type="text"]:focus,
    395387input[type="email"]:focus,
     
    519511
    520512body {
    521513        background-color: #f5f5f5;
    522         text-rendering: optimizeLegibility;
    523514}
    524515.site {
    525516        background-color: #fff;
    526         max-width: 1230px;
    527         max-width: 123.0rem;
     517        max-width: 1260px;
     518        max-width: 126.0rem;
    528519        position: relative;
    529520}
    530 .site-main {
    531         max-width: 1230px;
    532         max-width: 123.0rem;
    533 }
    534521.content-area {
    535         padding-top:24px;
    536         padding-top:2.4rem;
     522        padding-top: 24px;
     523        padding-top: 2.4rem;
    537524}
    538525#secondary {
    539526        background-color: #000;
     
    546533        z-index: 2;
    547534}
    548535.content-sidebar {
    549         -moz-box-sizing: border-box;
    550         box-sizing: border-box;
     536        -webkit-box-sizing: border-box;
     537        -moz-box-sizing:    border-box;
     538        box-sizing:         border-box;
    551539        padding: 36px 10px 0;
    552540        padding: 3.6rem 1.0rem 0;
    553541        position: relative;
     
    578566
    579567.site-header {
    580568        background-color: #000;
    581         max-width: 1230px;
    582         max-width: 123.0rem;
     569        max-width: 1260px;
     570        max-width: 126.0rem;
    583571        position: relative;
    584572        width: 100%;
    585573        z-index: 3;
     
    643631}
    644632.search-toggle {
    645633        background-color: #24890d;
    646         -moz-box-sizing: border-box;
    647         box-sizing: border-box;
     634        -webkit-box-sizing: border-box;
     635        -moz-box-sizing:    border-box;
     636        box-sizing:         border-box;
    648637        color: #fff;
    649638        display: block;
    650639        float: left;
     
    664653.search-toggle.active {
    665654        background-color: #35921f;
    666655}
    667 .search-toggle {
    668         display: none;
    669 }
    670656.search-toggle:hover {
    671657        cursor: pointer;
    672658}
     
    685671                left: 50%;
    686672}
    687673.search-box-wrapper {
    688         -moz-box-sizing: border-box;
    689         box-sizing: border-box;
     674        -webkit-box-sizing: border-box;
     675        -moz-box-sizing:    border-box;
     676        box-sizing:         border-box;
    690677        position: absolute;
    691678        width: 100%;
    692679        z-index: 2;
     
    729716        padding-left: 0;
    730717}
    731718.primary-navigation li {
    732         -moz-box-sizing: border-box;
    733         box-sizing: border-box;
     719        -webkit-box-sizing: border-box;
     720        -moz-box-sizing:    border-box;
     721        box-sizing:         border-box;
    734722        display: inline-block;
    735723        height: 48px;
    736724        height: 4.8rem;
     
    836824}
    837825.mobile-navigation {
    838826        background-color: #000;
    839         -moz-box-sizing: border-box;
    840         box-sizing: border-box;
     827        -webkit-box-sizing: border-box;
     828        -moz-box-sizing:    border-box;
     829        box-sizing:         border-box;
    841830        font-size: 14px;
    842831        font-size: 1.4rem;
    843832        font-weight: 700;
     
    884873        max-width: 67.2rem;
    885874}
    886875.attachment-featured-thumbnail {
    887         background: #767676 url(images/pattern.png) repeat 0 0;
     876        background: #dfdfdf url(images/pattern.png) repeat 0 0;
    888877        background-size: 5px 5px;
    889878        display: block;
    890879        float: none;
     
    896885        height: auto;
    897886        z-index: 0;
    898887}
     888.attachment-featured-thumbnail:hover {
     889        background-color: #767676;
     890}
     891.full-width .attachment-featured-thumbnail img {
     892        display: block;
     893        margin: 0 auto;
     894}
    899895.entry-header {
    900896        position: relative;
    901897        z-index: 1;
     
    963959        z-index: 2;
    964960}
    965961.entry-content a,
    966 .page-content a, {
     962.page-content a,
     963.entry-summary a {
    967964        text-decoration: underline;
    968965}
    969966.entry-content table,
     
    996993        margin-bottom: 24px;
    997994        margin-bottom: 2.4rem;
    998995}
     996.entry-content blockquote.alignleft,
     997.entry-content blockquote.alignright {
     998        border-top: 1px solid rgba(0, 0, 0, 0.1);
     999        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     1000        padding-top: 17px;
     1001        padding-top: 1.7rem;
     1002        width: 50%;
     1003}
     1004.entry-content blockquote.alignleft p,
     1005.entry-content blockquote.alignright p {
     1006        margin-bottom: 17px;
     1007        margin-bottom: 1.7rem;
     1008}
    9991009footer.entry-meta {
    10001010        margin-bottom: 36px;
    10011011        margin-bottom: 3.6rem;
    10021012}
    10031013
    10041014/* .content-area specific styles */
     1015.content-area .entry-header,
     1016.content-area .entry-content,
     1017.content-area .entry-summary,
     1018.content-area .entry-meta {
     1019        margin: 0 auto;
     1020        max-width: 474px;
     1021        max-width: 47.4rem;
     1022}
    10051023.content-area .entry-header {
    10061024        background-color: #fff;
    10071025        padding: 24px 10px 12px;
     
    10231041        text-transform: uppercase;
    10241042}
    10251043.content-area .entry-content,
    1026 .content-area .page-content,
    1027 .content-area .entry-summary {
     1044.content-area .entry-summary,
     1045.page-content {
    10281046        background-color: #fff;
    10291047        padding: 12px 10px 0;
    10301048        padding: 1.2rem 1.0rem 0;
     
    10351053        padding: 0 10px;
    10361054        padding: 0 1.0rem;
    10371055}
    1038 .content-area footer.entry-meta .entry-meta {
    1039         margin-bottom: 24px;
    1040         margin-bottom: 2.4rem;
     1056.content-area footer.entry-meta {
     1057        margin-bottom: 36px;
     1058        margin-bottom: 3.6rem;
    10411059}
    10421060.content-area footer.entry-meta .entry-title {
    10431061        font-size: 12px;
     
    10661084.format-quote .entry-content,
    10671085.format-quote .entry-summary,
    10681086.format-link .entry-content,
    1069 .format-link.entry-summary      {
     1087.format-link.entry-summary {
    10701088        padding-top: 0;
    10711089}
    10721090
     
    10871105}
    10881106
    10891107/* Page specific styles */
     1108.page-content {
     1109        margin: 0 auto;
     1110        max-width: 474px;
     1111        max-width: 47.4rem;
     1112}
    10901113.page .entry-header,
    10911114.page .entry-content,
    10921115.error404 .page-header,
     
    12251248}
    12261249.archive-header,
    12271250.page-header {
    1228         margin: 0 0 24px;
    1229         margin: 0 0 2.4rem;
    1230         padding: 0 10px;
    1231         padding: 0 1.0rem;
     1251        margin: 0 auto 12px;
     1252        margin: 0 auto 1.3rem;
     1253        max-width: 474px;
    12321254}
    12331255.archive-title,
    12341256.page-title {
     
    12621284.front-page-content-wrapper {
    12631285        width: 100%;
    12641286}
    1265 .front-page-content-area {
    1266         max-width: 1230px;
    1267         max-width: 123.0rem;
    1268 }
    12691287
    12701288
    12711289/* =Featured Content
     
    12741292#featured-content {
    12751293        background: #000 url(images/pattern-dark.png) repeat 0 0;
    12761294        background-size: 5px 5px;
    1277         -moz-box-sizing: border-box;
    1278         box-sizing: border-box;
     1295        -webkit-box-sizing: border-box;
     1296        -moz-box-sizing:    border-box;
     1297        box-sizing:         border-box;
    12791298        width: 100%;
    12801299}
    12811300#featured-content .hentry {
     
    13521371.ephemera {
    13531372        border-top: 1px solid rgba(0, 0, 0, 0.1);
    13541373        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    1355         -moz-box-sizing: border-box;
    1356         box-sizing: border-box;
     1374        -webkit-box-sizing: border-box;
     1375        -moz-box-sizing:    border-box;
     1376        box-sizing:         border-box;
    13571377        clear: both;
     1378        margin: 0 auto;
     1379        max-width: 494px;
    13581380        padding: 23px 10px 0;
    13591381        padding: 2.3rem 1.0rem 0;
    13601382}
     
    14761498}
    14771499
    14781500
     1501/* =Full-width
     1502----------------------------------------------- */
     1503
     1504.full-width .hentry {
     1505        max-width: 100%;
     1506}
     1507
     1508
    14791509/* =404 Page
    14801510----------------------------------------------- */
    14811511
     
    15461576        max-width: 100%;
    15471577}
    15481578.wp-caption-text {
    1549         -moz-box-sizing: border-box;
    1550         box-sizing: border-box;
     1579        -webkit-box-sizing: border-box;
     1580        -moz-box-sizing:    border-box;
     1581        box-sizing:         border-box;
    15511582        font-size: 12px;
    15521583        font-size: 1.2rem;
    15531584        font-style: italic;
     
    16711702}
    16721703.post-navigation,
    16731704.image-navigation {
     1705        margin: 24px auto;
     1706        margin: 2.4rem auto;
     1707        max-width: 474px;
     1708        padding: 0 10px;
     1709}
     1710.nav-links {
    16741711        border-top: 1px solid rgba(0, 0, 0, 0.1);
    1675         margin: 24px 0 0;
    1676         margin: 2.4rem 0 0;
    16771712}
    16781713.post-navigation [rel="prev"],
    16791714.post-navigation [rel="next"],
    16801715.image-navigation .previous-image,
    16811716.image-navigation .next-image  {
    16821717        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    1683         -moz-box-sizing: border-box;
    1684         box-sizing: border-box;
     1718        -webkit-box-sizing: border-box;
     1719        -moz-box-sizing:    border-box;
     1720        box-sizing:         border-box;
    16851721        float: none;
    1686         padding: 11px 10px;
    1687         padding: 1.1rem 1.0rem;
     1722        padding: 11px 0;
     1723        padding: 1.1rem 0;
    16881724        text-align: left;
    16891725        width: 100%;
    16901726}
     
    17221758        line-height: 2;
    17231759        margin-bottom: 48px;
    17241760        margin-bottom: 4.8rem;
    1725         padding-left: 10px;
    1726         padding-left: 1.0rem;
    17271761        text-transform: uppercase;
    17281762}
    17291763.comment-navigation .nav-previous,
     
    17441778----------------------------------------------- */
    17451779
    17461780.comments-area {
    1747         margin-top: 36px;
    1748         margin-top: 3.6rem;
     1781        margin: 36px auto;
     1782        margin: 3.6rem auto;
     1783        max-width: 474px;
     1784        padding: 0 10px;
     1785        padding: 0 1.0rem;
    17491786}
    17501787.comments-title,
    17511788.comment-reply-title {
     
    17541791        font-weight: 900;
    17551792        line-height: 1.5;
    17561793        margin-bottom: 0;
    1757         padding: 0 10px;
    1758         padding: 0 1.0rem;
    17591794        text-transform: uppercase;
    17601795}
    17611796.comment-form {
    17621797        background: #fff;
    1763         padding: 0 10px;
    1764         padding: 0 1.0rem;
    17651798}
    17661799.comment-list {
    17671800        list-style: none;
     
    18061839        border-top: 1px solid rgba(0, 0, 0, 0.1);
    18071840        margin-bottom: 24px;
    18081841        margin-bottom: 2.4rem;
    1809         padding: 24px 10px 0;
    1810         padding: 2.4rem 1.0rem 0;
     1842        padding-top: 24px;
     1843        padding-top: 2.4rem;
    18111844}
    18121845.comment-list li:first-child article {
    18131846        border: none;
     
    18351868        height: 1.8rem;
    18361869}
    18371870.bypostauthor .avatar {
    1838         background-color: #24890d;
     1871        background-color: #000;
    18391872}
    18401873.says {
    18411874        display: none;
     
    18871920}
    18881921.comment-list .children {
    18891922        list-style: none;
    1890         margin-left: 20px;
    1891         margin-left: 2.0rem;
     1923        margin-left: 18px;
     1924        margin-left: 1.8rem;
    18921925}
    18931926.comments-area .children article {
    18941927        border: none;
     
    19191952        padding: 0 1.0rem;
    19201953        text-transform: uppercase;
    19211954}
    1922 .comment-form {
    1923         padding: 0 10px;
    1924         padding: 0 1.0rem;
    1925 }
    19261955.comment-form label {
    19271956        display: block;
    19281957}
     
    19361965        margin-bottom: 0;
    19371966}
    19381967
     1968
    19391969/* =Primary Sidebar
    19401970----------------------------------------------- */
    19411971
     
    19772007        color: #fff;
    19782008}
    19792009.widget {
    1980         margin: 0 0 48px;
    1981         margin: 0 0 4.8rem;
     2010        margin: 0 auto 48px;
     2011        margin: 0 auto 4.8rem;
     2012        max-width: 474px;
    19822013        overflow: hidden;
    19832014}
    19842015.widget ul,
     
    22522283----------------------------------------------- */
    22532284
    22542285.site-footer .widget-area {
    2255         -moz-box-sizing: border-box;
    2256         box-sizing: border-box;
     2286        -webkit-box-sizing: border-box;
     2287        -moz-box-sizing:    border-box;
     2288        box-sizing:         border-box;
    22572289}
    22582290.site-footer .widget {
    22592291        float: left;
     
    22612293        width: 198px;
    22622294}
    22632295
     2296
    22642297/* =Media Queries
    22652298----------------------------------------------- */
    22662299
     
    23292362        .list-view .content-area .format-link .entry-title {
    23302363                display: block;
    23312364        }
     2365        .archive-header,
     2366        .page-header {
     2367                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     2368                padding-top: 12px;
     2369                padding-top: 1.2rem;
     2370        }
     2371        .error404 .page-header {
     2372                border-bottom: 0;
     2373                padding: 0 10px;
     2374                padding: 0 1.0rem;
     2375        }
    23322376}
    23332377
    23342378/* Enable Genricons */
    2335 @media screen and (min-width: 400px) {
     2379@media screen and (min-width: 401px) {
    23362380        .attachment-featured-thumbnail:hover img {
    23372381                opacity: 0.8;
    23382382        }
     
    23512395        .content-area .byline a:before,
    23522396        .content-area .comments-link a:before,
    23532397        .entry-meta .edit-link a:before,
    2354         .attachment .entry-date:before,
     2398        .attachment span.entry-date:before,
    23552399        .content-area .full-size-link a:before,
    23562400        .content-area .parent-post-link a:before {
    23572401                display: inline-block;
     
    23982442        }
    23992443        .content-area .post-format + .entry-date a:before,
    24002444        .content-area .entry-date a:before,
    2401         .attachment .entry-date:before {
     2445        .attachment span.entry-date:before {
    24022446                content: '\F303';
    24032447                margin: 0 1px 0 0;
    24042448                margin: 0 0.1rem 0 0;
     
    24242468        .content-area .parent-post-link a:before {
    24252469                content: '\F301';
    24262470        }
    2427         .page .entry-meta .edit-link a:before {
    2428                 margin: 5px 2px 0 0;
    2429                 margin: 0.5rem 0.2rem 0 0;
     2471        .archive-header,
     2472        .page-header {
     2473                margin-bottom: 24px;
     2474                margin-bottom: 2.4rem;
     2475                padding: 0 10px;
     2476                padding: 0 1.0rem;
    24302477        }
     2478        .search-results .content-area .type-page {
     2479                border-top: 1px solid rgba(0, 0, 0, 0.1);
     2480        }
     2481        .search-results .content-area .type-page .entry-header {
     2482                margin-top: 24px;
     2483                margin-top: 2.4rem;
     2484        }
    24312485}
    24322486
    2433 /* Post formatted posts and post list start to appear on the right */
    2434 @media screen and (min-width: 672px) {
    2435         .search-toggle {
    2436                 display: block;
     2487@media screen and (min-width: 642px) {
     2488        .content-area .entry-header,
     2489        .full-width .content-area .entry-header {
     2490                margin-top: -48px;
     2491                margin-top: -4.8rem;
     2492                padding-right: 30px;
     2493                padding-right: 3.0rem;
     2494                padding-left: 30px;
     2495                padding-left: 3.0rem;
    24372496        }
     2497        .content-area .type-page .entry-header,
     2498        .page .content-area .entry-header,
     2499        .attachment .content-area .entry-header {
     2500                margin-top: 0;
     2501        }
     2502}
     2503
     2504/* Post formatted posts and content sidebar start to appear on the right */
     2505@media screen and (min-width: 673px) {
    24382506        .content-area {
    24392507                float: left;
    2440                 padding: 36px 0;
    2441                 padding: 3.6rem 0;
     2508                padding-top: 36px;
     2509                padding-top: 3.6rem;
    24422510                width: 100%;
    24432511        }
    24442512        .site-content {
    2445                 margin: 0 33.33333333% 0 0;
     2513                margin-right: 33.33333333%;
    24462514        }
    2447         .content-sidebar {
     2515        .content-area .entry-header {
     2516                margin-top: 0;
     2517        }
     2518        .content-area .entry-content,
     2519        .content-area .entry-summary,
     2520        .content-area footer.entry-meta,
     2521        .archive-header,
     2522        .page-header,
     2523        .page-content,
     2524        .post-navigation,
     2525        .image-navigation,
     2526        .comments-area {
     2527                padding-right: 30px;
     2528                padding-right: 3.0rem;
     2529                padding-left: 30px;
     2530                padding-left: 3.0rem;
     2531        }
     2532        .content-sidebar,
     2533        .ephemera {
    24482534                float: right;
    2449                 margin: 0 0 0 -30.35714285%;
    2450                 padding: 36px 10px 24px 0;
    2451                 padding: 3.6rem 1.0rem 2.4rem 0;
    2452                 width: 30.35714285%;
     2535                margin-left: -33.33333333%;
     2536                padding: 36px 30 24px;
     2537                padding: 3.6rem 3.0rem 2.4rem;
     2538                width: 33.33333333%;
    24532539        }
    24542540        .ephemera {
    24552541                border: none;
    24562542                clear: none;
    2457                 float: right;
    2458                 margin: 0 0 0 -30.35714285%;
    2459                 padding: 36px 10px 0 0;
    2460                 padding: 3.6rem 1.0rem 0 0;
    2461                 width: 30.35714285%;
    24622543        }
     2544        #secondary {
     2545                padding: 48px 30px 0;
     2546                padding: 4.8rem 3.0rem 0;
     2547        }
     2548        .widget {
     2549                max-width: none;
     2550        }
    24632551        #featured-content .hentry {
    24642552                float: left;
    24652553                width: 50%;
     
    24712559                height: 96px;
    24722560                height: 9.6rem;
    24732561        }
    2474         .full-width.site-content {
    2475                 margin: 0;
     2562        .full-width .site-content {
     2563                margin-right: 0;
    24762564        }
    2477         .full-width.site-content .hentry {
    2478                 max-width: 100%;
     2565}
     2566
     2567@media screen and (min-width: 770px) {
     2568        .header-main {
     2569                margin-right: 0;
    24792570        }
     2571        .primary-navigation {
     2572                display: block;
     2573        }
    24802574}
    24812575
    2482 @media screen and (min-width: 740px) {
    2483         .content-area .entry-header {
    2484                 margin: -48px 4.59183673% 0;
    2485                 margin: -4.8rem 4.59183673% 0;
    2486                 padding: 24px 4.46428571% 12px;
    2487                 padding: 2.4rem 4.46428571% 1.2rem;
     2576@media screen and (min-width: 810px) {
     2577        .full-width .entry-content img.size-medium.alignleft,
     2578        .full-width .entry-content img.size-large.alignleft,
     2579        .full-width .entry-content img.size-full.alignleft,
     2580        .full-width .entry-content .wp-caption.alignleft,
     2581        .full-width .entry-content blockquote.alignleft {
     2582                margin-left: -168px;
     2583                margin-left: -16.8rem;
    24882584        }
    2489         .content-area .entry-content,
    2490         .content-area .entry-summary {
    2491                 margin: 0 4.59183673%;
    2492                 padding: 12px 4.46428571% 0;
    2493                 padding: 1.2rem 4.46428571% 0;
     2585        .full-width .entry-content img.size-medium.alignright,
     2586        .full-width .entry-content img.size-large.alignright,
     2587        .full-width .entry-content img.size-full.alignright,
     2588        .full-width .entry-content .wp-caption.alignright,
     2589        .full-width .entry-content blockquote.alignright {
     2590                margin-right: -168px;
     2591                margin-right: -16.8rem;
    24942592        }
    2495         .content-area footer.entry-meta {
    2496                 margin: 12px 4.59183673% 24px;
    2497                 margin: 1.2rem 4.59183673% 2.4rem;
    2498                 padding: 0 4.46428571%;
     2593        .full-width .entry-content img.size-full.alignnone,
     2594        .single-attachment .entry-attachment {
     2595                margin-right: -168px;
     2596                margin-right: -16.8rem;
     2597                margin-left: -168px;
     2598                margin-left: -16.8rem;
     2599                max-width: 810px;
     2600                max-width: 81.0rem;
    24992601        }
    2500         .archive-header,
    2501         .page-header {
    2502                 margin: 0 4.59183673% 24px;
    2503                 margin: 0 4.59183673% 2.4rem;
    2504                 padding: 0 4.46428571%;
     2602        .single-attachment .entry-attachment {
     2603                text-align: center;
    25052604        }
    2506         .page .content-area .entry-header,
    2507         .error404 .content-area .page-header {
    2508                 margin: 0 4.59183673%;
    2509                 padding: 0 4.46428571% 12px;
    2510                 padding: 0 4.46428571% 1.2rem;
     2605        .full-width .entry-content blockquote.alignleft,
     2606        .full-width .entry-content blockquote.alignright {
     2607                width: -webkit-calc(50% + 130px);
     2608                width:         calc(50% + 130px);
    25112609        }
    2512         .content-area .full-width .entry-header {
    2513                 margin: 0 6.04307432%;
    2514                 padding: 0 0 12px;
    2515                 padding: 0 0 1.2rem;
     2610}
     2611
     2612@media screen and (min-width: 870px) {
     2613        .content-area {
     2614                padding-top: 72px;
     2615                padding-top: 7.2rem;
    25162616        }
    2517         .content-area .full-width .entry-content {
    2518                 margin: 0 6.04307432%;
    2519                 padding: 0;
     2617        .home .content-area {
     2618                padding-top: 36px;
     2619                padding-top: 3.6rem;
    25202620        }
    2521         .content-area .full-width footer.entry-meta {
    2522                 margin: 0 6.04307432%;
    2523                 padding: 0;
     2621        .content-area .entry-header {
     2622                margin-top: -48px;
     2623                margin-top: -4.8rem;
    25242624        }
    25252625        .content-area .format-aside .entry-header,
    25262626        .content-area .format-quote .entry-header,
     
    25552655        .comment-metadata,
    25562656        .comment-content,
    25572657        .comment-list .reply {
    2558                 padding-left: 60px;
    2559                 padding-left: 6.0rem;
     2658                padding-left: 58px;
     2659                padding-left: 5.8rem;
    25602660        }
    2561         .comments-title,
    2562         .no-comments,
    2563         .comment-respond,
    2564         .comments-area article,
    2565         .comment-list .trackback,
    2566         .comment-list .pingback,
    2567         .post-navigation [rel="prev"],
    2568         .post-navigation [rel="next"] {
    2569                 padding-right: 9.12778904%;
    2570                 padding-left: 9.12778904%;
     2661        .comment-list .children {
     2662                margin-left: 36px;
     2663                margin-left: 3.6rem;
    25712664        }
    2572         .comment-reply-title,
    2573         .comment-form {
    2574                 padding: 0;
    2575         }
    2576         .comment-navigation {
    2577                 padding-left: 9.12778904%;
    2578         }
    25792665        .comment .comment-respond {
    25802666                margin-left: 60px;
    25812667                margin-left: 6.0rem;
    25822668        }
    2583         .image-navigation .previous-image,
    2584         .image-navigation .next-image,
    2585         .full-width .comment-navigation,
    2586         .full-width .comments-title,
    2587         .full-width .comment-respond,
    2588         .full-width .comments-area article,
    2589         .full-width .comment-list .trackback,
    2590         .full-width .comment-list .pingback {
    2591                 padding-right: 6.04307432%;
    2592                 padding-left: 6.04307432%;
    2593         }
    2594         .full-width .comment-reply-title,
    2595         .full-width .comment-form {
    2596                 padding: 0;
    2597         }
    2598         .content-area .no-results .entry-header {
    2599                 margin: 0 4.59183673%;
    2600                 padding: 0 4.46428571%;
    2601         }
    2602 }
    2603 
    2604 @media screen and (min-width: 770px) {
    2605         .header-main {
    2606                 margin-right: 0;
    2607         }
    2608         .primary-navigation {
    2609                 display: block;
    2610         }
    2611 }
    2612 
    2613 @media screen and (min-width: 870px) {
    2614         .content-area {
    2615                 padding-top: 72px;
    2616                 padding-top: 7.2rem;
    2617         }
    2618         .home .content-area {
    2619                 padding-top: 36px;
    2620                 padding-top: 3.6rem;
    2621         }
    2622         .content-area .entry-header {
    2623                 margin-right: 8.03571428%;
    2624                 margin-left: 12.5%;
    2625         }
    2626         .content-area .entry-content,
    2627         .content-area .entry-summary {
    2628                 margin-right: 8.03571428%;
    2629                 margin-left: 12.5%;
    2630         }
    2631         .content-area footer.entry-meta {
    2632                 margin: 12px 8.03571428% 24px 12.5%;
    2633                 margin: 1.2rem 8.03571428% 2.4rem 12.5%;
    2634         }
    2635         .page .content-area .entry-header,
    2636         .error404 .content-area .page-header {
    2637                 margin: 0 8.03571428% 0 12.5%;
    2638         }
    2639         .content-area .full-width .entry-header,
    2640         .content-area .full-width .entry-content,
    2641         .content-area .full-width footer.entry-meta {
    2642                 margin: 0 11.30926724%;
    2643         }
    2644         .archive-header,
    2645         .page-header {
    2646                 margin: 0 8.03571428% 24px 12.5%;
    2647                 margin: 0 8.03571428% 2.4rem 12.5%;
    2648         }
    26492669        .content-sidebar {
    26502670                padding-top: 72px;
    26512671                padding-top: 7.2rem;
     
    26592679        #featured-content .hentry:nth-child( 3n+1 ) {
    26602680                clear: both;
    26612681        }
    2662         .comments-title,
    2663         .no-comments,
    2664         .comment-respond,
    2665         .post-navigation [rel="prev"],
    2666         .post-navigation [rel="next"] {
    2667                 padding-right: 12.39493534%;
    2668                 padding-left: 17.06896551%;
     2682}
     2683
     2684/* Secondary starts appear on the left */
     2685@media screen and (min-width: 1008px) {
     2686        .header-main {
     2687                padding-left: 27px;
     2688                padding-left: 2.7rem;
    26692689        }
    2670         .comments-area article,
    2671         .comment-list .trackback,
    2672         .comment-list .pingback {
    2673                 padding-right: 11.25%;
    2674                 padding-left: 15.46875%;
     2690        .search-box-wrapper {
     2691                padding-left: 182px;
     2692                padding-left: 18.2rem;
    26752693        }
    2676         .comment-respond {
    2677                 padding-right: 13.8900862%;
     2694        .site-content {
     2695                margin: 0 29.04761904% 0 182px;
     2696                margin: 0 29.04761904% 0 18.2rem;
    26782697        }
    2679         .comment .comment-respond {
    2680                 margin-left: 50px;
    2681                 margin-left: 5.0rem;
     2698        .content-sidebar,
     2699        .ephemera {
     2700                margin-left: -29.04761904%;
     2701                width: 29.04761904%;
    26822702        }
    2683         .comment-list,
    2684         .full-width .comment-list {
    2685                 margin-left: -60px;
    2686                 margin-left: -6.0rem;
     2703        .content-area .entry-header {
     2704                margin-top: 0;
    26872705        }
    2688         .comment-navigation {
    2689                 padding-left: 17.06896551%;
     2706        .content-area .entry-header
     2707        .content-area .entry-content,
     2708        .content-area .entry-summary,
     2709        .content-area footer.entry-meta,
     2710        .archive-header,
     2711        .page-header,
     2712        .page-content,
     2713        .post-navigation,
     2714        .image-navigation,
     2715        .comments-area {
     2716                padding-right: 0;
     2717                padding-left: 0;
    26902718        }
    2691         .image-navigation .previous-image,
    2692         .image-navigation .next-image,
    2693         .full-width .comment-navigation,
    2694         .full-width .comments-title,
    2695         .full-width .comment-respond,
    2696         .full-width .comments-area article,
    2697         .full-width .comment-list .trackback,
    2698         .full-width .comment-list .pingback {
    2699                 padding-right: 11.30926724%;
    2700                 padding-left: 11.30926724%;
     2719        .site-footer {
     2720                padding-left: 27px;
     2721                padding-left: 2.7rem;
    27012722        }
    2702         blockquote.pull.alignleft {
    2703                 margin-left: -20%;
    2704         }
    2705         blockquote.pull.alignright {
    2706                 margin-right: -20%;
    2707         }
    2708         .content-area .no-results .entry-header {
    2709                 margin-right: 8.03571428%;
    2710                 margin-left: 12.5%;
    2711         }
    2712         .content-area .no-results .entry-content {
    2713                 margin-right: 8.03571428%;
    2714                 margin-left: 12.5%;
    2715         }
    2716 }
    2717 
    2718 /* Secondary starts appear on the left */
    2719 @media screen and (min-width: 1008px) {
    27202723        .site:before {
    27212724                background-color: #000;
    27222725                content: '';
     
    27262729                position: absolute;
    27272730                        top: 0;
    27282731                        left: 0;
    2729                 width: 222px;
    2730                 width: 22.2rem;
     2732                width: 182px;
     2733                width: 18.2rem;
    27312734                z-index: 2;
    27322735        }
    2733         .header-main {
    2734                 padding-left: 27px;
    2735                 padding-left: 2.7rem;
    2736         }
    2737         .search-box-wrapper {
    2738                 padding-left: 222px;
    2739                 padding-left: 22.2rem;
    2740         }
    2741         .site-content {
    2742                 margin: 0 27.31707317% 0 222px;
    2743                 margin: 0 27.31707317% 0 22.2rem;
    2744         }
    27452736        #secondary {
    27462737                background-color: transparent;
    27472738                border-bottom: 0;
    27482739                clear: none;
     2740                font-size: 11px;
    27492741                font-size: 1.1rem;
    27502742                float: left;
    27512743                line-height: 1.6363636363;
    27522744                margin: 0 0 0 -100%;
    27532745                padding: 0 27px;
    27542746                padding: 0 2.7rem;
    2755                 width: 168px;
    2756                 width: 16.8rem;
     2747                width: 128px;
     2748                width: 12.8rem;
    27572749        }
    27582750        .site-description {
    27592751                display: block;
     
    27612753                margin: -3px 0 21px;
    27622754                margin: -0.3rem 0 2.1rem;
    27632755        }
    2764         .front-page-content-wrapper {
    2765                 float: left;
    2766         }
    2767         .site-content {
    2768                 margin: 0 27.31707317% 0 222px;
    2769                 margin: 0 27.31707317% 0 22.2rem;
    2770         }
    2771         .content-sidebar,
    2772         .ephemera {
    2773                 margin: 0 0 0 -27.31707317%;
    2774                 width: 24.87804878%;
    2775         }
    2776         .content-area .entry-header {
    2777                 margin: -48px 4.59183673% 0;
    2778                 margin: -4.8rem 4.59183673% 0;
    2779                 padding: 24px 4.46428571% 12px;
    2780                 padding: 2.4rem 4.46428571% 1.2rem;
    2781         }
    2782         .content-area .entry-content,
    2783         .content-area .page-content,
    2784         .content-area .entry-summary {
    2785                 margin: 0 4.59183673%;
    2786                 padding: 12px 4.46428571% 0;
    2787                 padding: 1.2rem 4.46428571% 0;
    2788         }
    2789         .content-area footer.entry-meta {
    2790                 margin: 12px 4.59183673% 24px;
    2791                 margin: 1.2rem 4.59183673% 2.4rem;
    2792                 padding: 0 4.46428571%;
    2793         }
    2794         .archive-header,
    2795         .page-header {
    2796                 margin: 0 4.59183673% 24px;
    2797                 margin: 0 4.59183673% 2.4rem;
    2798         }
    2799         #featured-content {
    2800                 padding-left: 222px;
    2801                 padding-left: 22.2rem;
    2802         }
    2803         .site-footer {
    2804                 padding-left: 27px;
    2805                 padding-left: 2.7rem;
    2806         }
    28072756        .secondary-navigation {
    28082757                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    28092758                font-size: 11px;
     
    28302779                        top: -0.1rem;
    28312780                        left: 168px;
    28322781                        left: 16.8rem;
    2833                 width: 168px;
    2834                 width: 16.8rem;
     2782                width: 128px;
     2783                width: 12.8rem;
    28352784                z-index: 9999;
    28362785        }
    28372786        .secondary-navigation ul li:hover {
     
    28402789        .secondary-navigation ul li:hover > ul {
    28412790                display: block;
    28422791        }
    2843         .page .content-area .entry-header,
    2844         .error404 .content-area .page-header {
    2845                 margin: 0 4.59183673%;
    2846                 padding: 0 4.46428571% 12px;
    2847                 padding: 0 4.46428571% 1.2rem;
    2848         }
    2849         .full-width.site-content {
    2850                 margin-left: 222px;
    2851                 margin-left: 22.2rem;
    2852         }
    2853         .content-area .full-width .entry-header {
    2854                 padding: 0 0 12px;
    2855                 padding: 0 0 1.2rem;
    2856         }
    2857         .content-area .full-width .entry-header,
    2858         .content-area .full-width .entry-content,
    2859         .content-area .full-width .page-content,
    2860         .content-area .full-width footer.entry-meta {
    2861                 margin: 0 5.882236%;
    2862         }
    2863         .comments-title,
    2864         .no-comments,
    2865         .comment-respond,
    2866         .comments-area article,
    2867         .comment-list .trackback,
    2868         .comment-list .pingback,
    2869         .post-navigation [rel="prev"],
    2870         .post-navigation [rel="next"] {
    2871                 padding-right: 9.87001616%;
    2872                 padding-left: 9.19765166%;
    2873         }
    2874         .comment-list,
    2875         .full-width .comment-list {
    2876                 margin-left: 0;
    2877         }
    2878         .comment-navigation {
    2879                 padding-left: 9.19765166%;
    2880         }
    2881         .comment .comment-respond {
    2882                 margin-left: 60px;
    2883                 margin-left: 6.0rem;
    2884         }
    2885         .image-navigation .previous-image,
    2886         .image-navigation .next-image,
    2887         .full-width .comment-navigation,
    2888         .full-width .comments-title,
    2889         .full-width .comment-respond,
    2890         .full-width .comments-area article,
    2891         .full-width .comment-list .trackback,
    2892         .full-width .comment-list .pingback {
    2893                 padding-right: 5.882236%;
    2894                 padding-left: 5.882236%;
    2895         }
    2896         blockquote.pull.alignleft {
    2897                 margin-left: 0;
    2898         }
    2899         blockquote.pull.alignright {
    2900                 margin-right: 0;
    2901         }
    29022792        #secondary .widget,
    29032793        #supplementary .widget {
    29042794                margin-bottom: 48px;
     
    29202810                padding-right: 0;
    29212811                padding-left: 0;
    29222812        }
    2923 
     2813        .front-page-content-wrapper {
     2814                float: left;
     2815        }
     2816        .featured-content {
     2817                padding-left: 182px;
     2818                padding-left: 18.2rem;
     2819        }
    29242820}
    29252821
    2926 @media screen and (min-width: 1150px) {
     2822@media screen and (min-width: 1040px) {
    29272823        .content-area .entry-header {
    2928                 margin: -48px 8.03571428% 0 12.5%;
    2929                 margin: -4.8rem 8.03571428% 0 12.5%;
     2824                margin-top: -48px;
     2825                margin-top: -4.8rem;
    29302826        }
     2827        .content-area .entry-header,
    29312828        .content-area .entry-content,
    2932         .content-area .page-content,
    2933         .content-area .entry-summary {
    2934                 margin: 0 8.03571428% 0 12.5%;
     2829        .content-area .entry-summary,
     2830        .content-area footer.entry-meta,
     2831        .archive-header,
     2832        .page-header,
     2833        .page-content,
     2834        .post-navigation,
     2835        .image-navigation,
     2836        .comments-area {
     2837                padding-right: 15px;
     2838                padding-right: 1.5rem;
     2839                padding-left: 15px;
     2840                padding-left: 1.5rem;
    29352841        }
    2936         .content-area footer.entry-meta {
    2937                 margin: 12px 8.03571428% 24px 12.5%;
    2938                 margin: 1.2rem 8.03571428% 2.4rem 12.5%;
     2842}
     2843
     2844@media screen and (min-width: 1080px) {
     2845        .site:before {
     2846                width: 222px;
     2847                width: 22.2rem;
    29392848        }
    2940         .comments-title,
    2941         .no-comments,
    2942         .comment-respond,
    2943         .post-navigation [rel="prev"],
    2944         .post-navigation [rel="next"] {
    2945                 padding-right: 12.44146986%;
    2946                 padding-left: 16.77524429%;
     2849        .search-box-wrapper,
     2850        .featured-content {
     2851                padding-left: 222px;
     2852                padding-left: 22.2rem;
    29472853        }
    2948         .comments-area article,
    2949         .comment-list .trackback,
    2950         .comment-list .pingback {
    2951                 padding-right: 11.27596439%;
    2952                 padding-left: 15.2818991%;
     2854        .site-content {
     2855                margin-left: 222px;
     2856                margin-left: 22.2rem;
    29532857        }
    2954         .comment-respond {
    2955                 padding-right: 13.73697916%;
     2858        #secondary,
     2859        .secondary-navigation ul ul {
     2860                width: 168px;
     2861                width: 16.8rem;
    29562862        }
    2957         .comment .comment-respond {
    2958                 margin-left: 50px;
    2959                 margin-left: 5.0rem;
     2863}
     2864
     2865@media screen and (min-width: 1110px) {
     2866        .content-area .entry-header,
     2867        .content-area .entry-content,
     2868        .content-area .entry-summary,
     2869        .content-area footer.entry-meta,
     2870        .archive-header,
     2871        .page-header,
     2872        .page-content,
     2873        .post-navigation,
     2874        .image-navigation,
     2875        .comments-area {
     2876                padding-right: 30px;
     2877                padding-right: 3.0rem;
     2878                padding-left: 30px;
     2879                padding-left: 3.0rem;
    29602880        }
    2961         .comment-list,
    2962         .full-width .comment-list {
    2963                 margin-left: -60px;
    2964                 margin-left: -6.0rem;
    2965         }
    2966         .comment-navigation {
    2967                 padding-left: 16.77524429%;
    2968         }
     2881}
     2882
     2883@media screen and (min-width: 1218px) {
     2884        .content-area .entry-header,
     2885        .content-area .entry-content,
     2886        .content-area .entry-summary,
     2887        .content-area footer.entry-meta,
    29692888        .archive-header,
    2970         .page-header {
    2971                 margin: 0 8.03571428% 24px 12.5%;
    2972                 margin: 0 8.03571428% 2.4rem 12.5%;
     2889        .page-header,
     2890        .page-content,
     2891        .post-navigation,
     2892        .image-navigation,
     2893        .comments-area {
     2894                margin-right: 54px;
    29732895        }
    2974         .page .content-area .entry-header,
    2975         .error404 .content-area .page-header {
    2976                 margin: 0 8.03571428% 0 12.5%;
     2896        .full-width .content-area .entry-header,
     2897        .full-width .content-area .entry-content,
     2898        .full-width .content-area .entry-summary,
     2899        .full-width .content-area footer.entry-meta,
     2900        .full-width .archive-header,
     2901        .full-width .page-header,
     2902        .full-width .page-content,
     2903        .full-width .post-navigation,
     2904        .full-width .image-navigation,
     2905        .full-width .comments-area {
     2906                margin-right: auto;
    29772907        }
    2978         .content-area .full-width .entry-header,
    2979         .content-area .full-width .entry-content,
    2980         .content-area .full-width .page-content,
    2981         .content-area .full-width footer.entry-meta {
    2982                 margin: 0 11.21868265%;
    2983         }
    2984         .image-navigation .previous-image,
    2985         .image-navigation .next-image,
    2986         .full-width .comment-navigation,
    2987         .full-width .comments-title,
    2988         .full-width .comment-respond,
    2989         .full-width .comments-area article,
    2990         .full-width .comment-list .trackback,
    2991         .full-width .comment-list .pingback {
    2992                 padding-right: 11.21868265%;
    2993                 padding-left: 11.21868265%;
    2994         }
    2995         .content-area .entry-content .wp-caption.alignleft .wp-caption-text {
    2996                 padding-left: 10px;
    2997                 padding-left: 1.0rem;
    2998         }
    2999         blockquote.pull.alignleft {
    3000                 margin-left: -20%;
    3001         }
    3002         blockquote.pull.alignright {
    3003                 margin-right: -20%;
    3004         }
    30052908}
    30062909
    3007 @media screen and (min-width: 1230px) {
    3008         .site,
    3009         .site-header,
    3010         .home .site-main {
    3011                 max-width: 1260px;
    3012                 max-width: 126.0rem;
     2910@media screen and (min-width: 1260px) {
     2911        .entry-content blockquote.alignleft,
     2912        .entry-content blockquote.alignright {
     2913                width: -webkit-calc(50% + 18px);
     2914                width:         calc(50% + 18px);
    30132915        }
    3014         .content-sidebar,
    3015         .ephemera {
    3016                 padding-right: 0;
     2916        .entry-content blockquote.alignleft {
     2917                margin-left: -18%;
    30172918        }
    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 0 0 11.21868265%;
     2919        .entry-content blockquote.alignright {
     2920                margin-right: -18%;
    30232921        }
    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: 0;
    3033         }
    30342922}
    3035  No newline at end of file
  • src/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 -->
     30 No newline at end of file
  • src/wp-content/themes/twentyfourteen/content.php

     
    77?>
    88
    99<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     10        <?php if ( 'post' == get_post_type() ) : ?>
    1011        <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentyfourteen' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="<?php the_ID(); ?>" class="attachment-featured-thumbnail">
    11                 <?php the_post_thumbnail( 'featured-thumbnail-large' ); ?>
     12                <?php
     13                        if ( is_active_sidebar( 'sidebar-3' ) )
     14                                the_post_thumbnail( 'featured-thumbnail-large' );
     15                        else
     16                                the_post_thumbnail( 'featured-thumbnail-full-width' );
     17                ?>
    1218        </a>
     19        <?php endif; ?>
    1320
    1421        <header class="entry-header">
    1522                <?php if ( in_array( 'category', get_object_taxonomies( get_post_type() ) ) && twentyfourteen_categorized_blog() ) : ?>
  • src/wp-content/themes/twentyfourteen/sidebar-content.php

     
    55 * @package WordPress
    66 * @subpackage Twenty_Fourteen
    77 */
     8if ( ! is_active_sidebar( 'sidebar-3' ) )
     9        return;
    810?>
    911<div id="content-sidebar" class="content-sidebar widget-area" role="complementary">
    1012        <?php do_action( 'before_sidebar' ); ?>
    1113
    12         <?php if ( ! dynamic_sidebar( 'sidebar-3' ) ) : ?>
    13                 <aside id="search" class="widget widget_search">
    14                                 <?php get_search_form(); ?>
    15                 </aside>
    16 
    17                 <aside id="link" class="widget widget_links">
    18                         <h1 class="widget-title"><?php _e( 'Blogroll', 'twentyfourteen' ); ?></h1>
    19                         <ul class="xoxo blogroll">
    20                                 <?php wp_list_bookmarks( array( 'title_li' => '', 'categorize' => 0 ) ); ?>
    21                         </ul>
    22                 </aside>
    23 
    24                 <aside id="meta" class="widget">
    25                         <h1 class="widget-title"><?php _e( 'Meta', 'twentyfourteen' ); ?></h1>
    26                         <ul>
    27                                 <?php wp_register(); ?>
    28                                 <li><?php wp_loginout(); ?></li>
    29                                 <?php wp_meta(); ?>
    30                         </ul>
    31                 </aside>
    32         <?php endif; // end sidebar widget area ?>
     14        <?php dynamic_sidebar( 'sidebar-3' ); ?>
    3315</div><!-- #content-sidebar -->
  • src/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();
  • src/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();
  • src/wp-content/themes/twentyfourteen/functions.php

     
    6262        add_theme_support( 'post-thumbnails', array( 'post' ) );
    6363
    6464        // Adding several sizes for Post Thumbnails.
     65        add_image_size( 'featured-thumbnail-formatted', 306, 0 );
     66        add_image_size( 'featured-thumbnail-featured', 672, 336, true );
    6567        add_image_size( 'featured-thumbnail-large', 672, 0 );
    66         add_image_size( 'featured-thumbnail-featured', 672, 336, true );
    67         add_image_size( 'featured-thumbnail-formatted', 306, 0 );
     68        add_image_size( 'featured-thumbnail-full-width', 1038, 0 );
    6869
    6970        // This theme uses wp_nav_menu() in two locations.
    7071        register_nav_menus( array(
     
    127128
    128129                $featured_posts = apply_filters( 'twentyfourteen_get_featured_posts', array() );
    129130
    130         return is_array( $featured_posts ) && count( $featured_posts ) > absint( $minimum );
     131        return is_array( $featured_posts ) && count( $featured_posts ) >= absint( $minimum );
    131132}
    132133
    133134/**
     
    423424 */
    424425function twentyfourteen_body_classes( $classes ) {
    425426        // Adds a class of group-blog to blogs with more than 1 published author
    426         if ( is_multi_author() ) {
     427        if ( is_multi_author() )
    427428                $classes[] = 'group-blog';
    428         }
    429         if ( is_archive() || is_search() || is_home() ) {
     429
     430        if ( is_archive() || is_search() || is_home() )
    430431                $classes[] = 'list-view';
    431         }
    432432
     433        if ( ( ! is_front_page() && ! is_active_sidebar( 'sidebar-3' ) ) || is_page_template( 'full-width-page.php' ) || is_attachment() )
     434                $classes[] = 'full-width';
     435
    433436        return $classes;
    434437}
    435438add_filter( 'body_class', 'twentyfourteen_body_classes' );
  • src/wp-content/themes/twentyfourteen/image.php

     
    55 * @package WordPress
    66 * @subpackage Twenty_Fourteen
    77 */
     8$metadata = wp_get_attachment_metadata();
    89
    910get_header();
    1011?>
    1112
    1213<section id="primary" class="content-area image-attachment">
    13         <div id="content" class="site-content full-width" role="main">
     14        <div id="content" class="site-content" role="main">
    1415
    1516        <?php while ( have_posts() ) : the_post(); ?>
    1617
     
    1920                                <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
    2021
    2122                                <div class="entry-meta">
    22                                         <?php $metadata = wp_get_attachment_metadata(); ?>
    2323
    2424                                        <span class="entry-date"><time class="entry-date" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"><?php echo esc_html( get_the_date() ); ?></time></span>
    2525
     
    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>
    7577                </nav><!-- #image-navigation -->
    7678
    7779                <?php comments_template(); ?>