Skip to:
Content

Ticket #7338: 7338-07.patch

File 7338-07.patch, 51.4 KB (added by hnla, 13 months ago)

Update search form for dark-scheme, additional background adjustments user account settings..

  • src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css

     
    9292        } 
    9393} 
    9494 
    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) { 
     95@media screen and (min-width: 48em) { 
    10896        body.buddypress.page.page-two-column #primary .entry-header { 
    109                 width: 20%; 
     97                width: 30%; 
    11098        } 
    11199        body.buddypress.page.page-two-column #primary .entry-content { 
    112                 width: 80%; 
     100                width: 68%; 
    113101        } 
    114102        body.buddypress:not(.has-sidebar) #primary.content-area, 
    115103        body.buddypress:not(.page-two-column) #primary.content-area { 
     
    150138} 
    151139 
    152140#buddypress div.item-list-tabs ul { 
    153         background-color: #faf9f1; 
     141        background-color: #fafafa; 
    154142        border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
    155143        border-top: 1px solid rgba(234, 234, 234, 0.9); 
    156144        overflow: hidden; 
     
    167155 
    168156@media screen and (max-width: 38.75em) { 
    169157        .bp-user #buddypress #object-nav { 
    170                 background: #faf9f1; 
     158                background: #fafafa; 
    171159                border: 1px solid #eaeaea; 
    172160                overflow: visible; 
    173161                padding: 10px; 
     
    346334        #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
    347335        #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348336                background: none; 
    349                 color: #141412; 
     337                color: #333; 
    350338                outline: none; 
    351339        } 
    352340        #main #buddypress #subnav ul { 
     
    557545        width: 100%; 
    558546} 
    559547 
    560 @media screen and (min-width: 48em) { 
     548@media screen and (min-width: 30em) { 
    561549        #buddypress ul.item-list li div.action div { 
    562550                margin: 0 0 10px 10px; 
    563551                width: auto; 
     
    599587} 
    600588 
    601589#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); 
     590        border: 1px solid rgba(190, 190, 190, 0.5); 
    603591        float: right; 
    604592        line-height: 1.5em; 
    605593        margin-top: 12px; 
     
    726714        margin-bottom: 5px; 
    727715} 
    728716 
    729 @media screen and (min-width: 38.75em) { 
     717@media screen and (min-width: 30em) { 
    730718        #buddypress #activity-stream .activity-content .activity-meta a { 
    731719                display: inline-block; 
    732720                margin-bottom: 0; 
     721                width: auto; 
    733722        } 
    734723} 
    735724 
     
    800789 
    801790#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802791#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803         color: rgba(20, 20, 18, 0.8); 
     792        color: rgba(51, 51, 51, 0.8); 
    804793        display: inline-block; 
    805794        font-family: inherit; 
    806795        font-size: 12px; 
     
    813802} 
    814803 
    815804#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816         border: 1px solid rgba(212, 208, 186, 0.7); 
     805        border: 1px solid rgba(190, 190, 190, 0.7); 
    817806        text-align: center; 
    818807} 
    819808 
     
    11201109} 
    11211110 
    11221111.groups.group-settings #group-settings-form div.radio label ul { 
    1123         color: rgba(20, 20, 18, 0.6); 
     1112        color: rgba(51, 51, 51, 0.6); 
    11241113        font-size: 14px; 
    11251114        font-size: 0.875rem; 
    11261115} 
     
    12541243} 
    12551244 
    12561245.bp-user #buddypress .notifications-options-nav { 
    1257         border: 1px solid rgba(212, 208, 186, 0.5); 
     1246        border: 1px solid rgba(190, 190, 190, 0.5); 
    12581247        float: right; 
    12591248        width: 100%; 
    12601249} 
     
    14341423} 
    14351424 
    14361425.bp-user #buddypress #message-threads thead tr { 
    1437         background: #6f6f6f; 
     1426        background: none; 
     1427        border-bottom: 1px solid #bebebe; 
    14381428} 
    14391429 
     1430.bp-user #buddypress #message-threads thead tr th { 
     1431        background: #555; 
     1432} 
     1433 
     1434.bp-user #buddypress #message-threads tr { 
     1435        border-bottom: 5px solid #878787; 
     1436} 
     1437 
    14401438.bp-user #buddypress #message-threads tr td { 
    14411439        background: #fff; 
    14421440        display: inline-block; 
     
    14451443 
    14461444.bp-user #buddypress #message-threads tr td.thread-star, 
    14471445.bp-user #buddypress #message-threads tr td.thread-options { 
    1448         border-bottom-color: #ccc; 
    1449         border-bottom-width: 2px; 
     1446        border-bottom-color: #bebebe; 
     1447        border-bottom-width: 1px; 
    14501448        height: 2.4em; 
    14511449        padding-bottom: 0.2em; 
    14521450        padding-top: 0.2em; 
     
    14591457        } 
    14601458} 
    14611459 
     1460.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1461.bp-user #buddypress #message-threads tr td.thread-star, 
     1462.bp-user #buddypress #message-threads tr td.thread-from, 
     1463.bp-user #buddypress #message-threads tr td.thread-info, 
     1464.bp-user #buddypress #message-threads tr td.thread-options { 
     1465        border-top: 0; 
     1466} 
     1467 
    14621468.bp-user #buddypress #message-threads tr td.thread-star { 
    14631469        vertical-align: middle; 
    14641470} 
     
    15291535} 
    15301536 
    15311537.bp-user #buddypress #message-threads tr.unread td { 
    1532         background: #eee; 
    1533         border-color: #d4d0ba; 
     1538        background: none; 
     1539        border-color: #bebebe; 
    15341540} 
    15351541 
    15361542.bp-user #buddypress #message-threads th { 
     
    17171723 
    17181724#buddypress div.activity-comments form .ac-textarea { 
    17191725        background: #f7f7f7; 
    1720         border: 1px solid rgba(212, 208, 186, 0.5); 
     1726        border: 1px solid rgba(190, 190, 190, 0.5); 
    17211727} 
    17221728 
    17231729#buddypress div.activity-comments form .ac-textarea textarea { 
     
    17351741#buddypress .standard-form button, 
    17361742#buddypress .standard-form select, 
    17371743#buddypress .standard-form textarea { 
    1738         border-color: rgba(212, 208, 186, 0.5); 
     1744        border-color: rgba(190, 190, 190, 0.5); 
    17391745        border-width: 1px; 
    17401746} 
    17411747 
     
    17611767#buddypress div.dir-search form, 
    17621768#buddypress div.message-search form, 
    17631769#buddypress li.groups-members-search form { 
    1764         border: 1px solid rgba(212, 208, 186, 0.6); 
     1770        border: 1px solid rgba(190, 190, 190, 0.6); 
    17651771        overflow: hidden; 
    17661772} 
    17671773 
     
    17951801#buddypress div.dir-search form input[type='text'], 
    17961802#buddypress div.message-search form input[type='text'], 
    17971803#buddypress li.groups-members-search form input[type='text'] { 
    1798         border-left: 1px solid rgba(212, 208, 186, 0.6); 
     1804        border-left: 1px solid rgba(190, 190, 190, 0.6); 
    17991805        padding: 0.2em 0.2em 0.2em 0; 
    18001806} 
    18011807 
     
    18551861} 
    18561862 
    18571863#buddypress table tr th { 
    1858         background: #6f6f6f; 
    1859         border-color: #b7b7b7; 
    1860         color: #fff; 
     1864        background: #f7f7f7; 
     1865        border-color: #eaeaea; 
     1866        color: #333; 
    18611867} 
    18621868 
    18631869#buddypress table p { 
  • src/bp-templates/bp-legacy/css/twentyseventeen.css

     
    9292        } 
    9393} 
    9494 
    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) { 
     95@media screen and (min-width: 48em) { 
    10896        body.buddypress.page.page-two-column #primary .entry-header { 
    109                 width: 20%; 
     97                width: 30%; 
    11098        } 
    11199        body.buddypress.page.page-two-column #primary .entry-content { 
    112                 width: 80%; 
     100                width: 68%; 
    113101        } 
    114102        body.buddypress:not(.has-sidebar) #primary.content-area, 
    115103        body.buddypress:not(.page-two-column) #primary.content-area { 
     
    132120        } 
    133121} 
    134122 
     123body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected, 
     124body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current { 
     125        border-bottom-color: #222; 
     126} 
     127 
     128body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a, 
     129body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a { 
     130        color: inherit; 
     131} 
     132 
     133body.colors-dark #buddypress .item-list-tabs li.selected a, 
     134body.colors-dark #buddypress .item-list-tabs li.current a { 
     135        color: inherit; 
     136} 
     137 
     138body.colors-dark #buddypress #subnav.item-list-tabs ul { 
     139        border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
     140        margin-bottom: 20px; 
     141} 
     142 
     143body.colors-dark #buddypress #subnav.item-list-tabs ul li.last { 
     144        border-top: 1px solid rgba(234, 234, 234, 0.9); 
     145} 
     146 
     147body.colors-dark #buddypress .item-list div.meta { 
     148        color: #ddd; 
     149} 
     150 
     151body.colors-dark #buddypress .item-list div.item-desc, 
     152body.colors-dark #buddypress .item-list .activity-header p, 
     153body.colors-dark #buddypress .item-list .activity-comments ul, 
     154body.colors-dark #buddypress .item-list .acomment-meta { 
     155        color: #eee; 
     156} 
     157 
     158body.colors-dark #buddypress .item-list .activity-meta a, 
     159body.colors-dark #buddypress .item-list .action a { 
     160        background: #fafafa; 
     161} 
     162 
     163body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover, 
     164body.colors-dark #buddypress .item-list .action a:focus, 
     165body.colors-dark #buddypress .item-list .action a:hover { 
     166        background: #fff; 
     167} 
     168 
     169body.colors-dark #buddypress #latest-update { 
     170        color: #eee; 
     171} 
     172 
     173body.colors-dark #buddypress div.pagination * { 
     174        color: #ddd; 
     175} 
     176 
     177body.colors-dark #buddypress #item-header .user-nicename { 
     178        color: #eee; 
     179} 
     180 
     181body.colors-dark #buddypress #item-body table thead tr, 
     182body.colors-dark #buddypress #item-body table thead th { 
     183        background: none; 
     184        color: #eee; 
     185} 
     186 
     187body.colors-dark #buddypress #item-body table tr.alt td { 
     188        background: none; 
     189        color: #eee; 
     190} 
     191 
     192body.colors-dark #buddypress #item-body table .field-visibility-settings, 
     193body.colors-dark #buddypress #item-body table .field-visibility-settings-notoggle { 
     194        color: #eee; 
     195} 
     196 
     197body.colors-dark #buddypress #item-body fieldset { 
     198        background: none; 
     199} 
     200 
     201body.colors-dark #buddypress #item-body .checkbox label, 
     202body.colors-dark #buddypress #item-body .radio label { 
     203        color: #eee; 
     204} 
     205 
     206body.colors-dark #buddypress #item-body div#invite-list { 
     207        background: none; 
     208} 
     209 
     210.directory.colors-dark #buddypress #subnav ul { 
     211        border-top: 0; 
     212} 
     213 
     214.directory.colors-dark #buddypress #subnav ul li.last.filter { 
     215        border-top: 0; 
     216} 
     217 
     218.directory.colors-dark #buddypress div.activity ul.item-list { 
     219        border-top: 0; 
     220} 
     221 
     222body.colors-light #buddypress div.item-list-tabs ul { 
     223        background-color: #fafafa; 
     224} 
     225 
     226body.colors-light #buddypress div#subnav.item-list-tabs ul { 
     227        background-color: #f7f7f7; 
     228} 
     229 
     230body.colors-light #buddypress div#subnav.item-list-tabs ul li.last { 
     231        background: #fff; 
     232} 
     233 
     234body.colors-light #buddypress .item-list .activity-header p { 
     235        background-color: #f7f7f7; 
     236        color: #878787; 
     237} 
     238 
     239body.colors-light #buddypress .item-list .activity-comments .acomment-meta { 
     240        color: #737373; 
     241} 
     242 
     243body.colors-light #buddypress #item-body .profile h2 { 
     244        background: #878787; 
     245        color: #fff; 
     246} 
     247 
     248body.colors-light #buddypress table tr.alt td { 
     249        background: #f5f5f5; 
     250        color: #333; 
     251} 
     252 
     253body.colors-light #buddypress div#invite-list { 
     254        background: #fafafa; 
     255} 
     256 
    135257/** 
    136258*------------------------------------------------------------------------------- 
    137259* @section 2.0 - Navigation - General 
     
    150272} 
    151273 
    152274#buddypress div.item-list-tabs ul { 
    153         background-color: #faf9f1; 
    154275        border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
    155         border-top: 1px solid rgba(234, 234, 234, 0.9); 
    156276        overflow: hidden; 
    157277        padding: 0; 
    158278} 
    159279 
    160 #buddypress div.item-list-tabs ul li a { 
    161         color: #0073c1; 
    162 } 
    163  
    164280#buddypress div.item-list-tabs ul li a span { 
    165281        border-radius: 25%; 
    166282} 
    167283 
    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         } 
    198 } 
    199  
    200284/*__ Horizontal menus __*/ 
    201285#buddypress #object-nav ul { 
    202286        overflow: hidden; 
     
    229313} 
    230314 
    231315#buddypress div#subnav.item-list-tabs ul { 
    232         background-color: #f7f7f7; 
    233316        border-bottom: 0; 
    234317        margin-top: 5px; 
    235318        padding: 0; 
     
    236319} 
    237320 
    238321#buddypress div#subnav.item-list-tabs ul li.last { 
    239         background: #fff; 
    240322        margin-top: 0; 
    241323        padding: 5px 5px 5px 0; 
    242324        width: 100%; 
     
    273355 
    274356/*__ Vertical menu User Account / Group single screens __*/ 
    275357@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 { 
     358        body:not(.page-two-column) #buddypress #object-nav { 
    281359                border-right: 1px solid #ddd; 
    282360                float: left; 
    283361                margin-right: -1px; 
    284362                width: 200px; 
    285363        } 
    286         body.no-sidebar #buddypress #object-nav ul { 
     364        body:not(.page-two-column) #buddypress #object-nav ul { 
    287365                background: none; 
    288366                border-bottom: 0; 
    289367                padding: 0; 
    290368        } 
    291         body.no-sidebar #buddypress #object-nav ul li { 
     369        body:not(.page-two-column) #buddypress #object-nav ul li { 
    292370                float: none; 
    293371                overflow: hidden; 
    294372        } 
    295         body.no-sidebar #buddypress #object-nav ul li span { 
     373        body:not(.page-two-column) #buddypress #object-nav ul li span { 
    296374                background: #fff; 
    297375                border-radius: 10%; 
    298376                float: right; 
    299377                margin-right: 2px; 
    300378        } 
    301         body.no-sidebar #buddypress #item-body { 
     379        body:not(.page-two-column) #buddypress #item-body { 
    302380                border-left: 1px solid #ddd; 
    303381                overflow: hidden; 
    304382                padding: 0 0 0 20px; 
    305383                width: auto; 
    306384        } 
    307         body.no-sidebar #buddypress #item-body #subnav { 
     385        body:not(.page-two-column) #buddypress #item-body #subnav { 
    308386                margin: 0 0 0 -20px; 
    309387        } 
    310         body.no-sidebar #buddypress #item-body #subnav ul { 
     388        body:not(.page-two-column) #buddypress #item-body #subnav ul { 
    311389                margin-top: 0; 
    312390        } 
    313391} 
    314392 
    315393@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 { 
     394        #buddypress #group-create-tabs.item-list-tabs ul:before, 
     395        #buddypress #group-create-tabs.item-list-tabs ul:after { 
    318396                content: " "; 
    319397                display: table; 
    320398        } 
    321         #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     399        #buddypress #group-create-tabs.item-list-tabs ul:after { 
    322400                clear: both; 
    323401        } 
    324         #main #buddypress #group-create-tabs.item-list-tabs ul { 
     402        #buddypress #group-create-tabs.item-list-tabs ul { 
    325403                background: none; 
    326404                border: 0; 
    327405                border-bottom: 1px solid #ddd; 
     
    328406                overflow: visible; 
    329407                padding-bottom: 0; 
    330408        } 
    331         #main #buddypress #group-create-tabs.item-list-tabs ul li { 
     409        #buddypress #group-create-tabs.item-list-tabs ul li { 
    332410                float: left; 
    333411                width: auto; 
    334412        } 
    335         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
    336         #main #buddypress #group-create-tabs.item-list-tabs ul li.current { 
     413        #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
     414        #buddypress #group-create-tabs.item-list-tabs ul li.current { 
    337415                border: 1px solid #ddd; 
    338416                border-bottom-color: #fff; 
    339417                -webkit-border-top-right-radius: 4px; 
     
    343421                background-clip: padding-box; 
    344422                margin-bottom: -1px; 
    345423        } 
    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 { 
     424        #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
     425        #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348426                background: none; 
    349                 color: #141412; 
     427                color: #333; 
    350428                outline: none; 
    351429        } 
    352         #main #buddypress #subnav ul { 
     430        #buddypress #subnav ul { 
    353431                border-bottom: 0; 
    354432        } 
    355433} 
     
    495573 
    496574#buddypress ul.item-list li .item .item-title .update { 
    497575        display: block; 
    498         font-size: 12px; 
    499         font-size: 0.75rem; 
     576        font-size: 13px; 
     577        font-size: 0.8125rem; 
    500578        padding: 10px 0; 
    501579        text-align: left; 
    502580} 
     
    557635        width: 100%; 
    558636} 
    559637 
    560 @media screen and (min-width: 48em) { 
     638@media screen and (min-width: 30em) { 
    561639        #buddypress ul.item-list li div.action div { 
    562640                margin: 0 10px 10px 0; 
    563641                width: auto; 
     
    599677} 
    600678 
    601679#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); 
     680        border: 1px solid rgba(190, 190, 190, 0.5); 
    603681        float: left; 
    604682        line-height: 1.5em; 
    605683        margin-top: 12px; 
     
    704782} 
    705783 
    706784#buddypress #activity-stream .activity-content .activity-header { 
    707         line-height: inherit; 
    708785        margin-right: 0; 
    709786} 
    710787 
    711788#buddypress #activity-stream .activity-content .activity-header p { 
    712         background-color: #f7f7f7; 
    713789        border: 1px solid rgba(234, 234, 234, 0.6); 
    714         color: #727272; 
    715790        margin-top: 0; 
    716791        padding: 0 0.2em; 
    717792} 
    718793 
    719794#buddypress #activity-stream .activity-content .activity-header img.avatar { 
     795        box-shadow: none; 
    720796        display: inline-block; 
    721         margin-bottom: 0 !important; 
     797        margin: 0 5px !important; 
     798        vertical-align: middle; 
    722799} 
    723800 
    724801#buddypress #activity-stream .activity-content .activity-meta a { 
     
    726803        margin-bottom: 5px; 
    727804} 
    728805 
    729 @media screen and (min-width: 38.75em) { 
     806@media screen and (min-width: 30em) { 
    730807        #buddypress #activity-stream .activity-content .activity-meta a { 
    731808                display: inline-block; 
    732809                margin-bottom: 0; 
     810                width: auto; 
    733811        } 
    734812} 
    735813 
     
    781859*/ 
    782860#buddypress #activity-stream .activity-comments { 
    783861        border-left: 1px solid #eaeaea; 
    784         margin-top: 5px; 
     862        margin: 20px 0 20px; 
    785863} 
    786864 
     865@media screen and (min-width: 30em) { 
     866        #buddypress #activity-stream .activity-comments { 
     867                margin-left: 20px; 
     868        } 
     869} 
     870 
    787871#buddypress #activity-stream .activity-comments ul { 
    788         background: rgba(247, 247, 247, 0.6); 
    789         color: #737373; 
    790872        margin: 15px 0 0 2px; 
    791873} 
    792874 
     875#buddypress #activity-stream .activity-comments ul li { 
     876        border-top: 1px solid #bebebe; 
     877} 
     878 
    793879#buddypress #activity-stream .activity-comments ul a { 
    794880        color: #0077c7; 
    795881} 
    796882 
    797883#buddypress #activity-stream .activity-comments .acomment-meta { 
    798         color: #737373; 
     884        border-bottom: 1px solid #eaeaea; 
    799885} 
    800886 
    801887#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802888#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803         color: rgba(20, 20, 18, 0.8); 
     889        color: rgba(51, 51, 51, 0.8); 
    804890        display: inline-block; 
    805891        font-family: inherit; 
    806892        font-size: 12px; 
     
    813899} 
    814900 
    815901#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816         border: 1px solid rgba(212, 208, 186, 0.7); 
     902        border: 1px solid rgba(190, 190, 190, 0.7); 
    817903        text-align: center; 
    818904} 
    819905 
     
    834920        #buddypress #members-list li .action { 
    835921                float: right; 
    836922        } 
     923        #buddypress #members-list li.is-current-user .item { 
     924                float: none; 
     925                left: 0; 
     926                padding-left: 5%; 
     927                width: auto; 
     928        } 
    837929} 
    838930 
    839931/** 
     
    880972* @subsection 6.1 - Item Header Global 
    881973*----------------------------------------------------------- 
    882974*/ 
     975@media screen and (min-width: 48em) { 
     976        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     977                margin-left: 140px; 
     978                margin-top: -100px; 
     979        } 
     980        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     981                margin-left: 10px; 
     982        } 
     983} 
     984 
     985.bp-user #buddypress #item-header-cover-image .user-nicename, 
     986.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     987        color: #333; 
     988        text-shadow: none; 
     989} 
     990 
     991@media screen and (min-width: 48em) { 
     992        .bp-user #buddypress #item-header-cover-image .user-nicename, 
     993        .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     994                color: #fff; 
     995                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     996        } 
     997} 
     998 
    883999.bp-user #buddypress #item-header-content #item-meta, 
    8841000.single-item.groups #buddypress #item-header-content #item-meta { 
    8851001        font-size: 14px; 
     
    9531069                order: 1; 
    9541070                text-align: center; 
    9551071        } 
    956         .single-item.groups #buddypress div#item-header #item-header-avatar a { 
    957                 border-bottom: 0; 
    958         } 
    9591072        .single-item.groups #buddypress div#item-header #item-header-avatar a img { 
    9601073                display: inline-block; 
    9611074                float: none; 
     
    10511164 
    10521165.bp-user #buddypress #item-header #item-header-avatar img.avatar, 
    10531166.bp-user #buddypress #item-header #item-header-avatar a { 
    1054         border-bottom: 0; 
    10551167        display: inline-block; 
    10561168        float: none; 
    10571169} 
     
    10831195* Groups specific item body rules -  screens 
    10841196*---------------------------------------------------- 
    10851197*/ 
     1198.groups.single-item.members #buddypress #subnav.item-list-tabs ul { 
     1199        background: none; 
     1200        border-top: 0; 
     1201} 
     1202 
    10861203/** 
    10871204*----------------------------------------- 
    10881205* @subsection 6.2.1.1 - Group Management 
     
    11201237} 
    11211238 
    11221239.groups.group-settings #group-settings-form div.radio label ul { 
    1123         color: rgba(20, 20, 18, 0.6); 
     1240        color: rgba(51, 51, 51, 0.6); 
    11241241        font-size: 14px; 
    11251242        font-size: 0.875rem; 
    11261243} 
     
    11841301 
    11851302.groups.group-members #subnav li #search-members-form { 
    11861303        float: right; 
    1187         margin: 5px 5px 0 0; 
     1304        margin: 5px 0 0; 
    11881305} 
    11891306 
    11901307@media screen and (max-width: 38.75em) { 
     
    12531370        font-style: italic; 
    12541371} 
    12551372 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257         border: 1px solid rgba(212, 208, 186, 0.5); 
     1373.bp-user #buddypress .notifications-options-nav, 
     1374.bp-user #buddypress .messages-options-nav { 
    12581375        float: left; 
    12591376        width: 100%; 
    12601377} 
    12611378 
    12621379@media screen and (min-width: 38.75em) { 
    1263         .bp-user #buddypress .notifications-options-nav { 
     1380        .bp-user #buddypress .notifications-options-nav, 
     1381        .bp-user #buddypress .messages-options-nav { 
    12641382                width: 300px; 
    12651383        } 
    12661384} 
    12671385 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1386.bp-user #buddypress .notifications-options-nav select, 
     1387.bp-user #buddypress .messages-options-nav select { 
    12691388        height: auto; 
    12701389} 
    12711390 
    12721391.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274         border: 0; 
     1392.bp-user #buddypress .notifications-options-nav input, 
     1393.bp-user #buddypress .messages-options-nav select, 
     1394.bp-user #buddypress .messages-options-nav input { 
    12751395        font-size: 14px; 
    12761396        font-size: 0.875rem; 
    12771397        outline: 0; 
     
    12781398        padding: 0; 
    12791399} 
    12801400 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1401.bp-user #buddypress .notifications-options-nav select, 
     1402.bp-user #buddypress .messages-options-nav select { 
    12821403        float: left; 
    1283         margin-right: 0; 
    1284         width: 60%; 
     1404        margin-right: 1%; 
     1405        width: 59%; 
    12851406} 
    12861407 
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1408.bp-user #buddypress .notifications-options-nav input, 
     1409.bp-user #buddypress .messages-options-nav input { 
    12881410        float: right; 
    12891411        font-family: inherit; 
    12901412        line-height: 20px; 
     
    12911413        width: 40%; 
    12921414} 
    12931415 
     1416.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1417.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1418.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1419.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1420        background: none; 
     1421} 
     1422 
    12941423/** 
    12951424        *------------------------------------------- 
    12961425        * @subsection 6.2.2.2 - Extended Profiles 
     
    13011430} 
    13021431 
    13031432.bp-user #buddypress .profile .bp-widget h2 { 
    1304         background: #7b7b7b; 
    1305         color: #fff; 
    13061433        margin: 40px 0 10px; 
    13071434        padding: 0.1em 0 0.1em 0.4em; 
    13081435} 
     
    13111438        margin-top: 0; 
    13121439} 
    13131440 
     1441.bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td { 
     1442        color: #333; 
     1443} 
     1444 
     1445.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child { 
     1446        border-bottom: none; 
     1447} 
     1448 
    13141449.bp-user #buddypress .profile #profile-edit-form .button-nav:before, 
    13151450.bp-user #buddypress .profile #profile-edit-form .button-nav:after { 
    13161451        content: " "; 
     
    13451480} 
    13461481 
    13471482.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 
     1483.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 
    13481484.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 
    13491485        font-size: 14px; 
    13501486        font-size: 0.875rem; 
     1487        margin-top: 10px; 
    13511488} 
    13521489 
    13531490.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, 
    13541491.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 
    13551492        background: #555; 
     1493        -webkit-border-radius: 3px; 
     1494        -moz-border-radius: 3px; 
     1495        -ms-border-radius: 3px; 
     1496        border-radius: 3px; 
     1497        background-clip: padding-box; 
    13561498        color: #fff; 
    13571499        padding: 0.2em 0.5em; 
    13581500} 
     
    14341576} 
    14351577 
    14361578.bp-user #buddypress #message-threads thead tr { 
    1437         background: #6f6f6f; 
     1579        background: none; 
     1580        border-bottom: 1px solid #bebebe; 
    14381581} 
    14391582 
     1583.bp-user #buddypress #message-threads thead tr th { 
     1584        background: #555; 
     1585} 
     1586 
     1587.bp-user #buddypress #message-threads tr { 
     1588        border-bottom: 5px solid #878787; 
     1589} 
     1590 
    14401591.bp-user #buddypress #message-threads tr td { 
    1441         background: #fff; 
    14421592        display: inline-block; 
    14431593        float: left; 
    14441594} 
     
    14451595 
    14461596.bp-user #buddypress #message-threads tr td.thread-star, 
    14471597.bp-user #buddypress #message-threads tr td.thread-options { 
    1448         border-bottom-color: #ccc; 
    1449         border-bottom-width: 2px; 
     1598        border-bottom-color: #bebebe; 
     1599        border-bottom-width: 1px; 
    14501600        height: 2.4em; 
    14511601        padding-bottom: 0.2em; 
    14521602        padding-top: 0.2em; 
     
    14591609        } 
    14601610} 
    14611611 
     1612.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1613.bp-user #buddypress #message-threads tr td.thread-star, 
     1614.bp-user #buddypress #message-threads tr td.thread-from, 
     1615.bp-user #buddypress #message-threads tr td.thread-info, 
     1616.bp-user #buddypress #message-threads tr td.thread-options { 
     1617        border-top: 0; 
     1618} 
     1619 
    14621620.bp-user #buddypress #message-threads tr td.thread-star { 
    14631621        vertical-align: middle; 
    14641622} 
     
    15291687} 
    15301688 
    15311689.bp-user #buddypress #message-threads tr.unread td { 
    1532         background: #eee; 
    1533         border-color: #d4d0ba; 
     1690        background: none; 
     1691        border-color: #bebebe; 
    15341692} 
    15351693 
    15361694.bp-user #buddypress #message-threads th { 
     
    15501708        width: 30px; 
    15511709} 
    15521710 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554         height: auto; 
    1555 } 
    1556  
    15571711.bp-user #buddypress .acfb-holder { 
    15581712        list-style: none; 
    15591713} 
     
    15631717} 
    15641718 
    15651719.bp-user #buddypress .acfb-holder li.friend-tab { 
    1566         background: #edf7fa; 
     1720        background: #e3f6ff; 
    15671721        border: inherit; 
    15681722        margin-right: 0; 
    15691723        padding: 0.5em; 
     
    17171871 
    17181872#buddypress div.activity-comments form .ac-textarea { 
    17191873        background: #f7f7f7; 
    1720         border: 1px solid rgba(212, 208, 186, 0.5); 
     1874        border: 1px solid rgba(190, 190, 190, 0.5); 
    17211875} 
    17221876 
    17231877#buddypress div.activity-comments form .ac-textarea textarea { 
     
    17351889#buddypress .standard-form button, 
    17361890#buddypress .standard-form select, 
    17371891#buddypress .standard-form textarea { 
    1738         border-color: rgba(212, 208, 186, 0.5); 
     1892        border-color: rgba(190, 190, 190, 0.5); 
    17391893        border-width: 1px; 
    17401894} 
    17411895 
     
    17611915#buddypress div.dir-search form, 
    17621916#buddypress div.message-search form, 
    17631917#buddypress li.groups-members-search form { 
    1764         border: 1px solid rgba(212, 208, 186, 0.6); 
     1918        border: 1px solid rgba(190, 190, 190, 0.6); 
     1919        -webkit-border-radius: 2px; 
     1920        -moz-border-radius: 2px; 
     1921        -ms-border-radius: 2px; 
     1922        border-radius: 2px; 
     1923        background-clip: padding-box; 
    17651924        overflow: hidden; 
    17661925} 
    17671926 
     
    17701929#buddypress li.groups-members-search form label { 
    17711930        float: left; 
    17721931        margin: 0; 
     1932        width: 70%; 
    17731933} 
    17741934 
    17751935#buddypress div.dir-search form input[type='text'], 
     
    17771937#buddypress li.groups-members-search form input[type='text'] { 
    17781938        float: left; 
    17791939        margin: 0; 
    1780         width: 70%; 
     1940        width: 100%; 
    17811941} 
    17821942 
    17831943#buddypress div.dir-search form input[type='text'], 
     
    17861946#buddypress div.message-search form input[type='submit'], 
    17871947#buddypress li.groups-members-search form input[type='text'], 
    17881948#buddypress li.groups-members-search form input[type='submit'] { 
     1949        border: 0; 
    17891950        font-size: 14px; 
    17901951        font-size: 0.875rem; 
    1791         border: 0; 
    17921952        line-height: inherit; 
    17931953} 
    17941954 
     
    17951955#buddypress div.dir-search form input[type='text'], 
    17961956#buddypress div.message-search form input[type='text'], 
    17971957#buddypress li.groups-members-search form input[type='text'] { 
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6); 
     1958        border-right: 1px solid rgba(190, 190, 190, 0.6); 
     1959        font-weight: 400; 
    17991960        padding: 0.2em 0 0.2em 0.2em; 
    18001961} 
    18011962 
     
    18021963#buddypress div.dir-search form input[type='submit'], 
    18031964#buddypress div.message-search form input[type='submit'], 
    18041965#buddypress li.groups-members-search form input[type='submit'] { 
     1966        border-radius: 0; 
    18051967        float: right; 
    18061968        font-weight: normal; 
    18071969        padding: 0.2em 1em; 
     
    18101972        width: 30%; 
    18111973} 
    18121974 
     1975#buddypress div.dir-search { 
     1976        margin-top: 0; 
     1977} 
     1978 
     1979#buddypress .dir-search #search-members-form input[type='text'], 
     1980#buddypress #search-groups-form input[type='text'], 
     1981#buddypress #search-message-form input[type='text'] { 
     1982        float: left; 
     1983        margin: 0; 
     1984        width: 70%; 
     1985} 
     1986 
    18131987@media screen and (min-width: 30em) { 
    18141988        #buddypress div.dir-search, 
    18151989        #buddypress div.message-search, 
     
    18171991                float: right; 
    18181992                margin-bottom: 5px !important; 
    18191993        } 
    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         } 
    18311994} 
    18321995 
    18331996@media screen and (min-width: 67em) { 
    18341997        #buddypress .dir-search form input[type='text'], 
    1835         #buddypress .message-search form input[type='text'] { 
     1998        #buddypress .message-search form input[type='text'], 
     1999        #buddypress li.groups-members-search form input[type='text'] { 
    18362000                font-size: 16px; 
    18372001                font-size: 1rem; 
    18382002        } 
    18392003        #buddypress .dir-search form input[type='submit'], 
    1840         #buddypress .message-search form input[type='submit'] { 
     2004        #buddypress .message-search form input[type='submit'], 
     2005        #buddypress li.groups-members-search form input[type='submit'] { 
    18412006                font-size: 16px; 
    18422007                font-size: 1rem; 
    18432008        } 
    18442009} 
    18452010 
     2011body.colors-dark #page #buddypress .dir-search form, 
     2012body.colors-dark #page #buddypress .groups-members-search form { 
     2013        background: #333; 
     2014        border-color: #555; 
     2015        -webkit-border-radius: 2px; 
     2016        -moz-border-radius: 2px; 
     2017        -ms-border-radius: 2px; 
     2018        border-radius: 2px; 
     2019        background-clip: padding-box; 
     2020        padding: 1px; 
     2021} 
     2022 
     2023body.colors-dark #page #buddypress .dir-search input[type="text"], 
     2024body.colors-dark #page #buddypress .groups-members-search input[type="text"] { 
     2025        background: none; 
     2026} 
     2027 
     2028body.colors-dark #page #buddypress .dir-search input[type="submit"], 
     2029body.colors-dark #page #buddypress .groups-members-search input[type="submit"] { 
     2030        -webkit-border-radius: 2px; 
     2031        -moz-border-radius: 2px; 
     2032        -ms-border-radius: 2px; 
     2033        border-radius: 2px; 
     2034        background-clip: padding-box; 
     2035} 
     2036 
    18462037/** 
    18472038*------------------------------------------------------------------------------- 
    18482039* @section 8.0 - Tables - General 
     
    18552046} 
    18562047 
    18572048#buddypress table tr th { 
    1858         background: #6f6f6f; 
    1859         border-color: #b7b7b7; 
    1860         color: #fff; 
     2049        background: #f7f7f7; 
     2050        border-color: #eaeaea; 
     2051        color: #333; 
    18612052} 
    18622053 
    18632054#buddypress table p { 
     
    19142105        text-align: center; 
    19152106} 
    19162107 
     2108#buddypress .notifications .actions { 
     2109        text-align: center; 
     2110} 
     2111 
    19172112/** 
    19182113*------------------------------------------------------------------------------- 
    19192114* @section 9.0 - Error / Success messages 
     
    19262121} 
    19272122 
    19282123#buddypress div#message.info p { 
    1929         background: #c6e4ee; 
    1930         border: 1px solid #78bed6; 
    1931         color: #1e5264; 
     2124        background: #b0e5ff; 
     2125        border: 1px solid #4ac3ff; 
     2126        color: #00547d; 
    19322127} 
    19332128 
    19342129#buddypress div#message.updated p { 
     
    19372132        color: #454d19; 
    19382133} 
    19392134 
     2135#buddypress .bp-avatar-status .warning, 
     2136#buddypress .bp-cover-image-status .warning { 
     2137        background: #7dd4ff; 
     2138        border: 1px solid #000; 
     2139        color: #333; 
     2140        font-size: 16px; 
     2141        font-size: 1rem; 
     2142} 
     2143 
    19402144.delete-group #buddypress div#message.info p { 
    19412145        background: #db7e7e; 
    19422146        border: 1px solid #be3535; 
     
    19492153*------------------------------------------------------------------------------- 
    19502154*/ 
    19512155#buddypress .acfb-holder li.friend-tab { 
    1952         background: #9fd1e2; 
     2156        background: #7dd4ff; 
    19532157        border: inherit; 
    19542158} 
  • src/bp-templates/bp-legacy/css/twentyseventeen.scss

     
    192192} 
    193193 
    194194// Variables: color definitions 
    195 $body-text:          #141412; 
     195 
     196$dark-grey:     #555; 
     197$medium-grey:   #878787; 
     198$light-grey:    #dcdcdc; 
     199$x-light-grey:  #f7f7f7; 
     200$white:         #fff; 
     201 
     202$body-text:          #333; 
     203$bp-light-text:      $medium-grey; 
     204$bp-xlight-text:     #eee; 
    196205$content-background: #fff; 
    197 $off-white:          lighten(#f9f8ee, 0.7); 
     206$off-white:          #fafafa; 
    198207$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 
     208$light-background:   $x-light-grey; 
     209$medium-background:  $medium-grey; 
     210$dark-background:    $dark-grey; 
     211$border-color:       #bebebe; 
    203212$border-light:       #eaeaea; // BP dividers 
    204213$border-med:         #ddd; 
    205214$background-hover:   #db572f; // 2017 link background hover 
     
    206215$bp-button-hover:    #ededed; // this is the default BP button hover background 
    207216$notice-error:       #c85a6e; 
    208217$notice-warning:     #d05656; 
    209 $notice-info:        #9fd1e2; 
     218$notice-info:        #7dd4ff; 
    210219$notice-update:      #ced98c; 
    211220$stripe-odd:         #ebf0ff; 
    212221$stripe-even:        #dbe5ff; 
    213 $unread:             #eee; 
     222$unread:             $x-light-grey; 
    214223$link-action:        #c82b2b; 
    215224/*-------------------------------------------------------------- 
    216225 
     
    293302 
    294303} // close .buddypress 
    295304 
    296         // reduce the overlarge entry title margins 
     305// reduce the overlarge entry title margins 
    297306@include medium-up { 
    298307 
    299308        .buddypress.bp-user.page, 
     
    310319                } 
    311320        } 
    312321} 
    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); 
    320322 
    321                                 @include medium-up { 
    322                                         @include font-size(28); 
    323                                 } 
    324                         } 
    325                 } 
    326         } 
    327 } 
    328  
    329323// 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. 
     324// This takes into account the ability to columnize pages in 2017. 
    331325// Only effect changes based on breakpoints. 
    332326 
    333 @include medium-up { 
     327@include med-small-up { 
    334328 
    335329        body.buddypress.page.page-two-column { 
    336330 
     
    337331                #primary { 
    338332 
    339333                        .entry-header { 
    340                                 width: 20%; 
     334                                width: 30%; 
    341335                        } 
    342336 
    343337                        .entry-content { 
    344                                 width: 80%; 
     338                                width: 68%; 
    345339                        } 
    346340                } 
    347341        } 
     
    357351                        .content-bottom-widgets { 
    358352                                margin-left: 0; 
    359353                                margin-right: 0; 
    360 //                              width: auto; 
    361354                        } 
    362355                } 
    363356 
     
    371364        } // body.buddypress 
    372365} 
    373366 
     367// 2017 allows for selecting two distinct color schemes. 
     368// Our companion styles respect themes colors & inherit or avoid 
     369// setting backgrounds/colors so selecting the dark scheme generally 
     370// allows the theme to reset the BP text/headings etc to white 
     371// In places we do set backgrounds, Navs, search forms etc these 
     372// are added here under the themes body class to enable changing 
     373 
     374// Some element colors are inherited from BP original sheet so need to 
     375// to be reset under the dark scheme, where set in this sheet we simply state them 
     376// only for the light scheme, additionally elements such as BP form styles 
     377// need styles removing & are handled later in 'Forms' section 
     378body.colors-dark { 
     379 
     380        #buddypress { 
     381 
     382                //tabs border bottom color needs to match dark background 
     383                #group-create-tabs.item-list-tabs { 
     384 
     385                        li.selected, 
     386                        li.current { 
     387                                border-bottom-color: #222; 
     388 
     389                                a { 
     390                                        color: inherit; 
     391                                } 
     392                        } 
     393                } 
     394 
     395                .item-list-tabs { 
     396 
     397                        li.selected, 
     398                        li.current { 
     399 
     400                                a { 
     401                                        color: inherit; 
     402                                } 
     403                        } 
     404                } 
     405 
     406                // With the dark scheme the subnav links lose definition as list links 
     407                // nav menu, add a border bottom to clarify the nav. 
     408                #subnav.item-list-tabs { 
     409 
     410                        ul { 
     411                                border-bottom: 1px solid rgba($border-light, 0.9); 
     412                                margin-bottom: $spacing-val-md; 
     413 
     414                                li.last { 
     415                                        border-top: 1px solid rgba($border-light, 0.9); 
     416                                } 
     417                        } 
     418                } 
     419 
     420                // lists text: descr, meta, etc 
     421                .item-list { 
     422 
     423                        div.meta { 
     424                                color: #ddd; 
     425                        } 
     426 
     427                        div.item-desc, 
     428                        .activity-header p, 
     429                        .activity-comments ul, 
     430                        .acomment-meta { 
     431                                color: $bp-xlight-text; 
     432                        } 
     433 
     434                        .activity-meta, 
     435                        .action { 
     436                                a { 
     437                                        background: $off-white; 
     438 
     439                                        &:focus, 
     440                                        &:hover { 
     441                                                background: $white; 
     442                                        } 
     443                                } 
     444                        } 
     445                } 
     446 
     447                #latest-update { 
     448                        color: $bp-xlight-text; 
     449                } 
     450 
     451                div.pagination * { 
     452                        color: #ddd; 
     453                } 
     454 
     455                #item-header { 
     456                        .user-nicename { 
     457                                color: $bp-xlight-text; 
     458                        } 
     459                } 
     460 
     461                #item-body { 
     462 
     463                        table { 
     464 
     465                                thead { 
     466 
     467                                        tr, 
     468                                        th { 
     469                                                background: none ; 
     470                                                color: $bp-xlight-text; 
     471                                        } 
     472                                } 
     473 
     474                                tr.alt { 
     475 
     476                                        td { 
     477                                                background: none; 
     478                                                color: $bp-xlight-text; 
     479                                        } 
     480                                } 
     481 
     482                                .field-visibility-settings, 
     483                                .field-visibility-settings-notoggle { 
     484                                        color: #eee; 
     485                                } 
     486 
     487                        } 
     488 
     489                        fieldset { 
     490                                background: none; 
     491                        } 
     492 
     493                        .checkbox, 
     494                        .radio { 
     495 
     496                                label { 
     497                                        color: #eee; 
     498                                } 
     499                        } 
     500 
     501                        div#invite-list { 
     502                                background: none; 
     503                        } 
     504                } 
     505 
     506        } // close #buddypress 
     507} 
     508 
     509// remove borders for dir component screens. 
     510.directory.colors-dark { 
     511 
     512        #buddypress { 
     513 
     514                #subnav { 
     515                        ul { 
     516                                border-top: 0; 
     517 
     518                                li.last.filter { 
     519                                        border-top: 0; 
     520                                } 
     521                        } 
     522                } 
     523 
     524                div.activity { 
     525                        ul.item-list { 
     526                                border-top: 0; 
     527                        } 
     528                } 
     529        } 
     530} 
     531 
     532body.colors-light { 
     533 
     534        #buddypress { 
     535 
     536                div.item-list-tabs { 
     537 
     538                        ul { 
     539                                background-color: $off-white; 
     540                        } 
     541                } 
     542 
     543                div#subnav.item-list-tabs { 
     544 
     545                        ul { 
     546                                background-color: $light-background; 
     547 
     548                                li.last { 
     549                                        background: $content-background; 
     550                                } 
     551                        } 
     552                } 
     553 
     554                .item-list { 
     555 
     556                        .activity-header { 
     557 
     558                                p { 
     559                                        background-color: $light-background; 
     560                                        color: $bp-light-text; 
     561                                } 
     562                        } 
     563 
     564                        .activity-comments { 
     565 
     566                                .acomment-meta { 
     567                                        color: #737373; 
     568                                } 
     569                        } 
     570                } 
     571 
     572                #item-body { 
     573 
     574                        .profile { 
     575 
     576                                h2 { 
     577                                        background: $medium-grey; 
     578                                        color: #fff; 
     579                                } 
     580                        } 
     581                } 
     582 
     583                table { 
     584 
     585                        tr.alt { 
     586 
     587                                td { 
     588                                        background: #f5f5f5; 
     589                                        color: $body-text; 
     590                                } 
     591                        } 
     592                } 
     593 
     594                div#invite-list { 
     595                                background: $off-white; 
     596                } 
     597        } // close #buddypress 
     598} 
     599 
    374600/** 
    375601*------------------------------------------------------------------------------- 
    376602* @section 2.0 - Navigation - General 
     
    409635        div.item-list-tabs { 
    410636 
    411637                ul { 
    412                         background-color: $off-white; 
    413638                        border-bottom: 1px solid rgba($border-light, 0.9); 
    414                         border-top: 1px solid rgba($border-light, 0.9); 
    415639                        overflow: hidden; 
    416640                        padding: 0; 
    417641 
     
    418642                        li { 
    419643 
    420644                                a { 
    421                                         color: #0073c1; 
    422645 
    423646                                        span {border-radius: 25%;} 
    424647                                } 
     
    428651 
    429652} // close #buddypress 
    430653 
    431 // .bp-user #object-nav @ small screen as a dropdown 
    432654 
    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 } 
    479  
    480655/*__ Horizontal menus __*/ 
    481656#buddypress { 
    482657 
     
    519694                margin-top: 0; 
    520695 
    521696                ul { 
    522                         background-color: $light-background; 
    523697                        border-bottom: 0; 
    524698                        margin-top: $spacing-val-xs; 
    525699                        padding: 0; 
    526700 
    527701                        li.last { 
    528                                 background: $content-background; 
    529702                                margin-top: 0; 
    530703                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0; 
    531704                                width: 100%; 
     
    569742// This block contains rules to re-factor the item-body structural element 
    570743// to sit alongside the vert menu 
    571744// 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. 
     745// we'll only display object nav as a vert menu if not .two-column-page. 
    573746 
    574747@include medium-up { 
    575748 
    576         body.no-sidebar { 
     749        body:not(.page-two-column) { 
    577750 
    578751                #buddypress { 
    579752 
    580                         #item-header, 
    581                         #item-body { 
    582                                 background: $content-background; 
    583                         } 
    584  
    585753                        #object-nav { 
    586754                                border-right: 1px solid $border-med; 
    587755                                float: left; 
     
    630798 
    631799@include med-small-up { 
    632800 
    633         #main { 
    634  
    635801                #buddypress { 
    636802 
    637803                        #group-create-tabs.item-list-tabs { 
     
    682848 
    683849                        } // close #subnav 
    684850                } // close #buddypress 
    685         } 
     851 
    686852} // close @media 
    687853 
    688854/** 
     
    770936        } 
    771937 
    772938        .action { 
     939 
    773940                .generic-button { 
     941 
    774942                        a { 
     943 
    775944                                &:focus, 
    776945                                &:hover { 
    777946                                        background: inherit; 
     
    8511020 
    8521021                                        .update { 
    8531022                                                display: block; 
    854                                                 @include font-size(12); 
     1023                                                @include font-size(13); 
    8551024 
    8561025                                                @include medium-up { 
    8571026                                                        @include font-size(14); 
     
    8921061                                // remove BP margin left 
    8931062                                margin-left: 0; 
    8941063                                padding: $spacing-val-md 0 $spacing-val-xs; 
     1064 
    8951065                                // push the actions to the right 
    896  
    8971066                                @include medium-up { 
    8981067                                        clear: none; 
    8991068                                        float: right; 
     
    9171086                                        // Provisionally lets keep the 'action' div 
    9181087                                        // position but inline-block the buttons 
    9191088 
    920                                         @include med-small-up { 
     1089                                        @include small-up { 
    9211090                                                // keep buttons to a row small tablet up 
    9221091                                                margin: 0 $spacing-val-sm $spacing-val-sm 0; 
    9231092                                                width: auto; 
     
    10881257                li.mini { 
    10891258 
    10901259                        .activity-avatar { 
     1260 
    10911261                                a { 
     1262 
    10921263                                        img.avatar { 
    10931264                                                height: 30px; 
    10941265                                                margin-left: 15px; 
     
    11091280                        margin-top: -12px; 
    11101281 
    11111282                        .activity-header { 
    1112                                 line-height: inherit; 
    11131283                                margin-right: 0; 
    11141284 
    11151285                                p { 
    1116                                         background-color: $light-background; 
    11171286                                        border: 1px solid rgba($border-light, 0.6); 
    1118                                         color: #727272; 
    11191287                                        margin-top: 0; 
    11201288                                        padding: 0 0.2em; 
    11211289                                } 
    11221290 
    11231291                                img.avatar { 
     1292                                        box-shadow: none; 
    11241293                                        display: inline-block; 
    1125                                         margin-bottom: 0 !important; // have to match to BP 
     1294                                        margin: 0 5px !important; // have to match to BP 
     1295                                        vertical-align: middle; 
    11261296                                } 
    11271297                        } // close .activity-header 
    11281298 
    11291299                        .activity-meta { 
     1300 
    11301301                                a { 
    11311302                                        display: block; 
    11321303                                        margin-bottom: $spacing-val-xs; 
    11331304 
    1134                                         @include small-up-bp { 
     1305                                        @include small-up { 
    11351306                                                display: inline-block; 
    11361307                                                margin-bottom: 0; 
     1308                                                width: auto; 
    11371309                                        } 
    11381310                                } 
    11391311                        } 
     
    11971369 
    11981370                .activity-comments { 
    11991371                        border-left: 1px solid $border-light; 
    1200                         margin-top: 5px; 
    12011372 
     1373                        margin: $spacing-val-md 0 $spacing-val-md ; 
     1374 
     1375                        @include small-up { 
     1376                                margin-left: $spacing-val-md; 
     1377                        } 
     1378 
    12021379                        ul { 
    1203                                 background: rgba($light-background, 0.6); 
    1204                                 color: #737373; 
    12051380                                margin: 15px 0 0 2px; 
    12061381 
     1382                                li { 
     1383                                        border-top: 1px solid $border-color; 
     1384                                } 
     1385 
    12071386                                a { 
    12081387                                        color: #0077c7; 
    12091388                                } 
     
    12101389                        } 
    12111390 
    12121391                        .acomment-meta { 
    1213                                 color: #737373; 
     1392                                border-bottom: 1px solid $border-light; 
    12141393                        } 
    12151394 
    12161395                        .ac-form { 
     
    12561435        #members-list { 
    12571436 
    12581437                @include medium-up { 
     1438 
    12591439                        li { 
    12601440                                .item-avatar, 
    12611441                                .item { 
     
    12661446                                        float: right; 
    12671447                                } 
    12681448                        } 
     1449 
     1450                        li.is-current-user { 
     1451 
     1452                                .item { 
     1453                                        float: none; 
     1454                                        left: 0; 
     1455                                        padding-left: 5%; 
     1456                                        width: auto; 
     1457                                } 
     1458                        } 
    12691459                } 
    12701460 
    12711461        } // close #members-list 
     
    13181508* @subsection 6.1 - Item Header Global 
    13191509*----------------------------------------------------------- 
    13201510*/ 
     1511        @include med-small-up { 
    13211512 
     1513 
     1514        .bp-user.page-two-column { 
     1515 
     1516                #buddypress { 
     1517 
     1518                        #cover-image-container { 
     1519 
     1520                                #item-header-cover-image { 
     1521 
     1522 
     1523                                } 
     1524                        } 
     1525 
     1526                        #cover-image-container { 
     1527 
     1528                                #item-header-cover-image { 
     1529 
     1530                                        #item-header-content { 
     1531                                                margin-left: 140px; 
     1532                                                margin-top: -100px; 
     1533                                        } 
     1534                                } 
     1535                        } 
     1536                } 
     1537        } 
     1538 
     1539        .single-item.groups.page-two-column { 
     1540 
     1541                #buddypress { 
     1542 
     1543                        #cover-image-container { 
     1544 
     1545                                #item-header-cover-image { 
     1546 
     1547                                        #item-header-content { 
     1548                                                margin-left: 10px; 
     1549                                        } 
     1550                                } 
     1551                        } 
     1552                } 
     1553        } 
     1554} 
     1555 
    13221556.bp-user, 
    13231557.single-item.groups { 
    13241558 
    13251559        #buddypress { 
    13261560 
     1561                // we need to remove the cover image dec styles 
     1562                // & reset them for med up  only. 
     1563                #item-header-cover-image { 
     1564                        .user-nicename { 
     1565                                color: $body-text; 
     1566                                text-shadow: none; 
     1567                        } 
     1568                } 
     1569 
     1570                @include med-small-up { 
     1571 
     1572                        #item-header-cover-image { 
     1573 
     1574                                .user-nicename { 
     1575                                        color: $white; 
     1576                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1577                                } 
     1578                        } 
     1579                } 
     1580 
    13271581                #item-header-content { 
    13281582 
    13291583                        #item-meta { 
     
    14171671                                        text-align: center; 
    14181672 
    14191673                                        a { 
    1420                                                 border-bottom: 0; 
    14211674 
    14221675                                                img { 
    14231676                                                        display: inline-block; 
     
    15241777                                img.avatar, 
    15251778 
    15261779                                a { 
    1527                                         border-bottom: 0; 
    15281780                                        display: inline-block; 
    15291781                                        float: none; 
    15301782                                } 
     
    15601812*----------------------------------------------------------- 
    15611813*/ 
    15621814 
     1815 
    15631816/** 
    15641817*---------------------------------------------------- 
    15651818* @subsection 6.2.1 - Item Body Groups 
     
    15681821*---------------------------------------------------- 
    15691822*/ 
    15701823 
     1824.groups.single-item.members { 
     1825 
     1826        #buddypress { 
     1827 
     1828                #subnav.item-list-tabs { 
     1829 
     1830                        ul { 
     1831                                background: none; 
     1832                                border-top: 0; 
     1833                        } 
     1834 
     1835                } 
     1836        } 
     1837 
     1838} 
     1839 
    15711840/** 
    15721841*----------------------------------------- 
    15731842* @subsection 6.2.1.1 - Group Management 
     
    17091978                                        } 
    17101979                                } 
    17111980 
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0; 
     1981                                margin: $spacing-val-xs 0 0; 
    17131982                        } 
    17141983                } 
    17151984        } 
     
    17782047 
    17792048                .pag-count {font-style: italic;} 
    17802049 
    1781                 .notifications-options-nav { 
    1782                         border: 1px solid rgba($border-color, 0.5); 
     2050                .notifications-options-nav, 
     2051                .messages-options-nav { 
     2052 
    17832053                        float: left; 
    17842054                        width: 100%; 
    17852055 
     
    17932063 
    17942064                        select, 
    17952065                        input { 
    1796                                 border: 0; 
     2066 
    17972067                                @include font-size(14); 
    17982068                                outline: 0; 
    17992069                                padding: 0; 
     
    18012071 
    18022072                        select { 
    18032073                                float: left; 
    1804                                 margin-right: 0; 
    1805                                 width: 60%; 
     2074                                margin-right: 1%; 
     2075                                width: 59%; 
    18062076                        } 
    18072077 
    18082078                        input { 
     
    18122082                                width: 40%; 
    18132083                        } 
    18142084 
    1815                 } // close .notifications-options-nav 
     2085                        input[disabled="disabled"]:focus, 
     2086                        input[disabled="disabled"]:hover { 
     2087                                background: none; 
     2088                        } 
    18162089 
     2090 
     2091                } // close .notifications-options-nav/.messages-options-nav 
     2092 
    18172093        } //close #buddypress 
    18182094} // close .bp-user 
    18192095 
     
    18302106                .profile { 
    18312107                        .bp-widget { 
    18322108                                h2 { 
    1833                                         background: lighten($dark-background, 15%); 
    1834                                         color: #fff; 
    18352109                                        margin: $spacing-val-lg 0 $spacing-val-sm; 
    18362110                                        padding: 0.1em 0 0.1em 0.4em; 
    18372111                                } 
    18382112 
    18392113                                table {margin-top: 0;} 
     2114 
     2115                                .profile-fields { 
     2116 
     2117                                        tr.alt { 
     2118                                                td { 
     2119                                                        color: $body-text; 
     2120                                                } 
     2121                                        } 
     2122 
     2123                                        tr:last-child { 
     2124                                                border-bottom: none; 
     2125                                        } 
     2126                                } 
     2127 
    18402128                        } 
     2129 
    18412130                        /* Edit profile */ 
    18422131 
    18432132                        #profile-edit-form { 
     
    18742163                                } //.button-nav 
    18752164 
    18762165                                .field-visibility-settings-toggle, 
     2166                                .field-visibility-settings-notoggle, 
    18772167                                .field-visibility-settings { 
    18782168                                        @include font-size(14); 
     2169                                        margin-top: $spacing-val-sm; 
    18792170                                } 
    18802171 
    18812172                                .field-visibility-settings-close, 
    18822173                                .visibility-toggle-link { 
    18832174                                        background: $dark-background; 
     2175                                        @include border-radius(3px); 
    18842176                                        color: #fff; 
    18852177                                        padding: 0.2em 0.5em; 
    18862178                                } 
     
    19322224 
    19332225                #message-thread { 
    19342226                        //Single message view 
     2227 
    19352228                        a { 
    19362229                                border-bottom: 0; 
    19372230                        } 
     
    19792272                        } 
    19802273 
    19812274                        #send-reply { 
     2275 
    19822276                                .message-content { 
    19832277                                        background: $content-background; 
    19842278                                        border: 0; 
     
    19942288                #message-threads { 
    19952289 
    19962290                        thead { 
     2291 
    19972292                                tr { 
    1998                                         background: lighten($dark-background, 10%); 
     2293                                        background: none; 
     2294                                        border-bottom: 1px solid $border-color; 
     2295 
     2296 
     2297                                        th { 
     2298                                                background: #555; 
     2299                                        } 
    19992300                                } 
    20002301                        } 
    20012302 
    20022303                        tr { 
     2304                                border-bottom: 5px solid $medium-grey; 
     2305 
    20032306                                td { 
    2004                                         background: $content-background; 
    20052307                                        display: inline-block; 
    20062308                                        float: left; 
    20072309                                } 
     
    20082310 
    20092311                                td.thread-star, 
    20102312                                td.thread-options { 
    2011                                         border-bottom-color: $medium-background; 
    2012                                         border-bottom-width: 2px; 
     2313                                        border-bottom-color: $border-color; 
     2314                                        border-bottom-width: 1px; 
    20132315                                        height: 2.4em; 
    20142316                                        padding-bottom: 0.2em; 
    20152317                                        padding-top: 0.2em; 
     
    20192321                                        } 
    20202322                                } 
    20212323 
     2324                                td.bulk-select-check, 
     2325                                td.thread-star, 
     2326                                td.thread-from, 
     2327                                td.thread-info, 
     2328                                td.thread-options { 
     2329                                        border-top: 0; 
     2330                                } 
     2331 
    20222332                                td.thread-star { 
    20232333                                        vertical-align: middle; 
    20242334 
     
    20802390                        } 
    20812391 
    20822392                        tr.unread { 
     2393 
    20832394                                td { 
    2084                                         background: $unread; 
     2395                                        background: none; 
    20852396                                        border-color: $border-color; 
    20862397                                } 
    20872398                        } 
     
    21042415                        } 
    21052416                } 
    21062417 
    2107                 .messages-options-nav { 
    2108                         select { 
    2109                                 height: auto; 
    2110                         } 
    2111                 } 
    2112  
    21132418                .acfb-holder { 
    21142419                        list-style: none; 
    21152420 
     
    22952600 
    22962601// Attempt to reset form control widths 
    22972602#main { 
     2603 
    22982604        #buddypress { 
     2605 
    22992606                .standard-form { 
    23002607 
    2301                         li {float: none;} 
     2608                        li { 
     2609                                float: none; 
     2610                        } 
     2611 
    23022612                        input[type='text'], 
    23032613                        input[type='email'], 
    23042614                        input[type='password'], 
     
    23092619        } 
    23102620} 
    23112621 
    2312  
    23132622#buddypress { 
    23142623 
    23152624        // Match BP form elements to Themes(2017) styling where styles 
     
    23642673} // close #buddypress 
    23652674 
    23662675#buddypress { 
     2676 
    23672677        div.dir-search, 
    23682678        div.message-search, 
    23692679        li.groups-members-search { 
     
    23752685 
    23762686                form { // *sigh* only to bludgeon over specified rules 
    23772687                        border: 1px solid rgba($border-color, 0.6); 
     2688                        @include border-radius(2px); 
    23782689                        overflow: hidden; 
    23792690 
    23802691                        label { 
    23812692                                float: left; 
    23822693                                margin: 0; 
     2694                                width: 70%; 
    23832695                        } 
    23842696 
    23852697                        input[type='text'] { 
    23862698                                float: left; 
    23872699                                margin: 0; 
    2388                                 width: 70%; 
     2700                                width: 100%; 
    23892701                        } 
    23902702 
    23912703                        input[type='text'], 
    23922704                        input[type='submit'] { 
     2705                                border: 0; 
    23932706                                @include font-size(14); 
    2394                                 border: 0; 
    23952707                                line-height: inherit; 
    23962708                        } 
    23972709 
    23982710                        input[type='text'] { 
    23992711                                border-right: 1px solid rgba($border-color, 0.6); 
     2712                                font-weight: 400; 
    24002713                                padding: 0.2em 0 0.2em 0.2em; 
    24012714                        } 
    24022715 
    24032716                        input[type='submit'] { 
     2717                                border-radius: 0; 
    24042718                                float: right; 
    24052719                                font-weight: normal; 
    24062720                                padding: 0.2em 1em; 
     
    24122726 
    24132727        } // close .dir-search, .message-search 
    24142728 
     2729        // Dirs & certain components hide search hides labels so can't width the label element 
     2730        // adjust so that the input takes reduced width. 
     2731 
     2732        div.dir-search { 
     2733                margin-top: 0; 
     2734        } 
     2735 
     2736        .dir-search #search-members-form, 
     2737        #search-groups-form, 
     2738        #search-message-form { 
     2739 
     2740                input[type='text'] { 
     2741                        float: left; 
     2742                        margin: 0; 
     2743                        width: 70%; 
     2744                } 
     2745        } 
     2746 
    24152747        // Shift the search parent to the right and allow to shrinkwrap 
    24162748 
    24172749        @include small-up { 
     
    24202752                li.groups-members-search { 
    24212753                        float: right; 
    24222754                        margin-bottom: 5px !important; 
    2423  
    2424                         form { 
    2425                                 label, 
    2426                                 input[type='text'], 
    2427                                 input[type='submit'] { 
    2428                                         width: auto; 
    2429                                 } 
    2430                         } 
    24312755                } 
    24322756 
    24332757        } // close @media 
     
    24362760        @include large-up { 
    24372761 
    24382762                .dir-search, 
     2763                .message-search, 
     2764                li.groups-members-search { 
    24392765 
    2440                 .message-search { 
    2441  
    24422766                        form { 
    24432767 
    24442768                                input[type='text'] { 
     
    24542778 
    24552779} // close #buddypress 
    24562780 
     2781// Adjustments for form elements colors, backgrounds, borders under the dark scheme. 
     2782body.colors-dark { 
     2783 
     2784        #page { // for weight 
     2785 
     2786                #buddypress { 
     2787 
     2788                        .dir-search, 
     2789                        .groups-members-search { 
     2790 
     2791                                form { 
     2792                                        background: #333; 
     2793                                        border-color: #555; 
     2794                                        @include border-radius(2px); 
     2795                                        padding: 1px; 
     2796                                } 
     2797 
     2798                                input[type="text"] { 
     2799                                        background: none; 
     2800                                } 
     2801 
     2802                                input[type="submit"] { 
     2803                                        @include border-radius(2px) 
     2804                                } 
     2805                        } 
     2806                } 
     2807        } 
     2808} 
    24572809/** 
    24582810*------------------------------------------------------------------------------- 
    24592811* @section 8.0 - Tables - General 
     
    24722824                margin: $spacing-val-md 0; 
    24732825 
    24742826                tr th { 
    2475                         background: lighten($dark-background, 10%); 
    2476                         border-color: darken($border-light, 20%); 
    2477                         color: $content-background; 
     2827                        background: $light-background; 
     2828                        border-color: $border-light; 
     2829                        color: $body-text; 
    24782830                } 
    24792831 
    24802832                // Reduce the themes inherited paragraph margins in tables 
     
    25362888                } 
    25372889 
    25382890        } // .notifications, .message-notices 
     2891 
     2892        .notifications { // table element 
     2893                .actions { // th element 
     2894                        text-align: center; 
     2895                } 
     2896        } 
    25392897} // #buddypress 
    25402898 
    25412899/** 
     
    25732931 
    25742932        } // close #message 
    25752933 
     2934        .bp-avatar-status, 
     2935        .bp-cover-image-status { 
     2936 
     2937                .warning { 
     2938                        background: #7dd4ff; 
     2939                        border: 1px solid #000; 
     2940                        color: $body-text; 
     2941                        @include font-size(16); 
     2942                } 
     2943        } 
     2944 
    25762945} // close  #buddypress 
    25772946 
    25782947// Without direct classes on our mesages ( 'warning')