Skip to:
Content

Changeset 11379


Ignore:
Timestamp:
01/11/17 10:42:23 (12 months ago)
Author:
hnla
Message:

Commit Twentyseventeen companion style sheets

Commit adds final revision for style adjustments including rules to account for dark/light schemes.

Fixes #7338
Props hnla, offereins

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

Legend:

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

    r11275 r11379  
    6363} 
    6464 
     65.buddypress ul.item-list h1, 
     66.buddypress ul.item-list h2, 
     67.buddypress ul.item-list h3, 
     68.buddypress ul.item-list h4, 
     69.buddypress ul.item-list h5, 
     70.buddypress ul.item-list h6 { 
     71    clear: none; 
     72    padding: 0; 
     73} 
     74 
    6575.buddypress #page a { 
    6676    box-shadow: none; 
     
    93103} 
    94104 
    95 .buddypress article.page .entry-header .entry-title { 
    96     font-size: 22px; 
    97     font-size: 1.375rem; 
    98 } 
    99  
    100 @media screen and (min-width: 55em) { 
    101     .buddypress article.page .entry-header .entry-title { 
    102         font-size: 28px; 
    103         font-size: 1.75rem; 
    104     } 
    105 } 
    106  
    107 @media screen and (min-width: 55em) { 
     105@media screen and (min-width: 48em) { 
    108106    body.buddypress.page.page-two-column #primary .entry-header { 
    109         width: 20%; 
     107        width: 30%; 
    110108    } 
    111109    body.buddypress.page.page-two-column #primary .entry-content { 
    112         width: 80%; 
     110        width: 68%; 
    113111    } 
    114112    body.buddypress:not(.has-sidebar) #primary.content-area, 
     
    133131} 
    134132 
     133body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected, 
     134body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current { 
     135    border-bottom-color: #222; 
     136} 
     137 
     138body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a, 
     139body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a { 
     140    color: inherit; 
     141} 
     142 
     143body.colors-dark #buddypress div.item-list-tabs ul li.selected a, 
     144body.colors-dark #buddypress div.item-list-tabs ul li.current a { 
     145    background: none; 
     146    color: inherit; 
     147} 
     148 
     149body.colors-dark #buddypress #object-nav li:not(.current):focus a, 
     150body.colors-dark #buddypress #object-nav li:not(.current):hover a { 
     151    color: #555; 
     152} 
     153 
     154body.colors-dark #buddypress #subnav.item-list-tabs ul { 
     155    border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
     156    margin-bottom: 20px; 
     157} 
     158 
     159body.colors-dark #buddypress #subnav.item-list-tabs ul li.last { 
     160    border-top: 1px solid rgba(234, 234, 234, 0.9); 
     161} 
     162 
     163body.colors-dark #buddypress .item-list div.meta { 
     164    color: #ddd; 
     165} 
     166 
     167body.colors-dark #buddypress .item-list div.item-desc, 
     168body.colors-dark #buddypress .item-list .activity-header p, 
     169body.colors-dark #buddypress .item-list .activity-comments ul, 
     170body.colors-dark #buddypress .item-list .acomment-meta { 
     171    color: #eee; 
     172} 
     173 
     174body.colors-dark #buddypress .item-list .activity-meta a, 
     175body.colors-dark #buddypress .item-list .action a { 
     176    background: #fafafa; 
     177} 
     178 
     179body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover, 
     180body.colors-dark #buddypress .item-list .action a:focus, 
     181body.colors-dark #buddypress .item-list .action a:hover { 
     182    background: #fff; 
     183} 
     184 
     185body.colors-dark #buddypress #latest-update { 
     186    color: #eee; 
     187} 
     188 
     189body.colors-dark #buddypress div.pagination * { 
     190    color: #ddd; 
     191} 
     192 
     193body.colors-dark #buddypress #item-header .user-nicename { 
     194    color: #eee; 
     195} 
     196 
     197body.colors-dark #buddypress #item-body table thead tr, 
     198body.colors-dark #buddypress #item-body table thead th { 
     199    background: none; 
     200    color: #eee; 
     201} 
     202 
     203body.colors-dark #buddypress #item-body table tr.alt td { 
     204    background: none; 
     205    color: #eee; 
     206} 
     207 
     208body.colors-dark #buddypress #item-body table .field-visibility-settings, 
     209body.colors-dark #buddypress #item-body table .field-visibility-settings-notoggle { 
     210    color: #eee; 
     211} 
     212 
     213body.colors-dark #buddypress #item-body fieldset { 
     214    background: none; 
     215} 
     216 
     217body.colors-dark #buddypress #item-body .checkbox label, 
     218body.colors-dark #buddypress #item-body .radio label { 
     219    color: #eee; 
     220} 
     221 
     222body.colors-dark #buddypress #item-body div#invite-list { 
     223    background: none; 
     224} 
     225 
     226body.colors-dark.group-members #buddypress #subnav li { 
     227    background: none; 
     228} 
     229 
     230body.colors-dark.group-members #buddypress #subnav .groups-members-search form { 
     231    margin-bottom: 20px; 
     232    margin-top: 0; 
     233} 
     234 
     235.directory.colors-dark #buddypress #subnav.item-list-tabs ul { 
     236    border-bottom: 0; 
     237    border-top: 0; 
     238} 
     239 
     240.directory.colors-dark #buddypress #subnav.item-list-tabs ul li.last.filter { 
     241    border-top: 0; 
     242} 
     243 
     244.directory.colors-dark #buddypress div.activity ul.item-list { 
     245    border-top: 0; 
     246} 
     247 
     248body.colors-light #buddypress div.item-list-tabs ul { 
     249    background-color: #fafafa; 
     250} 
     251 
     252body.colors-light #buddypress div#subnav.item-list-tabs ul { 
     253    background-color: #f7f7f7; 
     254} 
     255 
     256body.colors-light #buddypress div#subnav.item-list-tabs ul li.last { 
     257    background: #fff; 
     258} 
     259 
     260body.colors-light #buddypress .item-list .activity-header p { 
     261    background-color: #f7f7f7; 
     262    color: #878787; 
     263} 
     264 
     265body.colors-light #buddypress .item-list .activity-comments .acomment-meta { 
     266    color: #737373; 
     267} 
     268 
     269body.colors-light #buddypress #item-body .profile h2 { 
     270    background: #878787; 
     271    color: #fff; 
     272} 
     273 
     274body.colors-light #buddypress table tr.alt td { 
     275    background: #f5f5f5; 
     276    color: #333; 
     277} 
     278 
     279body.colors-light #buddypress div#invite-list { 
     280    background: #fafafa; 
     281} 
     282 
    135283/** 
    136284*------------------------------------------------------------------------------- 
     
    151299 
    152300#buddypress div.item-list-tabs ul { 
    153     background-color: #faf9f1; 
    154301    border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
    155     border-top: 1px solid rgba(234, 234, 234, 0.9); 
    156302    overflow: hidden; 
    157303    padding: 0; 
    158304} 
    159305 
    160 #buddypress div.item-list-tabs ul li a { 
    161     color: #0073c1; 
    162 } 
    163  
    164306#buddypress div.item-list-tabs ul li a span { 
    165307    border-radius: 25%; 
    166 } 
    167  
    168 @media screen and (max-width: 38.75em) { 
    169     .bp-user #buddypress #object-nav { 
    170         background: #faf9f1; 
    171         border: 1px solid #eaeaea; 
    172         overflow: visible; 
    173         padding: 10px; 
    174     } 
    175     .bp-user #buddypress #object-nav ul { 
    176         border: 0; 
    177         height: 0; 
    178         transition: height 0.3s ease-in-out 0.7s; 
    179         visibility: hidden; 
    180     } 
    181     .bp-user #buddypress #object-nav:before { 
    182         content: "Menu \021E9"; 
    183         display: inline; 
    184         opacity: 0.7; 
    185     } 
    186     .bp-user #buddypress #object-nav:hover:before, .bp-user #buddypress #object-nav:focus:before { 
    187         content: "Menu \021E7"; 
    188     } 
    189     .bp-user #buddypress #object-nav:hover ul, .bp-user #buddypress #object-nav:focus ul { 
    190         height: 320px; 
    191         opacity: 1; 
    192         overflow-y: auto; 
    193         visibility: visible; 
    194     } 
    195     .bp-user #buddypress #subnav { 
    196         clear: both; 
    197     } 
    198308} 
    199309 
     
    230340 
    231341#buddypress div#subnav.item-list-tabs ul { 
    232     background-color: #f7f7f7; 
    233342    border-bottom: 0; 
    234343    margin-top: 5px; 
     
    237346 
    238347#buddypress div#subnav.item-list-tabs ul li.last { 
    239     background: #fff; 
    240348    margin-top: 0; 
    241349    padding: 5px 0 5px 5px; 
     
    274382/*__ Vertical menu User Account / Group single screens __*/ 
    275383@media screen and (min-width: 55em) { 
    276     body.no-sidebar #buddypress #item-header, 
    277     body.no-sidebar #buddypress #item-body { 
    278         background: #fff; 
    279     } 
    280     body.no-sidebar #buddypress #object-nav { 
     384    body:not(.page-two-column) #buddypress #object-nav { 
    281385        border-left: 1px solid #ddd; 
    282386        float: right; 
     
    284388        width: 200px; 
    285389    } 
    286     body.no-sidebar #buddypress #object-nav ul { 
     390    body:not(.page-two-column) #buddypress #object-nav ul { 
    287391        background: none; 
    288392        border-bottom: 0; 
    289393        padding: 0; 
    290394    } 
    291     body.no-sidebar #buddypress #object-nav ul li { 
     395    body:not(.page-two-column) #buddypress #object-nav ul li { 
    292396        float: none; 
    293397        overflow: hidden; 
    294398    } 
    295     body.no-sidebar #buddypress #object-nav ul li span { 
     399    body:not(.page-two-column) #buddypress #object-nav ul li span { 
    296400        background: #fff; 
    297401        border-radius: 10%; 
     
    299403        margin-left: 2px; 
    300404    } 
    301     body.no-sidebar #buddypress #item-body { 
     405    body:not(.page-two-column) #buddypress #item-body { 
    302406        border-right: 1px solid #ddd; 
    303407        overflow: hidden; 
     
    305409        width: auto; 
    306410    } 
    307     body.no-sidebar #buddypress #item-body #subnav { 
     411    body:not(.page-two-column) #buddypress #item-body #subnav { 
    308412        margin: 0 -20px 0 0; 
    309413    } 
    310     body.no-sidebar #buddypress #item-body #subnav ul { 
     414    body:not(.page-two-column) #buddypress #item-body #subnav ul { 
    311415        margin-top: 0; 
    312416    } 
     
    314418 
    315419@media screen and (min-width: 48em) { 
    316     #main #buddypress #group-create-tabs.item-list-tabs ul:before, 
    317     #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     420    #buddypress #group-create-tabs.item-list-tabs ul:before, 
     421    #buddypress #group-create-tabs.item-list-tabs ul:after { 
    318422        content: " "; 
    319423        display: table; 
    320424    } 
    321     #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     425    #buddypress #group-create-tabs.item-list-tabs ul:after { 
    322426        clear: both; 
    323427    } 
    324     #main #buddypress #group-create-tabs.item-list-tabs ul { 
     428    #buddypress #group-create-tabs.item-list-tabs ul { 
    325429        background: none; 
    326430        border: 0; 
     
    329433        padding-bottom: 0; 
    330434    } 
    331     #main #buddypress #group-create-tabs.item-list-tabs ul li { 
     435    #buddypress #group-create-tabs.item-list-tabs ul li { 
    332436        float: right; 
    333437        width: auto; 
    334438    } 
    335     #main #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
    336     #main #buddypress #group-create-tabs.item-list-tabs ul li.current { 
     439    #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
     440    #buddypress #group-create-tabs.item-list-tabs ul li.current { 
    337441        border: 1px solid #ddd; 
    338442        border-bottom-color: #fff; 
     
    344448        margin-bottom: -1px; 
    345449    } 
    346     #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
    347     #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
     450    #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
     451    #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348452        background: none; 
    349         color: #141412; 
     453        color: #333; 
    350454        outline: none; 
    351455    } 
    352     #main #buddypress #subnav ul { 
     456    #buddypress #subnav ul { 
    353457        border-bottom: 0; 
    354458    } 
     
    496600#buddypress ul.item-list li .item .item-title .update { 
    497601    display: block; 
    498     font-size: 12px; 
    499     font-size: 0.75rem; 
     602    font-size: 13px; 
     603    font-size: 0.8125rem; 
    500604    padding: 10px 0; 
    501605    text-align: right; 
     
    558662} 
    559663 
    560 @media screen and (min-width: 48em) { 
     664@media screen and (min-width: 30em) { 
    561665    #buddypress ul.item-list li div.action div { 
    562666        margin: 0 0 10px 10px; 
     
    600704 
    601705#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 
    602     border: 1px solid rgba(212, 208, 186, 0.5); 
     706    border: 1px solid rgba(190, 190, 190, 0.5); 
    603707    float: right; 
    604708    line-height: 1.5em; 
     
    705809 
    706810#buddypress #activity-stream .activity-content .activity-header { 
    707     line-height: inherit; 
    708811    margin-left: 0; 
    709812} 
    710813 
    711814#buddypress #activity-stream .activity-content .activity-header p { 
    712     background-color: #f7f7f7; 
    713815    border: 1px solid rgba(234, 234, 234, 0.6); 
    714     color: #727272; 
    715816    margin-top: 0; 
    716817    padding: 0 0.2em; 
     
    718819 
    719820#buddypress #activity-stream .activity-content .activity-header img.avatar { 
     821    box-shadow: none; 
    720822    display: inline-block; 
    721     margin-bottom: 0 !important; 
     823    margin: 0 5px !important; 
     824    vertical-align: middle; 
    722825} 
    723826 
     
    727830} 
    728831 
    729 @media screen and (min-width: 38.75em) { 
     832@media screen and (min-width: 30em) { 
    730833    #buddypress #activity-stream .activity-content .activity-meta a { 
    731834        display: inline-block; 
    732835        margin-bottom: 0; 
     836        width: auto; 
    733837    } 
    734838} 
     
    782886#buddypress #activity-stream .activity-comments { 
    783887    border-right: 1px solid #eaeaea; 
    784     margin-top: 5px; 
     888    margin: 20px 0 20px; 
     889} 
     890 
     891@media screen and (min-width: 30em) { 
     892    #buddypress #activity-stream .activity-comments { 
     893        margin-right: 20px; 
     894    } 
    785895} 
    786896 
    787897#buddypress #activity-stream .activity-comments ul { 
    788     background: rgba(247, 247, 247, 0.6); 
    789     color: #737373; 
    790898    margin: 15px 2px 0 0; 
     899} 
     900 
     901#buddypress #activity-stream .activity-comments ul li { 
     902    border-top: 1px solid #bebebe; 
    791903} 
    792904 
     
    796908 
    797909#buddypress #activity-stream .activity-comments .acomment-meta { 
    798     color: #737373; 
     910    border-bottom: 1px solid #eaeaea; 
    799911} 
    800912 
    801913#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802914#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803     color: rgba(20, 20, 18, 0.8); 
     915    color: rgba(51, 51, 51, 0.8); 
    804916    display: inline-block; 
    805917    font-family: inherit; 
     
    814926 
    815927#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816     border: 1px solid rgba(212, 208, 186, 0.7); 
     928    border: 1px solid rgba(190, 190, 190, 0.7); 
    817929    text-align: center; 
    818930} 
     
    834946    #buddypress #members-list li .action { 
    835947        float: left; 
     948    } 
     949    #buddypress #members-list li.is-current-user .item { 
     950        float: none; 
     951        right: 0; 
     952        padding-right: 5%; 
     953        width: auto; 
    836954    } 
    837955} 
     
    881999*----------------------------------------------------------- 
    8821000*/ 
     1001@media screen and (min-width: 48em) { 
     1002    .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     1003        margin-right: 140px; 
     1004        margin-top: -100px; 
     1005    } 
     1006    .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     1007        margin-right: 10px; 
     1008    } 
     1009} 
     1010 
     1011.bp-user #buddypress #item-header-cover-image .user-nicename, 
     1012.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     1013    color: #333; 
     1014    text-shadow: none; 
     1015} 
     1016 
     1017@media screen and (min-width: 48em) { 
     1018    .bp-user #buddypress #item-header-cover-image .user-nicename, 
     1019    .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     1020        color: #fff; 
     1021        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1022    } 
     1023} 
     1024 
    8831025.bp-user #buddypress #item-header-content #item-meta, 
    8841026.single-item.groups #buddypress #item-header-content #item-meta { 
     
    9531095        order: 1; 
    9541096        text-align: center; 
    955     } 
    956     .single-item.groups #buddypress div#item-header #item-header-avatar a { 
    957         border-bottom: 0; 
    9581097    } 
    9591098    .single-item.groups #buddypress div#item-header #item-header-avatar a img { 
     
    10521191.bp-user #buddypress #item-header #item-header-avatar img.avatar, 
    10531192.bp-user #buddypress #item-header #item-header-avatar a { 
    1054     border-bottom: 0; 
    10551193    display: inline-block; 
    10561194    float: none; 
     
    10841222*---------------------------------------------------- 
    10851223*/ 
     1224.groups.single-item.members #buddypress #subnav.item-list-tabs ul { 
     1225    background: none; 
     1226    border-top: 0; 
     1227} 
     1228 
    10861229/** 
    10871230*----------------------------------------- 
     
    11211264 
    11221265.groups.group-settings #group-settings-form div.radio label ul { 
    1123     color: rgba(20, 20, 18, 0.6); 
     1266    color: rgba(51, 51, 51, 0.6); 
    11241267    font-size: 14px; 
    11251268    font-size: 0.875rem; 
     
    11851328.groups.group-members #subnav li #search-members-form { 
    11861329    float: left; 
    1187     margin: 5px 0 0 5px; 
     1330    margin: 5px 0 0; 
    11881331} 
    11891332 
     
    12541397} 
    12551398 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257     border: 1px solid rgba(212, 208, 186, 0.5); 
     1399.bp-user #buddypress .notifications-options-nav, 
     1400.bp-user #buddypress .messages-options-nav { 
    12581401    float: right; 
    12591402    width: 100%; 
     
    12611404 
    12621405@media screen and (min-width: 38.75em) { 
    1263     .bp-user #buddypress .notifications-options-nav { 
     1406    .bp-user #buddypress .notifications-options-nav, 
     1407    .bp-user #buddypress .messages-options-nav { 
    12641408        width: 300px; 
    12651409    } 
    12661410} 
    12671411 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1412.bp-user #buddypress .notifications-options-nav select, 
     1413.bp-user #buddypress .messages-options-nav select { 
    12691414    height: auto; 
    12701415} 
    12711416 
    12721417.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274     border: 0; 
     1418.bp-user #buddypress .notifications-options-nav input, 
     1419.bp-user #buddypress .messages-options-nav select, 
     1420.bp-user #buddypress .messages-options-nav input { 
    12751421    font-size: 14px; 
    12761422    font-size: 0.875rem; 
     
    12791425} 
    12801426 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1427.bp-user #buddypress .notifications-options-nav select, 
     1428.bp-user #buddypress .messages-options-nav select { 
    12821429    float: right; 
    1283     margin-left: 0; 
    1284     width: 60%; 
    1285 } 
    1286  
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1430    margin-left: 1%; 
     1431    width: 59%; 
     1432} 
     1433 
     1434.bp-user #buddypress .notifications-options-nav input, 
     1435.bp-user #buddypress .messages-options-nav input { 
    12881436    float: left; 
    12891437    font-family: inherit; 
    12901438    line-height: 20px; 
    12911439    width: 40%; 
     1440} 
     1441 
     1442.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1443.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1444.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1445.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1446    background: none; 
    12921447} 
    12931448 
     
    13011456} 
    13021457 
    1303 .bp-user #buddypress .profile .bp-widget h2 { 
    1304     background: #7b7b7b; 
    1305     color: #fff; 
     1458.bp-user #buddypress .profile h2 { 
    13061459    margin: 40px 0 10px; 
    13071460    padding: 0.1em 0.4em 0.1em 0; 
    13081461} 
    13091462 
    1310 .bp-user #buddypress .profile .bp-widget table { 
     1463.bp-user #buddypress .profile table { 
    13111464    margin-top: 0; 
     1465} 
     1466 
     1467.bp-user #buddypress .profile .profile-fields tr.alt td { 
     1468    color: #333; 
     1469} 
     1470 
     1471.bp-user #buddypress .profile .profile-fields tr:last-child { 
     1472    border-bottom: 0; 
    13121473} 
    13131474 
     
    13461507 
    13471508.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 
     1509.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 
    13481510.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 
    13491511    font-size: 14px; 
    13501512    font-size: 0.875rem; 
     1513    margin-top: 10px; 
    13511514} 
    13521515 
     
    13541517.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 
    13551518    background: #555; 
     1519    -webkit-border-radius: 3px; 
     1520    -moz-border-radius: 3px; 
     1521    -ms-border-radius: 3px; 
     1522    border-radius: 3px; 
     1523    background-clip: padding-box; 
    13561524    color: #fff; 
    13571525    padding: 0.2em 0.5em; 
     
    14351603 
    14361604.bp-user #buddypress #message-threads thead tr { 
    1437     background: #6f6f6f; 
     1605    background: none; 
     1606    border-bottom: 1px solid #bebebe; 
     1607} 
     1608 
     1609.bp-user #buddypress #message-threads thead tr th { 
     1610    background: #555; 
     1611} 
     1612 
     1613.bp-user #buddypress #message-threads tr { 
     1614    border-bottom: 5px solid #878787; 
    14381615} 
    14391616 
    14401617.bp-user #buddypress #message-threads tr td { 
    1441     background: #fff; 
    14421618    display: inline-block; 
    14431619    float: right; 
     
    14461622.bp-user #buddypress #message-threads tr td.thread-star, 
    14471623.bp-user #buddypress #message-threads tr td.thread-options { 
    1448     border-bottom-color: #ccc; 
    1449     border-bottom-width: 2px; 
     1624    border-bottom-color: #bebebe; 
     1625    border-bottom-width: 1px; 
    14501626    height: 2.4em; 
    14511627    padding-bottom: 0.2em; 
     
    14581634        padding-top: 0; 
    14591635    } 
     1636} 
     1637 
     1638.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1639.bp-user #buddypress #message-threads tr td.thread-star, 
     1640.bp-user #buddypress #message-threads tr td.thread-from, 
     1641.bp-user #buddypress #message-threads tr td.thread-info, 
     1642.bp-user #buddypress #message-threads tr td.thread-options { 
     1643    border-top: 0; 
    14601644} 
    14611645 
     
    15301714 
    15311715.bp-user #buddypress #message-threads tr.unread td { 
    1532     background: #eee; 
    1533     border-color: #d4d0ba; 
     1716    background: none; 
     1717    border-color: #bebebe; 
    15341718} 
    15351719 
     
    15511735} 
    15521736 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554     height: auto; 
    1555 } 
    1556  
    15571737.bp-user #buddypress .acfb-holder { 
    15581738    list-style: none; 
     
    15641744 
    15651745.bp-user #buddypress .acfb-holder li.friend-tab { 
    1566     background: #edf7fa; 
     1746    background: #e3f6ff; 
    15671747    border: inherit; 
    15681748    margin-left: 0; 
     
    17181898#buddypress div.activity-comments form .ac-textarea { 
    17191899    background: #f7f7f7; 
    1720     border: 1px solid rgba(212, 208, 186, 0.5); 
     1900    border: 1px solid rgba(190, 190, 190, 0.5); 
    17211901} 
    17221902 
     
    17361916#buddypress .standard-form select, 
    17371917#buddypress .standard-form textarea { 
    1738     border-color: rgba(212, 208, 186, 0.5); 
     1918    border-color: rgba(190, 190, 190, 0.5); 
    17391919    border-width: 1px; 
    17401920} 
     
    17621942#buddypress div.message-search form, 
    17631943#buddypress li.groups-members-search form { 
    1764     border: 1px solid rgba(212, 208, 186, 0.6); 
     1944    border: 1px solid rgba(190, 190, 190, 0.6); 
     1945    -webkit-border-radius: 2px; 
     1946    -moz-border-radius: 2px; 
     1947    -ms-border-radius: 2px; 
     1948    border-radius: 2px; 
     1949    background-clip: padding-box; 
    17651950    overflow: hidden; 
    17661951} 
     
    17711956    float: right; 
    17721957    margin: 0; 
    1773 } 
    1774  
    1775 #buddypress div.dir-search form input[type='text'], 
    1776 #buddypress div.message-search form input[type='text'], 
    1777 #buddypress li.groups-members-search form input[type='text'] { 
     1958    width: 70%; 
     1959} 
     1960 
     1961#buddypress div.dir-search form input[type="text"], 
     1962#buddypress div.message-search form input[type="text"], 
     1963#buddypress li.groups-members-search form input[type="text"] { 
    17781964    float: right; 
    17791965    margin: 0; 
    1780     width: 70%; 
    1781 } 
    1782  
    1783 #buddypress div.dir-search form input[type='text'], 
    1784 #buddypress div.dir-search form input[type='submit'], 
    1785 #buddypress div.message-search form input[type='text'], 
    1786 #buddypress div.message-search form input[type='submit'], 
    1787 #buddypress li.groups-members-search form input[type='text'], 
    1788 #buddypress li.groups-members-search form input[type='submit'] { 
     1966    width: 100%; 
     1967} 
     1968 
     1969#buddypress div.dir-search form input[type="text"], 
     1970#buddypress div.dir-search form input[type="submit"], 
     1971#buddypress div.message-search form input[type="text"], 
     1972#buddypress div.message-search form input[type="submit"], 
     1973#buddypress li.groups-members-search form input[type="text"], 
     1974#buddypress li.groups-members-search form input[type="submit"] { 
     1975    border: 0; 
    17891976    font-size: 14px; 
    17901977    font-size: 0.875rem; 
    1791     border: 0; 
    17921978    line-height: inherit; 
    17931979} 
    17941980 
    1795 #buddypress div.dir-search form input[type='text'], 
    1796 #buddypress div.message-search form input[type='text'], 
    1797 #buddypress li.groups-members-search form input[type='text'] { 
    1798     border-left: 1px solid rgba(212, 208, 186, 0.6); 
     1981#buddypress div.dir-search form input[type="text"], 
     1982#buddypress div.message-search form input[type="text"], 
     1983#buddypress li.groups-members-search form input[type="text"] { 
     1984    border-left: 1px solid rgba(190, 190, 190, 0.6); 
     1985    font-weight: 400; 
    17991986    padding: 0.2em 0.2em 0.2em 0; 
    18001987} 
    18011988 
    1802 #buddypress div.dir-search form input[type='submit'], 
    1803 #buddypress div.message-search form input[type='submit'], 
    1804 #buddypress li.groups-members-search form input[type='submit'] { 
     1989#buddypress div.dir-search form input[type="submit"], 
     1990#buddypress div.message-search form input[type="submit"], 
     1991#buddypress li.groups-members-search form input[type="submit"] { 
     1992    -webkit-border-radius: none; 
     1993    -moz-border-radius: none; 
     1994    -ms-border-radius: none; 
     1995    border-radius: none; 
    18051996    float: left; 
    18061997    font-weight: normal; 
     
    18112002} 
    18122003 
     2004#buddypress div.dir-search { 
     2005    margin-top: 0; 
     2006} 
     2007 
     2008#buddypress .dir-search #search-members-form input[type='text'], 
     2009#buddypress #search-groups-form input[type='text'], 
     2010#buddypress #search-message-form input[type='text'] { 
     2011    float: right; 
     2012    margin: 0; 
     2013    width: 70%; 
     2014} 
     2015 
    18132016@media screen and (min-width: 30em) { 
    18142017    #buddypress div.dir-search, 
     
    18182021        margin-bottom: 5px !important; 
    18192022    } 
    1820     #buddypress div.dir-search form label, 
    1821     #buddypress div.dir-search form input[type='text'], 
    1822     #buddypress div.dir-search form input[type='submit'], 
    1823     #buddypress div.message-search form label, 
    1824     #buddypress div.message-search form input[type='text'], 
    1825     #buddypress div.message-search form input[type='submit'], 
    1826     #buddypress li.groups-members-search form label, 
    1827     #buddypress li.groups-members-search form input[type='text'], 
    1828     #buddypress li.groups-members-search form input[type='submit'] { 
    1829         width: auto; 
    1830     } 
    18312023} 
    18322024 
    18332025@media screen and (min-width: 67em) { 
    18342026    #buddypress .dir-search form input[type='text'], 
    1835     #buddypress .message-search form input[type='text'] { 
     2027    #buddypress .message-search form input[type='text'], 
     2028    #buddypress li.groups-members-search form input[type='text'] { 
    18362029        font-size: 16px; 
    18372030        font-size: 1rem; 
    18382031    } 
    18392032    #buddypress .dir-search form input[type='submit'], 
    1840     #buddypress .message-search form input[type='submit'] { 
     2033    #buddypress .message-search form input[type='submit'], 
     2034    #buddypress li.groups-members-search form input[type='submit'] { 
    18412035        font-size: 16px; 
    18422036        font-size: 1rem; 
    18432037    } 
     2038} 
     2039 
     2040body.colors-dark #page #buddypress .dir-search form, 
     2041body.colors-dark #page #buddypress .groups-members-search form, 
     2042body.colors-dark #page #buddypress .message-search form { 
     2043    background: #333; 
     2044    border-color: #555; 
     2045    -webkit-border-radius: 2px; 
     2046    -moz-border-radius: 2px; 
     2047    -ms-border-radius: 2px; 
     2048    border-radius: 2px; 
     2049    background-clip: padding-box; 
     2050    padding: 1px; 
     2051} 
     2052 
     2053body.colors-dark #page #buddypress .dir-search input[type="text"], 
     2054body.colors-dark #page #buddypress .groups-members-search input[type="text"], 
     2055body.colors-dark #page #buddypress .message-search input[type="text"] { 
     2056    background: none; 
     2057} 
     2058 
     2059body.colors-dark #page #buddypress .dir-search input[type="submit"], 
     2060body.colors-dark #page #buddypress .groups-members-search input[type="submit"], 
     2061body.colors-dark #page #buddypress .message-search input[type="submit"] { 
     2062    -webkit-border-radius: 2px; 
     2063    -moz-border-radius: 2px; 
     2064    -ms-border-radius: 2px; 
     2065    border-radius: 2px; 
     2066    background-clip: padding-box; 
     2067} 
     2068 
     2069body.colors-dark #page .message-search { 
     2070    margin-top: 0; 
    18442071} 
    18452072 
     
    18562083 
    18572084#buddypress table tr th { 
    1858     background: #6f6f6f; 
    1859     border-color: #b7b7b7; 
    1860     color: #fff; 
     2085    background: #f7f7f7; 
     2086    border-color: #eaeaea; 
     2087    color: #333; 
    18612088} 
    18622089 
     
    19152142} 
    19162143 
     2144#buddypress .notifications .actions { 
     2145    text-align: center; 
     2146} 
     2147 
    19172148/** 
    19182149*------------------------------------------------------------------------------- 
     
    19272158 
    19282159#buddypress div#message.info p { 
    1929     background: #c6e4ee; 
    1930     border: 1px solid #78bed6; 
    1931     color: #1e5264; 
     2160    background: #b0e5ff; 
     2161    border: 1px solid #4ac3ff; 
     2162    color: #00547d; 
    19322163} 
    19332164 
     
    19382169} 
    19392170 
     2171#buddypress .bp-avatar-status .warning, 
     2172#buddypress .bp-cover-image-status .warning { 
     2173    background: #7dd4ff; 
     2174    border: 1px solid #000; 
     2175    color: #333; 
     2176    font-size: 16px; 
     2177    font-size: 1rem; 
     2178} 
     2179 
    19402180.delete-group #buddypress div#message.info p { 
    19412181    background: #db7e7e; 
     
    19502190*/ 
    19512191#buddypress .acfb-holder li.friend-tab { 
    1952     background: #9fd1e2; 
     2192    background: #7dd4ff; 
    19532193    border: inherit; 
    19542194} 
  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.css

    r11275 r11379  
    6363} 
    6464 
     65.buddypress ul.item-list h1, 
     66.buddypress ul.item-list h2, 
     67.buddypress ul.item-list h3, 
     68.buddypress ul.item-list h4, 
     69.buddypress ul.item-list h5, 
     70.buddypress ul.item-list h6 { 
     71    clear: none; 
     72    padding: 0; 
     73} 
     74 
    6575.buddypress #page a { 
    6676    box-shadow: none; 
     
    93103} 
    94104 
    95 .buddypress article.page .entry-header .entry-title { 
    96     font-size: 22px; 
    97     font-size: 1.375rem; 
    98 } 
    99  
    100 @media screen and (min-width: 55em) { 
    101     .buddypress article.page .entry-header .entry-title { 
    102         font-size: 28px; 
    103         font-size: 1.75rem; 
    104     } 
    105 } 
    106  
    107 @media screen and (min-width: 55em) { 
     105@media screen and (min-width: 48em) { 
    108106    body.buddypress.page.page-two-column #primary .entry-header { 
    109         width: 20%; 
     107        width: 30%; 
    110108    } 
    111109    body.buddypress.page.page-two-column #primary .entry-content { 
    112         width: 80%; 
     110        width: 68%; 
    113111    } 
    114112    body.buddypress:not(.has-sidebar) #primary.content-area, 
     
    133131} 
    134132 
     133body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected, 
     134body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current { 
     135    border-bottom-color: #222; 
     136} 
     137 
     138body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a, 
     139body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a { 
     140    color: inherit; 
     141} 
     142 
     143body.colors-dark #buddypress div.item-list-tabs ul li.selected a, 
     144body.colors-dark #buddypress div.item-list-tabs ul li.current a { 
     145    background: none; 
     146    color: inherit; 
     147} 
     148 
     149body.colors-dark #buddypress #object-nav li:not(.current):focus a, 
     150body.colors-dark #buddypress #object-nav li:not(.current):hover a { 
     151    color: #555; 
     152} 
     153 
     154body.colors-dark #buddypress #subnav.item-list-tabs ul { 
     155    border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
     156    margin-bottom: 20px; 
     157} 
     158 
     159body.colors-dark #buddypress #subnav.item-list-tabs ul li.last { 
     160    border-top: 1px solid rgba(234, 234, 234, 0.9); 
     161} 
     162 
     163body.colors-dark #buddypress .item-list div.meta { 
     164    color: #ddd; 
     165} 
     166 
     167body.colors-dark #buddypress .item-list div.item-desc, 
     168body.colors-dark #buddypress .item-list .activity-header p, 
     169body.colors-dark #buddypress .item-list .activity-comments ul, 
     170body.colors-dark #buddypress .item-list .acomment-meta { 
     171    color: #eee; 
     172} 
     173 
     174body.colors-dark #buddypress .item-list .activity-meta a, 
     175body.colors-dark #buddypress .item-list .action a { 
     176    background: #fafafa; 
     177} 
     178 
     179body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover, 
     180body.colors-dark #buddypress .item-list .action a:focus, 
     181body.colors-dark #buddypress .item-list .action a:hover { 
     182    background: #fff; 
     183} 
     184 
     185body.colors-dark #buddypress #latest-update { 
     186    color: #eee; 
     187} 
     188 
     189body.colors-dark #buddypress div.pagination * { 
     190    color: #ddd; 
     191} 
     192 
     193body.colors-dark #buddypress #item-header .user-nicename { 
     194    color: #eee; 
     195} 
     196 
     197body.colors-dark #buddypress #item-body table thead tr, 
     198body.colors-dark #buddypress #item-body table thead th { 
     199    background: none; 
     200    color: #eee; 
     201} 
     202 
     203body.colors-dark #buddypress #item-body table tr.alt td { 
     204    background: none; 
     205    color: #eee; 
     206} 
     207 
     208body.colors-dark #buddypress #item-body table .field-visibility-settings, 
     209body.colors-dark #buddypress #item-body table .field-visibility-settings-notoggle { 
     210    color: #eee; 
     211} 
     212 
     213body.colors-dark #buddypress #item-body fieldset { 
     214    background: none; 
     215} 
     216 
     217body.colors-dark #buddypress #item-body .checkbox label, 
     218body.colors-dark #buddypress #item-body .radio label { 
     219    color: #eee; 
     220} 
     221 
     222body.colors-dark #buddypress #item-body div#invite-list { 
     223    background: none; 
     224} 
     225 
     226body.colors-dark.group-members #buddypress #subnav li { 
     227    background: none; 
     228} 
     229 
     230body.colors-dark.group-members #buddypress #subnav .groups-members-search form { 
     231    margin-bottom: 20px; 
     232    margin-top: 0; 
     233} 
     234 
     235.directory.colors-dark #buddypress #subnav.item-list-tabs ul { 
     236    border-bottom: 0; 
     237    border-top: 0; 
     238} 
     239 
     240.directory.colors-dark #buddypress #subnav.item-list-tabs ul li.last.filter { 
     241    border-top: 0; 
     242} 
     243 
     244.directory.colors-dark #buddypress div.activity ul.item-list { 
     245    border-top: 0; 
     246} 
     247 
     248body.colors-light #buddypress div.item-list-tabs ul { 
     249    background-color: #fafafa; 
     250} 
     251 
     252body.colors-light #buddypress div#subnav.item-list-tabs ul { 
     253    background-color: #f7f7f7; 
     254} 
     255 
     256body.colors-light #buddypress div#subnav.item-list-tabs ul li.last { 
     257    background: #fff; 
     258} 
     259 
     260body.colors-light #buddypress .item-list .activity-header p { 
     261    background-color: #f7f7f7; 
     262    color: #878787; 
     263} 
     264 
     265body.colors-light #buddypress .item-list .activity-comments .acomment-meta { 
     266    color: #737373; 
     267} 
     268 
     269body.colors-light #buddypress #item-body .profile h2 { 
     270    background: #878787; 
     271    color: #fff; 
     272} 
     273 
     274body.colors-light #buddypress table tr.alt td { 
     275    background: #f5f5f5; 
     276    color: #333; 
     277} 
     278 
     279body.colors-light #buddypress div#invite-list { 
     280    background: #fafafa; 
     281} 
     282 
    135283/** 
    136284*------------------------------------------------------------------------------- 
     
    151299 
    152300#buddypress div.item-list-tabs ul { 
    153     background-color: #faf9f1; 
    154301    border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
    155     border-top: 1px solid rgba(234, 234, 234, 0.9); 
    156302    overflow: hidden; 
    157303    padding: 0; 
    158304} 
    159305 
    160 #buddypress div.item-list-tabs ul li a { 
    161     color: #0073c1; 
    162 } 
    163  
    164306#buddypress div.item-list-tabs ul li a span { 
    165307    border-radius: 25%; 
    166 } 
    167  
    168 @media screen and (max-width: 38.75em) { 
    169     .bp-user #buddypress #object-nav { 
    170         background: #faf9f1; 
    171         border: 1px solid #eaeaea; 
    172         overflow: visible; 
    173         padding: 10px; 
    174     } 
    175     .bp-user #buddypress #object-nav ul { 
    176         border: 0; 
    177         height: 0; 
    178         transition: height 0.3s ease-in-out 0.7s; 
    179         visibility: hidden; 
    180     } 
    181     .bp-user #buddypress #object-nav:before { 
    182         content: "Menu \021E9"; 
    183         display: inline; 
    184         opacity: 0.7; 
    185     } 
    186     .bp-user #buddypress #object-nav:hover:before, .bp-user #buddypress #object-nav:focus:before { 
    187         content: "Menu \021E7"; 
    188     } 
    189     .bp-user #buddypress #object-nav:hover ul, .bp-user #buddypress #object-nav:focus ul { 
    190         height: 320px; 
    191         opacity: 1; 
    192         overflow-y: auto; 
    193         visibility: visible; 
    194     } 
    195     .bp-user #buddypress #subnav { 
    196         clear: both; 
    197     } 
    198308} 
    199309 
     
    230340 
    231341#buddypress div#subnav.item-list-tabs ul { 
    232     background-color: #f7f7f7; 
    233342    border-bottom: 0; 
    234343    margin-top: 5px; 
     
    237346 
    238347#buddypress div#subnav.item-list-tabs ul li.last { 
    239     background: #fff; 
    240348    margin-top: 0; 
    241349    padding: 5px 5px 5px 0; 
     
    274382/*__ Vertical menu User Account / Group single screens __*/ 
    275383@media screen and (min-width: 55em) { 
    276     body.no-sidebar #buddypress #item-header, 
    277     body.no-sidebar #buddypress #item-body { 
    278         background: #fff; 
    279     } 
    280     body.no-sidebar #buddypress #object-nav { 
     384    body:not(.page-two-column) #buddypress #object-nav { 
    281385        border-right: 1px solid #ddd; 
    282386        float: left; 
     
    284388        width: 200px; 
    285389    } 
    286     body.no-sidebar #buddypress #object-nav ul { 
     390    body:not(.page-two-column) #buddypress #object-nav ul { 
    287391        background: none; 
    288392        border-bottom: 0; 
    289393        padding: 0; 
    290394    } 
    291     body.no-sidebar #buddypress #object-nav ul li { 
     395    body:not(.page-two-column) #buddypress #object-nav ul li { 
    292396        float: none; 
    293397        overflow: hidden; 
    294398    } 
    295     body.no-sidebar #buddypress #object-nav ul li span { 
     399    body:not(.page-two-column) #buddypress #object-nav ul li span { 
    296400        background: #fff; 
    297401        border-radius: 10%; 
     
    299403        margin-right: 2px; 
    300404    } 
    301     body.no-sidebar #buddypress #item-body { 
     405    body:not(.page-two-column) #buddypress #item-body { 
    302406        border-left: 1px solid #ddd; 
    303407        overflow: hidden; 
     
    305409        width: auto; 
    306410    } 
    307     body.no-sidebar #buddypress #item-body #subnav { 
     411    body:not(.page-two-column) #buddypress #item-body #subnav { 
    308412        margin: 0 0 0 -20px; 
    309413    } 
    310     body.no-sidebar #buddypress #item-body #subnav ul { 
     414    body:not(.page-two-column) #buddypress #item-body #subnav ul { 
    311415        margin-top: 0; 
    312416    } 
     
    314418 
    315419@media screen and (min-width: 48em) { 
    316     #main #buddypress #group-create-tabs.item-list-tabs ul:before, 
    317     #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     420    #buddypress #group-create-tabs.item-list-tabs ul:before, 
     421    #buddypress #group-create-tabs.item-list-tabs ul:after { 
    318422        content: " "; 
    319423        display: table; 
    320424    } 
    321     #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     425    #buddypress #group-create-tabs.item-list-tabs ul:after { 
    322426        clear: both; 
    323427    } 
    324     #main #buddypress #group-create-tabs.item-list-tabs ul { 
     428    #buddypress #group-create-tabs.item-list-tabs ul { 
    325429        background: none; 
    326430        border: 0; 
     
    329433        padding-bottom: 0; 
    330434    } 
    331     #main #buddypress #group-create-tabs.item-list-tabs ul li { 
     435    #buddypress #group-create-tabs.item-list-tabs ul li { 
    332436        float: left; 
    333437        width: auto; 
    334438    } 
    335     #main #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
    336     #main #buddypress #group-create-tabs.item-list-tabs ul li.current { 
     439    #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
     440    #buddypress #group-create-tabs.item-list-tabs ul li.current { 
    337441        border: 1px solid #ddd; 
    338442        border-bottom-color: #fff; 
     
    344448        margin-bottom: -1px; 
    345449    } 
    346     #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
    347     #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
     450    #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
     451    #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348452        background: none; 
    349         color: #141412; 
     453        color: #333; 
    350454        outline: none; 
    351455    } 
    352     #main #buddypress #subnav ul { 
     456    #buddypress #subnav ul { 
    353457        border-bottom: 0; 
    354458    } 
     
    496600#buddypress ul.item-list li .item .item-title .update { 
    497601    display: block; 
    498     font-size: 12px; 
    499     font-size: 0.75rem; 
     602    font-size: 13px; 
     603    font-size: 0.8125rem; 
    500604    padding: 10px 0; 
    501605    text-align: left; 
     
    558662} 
    559663 
    560 @media screen and (min-width: 48em) { 
     664@media screen and (min-width: 30em) { 
    561665    #buddypress ul.item-list li div.action div { 
    562666        margin: 0 10px 10px 0; 
     
    600704 
    601705#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 
    602     border: 1px solid rgba(212, 208, 186, 0.5); 
     706    border: 1px solid rgba(190, 190, 190, 0.5); 
    603707    float: left; 
    604708    line-height: 1.5em; 
     
    705809 
    706810#buddypress #activity-stream .activity-content .activity-header { 
    707     line-height: inherit; 
    708811    margin-right: 0; 
    709812} 
    710813 
    711814#buddypress #activity-stream .activity-content .activity-header p { 
    712     background-color: #f7f7f7; 
    713815    border: 1px solid rgba(234, 234, 234, 0.6); 
    714     color: #727272; 
    715816    margin-top: 0; 
    716817    padding: 0 0.2em; 
     
    718819 
    719820#buddypress #activity-stream .activity-content .activity-header img.avatar { 
     821    box-shadow: none; 
    720822    display: inline-block; 
    721     margin-bottom: 0 !important; 
     823    margin: 0 5px !important; 
     824    vertical-align: middle; 
    722825} 
    723826 
     
    727830} 
    728831 
    729 @media screen and (min-width: 38.75em) { 
     832@media screen and (min-width: 30em) { 
    730833    #buddypress #activity-stream .activity-content .activity-meta a { 
    731834        display: inline-block; 
    732835        margin-bottom: 0; 
     836        width: auto; 
    733837    } 
    734838} 
     
    782886#buddypress #activity-stream .activity-comments { 
    783887    border-left: 1px solid #eaeaea; 
    784     margin-top: 5px; 
     888    margin: 20px 0 20px; 
     889} 
     890 
     891@media screen and (min-width: 30em) { 
     892    #buddypress #activity-stream .activity-comments { 
     893        margin-left: 20px; 
     894    } 
    785895} 
    786896 
    787897#buddypress #activity-stream .activity-comments ul { 
    788     background: rgba(247, 247, 247, 0.6); 
    789     color: #737373; 
    790898    margin: 15px 0 0 2px; 
     899} 
     900 
     901#buddypress #activity-stream .activity-comments ul li { 
     902    border-top: 1px solid #bebebe; 
    791903} 
    792904 
     
    796908 
    797909#buddypress #activity-stream .activity-comments .acomment-meta { 
    798     color: #737373; 
     910    border-bottom: 1px solid #eaeaea; 
    799911} 
    800912 
    801913#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802914#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803     color: rgba(20, 20, 18, 0.8); 
     915    color: rgba(51, 51, 51, 0.8); 
    804916    display: inline-block; 
    805917    font-family: inherit; 
     
    814926 
    815927#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816     border: 1px solid rgba(212, 208, 186, 0.7); 
     928    border: 1px solid rgba(190, 190, 190, 0.7); 
    817929    text-align: center; 
    818930} 
     
    834946    #buddypress #members-list li .action { 
    835947        float: right; 
     948    } 
     949    #buddypress #members-list li.is-current-user .item { 
     950        float: none; 
     951        left: 0; 
     952        padding-left: 5%; 
     953        width: auto; 
    836954    } 
    837955} 
     
    881999*----------------------------------------------------------- 
    8821000*/ 
     1001@media screen and (min-width: 48em) { 
     1002    .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     1003        margin-left: 140px; 
     1004        margin-top: -100px; 
     1005    } 
     1006    .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     1007        margin-left: 10px; 
     1008    } 
     1009} 
     1010 
     1011.bp-user #buddypress #item-header-cover-image .user-nicename, 
     1012.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     1013    color: #333; 
     1014    text-shadow: none; 
     1015} 
     1016 
     1017@media screen and (min-width: 48em) { 
     1018    .bp-user #buddypress #item-header-cover-image .user-nicename, 
     1019    .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     1020        color: #fff; 
     1021        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1022    } 
     1023} 
     1024 
    8831025.bp-user #buddypress #item-header-content #item-meta, 
    8841026.single-item.groups #buddypress #item-header-content #item-meta { 
     
    9531095        order: 1; 
    9541096        text-align: center; 
    955     } 
    956     .single-item.groups #buddypress div#item-header #item-header-avatar a { 
    957         border-bottom: 0; 
    9581097    } 
    9591098    .single-item.groups #buddypress div#item-header #item-header-avatar a img { 
     
    10521191.bp-user #buddypress #item-header #item-header-avatar img.avatar, 
    10531192.bp-user #buddypress #item-header #item-header-avatar a { 
    1054     border-bottom: 0; 
    10551193    display: inline-block; 
    10561194    float: none; 
     
    10841222*---------------------------------------------------- 
    10851223*/ 
     1224.groups.single-item.members #buddypress #subnav.item-list-tabs ul { 
     1225    background: none; 
     1226    border-top: 0; 
     1227} 
     1228 
    10861229/** 
    10871230*----------------------------------------- 
     
    11211264 
    11221265.groups.group-settings #group-settings-form div.radio label ul { 
    1123     color: rgba(20, 20, 18, 0.6); 
     1266    color: rgba(51, 51, 51, 0.6); 
    11241267    font-size: 14px; 
    11251268    font-size: 0.875rem; 
     
    11851328.groups.group-members #subnav li #search-members-form { 
    11861329    float: right; 
    1187     margin: 5px 5px 0 0; 
     1330    margin: 5px 0 0; 
    11881331} 
    11891332 
     
    12541397} 
    12551398 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257     border: 1px solid rgba(212, 208, 186, 0.5); 
     1399.bp-user #buddypress .notifications-options-nav, 
     1400.bp-user #buddypress .messages-options-nav { 
    12581401    float: left; 
    12591402    width: 100%; 
     
    12611404 
    12621405@media screen and (min-width: 38.75em) { 
    1263     .bp-user #buddypress .notifications-options-nav { 
     1406    .bp-user #buddypress .notifications-options-nav, 
     1407    .bp-user #buddypress .messages-options-nav { 
    12641408        width: 300px; 
    12651409    } 
    12661410} 
    12671411 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1412.bp-user #buddypress .notifications-options-nav select, 
     1413.bp-user #buddypress .messages-options-nav select { 
    12691414    height: auto; 
    12701415} 
    12711416 
    12721417.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274     border: 0; 
     1418.bp-user #buddypress .notifications-options-nav input, 
     1419.bp-user #buddypress .messages-options-nav select, 
     1420.bp-user #buddypress .messages-options-nav input { 
    12751421    font-size: 14px; 
    12761422    font-size: 0.875rem; 
     
    12791425} 
    12801426 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1427.bp-user #buddypress .notifications-options-nav select, 
     1428.bp-user #buddypress .messages-options-nav select { 
    12821429    float: left; 
    1283     margin-right: 0; 
    1284     width: 60%; 
    1285 } 
    1286  
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1430    margin-right: 1%; 
     1431    width: 59%; 
     1432} 
     1433 
     1434.bp-user #buddypress .notifications-options-nav input, 
     1435.bp-user #buddypress .messages-options-nav input { 
    12881436    float: right; 
    12891437    font-family: inherit; 
    12901438    line-height: 20px; 
    12911439    width: 40%; 
     1440} 
     1441 
     1442.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1443.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1444.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1445.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1446    background: none; 
    12921447} 
    12931448 
     
    13011456} 
    13021457 
    1303 .bp-user #buddypress .profile .bp-widget h2 { 
    1304     background: #7b7b7b; 
    1305     color: #fff; 
     1458.bp-user #buddypress .profile h2 { 
    13061459    margin: 40px 0 10px; 
    13071460    padding: 0.1em 0 0.1em 0.4em; 
    13081461} 
    13091462 
    1310 .bp-user #buddypress .profile .bp-widget table { 
     1463.bp-user #buddypress .profile table { 
    13111464    margin-top: 0; 
     1465} 
     1466 
     1467.bp-user #buddypress .profile .profile-fields tr.alt td { 
     1468    color: #333; 
     1469} 
     1470 
     1471.bp-user #buddypress .profile .profile-fields tr:last-child { 
     1472    border-bottom: 0; 
    13121473} 
    13131474 
     
    13461507 
    13471508.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 
     1509.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 
    13481510.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 
    13491511    font-size: 14px; 
    13501512    font-size: 0.875rem; 
     1513    margin-top: 10px; 
    13511514} 
    13521515 
     
    13541517.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 
    13551518    background: #555; 
     1519    -webkit-border-radius: 3px; 
     1520    -moz-border-radius: 3px; 
     1521    -ms-border-radius: 3px; 
     1522    border-radius: 3px; 
     1523    background-clip: padding-box; 
    13561524    color: #fff; 
    13571525    padding: 0.2em 0.5em; 
     
    14351603 
    14361604.bp-user #buddypress #message-threads thead tr { 
    1437     background: #6f6f6f; 
     1605    background: none; 
     1606    border-bottom: 1px solid #bebebe; 
     1607} 
     1608 
     1609.bp-user #buddypress #message-threads thead tr th { 
     1610    background: #555; 
     1611} 
     1612 
     1613.bp-user #buddypress #message-threads tr { 
     1614    border-bottom: 5px solid #878787; 
    14381615} 
    14391616 
    14401617.bp-user #buddypress #message-threads tr td { 
    1441     background: #fff; 
    14421618    display: inline-block; 
    14431619    float: left; 
     
    14461622.bp-user #buddypress #message-threads tr td.thread-star, 
    14471623.bp-user #buddypress #message-threads tr td.thread-options { 
    1448     border-bottom-color: #ccc; 
    1449     border-bottom-width: 2px; 
     1624    border-bottom-color: #bebebe; 
     1625    border-bottom-width: 1px; 
    14501626    height: 2.4em; 
    14511627    padding-bottom: 0.2em; 
     
    14581634        padding-top: 0; 
    14591635    } 
     1636} 
     1637 
     1638.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1639.bp-user #buddypress #message-threads tr td.thread-star, 
     1640.bp-user #buddypress #message-threads tr td.thread-from, 
     1641.bp-user #buddypress #message-threads tr td.thread-info, 
     1642.bp-user #buddypress #message-threads tr td.thread-options { 
     1643    border-top: 0; 
    14601644} 
    14611645 
     
    15301714 
    15311715.bp-user #buddypress #message-threads tr.unread td { 
    1532     background: #eee; 
    1533     border-color: #d4d0ba; 
     1716    background: none; 
     1717    border-color: #bebebe; 
    15341718} 
    15351719 
     
    15511735} 
    15521736 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554     height: auto; 
    1555 } 
    1556  
    15571737.bp-user #buddypress .acfb-holder { 
    15581738    list-style: none; 
     
    15641744 
    15651745.bp-user #buddypress .acfb-holder li.friend-tab { 
    1566     background: #edf7fa; 
     1746    background: #e3f6ff; 
    15671747    border: inherit; 
    15681748    margin-right: 0; 
     
    17181898#buddypress div.activity-comments form .ac-textarea { 
    17191899    background: #f7f7f7; 
    1720     border: 1px solid rgba(212, 208, 186, 0.5); 
     1900    border: 1px solid rgba(190, 190, 190, 0.5); 
    17211901} 
    17221902 
     
    17361916#buddypress .standard-form select, 
    17371917#buddypress .standard-form textarea { 
    1738     border-color: rgba(212, 208, 186, 0.5); 
     1918    border-color: rgba(190, 190, 190, 0.5); 
    17391919    border-width: 1px; 
    17401920} 
     
    17621942#buddypress div.message-search form, 
    17631943#buddypress li.groups-members-search form { 
    1764     border: 1px solid rgba(212, 208, 186, 0.6); 
     1944    border: 1px solid rgba(190, 190, 190, 0.6); 
     1945    -webkit-border-radius: 2px; 
     1946    -moz-border-radius: 2px; 
     1947    -ms-border-radius: 2px; 
     1948    border-radius: 2px; 
     1949    background-clip: padding-box; 
    17651950    overflow: hidden; 
    17661951} 
     
    17711956    float: left; 
    17721957    margin: 0; 
    1773 } 
    1774  
    1775 #buddypress div.dir-search form input[type='text'], 
    1776 #buddypress div.message-search form input[type='text'], 
    1777 #buddypress li.groups-members-search form input[type='text'] { 
     1958    width: 70%; 
     1959} 
     1960 
     1961#buddypress div.dir-search form input[type="text"], 
     1962#buddypress div.message-search form input[type="text"], 
     1963#buddypress li.groups-members-search form input[type="text"] { 
    17781964    float: left; 
    17791965    margin: 0; 
    1780     width: 70%; 
    1781 } 
    1782  
    1783 #buddypress div.dir-search form input[type='text'], 
    1784 #buddypress div.dir-search form input[type='submit'], 
    1785 #buddypress div.message-search form input[type='text'], 
    1786 #buddypress div.message-search form input[type='submit'], 
    1787 #buddypress li.groups-members-search form input[type='text'], 
    1788 #buddypress li.groups-members-search form input[type='submit'] { 
     1966    width: 100%; 
     1967} 
     1968 
     1969#buddypress div.dir-search form input[type="text"], 
     1970#buddypress div.dir-search form input[type="submit"], 
     1971#buddypress div.message-search form input[type="text"], 
     1972#buddypress div.message-search form input[type="submit"], 
     1973#buddypress li.groups-members-search form input[type="text"], 
     1974#buddypress li.groups-members-search form input[type="submit"] { 
     1975    border: 0; 
    17891976    font-size: 14px; 
    17901977    font-size: 0.875rem; 
    1791     border: 0; 
    17921978    line-height: inherit; 
    17931979} 
    17941980 
    1795 #buddypress div.dir-search form input[type='text'], 
    1796 #buddypress div.message-search form input[type='text'], 
    1797 #buddypress li.groups-members-search form input[type='text'] { 
    1798     border-right: 1px solid rgba(212, 208, 186, 0.6); 
     1981#buddypress div.dir-search form input[type="text"], 
     1982#buddypress div.message-search form input[type="text"], 
     1983#buddypress li.groups-members-search form input[type="text"] { 
     1984    border-right: 1px solid rgba(190, 190, 190, 0.6); 
     1985    font-weight: 400; 
    17991986    padding: 0.2em 0 0.2em 0.2em; 
    18001987} 
    18011988 
    1802 #buddypress div.dir-search form input[type='submit'], 
    1803 #buddypress div.message-search form input[type='submit'], 
    1804 #buddypress li.groups-members-search form input[type='submit'] { 
     1989#buddypress div.dir-search form input[type="submit"], 
     1990#buddypress div.message-search form input[type="submit"], 
     1991#buddypress li.groups-members-search form input[type="submit"] { 
     1992    -webkit-border-radius: none; 
     1993    -moz-border-radius: none; 
     1994    -ms-border-radius: none; 
     1995    border-radius: none; 
    18051996    float: right; 
    18061997    font-weight: normal; 
     
    18112002} 
    18122003 
     2004#buddypress div.dir-search { 
     2005    margin-top: 0; 
     2006} 
     2007 
     2008#buddypress .dir-search #search-members-form input[type='text'], 
     2009#buddypress #search-groups-form input[type='text'], 
     2010#buddypress #search-message-form input[type='text'] { 
     2011    float: left; 
     2012    margin: 0; 
     2013    width: 70%; 
     2014} 
     2015 
    18132016@media screen and (min-width: 30em) { 
    18142017    #buddypress div.dir-search, 
     
    18182021        margin-bottom: 5px !important; 
    18192022    } 
    1820     #buddypress div.dir-search form label, 
    1821     #buddypress div.dir-search form input[type='text'], 
    1822     #buddypress div.dir-search form input[type='submit'], 
    1823     #buddypress div.message-search form label, 
    1824     #buddypress div.message-search form input[type='text'], 
    1825     #buddypress div.message-search form input[type='submit'], 
    1826     #buddypress li.groups-members-search form label, 
    1827     #buddypress li.groups-members-search form input[type='text'], 
    1828     #buddypress li.groups-members-search form input[type='submit'] { 
    1829         width: auto; 
    1830     } 
    18312023} 
    18322024 
    18332025@media screen and (min-width: 67em) { 
    18342026    #buddypress .dir-search form input[type='text'], 
    1835     #buddypress .message-search form input[type='text'] { 
     2027    #buddypress .message-search form input[type='text'], 
     2028    #buddypress li.groups-members-search form input[type='text'] { 
    18362029        font-size: 16px; 
    18372030        font-size: 1rem; 
    18382031    } 
    18392032    #buddypress .dir-search form input[type='submit'], 
    1840     #buddypress .message-search form input[type='submit'] { 
     2033    #buddypress .message-search form input[type='submit'], 
     2034    #buddypress li.groups-members-search form input[type='submit'] { 
    18412035        font-size: 16px; 
    18422036        font-size: 1rem; 
    18432037    } 
     2038} 
     2039 
     2040body.colors-dark #page #buddypress .dir-search form, 
     2041body.colors-dark #page #buddypress .groups-members-search form, 
     2042body.colors-dark #page #buddypress .message-search form { 
     2043    background: #333; 
     2044    border-color: #555; 
     2045    -webkit-border-radius: 2px; 
     2046    -moz-border-radius: 2px; 
     2047    -ms-border-radius: 2px; 
     2048    border-radius: 2px; 
     2049    background-clip: padding-box; 
     2050    padding: 1px; 
     2051} 
     2052 
     2053body.colors-dark #page #buddypress .dir-search input[type="text"], 
     2054body.colors-dark #page #buddypress .groups-members-search input[type="text"], 
     2055body.colors-dark #page #buddypress .message-search input[type="text"] { 
     2056    background: none; 
     2057} 
     2058 
     2059body.colors-dark #page #buddypress .dir-search input[type="submit"], 
     2060body.colors-dark #page #buddypress .groups-members-search input[type="submit"], 
     2061body.colors-dark #page #buddypress .message-search input[type="submit"] { 
     2062    -webkit-border-radius: 2px; 
     2063    -moz-border-radius: 2px; 
     2064    -ms-border-radius: 2px; 
     2065    border-radius: 2px; 
     2066    background-clip: padding-box; 
     2067} 
     2068 
     2069body.colors-dark #page .message-search { 
     2070    margin-top: 0; 
    18442071} 
    18452072 
     
    18562083 
    18572084#buddypress table tr th { 
    1858     background: #6f6f6f; 
    1859     border-color: #b7b7b7; 
    1860     color: #fff; 
     2085    background: #f7f7f7; 
     2086    border-color: #eaeaea; 
     2087    color: #333; 
    18612088} 
    18622089 
     
    19152142} 
    19162143 
     2144#buddypress .notifications .actions { 
     2145    text-align: center; 
     2146} 
     2147 
    19172148/** 
    19182149*------------------------------------------------------------------------------- 
     
    19272158 
    19282159#buddypress div#message.info p { 
    1929     background: #c6e4ee; 
    1930     border: 1px solid #78bed6; 
    1931     color: #1e5264; 
     2160    background: #b0e5ff; 
     2161    border: 1px solid #4ac3ff; 
     2162    color: #00547d; 
    19322163} 
    19332164 
     
    19382169} 
    19392170 
     2171#buddypress .bp-avatar-status .warning, 
     2172#buddypress .bp-cover-image-status .warning { 
     2173    background: #7dd4ff; 
     2174    border: 1px solid #000; 
     2175    color: #333; 
     2176    font-size: 16px; 
     2177    font-size: 1rem; 
     2178} 
     2179 
    19402180.delete-group #buddypress div#message.info p { 
    19412181    background: #db7e7e; 
     
    19502190*/ 
    19512191#buddypress .acfb-holder li.friend-tab { 
    1952     background: #9fd1e2; 
     2192    background: #7dd4ff; 
    19532193    border: inherit; 
    19542194} 
  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss

    r11282 r11379  
    155155} 
    156156 
     157@mixin border-radius-none() { 
     158    -webkit-border-radius: none; 
     159    -moz-border-radius: none; 
     160    -ms-border-radius: none; 
     161    border-radius: none; 
     162} 
     163 
    157164// Box sizing 
    158165@mixin box-model($box-model) { 
     
    193200 
    194201// Variables: color definitions 
    195 $body-text:          #141412; 
     202 
     203$dark-grey:     #555; 
     204$medium-grey:   #878787; 
     205$light-grey:    #dcdcdc; 
     206$x-light-grey:  #f7f7f7; 
     207$white:         #fff; 
     208 
     209$body-text:          #333; 
     210$bp-light-text:      $medium-grey; 
     211$bp-xlight-text:     #eee; 
    196212$content-background: #fff; 
    197 $off-white:          lighten(#f9f8ee, 0.7); 
     213$off-white:          #fafafa; 
    198214$cream-background:   #f7f5e7; 
    199 $light-background:   #f7f7f7; 
    200 $medium-background:  #ccc; 
    201 $dark-background:    #555; 
    202 $border-color:       #d4d0ba;    // border color is varied using rgba 
     215$light-background:   $x-light-grey; 
     216$medium-background:  $medium-grey; 
     217$dark-background:    $dark-grey; 
     218$border-color:       #bebebe; 
    203219$border-light:       #eaeaea; // BP dividers 
    204220$border-med:         #ddd; 
     
    207223$notice-error:       #c85a6e; 
    208224$notice-warning:     #d05656; 
    209 $notice-info:        #9fd1e2; 
     225$notice-info:        #7dd4ff; 
    210226$notice-update:      #ced98c; 
    211227$stripe-odd:         #ebf0ff; 
    212228$stripe-even:        #dbe5ff; 
    213 $unread:             #eee; 
     229$unread:             $x-light-grey; 
    214230$link-action:        #c82b2b; 
    215231/*-------------------------------------------------------------- 
     
    278294    div.clear {display: none;} 
    279295 
     296    // deal with global clearing property set on heading elements 
     297    // - for the moment we'll just specify this on  lists ul only 
     298 
     299    ul.item-list { 
     300        h1, 
     301        h2, 
     302        h3, 
     303        h4, 
     304        h5, 
     305        h6 { 
     306            clear: none; 
     307            padding: 0; 
     308        } 
     309    } 
     310 
    280311    // Ensure no text decoration or box shadow causing underlined effect. 
    281312    #page a { 
     
    294325} // close .buddypress 
    295326 
    296     // reduce the overlarge entry title margins 
     327// reduce the overlarge entry title margins 
    297328@include medium-up { 
    298329 
     
    311342    } 
    312343} 
    313 // 2017 has very small page entry title headings 
    314 // enlarge slightly for BP screens. 
    315 .buddypress { 
    316     article.page { 
    317         .entry-header { 
    318             .entry-title { 
    319                 @include font-size(22); 
    320  
    321                 @include medium-up { 
    322                     @include font-size(28); 
    323                 } 
    324             } 
    325         } 
    326     } 
    327 } 
    328344 
    329345// Open up the content width areas for BP screens to allow max widths. 
    330 // This takes into account the ability to add/remove sidebars in 2017. 
     346// This takes into account the ability to columnize pages in 2017. 
    331347// Only effect changes based on breakpoints. 
    332348 
    333 @include medium-up { 
     349@include med-small-up { 
    334350 
    335351    body.buddypress.page.page-two-column { 
     
    338354 
    339355            .entry-header { 
    340                 width: 20%; 
     356                width: 30%; 
    341357            } 
    342358 
    343359            .entry-content { 
    344                 width: 80%; 
     360                width: 68%; 
    345361            } 
    346362        } 
     
    358374                margin-left: 0; 
    359375                margin-right: 0; 
    360 //              width: auto; 
    361376            } 
    362377        } 
     
    370385 
    371386    } // body.buddypress 
     387} 
     388 
     389// 2017 allows for selecting two distinct color schemes. 
     390// Our companion styles respect themes colors & inherit or avoid 
     391// setting backgrounds/colors so selecting the dark scheme generally 
     392// allows the theme to reset the BP text/headings etc to white 
     393// In places we do set backgrounds, Navs, search forms etc these 
     394// are added here under the themes body class to enable changing 
     395 
     396// Some element colors are inherited from BP original sheet so need to 
     397// to be reset under the dark scheme, where set in this sheet we simply state them 
     398// only for the light scheme, additionally elements such as BP form styles 
     399// need styles removing & are handled later in 'Forms' section 
     400body.colors-dark { 
     401 
     402    #buddypress { 
     403 
     404        //tabs border bottom color needs to match dark background 
     405        #group-create-tabs.item-list-tabs { 
     406 
     407            li.selected, 
     408            li.current { 
     409                border-bottom-color: #222; 
     410 
     411                a { 
     412                    color: inherit; 
     413                } 
     414            } 
     415        } 
     416 
     417        div.item-list-tabs { 
     418 
     419            ul { 
     420 
     421                li.selected, 
     422                li.current { 
     423 
     424                    a { 
     425                        background: none; 
     426                        color: inherit; 
     427                    } 
     428                } 
     429            } 
     430        } 
     431 
     432        #object-nav { 
     433 
     434            li:not(.current):focus, 
     435            li:not(.current):hover { 
     436 
     437                a { 
     438                    color: #555; 
     439                } 
     440            } 
     441        } 
     442 
     443        // With the dark scheme the subnav links lose definition as 
     444        // nav menu links, add a border top to clarify the li.last element seperated from links. 
     445        #subnav.item-list-tabs { 
     446 
     447            ul { 
     448                border-bottom: 1px solid rgba($border-light, 0.9); 
     449                margin-bottom: $spacing-val-md; 
     450 
     451                li.last { 
     452                    border-top: 1px solid rgba($border-light, 0.9); 
     453                } 
     454            } 
     455        } 
     456 
     457        // lists text: descr, meta, etc 
     458        .item-list { 
     459 
     460            div.meta { 
     461                color: #ddd; 
     462            } 
     463 
     464            div.item-desc, 
     465            .activity-header p, 
     466            .activity-comments ul, 
     467            .acomment-meta { 
     468                color: $bp-xlight-text; 
     469            } 
     470 
     471            .activity-meta, 
     472            .action { 
     473                a { 
     474                    background: $off-white; 
     475 
     476                    &:focus, 
     477                    &:hover { 
     478                        background: $white; 
     479                    } 
     480                } 
     481            } 
     482        } 
     483 
     484        #latest-update { 
     485            color: $bp-xlight-text; 
     486        } 
     487 
     488        div.pagination * { 
     489            color: #ddd; 
     490        } 
     491 
     492        #item-header { 
     493            .user-nicename { 
     494                color: $bp-xlight-text; 
     495            } 
     496        } 
     497 
     498        #item-body { 
     499 
     500            table { 
     501 
     502                thead { 
     503 
     504                    tr, 
     505                    th { 
     506                        background: none; 
     507                        color: $bp-xlight-text; 
     508                    } 
     509                } 
     510 
     511                tr.alt { 
     512 
     513                    td { 
     514                        background: none; 
     515                        color: $bp-xlight-text; 
     516                    } 
     517                } 
     518 
     519                .field-visibility-settings, 
     520                .field-visibility-settings-notoggle { 
     521                    color: #eee; 
     522                } 
     523 
     524            } 
     525 
     526            fieldset { 
     527                background: none; 
     528            } 
     529 
     530            .checkbox, 
     531            .radio { 
     532 
     533                label { 
     534                    color: #eee; 
     535                } 
     536            } 
     537 
     538            div#invite-list { 
     539                background: none; 
     540            } 
     541        } 
     542 
     543    } // close #buddypress 
     544} 
     545 
     546 
     547body.colors-dark.group-members { 
     548 
     549    #buddypress { 
     550 
     551        #subnav { 
     552 
     553            li {background: none;} 
     554 
     555            .groups-members-search { 
     556 
     557                form { 
     558                    margin-bottom: $spacing-val-md; 
     559                    margin-top: 0; 
     560                } 
     561            } 
     562        } 
     563    } 
     564} 
     565 
     566// remove borders for dir component screens. 
     567.directory.colors-dark { 
     568 
     569    #buddypress { 
     570 
     571        #subnav.item-list-tabs { 
     572 
     573            ul { 
     574                border-bottom: 0; 
     575                border-top: 0; 
     576 
     577                li.last.filter { 
     578                    border-top: 0; 
     579                } 
     580            } 
     581        } 
     582 
     583        div.activity { 
     584 
     585            ul.item-list { 
     586                border-top: 0; 
     587            } 
     588        } 
     589    } 
     590} 
     591 
     592body.colors-light { 
     593 
     594    #buddypress { 
     595 
     596        div.item-list-tabs { 
     597 
     598            ul { 
     599                background-color: $off-white; 
     600            } 
     601        } 
     602 
     603        div#subnav.item-list-tabs { 
     604 
     605            ul { 
     606                background-color: $light-background; 
     607 
     608                li.last { 
     609                    background: $content-background; 
     610                } 
     611            } 
     612        } 
     613 
     614        .item-list { 
     615 
     616            .activity-header { 
     617 
     618                p { 
     619                    background-color: $light-background; 
     620                    color: $bp-light-text; 
     621                } 
     622            } 
     623 
     624            .activity-comments { 
     625 
     626                .acomment-meta { 
     627                    color: #737373; 
     628                } 
     629            } 
     630        } 
     631 
     632        #item-body { 
     633 
     634            .profile { 
     635 
     636                h2 { 
     637                    background: $medium-grey; 
     638                    color: #fff; 
     639                } 
     640            } 
     641        } 
     642 
     643        table { 
     644 
     645            tr.alt { 
     646 
     647                td { 
     648                    background: #f5f5f5; 
     649                    color: $body-text; 
     650                } 
     651            } 
     652        } 
     653 
     654        div#invite-list { 
     655            background: $off-white; 
     656        } 
     657    } // close #buddypress 
    372658} 
    373659 
     
    410696 
    411697        ul { 
    412             background-color: $off-white; 
    413698            border-bottom: 1px solid rgba($border-light, 0.9); 
    414             border-top: 1px solid rgba($border-light, 0.9); 
    415699            overflow: hidden; 
    416700            padding: 0; 
     
    419703 
    420704                a { 
    421                     color: #0073c1; 
    422705 
    423706                    span {border-radius: 25%;} 
     
    429712} // close #buddypress 
    430713 
    431 // .bp-user #object-nav @ small screen as a dropdown 
    432  
    433 .bp-user { 
    434  
    435     #buddypress { 
    436  
    437         @include small-only { 
    438  
    439             #object-nav { 
    440                 background: $off-white; 
    441                 border: 1px solid $border-light; 
    442                 overflow: visible; 
    443                 padding: $spacing-val-sm; 
    444  
    445                 ul { 
    446                     border: 0; 
    447                     height: 0; 
    448                     // all latest vendor releases handle transitions, so no prefixes used. 
    449                     transition: height 0.3s ease-in-out 0.7s; 
    450                     visibility: hidden; 
    451                 } 
    452  
    453                 &:before { 
    454                     content: "Menu \021E9"; 
    455                     display: inline; 
    456                     opacity: 0.7; 
    457                 } 
    458  
    459                 &:hover, 
    460                 &:focus { 
    461                     &:before {content: "Menu \021E7";} 
    462  
    463                     ul { 
    464                         height: 320px; 
    465                         opacity: 1; 
    466                         overflow-y: auto; 
    467                         visibility: visible; 
    468                     } 
    469                 } 
    470             } 
    471  
    472             #subnav { 
    473                 clear: both; 
    474             } 
    475  
    476         } // close @media 
    477     } 
    478 } 
    479714 
    480715/*__ Horizontal menus __*/ 
     
    520755 
    521756        ul { 
    522             background-color: $light-background; 
    523757            border-bottom: 0; 
    524758            margin-top: $spacing-val-xs; 
     
    526760 
    527761            li.last { 
    528                 background: $content-background; 
    529762                margin-top: 0; 
    530763                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0; 
     
    570803// to sit alongside the vert menu 
    571804// 2017 right sidebar is displayed if the widget sidebar has widgets; 
    572 // we'll only display object nav as a vert menu if sidebar not present. 
     805// we'll only display object nav as a vert menu if not .two-column-page. 
    573806 
    574807@include medium-up { 
    575808 
    576     body.no-sidebar { 
     809    body:not(.page-two-column) { 
    577810 
    578811        #buddypress { 
    579  
    580             #item-header, 
    581             #item-body { 
    582                 background: $content-background; 
    583             } 
    584812 
    585813            #object-nav { 
     
    631859@include med-small-up { 
    632860 
    633     #main { 
    634  
    635         #buddypress { 
    636  
    637             #group-create-tabs.item-list-tabs { 
    638  
    639                 ul:before, 
    640                 ul:after { 
    641                     content: " "; 
    642                     display: table; 
    643                 } 
    644  
    645                 ul:after { 
    646                     clear: both; 
    647                 } 
    648  
    649                 ul { 
    650                     background: none; 
    651                     border: 0; 
    652                     border-bottom: 1px solid $border-med; 
    653                     overflow: visible; 
    654                     padding-bottom: 0; 
    655  
    656                     li { 
    657                         float: left; 
    658                         width: auto; 
    659                     } 
    660  
    661                     li.selected, 
    662                     li.current { 
    663                         border: 1px solid $border-med; 
    664                         border-bottom-color: $content-background; 
    665                         @include border-top-radius(4px); 
    666                         margin-bottom: -1px; 
    667  
    668                         a { 
    669                             background: none; 
    670                             color: $body-text; 
    671                             outline: none; 
    672                         } 
    673                     } 
    674                 } 
    675  
    676             } // close .item-list-tabs 
    677  
    678             #subnav { 
    679                 ul { 
    680                     border-bottom: 0; 
    681                 } 
    682  
    683             } // close #subnav 
    684         } // close #buddypress 
    685     } 
     861    #buddypress { 
     862 
     863        #group-create-tabs.item-list-tabs { 
     864 
     865            ul:before, 
     866            ul:after { 
     867                content: " "; 
     868                display: table; 
     869            } 
     870 
     871            ul:after { 
     872                clear: both; 
     873            } 
     874 
     875            ul { 
     876                background: none; 
     877                border: 0; 
     878                border-bottom: 1px solid $border-med; 
     879                overflow: visible; 
     880                padding-bottom: 0; 
     881 
     882                li { 
     883                    float: left; 
     884                    width: auto; 
     885                } 
     886 
     887                li.selected, 
     888                li.current { 
     889                    border: 1px solid $border-med; 
     890                    border-bottom-color: $content-background; 
     891                    @include border-top-radius(4px); 
     892                    margin-bottom: -1px; 
     893 
     894                    a { 
     895                        background: none; 
     896                        color: $body-text; 
     897                        outline: none; 
     898                    } 
     899                } 
     900            } 
     901 
     902        } // close .item-list-tabs 
     903 
     904        #subnav { 
     905            ul { 
     906                border-bottom: 0; 
     907            } 
     908 
     909        } // close #subnav 
     910    } // close #buddypress 
     911 
    686912} // close @media 
    687913 
     
    771997 
    772998    .action { 
     999 
    7731000        .generic-button { 
     1001 
    7741002            a { 
     1003 
    7751004                &:focus, 
    7761005                &:hover { 
     
    8521081                    .update { 
    8531082                        display: block; 
    854                         @include font-size(12); 
     1083                        @include font-size(13); 
    8551084 
    8561085                        @include medium-up { 
     
    8931122                margin-left: 0; 
    8941123                padding: $spacing-val-md 0 $spacing-val-xs; 
     1124 
    8951125                // push the actions to the right 
    896  
    8971126                @include medium-up { 
    8981127                    clear: none; 
     
    9181147                    // position but inline-block the buttons 
    9191148 
    920                     @include med-small-up { 
     1149                    @include small-up { 
    9211150                        // keep buttons to a row small tablet up 
    9221151                        margin: 0 $spacing-val-sm $spacing-val-sm 0; 
     
    10891318 
    10901319            .activity-avatar { 
     1320 
    10911321                a { 
     1322 
    10921323                    img.avatar { 
    10931324                        height: 30px; 
     
    11101341 
    11111342            .activity-header { 
    1112                 line-height: inherit; 
    11131343                margin-right: 0; 
    11141344 
    11151345                p { 
    1116                     background-color: $light-background; 
    11171346                    border: 1px solid rgba($border-light, 0.6); 
    1118                     color: #727272; 
    11191347                    margin-top: 0; 
    11201348                    padding: 0 0.2em; 
     
    11221350 
    11231351                img.avatar { 
     1352                    box-shadow: none; 
    11241353                    display: inline-block; 
    1125                     margin-bottom: 0 !important; // have to match to BP 
     1354                    margin: 0 5px !important; // have to match to BP 
     1355                    vertical-align: middle; 
    11261356                } 
    11271357            } // close .activity-header 
    11281358 
    11291359            .activity-meta { 
     1360 
    11301361                a { 
    11311362                    display: block; 
    11321363                    margin-bottom: $spacing-val-xs; 
    11331364 
    1134                     @include small-up-bp { 
     1365                    @include small-up { 
    11351366                        display: inline-block; 
    11361367                        margin-bottom: 0; 
     1368                        width: auto; 
    11371369                    } 
    11381370                } 
     
    11981430        .activity-comments { 
    11991431            border-left: 1px solid $border-light; 
    1200             margin-top: 5px; 
     1432            margin: $spacing-val-md 0 $spacing-val-md; 
     1433 
     1434            @include small-up { 
     1435                margin-left: $spacing-val-md; 
     1436            } 
    12011437 
    12021438            ul { 
    1203                 background: rgba($light-background, 0.6); 
    1204                 color: #737373; 
    12051439                margin: 15px 0 0 2px; 
     1440 
     1441                li { 
     1442                    border-top: 1px solid $border-color; 
     1443                } 
    12061444 
    12071445                a { 
     
    12111449 
    12121450            .acomment-meta { 
    1213                 color: #737373; 
     1451                border-bottom: 1px solid $border-light; 
    12141452            } 
    12151453 
     
    12571495 
    12581496        @include medium-up { 
     1497 
    12591498            li { 
    12601499                .item-avatar, 
     
    12651504                .action { 
    12661505                    float: right; 
     1506                } 
     1507            } 
     1508 
     1509            li.is-current-user { 
     1510 
     1511                .item { 
     1512                    float: none; 
     1513                    left: 0; 
     1514                    padding-left: 5%; 
     1515                    width: auto; 
    12671516                } 
    12681517            } 
     
    13191568*----------------------------------------------------------- 
    13201569*/ 
     1570@include med-small-up { 
     1571 
     1572 
     1573    .bp-user.page-two-column { 
     1574 
     1575        #buddypress { 
     1576 
     1577            #cover-image-container { 
     1578 
     1579                #item-header-cover-image { 
     1580 
     1581                    #item-header-content { 
     1582                        margin-left: 140px; 
     1583                        margin-top: -100px; 
     1584                    } 
     1585                } 
     1586            } 
     1587        } 
     1588    } 
     1589 
     1590    .single-item.groups.page-two-column { 
     1591 
     1592        #buddypress { 
     1593 
     1594            #cover-image-container { 
     1595 
     1596                #item-header-cover-image { 
     1597 
     1598                    #item-header-content { 
     1599                        margin-left: 10px; 
     1600                    } 
     1601                } 
     1602            } 
     1603        } 
     1604    } 
     1605 
     1606} // close media 
    13211607 
    13221608.bp-user, 
     
    13241610 
    13251611    #buddypress { 
     1612 
     1613        // we need to remove the cover image dec styles 
     1614        // & reset them for med up  only. 
     1615        #item-header-cover-image { 
     1616            .user-nicename { 
     1617                color: $body-text; 
     1618                text-shadow: none; 
     1619            } 
     1620        } 
     1621 
     1622        @include med-small-up { 
     1623 
     1624            #item-header-cover-image { 
     1625 
     1626                .user-nicename { 
     1627                    color: $white; 
     1628                    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1629                } 
     1630            } 
     1631        } 
    13261632 
    13271633        #item-header-content { 
     
    14181724 
    14191725                    a { 
    1420                         border-bottom: 0; 
    14211726 
    14221727                        img { 
     
    15251830 
    15261831                a { 
    1527                     border-bottom: 0; 
    15281832                    display: inline-block; 
    15291833                    float: none; 
     
    15601864*----------------------------------------------------------- 
    15611865*/ 
     1866 
    15621867 
    15631868/** 
     
    15691874*/ 
    15701875 
     1876.groups.single-item.members { 
     1877 
     1878    #buddypress { 
     1879 
     1880        #subnav.item-list-tabs { 
     1881 
     1882            ul { 
     1883                background: none; 
     1884                border-top: 0; 
     1885            } 
     1886 
     1887        } 
     1888    } 
     1889 
     1890} 
     1891 
    15711892/** 
    15721893*----------------------------------------- 
     
    17102031                } 
    17112032 
    1712                 margin: $spacing-val-xs $spacing-val-xs 0 0; 
     2033                margin: $spacing-val-xs 0 0; 
    17132034            } 
    17142035        } 
     
    17792100        .pag-count {font-style: italic;} 
    17802101 
    1781         .notifications-options-nav { 
    1782             border: 1px solid rgba($border-color, 0.5); 
     2102        .notifications-options-nav, 
     2103        .messages-options-nav { 
     2104 
    17832105            float: left; 
    17842106            width: 100%; 
     
    17942116            select, 
    17952117            input { 
    1796                 border: 0; 
     2118 
    17972119                @include font-size(14); 
    17982120                outline: 0; 
     
    18022124            select { 
    18032125                float: left; 
    1804                 margin-right: 0; 
    1805                 width: 60%; 
     2126                margin-right: 1%; 
     2127                width: 59%; 
    18062128            } 
    18072129 
     
    18132135            } 
    18142136 
    1815         } // close .notifications-options-nav 
     2137            input[disabled="disabled"]:focus, 
     2138            input[disabled="disabled"]:hover { 
     2139                background: none; 
     2140            } 
     2141 
     2142 
     2143        } // close .notifications-options-nav/.messages-options-nav 
    18162144 
    18172145    } //close #buddypress 
     
    18292157 
    18302158        .profile { 
    1831             .bp-widget { 
     2159 
    18322160                h2 { 
    1833                     background: lighten($dark-background, 15%); 
    1834                     color: #fff; 
    18352161                    margin: $spacing-val-lg 0 $spacing-val-sm; 
    18362162                    padding: 0.1em 0 0.1em 0.4em; 
     
    18382164 
    18392165                table {margin-top: 0;} 
    1840             } 
     2166 
     2167                .profile-fields { 
     2168 
     2169                    tr.alt { 
     2170 
     2171                        td { 
     2172                            color: $body-text; 
     2173                        } 
     2174                    } 
     2175 
     2176                    tr:last-child { 
     2177                        border-bottom: 0; 
     2178                    } 
     2179                } 
     2180 
    18412181            /* Edit profile */ 
    18422182 
     
    18752215 
    18762216                .field-visibility-settings-toggle, 
     2217                .field-visibility-settings-notoggle, 
    18772218                .field-visibility-settings { 
    18782219                    @include font-size(14); 
     2220                    margin-top: $spacing-val-sm; 
    18792221                } 
    18802222 
     
    18822224                .visibility-toggle-link { 
    18832225                    background: $dark-background; 
     2226                    @include border-radius(3px); 
    18842227                    color: #fff; 
    18852228                    padding: 0.2em 0.5em; 
     
    19332276        #message-thread { 
    19342277            //Single message view 
     2278 
    19352279            a { 
    19362280                border-bottom: 0; 
     
    19802324 
    19812325            #send-reply { 
     2326 
    19822327                .message-content { 
    19832328                    background: $content-background; 
     
    19952340 
    19962341            thead { 
     2342 
    19972343                tr { 
    1998                     background: lighten($dark-background, 10%); 
     2344                    background: none; 
     2345                    border-bottom: 1px solid $border-color; 
     2346 
     2347 
     2348                    th { 
     2349                        background: #555; 
     2350                    } 
    19992351                } 
    20002352            } 
    20012353 
    20022354            tr { 
     2355                border-bottom: 5px solid $medium-grey; 
     2356 
    20032357                td { 
    2004                     background: $content-background; 
    20052358                    display: inline-block; 
    20062359                    float: left; 
     
    20092362                td.thread-star, 
    20102363                td.thread-options { 
    2011                     border-bottom-color: $medium-background; 
    2012                     border-bottom-width: 2px; 
     2364                    border-bottom-color: $border-color; 
     2365                    border-bottom-width: 1px; 
    20132366                    height: 2.4em; 
    20142367                    padding-bottom: 0.2em; 
     
    20182371                        padding-top: 0; 
    20192372                    } 
     2373                } 
     2374 
     2375                td.bulk-select-check, 
     2376                td.thread-star, 
     2377                td.thread-from, 
     2378                td.thread-info, 
     2379                td.thread-options { 
     2380                    border-top: 0; 
    20202381                } 
    20212382 
     
    20812442 
    20822443            tr.unread { 
     2444 
    20832445                td { 
    2084                     background: $unread; 
     2446                    background: none; 
    20852447                    border-color: $border-color; 
    20862448                } 
     
    21022464                border-right: 0; 
    21032465                width: 30px; 
    2104             } 
    2105         } 
    2106  
    2107         .messages-options-nav { 
    2108             select { 
    2109                 height: auto; 
    21102466            } 
    21112467        } 
     
    22962652// Attempt to reset form control widths 
    22972653#main { 
     2654 
    22982655    #buddypress { 
     2656 
    22992657        .standard-form { 
    23002658 
    2301             li {float: none;} 
     2659            li { 
     2660                float: none; 
     2661            } 
     2662 
    23022663            input[type='text'], 
    23032664            input[type='email'], 
     
    23092670    } 
    23102671} 
    2311  
    23122672 
    23132673#buddypress { 
     
    23652725 
    23662726#buddypress { 
     2727 
    23672728    div.dir-search, 
    23682729    div.message-search, 
     
    23762737        form { // *sigh* only to bludgeon over specified rules 
    23772738            border: 1px solid rgba($border-color, 0.6); 
     2739            @include border-radius(2px); 
    23782740            overflow: hidden; 
    23792741 
     
    23812743                float: left; 
    23822744                margin: 0; 
    2383             } 
    2384  
    2385             input[type='text'] { 
     2745                width: 70%; 
     2746            } 
     2747 
     2748            input[type="text"] { 
    23862749                float: left; 
    23872750                margin: 0; 
    2388                 width: 70%; 
    2389             } 
    2390  
    2391             input[type='text'], 
    2392             input[type='submit'] { 
     2751                width: 100%; 
     2752            } 
     2753 
     2754            input[type="text"], 
     2755            input[type="submit"] { 
     2756                border: 0; 
    23932757                @include font-size(14); 
    2394                 border: 0; 
    23952758                line-height: inherit; 
    23962759            } 
    23972760 
    2398             input[type='text'] { 
     2761            input[type="text"] { 
    23992762                border-right: 1px solid rgba($border-color, 0.6); 
     2763                font-weight: 400; 
    24002764                padding: 0.2em 0 0.2em 0.2em; 
    24012765            } 
    24022766 
    2403             input[type='submit'] { 
     2767            input[type="submit"] { 
     2768                @include border-radius-none(); 
    24042769                float: right; 
    24052770                font-weight: normal; 
     
    24132778    } // close .dir-search, .message-search 
    24142779 
     2780    // Dirs & certain components hide search hides labels so can't width the label element 
     2781    // adjust so that the input takes reduced width. 
     2782 
     2783    div.dir-search { 
     2784        margin-top: 0; 
     2785    } 
     2786 
     2787    .dir-search #search-members-form, 
     2788    #search-groups-form, 
     2789    #search-message-form { 
     2790 
     2791        input[type='text'] { 
     2792            float: left; 
     2793            margin: 0; 
     2794            width: 70%; 
     2795        } 
     2796    } 
     2797 
    24152798    // Shift the search parent to the right and allow to shrinkwrap 
    24162799 
     
    24212804            float: right; 
    24222805            margin-bottom: 5px !important; 
    2423  
    2424             form { 
    2425                 label, 
    2426                 input[type='text'], 
    2427                 input[type='submit'] { 
    2428                     width: auto; 
    2429                 } 
    2430             } 
    24312806        } 
    24322807 
     
    24372812 
    24382813        .dir-search, 
    2439  
    2440         .message-search { 
     2814        .message-search, 
     2815        li.groups-members-search { 
    24412816 
    24422817            form { 
     
    24552830} // close #buddypress 
    24562831 
     2832// Adjustments for form elements colors, backgrounds, borders under the dark scheme. 
     2833body.colors-dark { 
     2834 
     2835    #page { // for weight 
     2836 
     2837        #buddypress { 
     2838 
     2839            .dir-search, 
     2840            .groups-members-search, 
     2841            .message-search { 
     2842 
     2843                form { 
     2844                    background: #333; 
     2845                    border-color: #555; 
     2846                    @include border-radius(2px); 
     2847                    padding: 1px; 
     2848                } 
     2849 
     2850                input[type="text"] { 
     2851                    background: none; 
     2852                } 
     2853 
     2854                input[type="submit"] { 
     2855                    @include border-radius(2px); 
     2856                } 
     2857            } 
     2858        } 
     2859 
     2860        .message-search { 
     2861            margin-top: 0; 
     2862        } 
     2863    } 
     2864} 
    24572865/** 
    24582866*------------------------------------------------------------------------------- 
     
    24732881 
    24742882        tr th { 
    2475             background: lighten($dark-background, 10%); 
    2476             border-color: darken($border-light, 20%); 
    2477             color: $content-background; 
     2883            background: $light-background; 
     2884            border-color: $border-light; 
     2885            color: $body-text; 
    24782886        } 
    24792887 
     
    25372945 
    25382946    } // .notifications, .message-notices 
     2947 
     2948    .notifications { // table element 
     2949        .actions { // th element 
     2950            text-align: center; 
     2951        } 
     2952    } 
    25392953} // #buddypress 
    25402954 
     
    25742988    } // close #message 
    25752989 
     2990    .bp-avatar-status, 
     2991    .bp-cover-image-status { 
     2992 
     2993        .warning { 
     2994            background: #7dd4ff; 
     2995            border: 1px solid #000; 
     2996            color: $body-text; 
     2997            @include font-size(16); 
     2998        } 
     2999    } 
     3000 
    25763001} // close  #buddypress 
    25773002 
Note: See TracChangeset for help on using the changeset viewer.