WordPress.org

Make WordPress Core

Changeset 25066


Ignore:
Timestamp:
08/20/2013 05:58:07 PM (5 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.