WordPress.org

Make WordPress Core

Changeset 25066


Ignore:
Timestamp:
08/20/13 17:58:07 (4 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: accessibility changes to fix the color contrast ratio in link text and a few other places (notably hovers and focus outlines). Props sabreuse, see #25054.

File:
1 edited

Legend:

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

    r25065 r25066  
    132132/* Selection */ 
    133133::-moz-selection { 
    134     background: #41a62a; 
     134    background: #24890d; 
    135135    color: #fff; 
    136136    text-shadow: none; 
    137137} 
    138138::selection { 
    139     background: #41a62a; 
     139    background: #24890d; 
    140140    color: #fff; 
    141141    text-shadow: none; 
     
    194194h5 a:hover, 
    195195h6 a:hover { 
    196     color: #41a62a; 
     196    color: #24890d; 
    197197    text-decoration: none; 
    198198} 
     
    250250} 
    251251blockquote p { 
    252     color: #8c8c8c; 
     252    color: #767676; 
    253253    font-size: 19px; 
    254254    font-size: 1.9rem; 
     
    379379input[type="reset"]:focus, 
    380380input[type="submit"]:focus { 
    381     background-color: #41a62a; 
     381    background-color: #24890d; 
    382382    cursor: pointer; 
    383383} 
     
    442442/* Links */ 
    443443a { 
    444     color: #41a62a; 
     444    color: #24890d; 
    445445    text-decoration: none; 
    446446} 
     
    586586.site-footer { 
    587587    background-color: #000; 
    588     color: rgba(255, 255, 255, 0.4); 
     588    color: rgba(255, 255, 255, 0.55); 
    589589    font-size: 12px; 
    590590    font-size: 1.2rem; 
     
    633633} 
    634634.header-extra { 
    635     background-color: #41a62a; 
     635    background-color: #24890d; 
    636636    float: right; 
    637637} 
     
    666666.social-links-toggle, 
    667667.search-toggle { 
    668     background-color: #41a62a; 
     668    background-color: #24890d; 
    669669    -moz-box-sizing: border-box; 
    670670    box-sizing: border-box; 
     
    755755    width: 32px; 
    756756    width: 3.2rem; 
    757     height: 32px; 
     757    height: 32px;s 
    758758    height: 3.2rem; 
    759759} 
     
    887887} 
    888888.primary-navigation ul ul a:hover { 
    889     color: #41a62a; 
     889    color: #24890d; 
    890890} 
    891891.primary-navigation ul li:hover > ul { 
     
    990990} 
    991991.attachment-featured-thumbnail { 
    992     background: #8c8c8c url(images/pattern.png) repeat 0 0; 
     992    background: #767676 url(images/pattern.png) repeat 0 0; 
    993993    background-size: 5px 5px; 
    994994    display: block; 
     
    10201020} 
    10211021.entry-title a:hover { 
    1022     color: #41a62a; 
     1022    color: #24890d; 
    10231023} 
    10241024.entry-meta { 
    10251025    clear: both; 
    1026     color: #8c8c8c; 
     1026    color: #767676; 
    10271027    font-size: 12px; 
    10281028    font-size: 1.2rem; 
     
    10311031} 
    10321032.entry-meta a { 
    1033     color: #8c8c8c; 
     1033    color: #767676; 
    10341034} 
    10351035.entry-meta a:hover { 
     
    10441044} 
    10451045.cat-links a:hover { 
    1046     color: #41a62a; 
     1046    color: #24890d; 
    10471047} 
    10481048.byline { 
     
    11571157} 
    11581158footer.entry-meta .entry-title a { 
    1159     color: #8c8c8c; 
     1159    color: #767676; 
    11601160} 
    11611161footer.entry-meta .entry-title a:hover { 
     
    12601260} 
    12611261.page-links a:hover { 
    1262     background: #41a62a; 
    1263     border: 1px solid #41a62a; 
     1262    background: #24890d; 
     1263    border: 1px solid #24890d; 
    12641264} 
    12651265.page-links > span.page-links-title { 
     
    12771277} 
    12781278.tag-links a { 
    1279     background-color: #8c8c8c; 
     1279    background-color: #767676; 
    12801280    border-radius: 0 2px 2px 0; 
    12811281    color: #fff; 
     
    12991299.tag-links a:before { 
    13001300    border-top: 10px solid transparent; 
    1301     border-right: 8px solid #8c8c8c; 
     1301    border-right: 8px solid #767676; 
    13021302    border-bottom: 10px solid transparent; 
    13031303    content: ''; 
     
    13121312@-moz-document url-prefix() { 
    13131313    .tag-links a:before { 
    1314         border-right: 10px solid #8c8c8c; 
     1314        border-right: 10px solid #767676; 
    13151315        left: -10px; 
    13161316        left: -1.0rem; 
     
    13491349} 
    13501350.taxonomy-description p { 
    1351     color: #8c8c8c; 
     1351    color: #767676; 
    13521352    font-size: 12px; 
    13531353    font-size: 1.2rem; 
     
    15381538} 
    15391539.post-formatted-posts .entry-meta a { 
    1540     color: #8c8c8c; 
     1540    color: #767676; 
    15411541} 
    15421542.post-formatted-posts .entry-meta a:hover { 
     
    17681768} 
    17691769.paging-navigation .page-numbers.current { 
    1770     border-top: 1px solid #41a62a; 
    1771     color: #41a62a; 
     1770    border-top: 1px solid #24890d; 
     1771    color: #24890d; 
    17721772} 
    17731773.paging-navigation a { 
     
    18011801} 
    18021802.post-navigation .meta-nav { 
    1803     color: #8c8c8c; 
     1803    color: #767676; 
    18041804    display: block; 
    18051805    font-size: 12px; 
     
    18221822.site-content .image-navigation a:hover { 
    18231823    background-color: rgba(0, 0, 0, 0.01); 
    1824     color: #41a62a; 
     1824    color: #24890d; 
    18251825} 
    18261826.comment-navigation { 
     
    18931893.comment-list li.trackback a, 
    18941894.comment-list li.pingback a { 
    1895     color: #8c8c8c; 
     1895    color: #767676; 
    18961896} 
    18971897.comment-author a:hover, 
     
    18991899.comment-list .trackback a:hover, 
    19001900.comment-list .pingback a:hover { 
    1901     color: #41a62a; 
     1901    color: #24890d; 
    19021902    text-decoration: none; 
    19031903} 
     
    19441944} 
    19451945.bypostauthor .comment-author .comment-author-avatar { 
    1946     background-color: #41a62a; 
     1946    background-color: #24890d; 
    19471947} 
    19481948.comment-author cite { 
     
    20002000} 
    20012001.no-comments { 
    2002     color: #8c8c8c; 
     2002    color: #767676; 
    20032003    font-size: 16px; 
    20042004    font-size: 1.6rem; 
     
    20322032 
    20332033.site-description { 
    2034     color: rgba(255, 255, 255, 0.4); 
     2034    color: rgba(255, 255, 255, 0.55); 
    20352035    display: none; 
    20362036    font-size: 11px; 
     
    20442044 
    20452045.site-footer a { 
    2046     color: rgba(255, 255, 255, 0.4); 
     2046    color: rgba(255, 255, 255, 0.55); 
    20472047} 
    20482048.site-footer a:hover { 
     
    20962096.widget-area input[type="reset"], 
    20972097.widget-area input[type="submit"] { 
    2098     background-color: #41a62a; 
     2098    background-color: #24890d; 
    20992099    font-size: 11px; 
    21002100    font-size: 1.1rem; 
     
    21462146/* Caledar widget*/ 
    21472147.widget_calendar a { 
    2148     background-color: #41a62a; 
     2148    background-color: #24890d; 
    21492149    color: #fff; 
    21502150    display: block; 
     
    22372237 
    22382238.content-sidebar { 
    2239     color: #8c8c8c; 
     2239    color: #767676; 
    22402240    font-size: 14px; 
    22412241    font-size: 1.4rem; 
     
    22502250} 
    22512251.content-sidebar a:hover { 
    2252     color: #41a62a; 
     2252    color: #24890d; 
    22532253} 
    22542254.content-sidebar button, 
     
    22702270.content-sidebar input[type="reset"]:focus, 
    22712271.content-sidebar input[type="submit"]:focus { 
    2272     background-color: #41a62a; 
     2272    background-color: #24890d; 
    22732273} 
    22742274.content-sidebar button:active, 
Note: See TracChangeset for help on using the changeset viewer.