Skip to:
Content

BuddyPress.org

Changeset 10533


Ignore:
Timestamp:
02/05/2016 09:38:07 PM (10 years ago)
Author:
mercime
Message:

A11y: Update color contrasts in buddypress.css to meet WCAG 2.0 AA standards.

Fixes #6838.

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

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r10366 r10533  
    3939        background: transparent;
    4040        border: none;
    41         color: #888;
     41        color: #767676;
    4242        font-size: small;
    4343        margin: 0;
    … …  
    209209}
    210210#buddypress .activity-list li .activity-inreplyto {
    211         color: #888;
     211        color: #767676;
    212212        font-size: 80%;
    213213}
    … …  
    242242#buddypress .activity-list .activity-content .activity-header,
    243243#buddypress .activity-list .activity-content .comment-header {
    244         color: #888;
     244        color: #767676;
    245245        line-height: 220%;
    246246}
    … …  
    325325}
    326326#buddypress a.activity-time-since {
    327         color: #aaa;
     327        color: #767676;
    328328        text-decoration: none;
    329329}
    330330#buddypress a.activity-time-since:hover {
    331         color: #888;
     331        color: #767676;
    332332        text-decoration: underline;
    333333}
    … …  
    340340#buddypress a.bp-primary-action span,
    341341#buddypress #reply-title small a span {
    342         background: #999;
     342        background: #767676;
    343343        color: #fff;
    344344        font-size: 90%;
    … …  
    424424}
    425425#buddypress div.activity-comments div.acomment-meta {
    426         color: #888;
     426        color: #767676;
    427427        font-size: 80%;
    428428}
    … …  
    471471}
    472472#buddypress div.activity-comments form div.ac-reply-content {
    473         color: #888;
     473        color: #767676;
    474474        margin-right: 50px;
    475475        padding-right: 15px;
    … …  
    483483}
    484484#buddypress .acomment-options a {
    485         color: #999;
     485        color: #767676;
    486486}
    487487#buddypress .acomment-options a:hover {
    … …  
    642642        background: #fafafa;
    643643        border-radius: 0;
    644         color: #888;
     644        color: #767676;
    645645        font: inherit;
    646646        font-size: 100%;
    … …  
    667667#buddypress .standard-form div.checkbox label:nth-child(n+2),
    668668#buddypress .standard-form div.radio div label {
    669         color: #888;
     669        color: #767676;
    670670        font-size: 100%;
    671671        font-weight: normal;
    … …  
    711711}
    712712#buddypress .standard-form p.description {
    713         color: #888;
     713        color: #767676;
    714714        font-size: 80%;
    715715        margin: 5px 0;
    … …  
    787787        background: #fff; /* Old browsers */
    788788        border: 1px solid #ccc;
    789         color: #777;
     789        color: #767676;
    790790        font-size: small;
    791791        cursor: pointer;
    … …  
    901901#buddypress a.loading:hover,
    902902#buddypress input.loading:hover {
    903     color: #777;
     903        color: #767676;
    904904}
    905905#buddypress input[type="submit"].pending,
    … …  
    914914#buddypress div.pending a,
    915915#buddypress a.disabled {
    916     border-color: #eee;
    917     color: #bbb;
    918     cursor: default;
     916        border-color: #eee;
     917        color: #bbb;
     918        cursor: default;
    919919}
    920920#buddypress input[type="submit"]:hover.pending,
    … …  
    929929#buddypress a.disabled:hover {
    930930        border-color: #eee;
    931     color: #bbb;
     931        color: #bbb;
    932932}
    933933
    … …  
    947947}
    948948#buddypress ul#topic-post-list li div.poster-meta {
    949         color: #888;
     949        color: #767676;
    950950        margin-bottom: 10px;
    951951}
    … …  
    957957}
    958958#buddypress div.admin-links {
    959         color: #888;
     959        color: #767676;
    960960        font-size: 80%;
    961961        position: absolute;
    … …  
    10461046}
    10471047#buddypress table tr td.thread-info p.thread-excerpt {
    1048         color: #888;
     1048        color: #767676;
    10491049        font-size: 80%;
    10501050        margin-top: 3px;
    … …  
    10991099}
    11001100#buddypress table.forum td p.topic-text {
    1101         color: #888;
     1101        color: #767676;
    11021102        font-size: 100%;
    11031103}
    … …  
    11261126#buddypress table.forum td.td-freshness span.time-since {
    11271127        font-size: 80%;
    1128         color: #888;
     1128        color: #767676;
    11291129}
    11301130#buddypress table.forum td img.avatar {
    … …  
    11631163}
    11641164#buddypress span.user-nicename {
    1165         color: #777;
     1165        color: #767676;
    11661166        display: inline-block;
    11671167        font-size: 120%;
    … …  
    11911191}
    11921192#buddypress div#item-header h2 a {
    1193         color: #777;
     1193        color: #767676;
    11941194        text-decoration: none;
    11951195}
    … …  
    12231223#buddypress div#item-header div#item-meta {
    12241224        font-size: 80%;
    1225         color: #aaa;
     1225        color: #767676;
    12261226        overflow: hidden;
    12271227        margin: 15px 0 5px 0;
    … …  
    13011301}
    13021302#buddypress ul.item-list li div.item-title span {
    1303         color: #999;
     1303        color: #767676;
    13041304        font-size: 80%;
    13051305}
    13061306#buddypress ul.item-list li div.item-desc {
    1307         color: #888;
     1307        color: #767676;
    13081308        font-size: 80%;
    13091309        margin: 10px 60px 0 0;
    … …  
    13201320}
    13211321#buddypress ul.item-list li div.meta {
    1322         color: #888;
     1322        color: #767676;
    13231323        font-size: 80%;
    13241324        margin-top: 10px;
    … …  
    13671367        border-radius: 50%;
    13681368        border: 1px solid #ccc;
    1369         color: #999;
     1369        color: #6c6c6c;
    13701370        display: inline;
    13711371        font-size: 70%;
    … …  
    15361536}
    15371537.message-action-star span.icon:before {
    1538         color: #aaa;
     1538        color: #767676;
    15391539        content: "\f154";
    15401540}
    15411541.message-action-unstar span.icon:before {
    1542         color: #FCDD77;
     1542        color: #fcdd77;
    15431543        content: "\f155";
    15441544}
    … …  
    15731573#buddypress .field-visibility-settings-toggle,
    15741574#buddypress .field-visibility-settings-notoggle {
    1575         color: #888;
     1575        color: #767676;
    15761576}
    15771577#buddypress .field-visibility-settings-toggle a,

  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r10366 r10533  
    3939        background: transparent;
    4040        border: none;
    41         color: #888;
     41        color: #767676;
    4242        font-size: small;
    4343        margin: 0;
    … …  
    209209}
    210210#buddypress .activity-list li .activity-inreplyto {
    211         color: #888;
     211        color: #767676;
    212212        font-size: 80%;
    213213}
    … …  
    242242#buddypress .activity-list .activity-content .activity-header,
    243243#buddypress .activity-list .activity-content .comment-header {
    244         color: #888;
     244        color: #767676;
    245245        line-height: 220%;
    246246}
    … …  
    325325}
    326326#buddypress a.activity-time-since {
    327         color: #aaa;
     327        color: #767676;
    328328        text-decoration: none;
    329329}
    330330#buddypress a.activity-time-since:hover {
    331         color: #888;
     331        color: #767676;
    332332        text-decoration: underline;
    333333}
    … …  
    340340#buddypress a.bp-primary-action span,
    341341#buddypress #reply-title small a span {
    342         background: #999;
     342        background: #767676;
    343343        color: #fff;
    344344        font-size: 90%;
    … …  
    424424}
    425425#buddypress div.activity-comments div.acomment-meta {
    426         color: #888;
     426        color: #767676;
    427427        font-size: 80%;
    428428}
    … …  
    471471}
    472472#buddypress div.activity-comments form div.ac-reply-content {
    473         color: #888;
     473        color: #767676;
    474474        margin-left: 50px;
    475475        padding-left: 15px;
    … …  
    483483}
    484484#buddypress .acomment-options a {
    485         color: #999;
     485        color: #767676;
    486486}
    487487#buddypress .acomment-options a:hover {
    … …  
    642642        background: #fafafa;
    643643        border-radius: 0;
    644         color: #888;
     644        color: #767676;
    645645        font: inherit;
    646646        font-size: 100%;
    … …  
    667667#buddypress .standard-form div.checkbox label:nth-child(n+2),
    668668#buddypress .standard-form div.radio div label {
    669         color: #888;
     669        color: #767676;
    670670        font-size: 100%;
    671671        font-weight: normal;
    … …  
    711711}
    712712#buddypress .standard-form p.description {
    713         color: #888;
     713        color: #767676;
    714714        font-size: 80%;
    715715        margin: 5px 0;
    … …  
    787787        background: #fff; /* Old browsers */
    788788        border: 1px solid #ccc;
    789         color: #777;
     789        color: #767676;
    790790        font-size: small;
    791791        cursor: pointer;
    … …  
    901901#buddypress a.loading:hover,
    902902#buddypress input.loading:hover {
    903     color: #777;
     903        color: #767676;
    904904}
    905905#buddypress input[type="submit"].pending,
    … …  
    914914#buddypress div.pending a,
    915915#buddypress a.disabled {
    916     border-color: #eee;
    917     color: #bbb;
    918     cursor: default;
     916        border-color: #eee;
     917        color: #bbb;
     918        cursor: default;
    919919}
    920920#buddypress input[type="submit"]:hover.pending,
    … …  
    929929#buddypress a.disabled:hover {
    930930        border-color: #eee;
    931     color: #bbb;
     931        color: #bbb;
    932932}
    933933
    … …  
    947947}
    948948#buddypress ul#topic-post-list li div.poster-meta {
    949         color: #888;
     949        color: #767676;
    950950        margin-bottom: 10px;
    951951}
    … …  
    957957}
    958958#buddypress div.admin-links {
    959         color: #888;
     959        color: #767676;
    960960        font-size: 80%;
    961961        position: absolute;
    … …  
    10461046}
    10471047#buddypress table tr td.thread-info p.thread-excerpt {
    1048         color: #888;
     1048        color: #767676;
    10491049        font-size: 80%;
    10501050        margin-top: 3px;
    … …  
    10991099}
    11001100#buddypress table.forum td p.topic-text {
    1101         color: #888;
     1101        color: #767676;
    11021102        font-size: 100%;
    11031103}
    … …  
    11261126#buddypress table.forum td.td-freshness span.time-since {
    11271127        font-size: 80%;
    1128         color: #888;
     1128        color: #767676;
    11291129}
    11301130#buddypress table.forum td img.avatar {
    … …  
    11631163}
    11641164#buddypress span.user-nicename {
    1165         color: #777;
     1165        color: #767676;
    11661166        display: inline-block;
    11671167        font-size: 120%;
    … …  
    11911191}
    11921192#buddypress div#item-header h2 a {
    1193         color: #777;
     1193        color: #767676;
    11941194        text-decoration: none;
    11951195}
    … …  
    12231223#buddypress div#item-header div#item-meta {
    12241224        font-size: 80%;
    1225         color: #aaa;
     1225        color: #767676;
    12261226        overflow: hidden;
    12271227        margin: 15px 0 5px 0;
    … …  
    13011301}
    13021302#buddypress ul.item-list li div.item-title span {
    1303         color: #999;
     1303        color: #767676;
    13041304        font-size: 80%;
    13051305}
    13061306#buddypress ul.item-list li div.item-desc {
    1307         color: #888;
     1307        color: #767676;
    13081308        font-size: 80%;
    13091309        margin: 10px 0 0 60px;
    … …  
    13201320}
    13211321#buddypress ul.item-list li div.meta {
    1322         color: #888;
     1322        color: #767676;
    13231323        font-size: 80%;
    13241324        margin-top: 10px;
    … …  
    13671367        border-radius: 50%;
    13681368        border: 1px solid #ccc;
    1369         color: #999;
     1369        color: #6c6c6c;
    13701370        display: inline;
    13711371        font-size: 70%;
    … …  
    15361536}
    15371537.message-action-star span.icon:before {
    1538         color: #aaa;
     1538        color: #767676;
    15391539        content: "\f154";
    15401540}
    15411541.message-action-unstar span.icon:before {
    1542         color: #FCDD77;
     1542        color: #fcdd77;
    15431543        content: "\f155";
    15441544}
    … …  
    15731573#buddypress .field-visibility-settings-toggle,
    15741574#buddypress .field-visibility-settings-notoggle {
    1575         color: #888;
     1575        color: #767676;
    15761576}
    15771577#buddypress .field-visibility-settings-toggle a,
Note: See TracChangeset for help on using the changeset viewer.