WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
08/14/2013 04:38:01 PM (11 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: first pass at matching code standards achieved with Twenty Thirteen development. See #24858, props obenland.

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r24991 r25021  
    435435    width: 100%;
    436436}
    437 #searchform input[type="text"] {
     437.search-field {
    438438    width: 100%;
    439439}
    … …  
    488488}
    489489
    490 /* Text meant only for screen readers */
    491 .assistive-text {
    492     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     490/* Assistive text */
     491.screen-reader-text {
    493492    clip: rect(1px, 1px, 1px, 1px);
    494493    position: absolute !important;
     494}
     495
     496.screen-reader-text:focus {
     497    background-color: #f1f1f1;
     498    border-radius: 3px;
     499    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     500    clip: auto !important;
     501    color: #21759b;
     502    display: block;
     503    font-size: 14px;
     504    font-weight: bold;
     505    height: auto;
     506    line-height: normal;
     507    padding: 15px 23px 14px;
     508    position: absolute;
     509    left: 5px;
     510    top: 5px;
     511    text-decoration: none;
     512    width: auto;
     513    z-index: 100000; /* Above WP toolbar */
    495514}
    496515
    … …  
    500519}
    501520
    502 /* Clearing floats */
    503 .clearfix:after {
     521/* Clearing */
     522.clear:before,
     523.clear:after,
     524[class*="content"]:before,
     525[class*="content"]:after,
     526[class*="site"]:before,
     527[class*="site"]:after {
     528    content: '';
     529    display: table;
     530}
     531
     532.clear:after,
     533[class*="content"]:after,
     534[class*="site"]:after {
    504535    clear: both;
    505 }
    506 .clearfix:before,
    507 .clearfix:after {
    508     display: table;
    509     content: "";
    510536}
    511537
    … …  
    772798    background-color: #35921f;
    773799}
    774 .search-box #searchform input[type="text"] {
     800.search-box .search-field {
    775801    background-color: #fff;
    776802    float: right;
    … …  
    10331059}
    10341060.entry-content,
     1061.page-content,
    10351062.entry-summary {
    10361063    position: relative;
    10371064    z-index: 2;
    10381065}
    1039 .entry-content a {
     1066.entry-content a,
     1067.page-content a, {
    10401068    text-decoration: underline;
    10411069}
    … …  
    10761104
    10771105/* #primary specific styles */
    1078 #primary .entry-header {
     1106#primary .entry-header,
     1107#primary .page-header {
    10791108    background-color: #fff;
    10801109    padding: 24px 10px 12px;
    10811110    padding: 2.4rem 1.0rem 1.2rem;
    10821111}
    1083 #primary .entry-title {
     1112#primary .entry-title,
     1113#primary .page-title {
    10841114    font-size: 33px;
    10851115    font-size: 3.3rem;
    … …  
    10971127}
    10981128#primary .entry-content,
     1129#primary .page-content,
    10991130#primary .entry-summary {
    11001131    background-color: #fff;
    … …  
    11661197/* Page specific styles */
    11671198.page #primary .entry-header,
    1168 .error404 #primary .entry-header,
     1199.error404 #primary .page-header,
    11691200.single-attachment #primary .entry-header,
    11701201.page #primary .entry-content,
    1171 .error404 #primary .entry-content,
     1202.error404 #primary .page-content,
    11721203.single-attachment #primary .entry-content {
    11731204    padding-top: 0;
    … …  
    12761307/* For Firefox to avoid jagged edge */
    12771308@-moz-document url-prefix() {
    1278   .tag-links a:before {
    1279      border-right: 10px solid #8c8c8c;
     1309    .tag-links a:before {
     1310        border-right: 10px solid #8c8c8c;
    12801311        left: -10px;
    12811312        left: -1.0rem;
    1282   }
     1313    }
    12831314}
    12841315.tag-links a:hover:before {
    … …  
    15531584----------------------------------------------- */
    15541585
    1555 .error404 .entry-content #searchform {
     1586.error404 .page-content .search-form {
    15561587    margin-bottom: 36px;
    15571588    margin-bottom: 3.6rem;
    15581589}
    1559 .error404 .entry-content .widget-title,
    1560 .error404 .entry-content .widgettitle {
     1590.error404 .page-content .widget-title,
     1591.error404 .page-content .widgettitle {
    15611592    border-top: 5px solid #000;
    15621593    color: #2b2b2b;
    … …  
    15691600----------------------------------------------- */
    15701601
     1602img {
     1603    max-width: 100%;
     1604    height: auto;
     1605}
    15711606#site-header img,
    15721607.attachment-featured-thumbnail-large,
    … …  
    15741609.comment-content img,
    15751610.widget img {
    1576     max-width: 100%;
    15771611    vertical-align: middle;
    1578 }
    1579 #site-header img,
    1580 .entry-content img,
    1581 .attachment-featured-thumbnail-large,
    1582 img[class*="align"],
    1583 img[class*="wp-image-"],
    1584 .widget img {
    1585     height: auto;
    1586 }
    1587 #site-header img,
    1588 .entry-content img,
    1589 img.size-full,
    1590 img.size-large,
    1591 img.wp-post-image {
    1592     max-width: 100%;
    1593     height: auto;
    15941612}
    15951613.attachment-featured-featured img,
    … …  
    16161634    margin-bottom: 0.7rem;
    16171635}
    1618 .entry-content img.wp-smiley,
    1619 .comment-content img.wp-smiley {
     1636.wp-smiley {
    16201637    border: none;
    16211638    margin-bottom: 0;
    … …  
    18521869    padding: 0 1.0rem;
    18531870}
    1854 .commentlist {
     1871.comment-list {
    18551872    list-style: none;
    18561873    margin: 0 0 48px 0;
    … …  
    18711888}
    18721889.comment-meta a,
    1873 .commentlist li.trackback a,
    1874 .commentlist li.pingback a {
     1890.comment-list li.trackback a,
     1891.comment-list li.pingback a {
    18751892    color: #8c8c8c;
    18761893}
    18771894.comment-author a:hover,
    18781895.comment-meta a:hover,
    1879 .commentlist li.trackback a:hover,
    1880 .commentlist li.pingback a:hover {
     1896.comment-list li.trackback a:hover,
     1897.comment-list li.pingback a:hover {
    18811898    color: #41a62a;
    18821899    text-decoration: none;
    … …  
    18881905}
    18891906.comments-area article,
    1890 .commentlist li.trackback,
    1891 .commentlist li.pingback {
     1907.comment-list li.trackback,
     1908.comment-list li.pingback {
    18921909    border-top: 1px solid rgba(0, 0, 0, 0.1);
    18931910    margin-bottom: 24px;
    … …  
    18961913    padding: 2.4rem 1.0rem 0;
    18971914}
    1898 .commentlist li:first-child article {
     1915.comment-list li:first-child article {
    18991916    border: none;
    19001917}
    … …  
    19591976    margin-bottom: 0;
    19601977}
    1961 .commentlist .children {
     1978.comment-list .children {
    19621979    list-style: none;
    19631980    margin-left: 20px;
    … …  
    23162333
    23172334/* Search widget */
    2318 #searchsubmit {
     2335.search-submit {
    23192336    display: none;
    23202337}
    … …  
    28532870    }
    28542871    .page #primary .entry-header,
    2855     .error404 #primary .entry-header {
     2872    .error404 #primary .page-header {
    28562873        margin: 0 4.59183673%;
    28572874        padding: 0 4.46428571% 12px;
    … …  
    28872904    }
    28882905    .comments-area article,
    2889     .commentlist li.trackback,
    2890     .commentlist li.pingback {
     2906    .comment-list li.trackback,
     2907    .comment-list li.pingback {
    28912908        margin-bottom: 36px;
    28922909        margin-bottom: 3.6rem;
    … …  
    29142931    #comments #respond,
    29152932    .comments-area article,
    2916     .commentlist li.trackback,
    2917     .commentlist li.pingback,
     2933    .comment-list li.trackback,
     2934    .comment-list li.pingback,
    29182935    .post-navigation .nav-previous,
    29192936    .post-navigation .nav-next {
    … …  
    29342951    .full-width #comments #respond,
    29352952    .full-width .comments-area article,
    2936     .full-width .commentlist li.trackback,
    2937     .full-width .commentlist li.pingback {
     2953    .full-width .comment-list li.trackback,
     2954    .full-width .comment-list li.pingback {
    29382955        padding-right: 6.04307432%;
    29392956        padding-left: 6.04307432%;
    … …  
    29883005    }
    29893006    .page #primary .entry-header,
    2990     .error404 #primary .entry-header {
     3007    .error404 #primary .page-header {
    29913008        margin: 0 8.03571428% 0 12.5%;
    29923009    }
    … …  
    30173034    #comments #respond,
    30183035    .comments-area article,
    3019     .commentlist li.trackback,
    3020     .commentlist li.pingback,
     3036    .comment-list li.trackback,
     3037    .comment-list li.pingback,
    30213038    .post-navigation .nav-previous,
    30223039    .post-navigation .nav-next {
    … …  
    30273044        padding-right: 13.8900862%;
    30283045    }
    3029     .commentlist,
    3030     .full-width .commentlist {
     3046    .comment-list,
     3047    .full-width .comment-list {
    30313048        margin-left: -70px;
    30323049        margin-left: -7.0rem;
    … …  
    30413058    .full-width #comments #respond,
    30423059    .full-width .comments-area article,
    3043     .full-width .commentlist li.trackback,
    3044     .full-width .commentlist li.pingback {
     3060    .full-width .comment-list li.trackback,
     3061    .full-width .comment-list li.pingback {
    30453062        padding-right: 11.30926724%;
    30463063        padding-left: 11.30926724%;
    … …  
    30673084        background-color: #000;
    30683085        content: '';
     3086        display: block;
    30693087        height: 100%;
    30703088        min-height: 100%;
    … …  
    31203138        width: 24.87804878%;
    31213139    }
    3122     #primary .entry-header {
     3140    #primary .entry-header,
     3141    #primary .page-header {
    31233142        margin: -48px 4.59183673% 0;
    31243143        margin: -4.8rem 4.59183673% 0;
    … …  
    31273146    }
    31283147    #primary .entry-content,
     3148    #primary .page-content,
    31293149    #primary .entry-summary {
    31303150        margin: 0 4.59183673%;
    … …  
    31863206    }
    31873207    .page #primary .entry-header,
    3188     .error404 #primary .entry-header {
     3208    .error404 #primary .page-header {
    31893209        margin: 0 4.59183673%;
    31903210        padding: 0 4.46428571% 12px;
    … …  
    32013221    #primary .full-width .entry-header,
    32023222    #primary .full-width .entry-content,
     3223    #primary .full-width .page-content,
    32033224    #primary .full-width footer.entry-meta {
    32043225        margin: 0 5.882236%;
    … …  
    32083229    #comments #respond,
    32093230    .comments-area article,
    3210     .commentlist li.trackback,
    3211     .commentlist li.pingback,
     3231    .comment-list li.trackback,
     3232    .comment-list li.pingback,
    32123233    .post-navigation .nav-previous,
    32133234    .post-navigation .nav-next {
    … …  
    32153236        padding-left: 9.19765166%;
    32163237    }
    3217     .commentlist,
    3218     .full-width .commentlist {
     3238    .comment-list,
     3239    .full-width .comment-list {
    32193240        margin-left: 0;
    32203241    }
    … …  
    32283249    .full-width #comments #respond,
    32293250    .full-width .comments-area article,
    3230     .full-width .commentlist li.trackback,
    3231     .full-width .commentlist li.pingback {
     3251    .full-width .comment-list li.trackback,
     3252    .full-width .comment-list li.pingback {
    32323253        padding-right: 5.882236%;
    32333254        padding-left: 5.882236%;
    … …  
    32833304
    32843305@media screen and (min-width: 1150px) {
    3285     #primary .entry-header {
     3306    #primary .entry-header,
     3307    #primary .page-header {
    32863308        margin: -48px 8.03571428% 0 12.5%;
    32873309        margin: -4.8rem 8.03571428% 0 12.5%;
    32883310    }
    32893311    #primary .entry-content,
     3312    #primary .page-content,
    32903313    #primary .entry-summary {
    32913314        margin: 0 8.03571428% 0 12.5%;
    … …  
    32993322    #comments #respond,
    33003323    .comments-area article,
    3301     .commentlist li.trackback,
    3302     .commentlist li.pingback,
     3324    .comment-list li.trackback,
     3325    .comment-list li.pingback,
    33033326    .post-navigation .nav-previous,
    33043327    .post-navigation .nav-next {
    … …  
    33093332        padding-right: 13.73697916%;
    33103333    }
    3311     .commentlist,
    3312     .full-width .commentlist {
     3334    .comment-list,
     3335    .full-width .comment-list {
    33133336        margin-left: -70px;
    33143337        margin-left: -7.0rem;
    … …  
    33223345    }
    33233346    .page #primary .entry-header,
    3324     .error404 #primary .entry-header {
     3347    .error404 #primary .page-header {
    33253348        margin: 0 8.03571428% 0 12.5%;
    33263349    }
    33273350    #primary .full-width .entry-header,
    33283351    #primary .full-width .entry-content,
     3352    #primary .full-width .page-content,
    33293353    #primary .full-width footer.entry-meta {
    33303354        margin: 0 11.21868265%;
    … …  
    33363360    .full-width #comments #respond,
    33373361    .full-width .comments-area article,
    3338     .full-width .commentlist li.trackback,
    3339     .full-width .commentlist li.pingback {
     3362    .full-width .comment-list li.trackback,
     3363    .full-width .comment-list li.pingback {
    33403364        padding-right: 11.21868265%;
    33413365        padding-left: 11.21868265%;
    … …  
    33663390    #primary .full-width .entry-header,
    33673391    #primary .full-width .entry-content,
     3392    #primary .full-width .page-content,
    33683393    #primary .full-width footer.entry-meta {
    33693394        margin: 0 0 0 11.21868265%;
    … …  
    33753400    .full-width #comments #respond,
    33763401    .full-width .comments-area article,
    3377     .full-width .commentlist li.trackback,
    3378     .full-width .commentlist li.pingback {
     3402    .full-width .comment-list li.trackback,
     3403    .full-width .comment-list li.pingback {
    33793404        padding-right: 0;
    33803405    }
Note: See TracChangeset for help on using the changeset viewer.