Skip to:
Content

BuddyPress.org

Changeset 11132


Ignore:
Timestamp:
09/21/2016 08:56:28 AM (5 years ago)
Author:
mercime
Message:

A11y: Update contrast ratios in twentysixteen.css to meet WCAG 2.0 AA standards.

See #7222.

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen-rtl.css

    r11006 r11132  
    150150}
    151151
     152#buddypress div.item-list-tabs ul li a {
     153    color: #0073c1;
     154}
     155
    152156#buddypress div.item-list-tabs ul li a span {
    153157    border-radius: 25%;
     
    199203        border-bottom: 1px solid #eaeaea;
    200204    }
    201 }
    202 
    203 #buddypress #object-nav ul li:not(.selected) a {
    204     opacity: 0.7;
    205205}
    206206
     
    652652}
    653653
     654#buddypress #activity-stream li .activity-content .activity-header a {
     655    color: #0075c4;
     656}
     657
    654658@media screen and (min-width: 46.25em) {
    655659    #buddypress #activity-stream li .activity-avatar {
     
    694698    background-color: #f7f7f7;
    695699    border: 1px solid rgba(234, 234, 234, 0.6);
     700    color: #727272;
    696701    margin-top: 0;
    697702    padding: 0 0.2em;
     
    768773#buddypress #activity-stream .activity-comments ul {
    769774    background: rgba(247, 247, 247, 0.6);
     775    color: #737373;
    770776    margin: 15px 2px 0 0;
     777}
     778
     779#buddypress #activity-stream .activity-comments ul a {
     780    color: #0077c7;
     781}
     782
     783#buddypress #activity-stream .activity-comments .acomment-meta {
     784    color: #737373;
    771785}
    772786
     
    11961210}
    11971211
     1212.bp-user #buddypress table a {
     1213    color: #0074c2;
     1214}
     1215
    11981216@media screen and (min-width: 61.5625em) {
    11991217    .bp-user #buddypress table th {
     
    16941712    border-color: rgba(212, 208, 186, 0.5);
    16951713    border-width: 1px;
     1714}
     1715
     1716#buddypress .standard-form select {
     1717    color: #737373;
    16961718}
    16971719
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.css

    r11006 r11132  
    150150}
    151151
     152#buddypress div.item-list-tabs ul li a {
     153    color: #0073c1;
     154}
     155
    152156#buddypress div.item-list-tabs ul li a span {
    153157    border-radius: 25%;
     
    199203        border-bottom: 1px solid #eaeaea;
    200204    }
    201 }
    202 
    203 #buddypress #object-nav ul li:not(.selected) a {
    204     opacity: 0.7;
    205205}
    206206
     
    652652}
    653653
     654#buddypress #activity-stream li .activity-content .activity-header a {
     655    color: #0075c4;
     656}
     657
    654658@media screen and (min-width: 46.25em) {
    655659    #buddypress #activity-stream li .activity-avatar {
     
    694698    background-color: #f7f7f7;
    695699    border: 1px solid rgba(234, 234, 234, 0.6);
     700    color: #727272;
    696701    margin-top: 0;
    697702    padding: 0 0.2em;
     
    768773#buddypress #activity-stream .activity-comments ul {
    769774    background: rgba(247, 247, 247, 0.6);
     775    color: #737373;
    770776    margin: 15px 0 0 2px;
     777}
     778
     779#buddypress #activity-stream .activity-comments ul a {
     780    color: #0077c7;
     781}
     782
     783#buddypress #activity-stream .activity-comments .acomment-meta {
     784    color: #737373;
    771785}
    772786
     
    11961210}
    11971211
     1212.bp-user #buddypress table a {
     1213    color: #0074c2;
     1214}
     1215
    11981216@media screen and (min-width: 61.5625em) {
    11991217    .bp-user #buddypress table th {
     
    16941712    border-color: rgba(212, 208, 186, 0.5);
    16951713    border-width: 1px;
     1714}
     1715
     1716#buddypress .standard-form select {
     1717    color: #737373;
    16961718}
    16971719
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

    r11006 r11132  
    364364            li {
    365365                a {
     366                    color: #0073c1;
     367
    366368                    span {border-radius: 25%;}
    367369                }
     
    440442
    441443            li:not(.selected) {
    442                 a {opacity: 0.7;}
    443444
    444445                @media screen and (max-width: 38.75em) {
     
    979980                .activity-header {
    980981                    @include font-size(14);
     982
     983                    a {
     984                        color: #0075c4;
     985                    }
    981986                }
    982987            }
     
    10321037                    background-color: $light-background;
    10331038                    border: 1px solid rgba($border-light, 0.6);
     1039                    color: #727272;
    10341040                    margin-top: 0;
    10351041                    padding: 0 0.2em;
     
    11151121            ul {
    11161122                background: rgba($light-background, 0.6);
     1123                color: #737373;
    11171124                margin: 15px 0 0 2px;
     1125
     1126                a {
     1127                    color: #0077c7;
     1128                }
     1129            }
     1130
     1131            .acomment-meta {
     1132                color: #737373;
    11181133            }
    11191134
     
    16191634            th {@include font-size(14)}
    16201635            td {@include font-size(12)}
     1636            a { color: #0074c2; }
    16211637
    16221638            @include medium-up {
     
    21812197        }
    21822198
     2199        select {
     2200            color: #737373;
     2201        }
     2202
    21832203    } // close .standard-form
    21842204
Note: See TracChangeset for help on using the changeset viewer.