WordPress.org

Make WordPress Core

Changeset 25749


Ignore:
Timestamp:
10/09/2013 09:41:54 PM (6 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: merge recent stylesheet changes to RTL, and file miscellaneous CSS cleanup.

RTL still needs more responsive fixes, see #25332 -- and a11y menu fixes, see #25054.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/editor-style.css

    r25217 r25749  
    152152    line-height: 1.6;
    153153    margin-bottom: 24px;
     154    max-width: 100%;
     155    overflow: auto;
    154156    padding: 12px;
    155     overflow: auto;
    156     max-width: 100%;
    157157}
    158158
     
    386386
    387387.mceTemp + ul,
    388 .mceTemp + ol  {
     388.mceTemp + ol {
    389389    list-style-position: inside;
    390390}
  • trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php

    r25021 r25749  
    6666        else :
    6767    ?>
    68         .site-title a  {
     68        .site-title a {
    6969            color: #<?php echo $header_text_color; ?> !important;
    7070        }
  • trunk/src/wp-content/themes/twentyfourteen/rtl.css

    r25740 r25749  
    3131}
    3232
    33 blockquote.pull.alignright {
     33.site-content blockquote.alignright {
    3434    margin: 7px 0 7px 24px;
    3535}
    3636
    37 blockquote.pull.alignleft {
     37.site-content blockquote.alignleft {
    3838    margin: 7px 24px 7px 0;
    3939}
     
    7777.search-toggle {
    7878    float: right;
    79 }
    80 
    81 .genericon-search:before {
    82     margin-right: -8px;
    83     right: 50%;
    84     left: auto;
    85     margin-left: auto;
     79    padding: 25px 0 0 10px;
    8680}
    8781
     
    144138
    145139.more-link .meta-nav,
    146 .more-formatted-posts-link .meta-nav {
     140..post-format-archive-link .meta-nav {
    147141    right: 0;
    148142    left: auto;
     
    150144
    151145.more-link:hover .meta-nav,
    152 .more-formatted-posts-link:hover .meta-nav {
     146..post-format-archive-link:hover .meta-nav {
    153147    right: 5px;
    154148    left: auto;
     
    191185----------------------------------------------- */
    192186
    193 .ephemera .widget-title:before {
     187.widget_twentyfourteen_ephemera .widget-title:before {
    194188    margin-left: 10px;
    195189    margin-right: auto;
     
    201195
    202196img.alignright,
    203 .wp-caption.alignright {
     197.wp-caption.alignright,
     198blockquote.alignright {
    204199    margin: 7px 0 7px 24px;
    205200}
    206201
    207202img.alignleft,
    208 .wp-caption.alignleft {
     203.wp-caption.alignleft,
     204blockquote.alignleft {
    209205    margin: 7px 24px 7px 0;
    210206}
     
    224220}
    225221
    226 .post-navigation .nav-previous,
    227 .post-navigation .nav-next,
     222.post-navigation [rel="prev"],
     223.post-navigation [rel="next"],
    228224.image-navigation .previous-image,
    229225.image-navigation .next-image {
     
    250246}
    251247
    252 .comment-author .comment-author-avatar {
     248.comment-author .avatar {
    253249    right: 0;
    254     left: auto;
    255 }
    256 
    257 .comment-author .avatar {
    258     right: 2px;
    259250    left: auto;
    260251}
     
    272263
    273264.comment-list .children {
    274     margin-right: 20px;
     265    margin-right: 18px;
    275266    margin-left: auto;
    276267}
    277268
    278269.comment .comment-respond {
    279     margin-right: 47px;
     270    margin-right: 36px;
    280271    margin-left: auto;
     272}
     273
     274.comment-edit-link {
     275    margin-left: 0;
     276    margin-right: 10px;
     277}
     278
     279.comment-edit-link:before {
     280    margin: 3px 0 0 2px;
     281}
     282
     283.comment-reply-link:before,
     284.comment-reply-login:before {
     285    margin: 3px 0 0 3px;
    281286}
    282287
     
    320325.content-sidebar .widget .children,
    321326.content-sidebar .widget .sub-menu {
    322     margin:0 20px 0 0;
     327    margin: 0 20px 0 0;
    323328}
    324329
    325330.content-sidebar .widget .widgets-multi-column-grid li {
    326331    padding: 0 0 6px 8px;
     332}
     333
     334
     335/* =Contributor Page
     336----------------------------------------------- */
     337
     338.contributor-avatar {
     339    float: right;
     340    margin: 0 0 20px 30px;
     341}
     342
     343.contributor-posts-link:before {
     344    margin: -3px -3px -2px 5px;
    327345}
    328346
     
    342360    .content-area .featured-post:before,
    343361    .content-area .post-format a:before,
    344     .content-area .post-format + .entry-date a:before,
     362    .content-area .entry-date a:before,
    345363    .content-area .entry-date a:before,
    346364    .content-area .byline a:before,
    347365    .content-area .comments-link a:before,
    348366    .entry-comment .edit-link a:before,
    349     .attachment .entry-date:before,
    350367    .content-area .full-size-link a:before,
    351368    .content-area .parent-post-link a:before {
     
    374391    }
    375392
    376     .content-area .post-format + .entry-date a:before,
    377393    .content-area .entry-date a:before,
    378     .attachment .entry-date:before {
     394    .attachment span.entry-date:before {
    379395        margin: 0 0 0 1px;
    380396    }
     
    402418    }
    403419
    404     #content-sidebar {
     420    .content-sidebar {
    405421        float: left;
    406422        margin: 0 -30.35714285% 0 0;
     
    408424    }
    409425
    410     .post-formatted-posts {
     426    .ephemera {
    411427        float: left;
    412428        margin: 0 -30.35714285% 0 0;
     
    425441    }
    426442
    427     .comment-meta,
     443    .comment-metadata,
    428444    .comment-content {
    429445        padding-right: 60px;
     
    432448
    433449    .comments-title,
    434     .nocomments,
     450    .no-comments,
    435451    .comment-respond,
    436452    .comments-area article,
     
    454470    .full-width .comment-respond,
    455471    .full-width .comments-area article,
    456     .full-width .comment-list li.trackback,
    457     .full-width .comment-list li.pingback {
     472    .full-width .comment-list .trackback,
     473    .full-width .comment-list .pingback {
    458474        padding-left: 6.04307432%;
    459475        padding-right: 6.04307432%;
     
    495511
    496512    .comments-title,
    497     .nocomments,
     513    .no-comments,
    498514    .comment-respond,
    499515    .comments-area article,
    500     .comment-list li.trackback,
    501     .comment-list li.pingback,
     516    .comment-list .trackback,
     517    .comment-list .pingback,
    502518    .post-navigation [rel="prev"],
    503519    .post-navigation [rel="next"] {
     
    521537    }
    522538
    523     #content-sidebar {
     539    .content-sidebar {
    524540        padding-top: 72px;
    525541    }
     
    537553    }
    538554
    539     blockquote.pull.alignright {
     555    .site-content blockquote.alignright {
    540556        margin-right: -20%;
    541557        margin-left: auto;
    542558    }
    543559
    544     blockquote.pull.alignleft {
     560    .site-content blockquote.alignleft {
    545561        margin-left: -20%;
    546562        margin-right: auto;
     
    592608
    593609    .content-sidebar,
    594     .post-formatted-posts {
     610    .ephemera {
    595611        margin: 0 -27.31707317% 0 0;
    596612    }
     
    617633
    618634    .comments-title,
    619     .nocomments,
     635    .no-comments,
    620636    .comment-respond,
    621637    .comments-area article,
     
    651667    }
    652668
    653     blockquote.pull.alignright {
     669    .site-content blockquote.alignright {
    654670        margin-right: 0;
    655671        margin-left: auto;
    656672    }
    657673
    658     blockquote.pull.alignleft {
     674    .site-content blockquote.alignleft {
    659675        margin-left: 0;
    660676        margin-right: auto;
    661677    }
    662678
    663     #supplementary {
     679    .site-footer {
    664680        padding-left: 0;
    665681        padding-right: 0;
    666682    }
    667683
    668     #supplementary .widget-area {
     684    .site-footer .widget-area {
    669685        float: right;
    670686    }
     
    686702
    687703    .comments-title,
    688     .nocomments,
     704    .no-comments,
    689705    .comment-respond,
    690706    .comments-area article,
     
    739755    }
    740756
    741     blockquote.pull.alignright {
     757    .site-content blockquote.alignright {
    742758        margin-right: -20%;
    743759        margin-left: auto;
    744760    }
    745761
    746     blockquote.pull.alignleft {
     762    .site-content blockquote.alignleft {
    747763        margin-left: -20%;
    748764        margin-right: auto;
     
    752768@media screen and (min-width: 1230px) {
    753769    .content-sidebar,
    754     .post-formatted-posts {
     770    .ephemera {
    755771        padding-left: 0;
    756772    }
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25740 r25749  
    227227    line-height: 1.6;
    228228    margin-bottom: 24px;
     229    max-width: 100%;
     230    overflow: auto;
    229231    padding: 12px;
    230     overflow: auto;
    231     max-width: 100%;
    232232}
    233233code, kbd, tt, var {
     
    475475.contributor-posts-link:before,
    476476.widget_twentyfourteen_ephemera .widget-title:before {
     477    -webkit-font-smoothing: antialiased;
    477478    display: inline-block;
    478     -webkit-font-smoothing: antialiased;
     479    font-family: 'Genericons';
    479480    font-size: 16px;
     481    font-style: normal;
     482    font-weight: normal;
    480483    line-height: 1;
    481     font-family: 'Genericons';
    482484    text-decoration: inherit;
    483     font-weight: normal;
    484     font-style: normal;
    485485    vertical-align: top;
    486486}
     
    584584#nav-toggle {
    585585    background-color: #000;
     586    line-height: 1;
    586587    padding: 16px;
    587588    position: absolute;
    588589        top:0;
    589590        right: 0;
    590     line-height: 1;
    591591}
    592592#nav-toggle:before {
     593    color: #fff;
    593594    content: '\F419';
    594     color: #fff;
    595595}
    596596#nav-toggle:hover {
     
    706706.primary-navigation ul ul a {
    707707    padding: 9px 12px;
     708    white-space: normal;
    708709    width: 148px;
    709     white-space: normal;
    710710}
    711711.primary-navigation ul ul li {
     
    739739}
    740740.secondary-navigation a {
     741    color: #fff;
    741742    display: block;
    742     color: #fff;
    743743    font-weight: 700;
    744744    padding: 7px 0 7px;
     
    866866    color: #767676;
    867867    font-size: 12px;
    868     font-weight:400;
     868    font-weight: 400;
    869869    line-height: 1.3333333333;
    870870}
     
    11611161}
    11621162.entry-content .edit-link {
    1163     clear:both;
     1163    clear: both;
    11641164    display: block;
    11651165}
     
    15811581}
    15821582.nav-links {
    1583     border-top: 1px solid rgba(0, 0, 0, 0.1);
    1584  }
     1583    border-top: 1px solid rgba(0, 0, 0, 0.1);
     1584}
    15851585.post-navigation [rel="prev"],
    15861586.post-navigation [rel="next"],
    15871587.image-navigation .previous-image,
    1588 .image-navigation .next-image  {
     1588.image-navigation .next-image {
    15891589    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    15901590    -webkit-box-sizing: border-box;
     
    16031603    display: block;
    16041604    font-size: 12px;
     1605    font-weight: 900;
    16051606    line-height: 2;
    1606     font-weight: 900;
    16071607    text-transform: uppercase;
    16081608}
     
    17731773}
    17741774.comment-respond {
     1775    margin-bottom: 24px;
    17751776    padding: 0;
    1776     margin-bottom: 24px;
    17771777}
    17781778.comment .comment-respond {
     
    19031903.widget select,
    19041904.widget iframe {
     1905    margin-left: 1px;
    19051906    max-width: 99%;
    1906     margin-left: 1px;
    19071907}
    19081908.widget table:last-child,
     
    19141914}
    19151915
    1916 /* Caledar widget*/
     1916/* Calendar widget*/
    19171917.widget_calendar a {
    19181918    background-color: #24890d;
     
    19581958.wp_widget_tag_cloud div,
    19591959.widget_tag_cloud div {
    1960     word-wrap: break-word;
     1960    word-wrap: break-word;
    19611961}
    19621962
     
    20642064}
    20652065.content-sidebar .widget li:first-child {
    2066     border-top: none;
     2066    border-top: none;
    20672067}
    20682068.content-sidebar .widget .children,
    20692069.content-sidebar .widget .sub-menu {
    2070     margin:0 0 0 20px;
     2070    margin: 0 0 0 20px;
    20712071}
    20722072.content-sidebar .widget li li {
    2073     border-top: none;
     2073    border-top: none;
    20742074    padding-bottom: 0;
    20752075}
     
    21222122}
    21232123.contributor-avatar {
     2124    border: 1px solid rgba(0, 0, 0, 0.1);
    21242125    float: left;
     2126    margin: 0 30px 20px 0;
    21252127    padding: 2px;
    2126     border: 1px solid rgba(0, 0, 0, 0.1);
    2127     margin: 0 30px 20px 0;
    21282128}
    21292129.contributor-avatar .avatar {
     
    21852185    }
    21862186    .list-view .content-area .entry-title {
    2187          font-size: 15px;
    2188          font-weight: 900;
    2189          line-height: 1.2;
    2190          margin-bottom: 6px;
    2191          text-transform: none;
     2187        font-size: 15px;
     2188        font-weight: 900;
     2189        line-height: 1.2;
     2190        margin-bottom: 6px;
     2191        text-transform: none;
    21922192    }
    21932193    .list-view .content-area .entry-meta {
     
    24212421    }
    24222422    .contributor-summary {
    2423         float: left
     2423        float: left;
    24242424    }
    24252425}
     
    25122512        border-bottom: 0;
    25132513        clear: none;
     2514        float: left;
    25142515        font-size: 11px;
    2515         float: left;
    25162516        line-height: 1.6363636363;
    25172517        margin: 0 0 0 -100%;
Note: See TracChangeset for help on using the changeset viewer.