Skip to:
Content

BuddyPress.org

Changeset 10533


Ignore:
Timestamp:
02/05/2016 09:38:07 PM (6 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.