Skip to:
Content

Ticket #7338: 7338-06.patch

File 7338-06.patch, 48.3 KB (added by hnla, 13 months ago)

Further border adjustments for nav items in dark scheme.

  • 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 
     192.directory.colors-dark #buddypress #subnav ul { 
     193        border-top: 0; 
     194} 
     195 
     196.directory.colors-dark #buddypress #subnav ul li.last.filter { 
     197        border-top: 0; 
     198} 
     199 
     200.directory.colors-dark #buddypress div.activity ul.item-list { 
     201        border-top: 0; 
     202} 
     203 
     204body.colors-light #buddypress div.item-list-tabs ul { 
     205        background-color: #fafafa; 
     206} 
     207 
     208body.colors-light #buddypress div#subnav.item-list-tabs ul { 
     209        background-color: #f7f7f7; 
     210} 
     211 
     212body.colors-light #buddypress div#subnav.item-list-tabs ul li.last { 
     213        background: #fff; 
     214} 
     215 
     216body.colors-light #buddypress .item-list .activity-header p { 
     217        background-color: #f7f7f7; 
     218        color: #878787; 
     219} 
     220 
     221body.colors-light #buddypress .item-list .activity-comments .acomment-meta { 
     222        color: #737373; 
     223} 
     224 
     225body.colors-light #buddypress #item-body .profile h2 { 
     226        background: #878787; 
     227        color: #fff; 
     228} 
     229 
     230body.colors-light #buddypress table tr.alt td { 
     231        background: #f5f5f5; 
     232        color: #333; 
     233} 
     234 
    135235/** 
    136236*------------------------------------------------------------------------------- 
    137237* @section 2.0 - Navigation - General 
     
    150250} 
    151251 
    152252#buddypress div.item-list-tabs ul { 
    153         background-color: #faf9f1; 
    154253        border-bottom: 1px solid rgba(234, 234, 234, 0.9); 
    155254        border-top: 1px solid rgba(234, 234, 234, 0.9); 
    156255        overflow: hidden; 
     
    157256        padding: 0; 
    158257} 
    159258 
    160 #buddypress div.item-list-tabs ul li a { 
    161         color: #0073c1; 
    162 } 
    163  
    164259#buddypress div.item-list-tabs ul li a span { 
    165260        border-radius: 25%; 
    166261} 
    167262 
    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  
    200263/*__ Horizontal menus __*/ 
    201264#buddypress #object-nav ul { 
    202265        overflow: hidden; 
     
    229292} 
    230293 
    231294#buddypress div#subnav.item-list-tabs ul { 
    232         background-color: #f7f7f7; 
    233295        border-bottom: 0; 
    234296        margin-top: 5px; 
    235297        padding: 0; 
     
    236298} 
    237299 
    238300#buddypress div#subnav.item-list-tabs ul li.last { 
    239         background: #fff; 
    240301        margin-top: 0; 
    241302        padding: 5px 5px 5px 0; 
    242303        width: 100%; 
     
    273334 
    274335/*__ Vertical menu User Account / Group single screens __*/ 
    275336@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 { 
     337        body:not(.page-two-column) #buddypress #object-nav { 
    281338                border-right: 1px solid #ddd; 
    282339                float: left; 
    283340                margin-right: -1px; 
    284341                width: 200px; 
    285342        } 
    286         body.no-sidebar #buddypress #object-nav ul { 
     343        body:not(.page-two-column) #buddypress #object-nav ul { 
    287344                background: none; 
    288345                border-bottom: 0; 
    289346                padding: 0; 
    290347        } 
    291         body.no-sidebar #buddypress #object-nav ul li { 
     348        body:not(.page-two-column) #buddypress #object-nav ul li { 
    292349                float: none; 
    293350                overflow: hidden; 
    294351        } 
    295         body.no-sidebar #buddypress #object-nav ul li span { 
     352        body:not(.page-two-column) #buddypress #object-nav ul li span { 
    296353                background: #fff; 
    297354                border-radius: 10%; 
    298355                float: right; 
    299356                margin-right: 2px; 
    300357        } 
    301         body.no-sidebar #buddypress #item-body { 
     358        body:not(.page-two-column) #buddypress #item-body { 
    302359                border-left: 1px solid #ddd; 
    303360                overflow: hidden; 
    304361                padding: 0 0 0 20px; 
    305362                width: auto; 
    306363        } 
    307         body.no-sidebar #buddypress #item-body #subnav { 
     364        body:not(.page-two-column) #buddypress #item-body #subnav { 
    308365                margin: 0 0 0 -20px; 
    309366        } 
    310         body.no-sidebar #buddypress #item-body #subnav ul { 
     367        body:not(.page-two-column) #buddypress #item-body #subnav ul { 
    311368                margin-top: 0; 
    312369        } 
    313370} 
    314371 
    315372@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 { 
     373        #buddypress #group-create-tabs.item-list-tabs ul:before, 
     374        #buddypress #group-create-tabs.item-list-tabs ul:after { 
    318375                content: " "; 
    319376                display: table; 
    320377        } 
    321         #main #buddypress #group-create-tabs.item-list-tabs ul:after { 
     378        #buddypress #group-create-tabs.item-list-tabs ul:after { 
    322379                clear: both; 
    323380        } 
    324         #main #buddypress #group-create-tabs.item-list-tabs ul { 
     381        #buddypress #group-create-tabs.item-list-tabs ul { 
    325382                background: none; 
    326383                border: 0; 
    327384                border-bottom: 1px solid #ddd; 
     
    328385                overflow: visible; 
    329386                padding-bottom: 0; 
    330387        } 
    331         #main #buddypress #group-create-tabs.item-list-tabs ul li { 
     388        #buddypress #group-create-tabs.item-list-tabs ul li { 
    332389                float: left; 
    333390                width: auto; 
    334391        } 
    335         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
    336         #main #buddypress #group-create-tabs.item-list-tabs ul li.current { 
     392        #buddypress #group-create-tabs.item-list-tabs ul li.selected, 
     393        #buddypress #group-create-tabs.item-list-tabs ul li.current { 
    337394                border: 1px solid #ddd; 
    338395                border-bottom-color: #fff; 
    339396                -webkit-border-top-right-radius: 4px; 
     
    343400                background-clip: padding-box; 
    344401                margin-bottom: -1px; 
    345402        } 
    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 { 
     403        #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
     404        #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348405                background: none; 
    349                 color: #141412; 
     406                color: #333; 
    350407                outline: none; 
    351408        } 
    352         #main #buddypress #subnav ul { 
     409        #buddypress #subnav ul { 
    353410                border-bottom: 0; 
    354411        } 
    355412} 
     
    495552 
    496553#buddypress ul.item-list li .item .item-title .update { 
    497554        display: block; 
    498         font-size: 12px; 
    499         font-size: 0.75rem; 
     555        font-size: 13px; 
     556        font-size: 0.8125rem; 
    500557        padding: 10px 0; 
    501558        text-align: left; 
    502559} 
     
    557614        width: 100%; 
    558615} 
    559616 
    560 @media screen and (min-width: 48em) { 
     617@media screen and (min-width: 30em) { 
    561618        #buddypress ul.item-list li div.action div { 
    562619                margin: 0 10px 10px 0; 
    563620                width: auto; 
     
    599656} 
    600657 
    601658#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); 
     659        border: 1px solid rgba(190, 190, 190, 0.5); 
    603660        float: left; 
    604661        line-height: 1.5em; 
    605662        margin-top: 12px; 
     
    704761} 
    705762 
    706763#buddypress #activity-stream .activity-content .activity-header { 
    707         line-height: inherit; 
    708764        margin-right: 0; 
    709765} 
    710766 
    711767#buddypress #activity-stream .activity-content .activity-header p { 
    712         background-color: #f7f7f7; 
    713768        border: 1px solid rgba(234, 234, 234, 0.6); 
    714         color: #727272; 
    715769        margin-top: 0; 
    716770        padding: 0 0.2em; 
    717771} 
    718772 
    719773#buddypress #activity-stream .activity-content .activity-header img.avatar { 
     774        box-shadow: none; 
    720775        display: inline-block; 
    721         margin-bottom: 0 !important; 
     776        margin: 0 5px !important; 
     777        vertical-align: middle; 
    722778} 
    723779 
    724780#buddypress #activity-stream .activity-content .activity-meta a { 
     
    726782        margin-bottom: 5px; 
    727783} 
    728784 
    729 @media screen and (min-width: 38.75em) { 
     785@media screen and (min-width: 30em) { 
    730786        #buddypress #activity-stream .activity-content .activity-meta a { 
    731787                display: inline-block; 
    732788                margin-bottom: 0; 
     789                width: auto; 
    733790        } 
    734791} 
    735792 
     
    781838*/ 
    782839#buddypress #activity-stream .activity-comments { 
    783840        border-left: 1px solid #eaeaea; 
    784         margin-top: 5px; 
     841        margin: 20px 0 20px; 
    785842} 
    786843 
     844@media screen and (min-width: 30em) { 
     845        #buddypress #activity-stream .activity-comments { 
     846                margin-left: 20px; 
     847        } 
     848} 
     849 
    787850#buddypress #activity-stream .activity-comments ul { 
    788         background: rgba(247, 247, 247, 0.6); 
    789         color: #737373; 
    790851        margin: 15px 0 0 2px; 
    791852} 
    792853 
     854#buddypress #activity-stream .activity-comments ul li { 
     855        border-top: 1px solid #bebebe; 
     856} 
     857 
    793858#buddypress #activity-stream .activity-comments ul a { 
    794859        color: #0077c7; 
    795860} 
    796861 
    797862#buddypress #activity-stream .activity-comments .acomment-meta { 
    798         color: #737373; 
     863        border-bottom: 1px solid #eaeaea; 
    799864} 
    800865 
    801866#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802867#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803         color: rgba(20, 20, 18, 0.8); 
     868        color: rgba(51, 51, 51, 0.8); 
    804869        display: inline-block; 
    805870        font-family: inherit; 
    806871        font-size: 12px; 
     
    813878} 
    814879 
    815880#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816         border: 1px solid rgba(212, 208, 186, 0.7); 
     881        border: 1px solid rgba(190, 190, 190, 0.7); 
    817882        text-align: center; 
    818883} 
    819884 
     
    834899        #buddypress #members-list li .action { 
    835900                float: right; 
    836901        } 
     902        #buddypress #members-list li.is-current-user .item { 
     903                float: none; 
     904                left: 0; 
     905                padding-left: 5%; 
     906                width: auto; 
     907        } 
    837908} 
    838909 
    839910/** 
     
    880951* @subsection 6.1 - Item Header Global 
    881952*----------------------------------------------------------- 
    882953*/ 
     954@media screen and (min-width: 48em) { 
     955        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     956                margin-left: 140px; 
     957                margin-top: -100px; 
     958        } 
     959        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     960                margin-left: 10px; 
     961        } 
     962} 
     963 
     964.bp-user #buddypress #item-header-cover-image .user-nicename, 
     965.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     966        color: #333; 
     967        text-shadow: none; 
     968} 
     969 
     970@media screen and (min-width: 48em) { 
     971        .bp-user #buddypress #item-header-cover-image .user-nicename, 
     972        .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     973                color: #fff; 
     974                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     975        } 
     976} 
     977 
    883978.bp-user #buddypress #item-header-content #item-meta, 
    884979.single-item.groups #buddypress #item-header-content #item-meta { 
    885980        font-size: 14px; 
     
    9531048                order: 1; 
    9541049                text-align: center; 
    9551050        } 
    956         .single-item.groups #buddypress div#item-header #item-header-avatar a { 
    957                 border-bottom: 0; 
    958         } 
    9591051        .single-item.groups #buddypress div#item-header #item-header-avatar a img { 
    9601052                display: inline-block; 
    9611053                float: none; 
     
    10511143 
    10521144.bp-user #buddypress #item-header #item-header-avatar img.avatar, 
    10531145.bp-user #buddypress #item-header #item-header-avatar a { 
    1054         border-bottom: 0; 
    10551146        display: inline-block; 
    10561147        float: none; 
    10571148} 
     
    10831174* Groups specific item body rules -  screens 
    10841175*---------------------------------------------------- 
    10851176*/ 
     1177.groups.single-item.members #buddypress #subnav.item-list-tabs ul { 
     1178        background: none; 
     1179        border-top: 0; 
     1180} 
     1181 
    10861182/** 
    10871183*----------------------------------------- 
    10881184* @subsection 6.2.1.1 - Group Management 
     
    11201216} 
    11211217 
    11221218.groups.group-settings #group-settings-form div.radio label ul { 
    1123         color: rgba(20, 20, 18, 0.6); 
     1219        color: rgba(51, 51, 51, 0.6); 
    11241220        font-size: 14px; 
    11251221        font-size: 0.875rem; 
    11261222} 
     
    11841280 
    11851281.groups.group-members #subnav li #search-members-form { 
    11861282        float: right; 
    1187         margin: 5px 5px 0 0; 
     1283        margin: 5px 0 0; 
    11881284} 
    11891285 
    11901286@media screen and (max-width: 38.75em) { 
     
    12531349        font-style: italic; 
    12541350} 
    12551351 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257         border: 1px solid rgba(212, 208, 186, 0.5); 
     1352.bp-user #buddypress .notifications-options-nav, 
     1353.bp-user #buddypress .messages-options-nav { 
    12581354        float: left; 
    12591355        width: 100%; 
    12601356} 
    12611357 
    12621358@media screen and (min-width: 38.75em) { 
    1263         .bp-user #buddypress .notifications-options-nav { 
     1359        .bp-user #buddypress .notifications-options-nav, 
     1360        .bp-user #buddypress .messages-options-nav { 
    12641361                width: 300px; 
    12651362        } 
    12661363} 
    12671364 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1365.bp-user #buddypress .notifications-options-nav select, 
     1366.bp-user #buddypress .messages-options-nav select { 
    12691367        height: auto; 
    12701368} 
    12711369 
    12721370.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274         border: 0; 
     1371.bp-user #buddypress .notifications-options-nav input, 
     1372.bp-user #buddypress .messages-options-nav select, 
     1373.bp-user #buddypress .messages-options-nav input { 
    12751374        font-size: 14px; 
    12761375        font-size: 0.875rem; 
    12771376        outline: 0; 
     
    12781377        padding: 0; 
    12791378} 
    12801379 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1380.bp-user #buddypress .notifications-options-nav select, 
     1381.bp-user #buddypress .messages-options-nav select { 
    12821382        float: left; 
    1283         margin-right: 0; 
    1284         width: 60%; 
     1383        margin-right: 1%; 
     1384        width: 59%; 
    12851385} 
    12861386 
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1387.bp-user #buddypress .notifications-options-nav input, 
     1388.bp-user #buddypress .messages-options-nav input { 
    12881389        float: right; 
    12891390        font-family: inherit; 
    12901391        line-height: 20px; 
     
    12911392        width: 40%; 
    12921393} 
    12931394 
     1395.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1396.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1397.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1398.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1399        background: none; 
     1400} 
     1401 
    12941402/** 
    12951403        *------------------------------------------- 
    12961404        * @subsection 6.2.2.2 - Extended Profiles 
     
    13011409} 
    13021410 
    13031411.bp-user #buddypress .profile .bp-widget h2 { 
    1304         background: #7b7b7b; 
    1305         color: #fff; 
    13061412        margin: 40px 0 10px; 
    13071413        padding: 0.1em 0 0.1em 0.4em; 
    13081414} 
     
    13111417        margin-top: 0; 
    13121418} 
    13131419 
     1420.bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td { 
     1421        color: #333; 
     1422} 
     1423 
     1424.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child { 
     1425        border-bottom: none; 
     1426} 
     1427 
    13141428.bp-user #buddypress .profile #profile-edit-form .button-nav:before, 
    13151429.bp-user #buddypress .profile #profile-edit-form .button-nav:after { 
    13161430        content: " "; 
     
    13451459} 
    13461460 
    13471461.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 
     1462.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 
    13481463.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 
    13491464        font-size: 14px; 
    13501465        font-size: 0.875rem; 
     1466        margin-top: 10px; 
    13511467} 
    13521468 
    13531469.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, 
    13541470.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 
    13551471        background: #555; 
     1472        -webkit-border-radius: 3px; 
     1473        -moz-border-radius: 3px; 
     1474        -ms-border-radius: 3px; 
     1475        border-radius: 3px; 
     1476        background-clip: padding-box; 
    13561477        color: #fff; 
    13571478        padding: 0.2em 0.5em; 
    13581479} 
     
    14341555} 
    14351556 
    14361557.bp-user #buddypress #message-threads thead tr { 
    1437         background: #6f6f6f; 
     1558        background: none; 
     1559        border-bottom: 1px solid #bebebe; 
    14381560} 
    14391561 
     1562.bp-user #buddypress #message-threads thead tr th { 
     1563        background: #555; 
     1564} 
     1565 
     1566.bp-user #buddypress #message-threads tr { 
     1567        border-bottom: 5px solid #878787; 
     1568} 
     1569 
    14401570.bp-user #buddypress #message-threads tr td { 
    1441         background: #fff; 
    14421571        display: inline-block; 
    14431572        float: left; 
    14441573} 
     
    14451574 
    14461575.bp-user #buddypress #message-threads tr td.thread-star, 
    14471576.bp-user #buddypress #message-threads tr td.thread-options { 
    1448         border-bottom-color: #ccc; 
    1449         border-bottom-width: 2px; 
     1577        border-bottom-color: #bebebe; 
     1578        border-bottom-width: 1px; 
    14501579        height: 2.4em; 
    14511580        padding-bottom: 0.2em; 
    14521581        padding-top: 0.2em; 
     
    14591588        } 
    14601589} 
    14611590 
     1591.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1592.bp-user #buddypress #message-threads tr td.thread-star, 
     1593.bp-user #buddypress #message-threads tr td.thread-from, 
     1594.bp-user #buddypress #message-threads tr td.thread-info, 
     1595.bp-user #buddypress #message-threads tr td.thread-options { 
     1596        border-top: 0; 
     1597} 
     1598 
    14621599.bp-user #buddypress #message-threads tr td.thread-star { 
    14631600        vertical-align: middle; 
    14641601} 
     
    15291666} 
    15301667 
    15311668.bp-user #buddypress #message-threads tr.unread td { 
    1532         background: #eee; 
    1533         border-color: #d4d0ba; 
     1669        background: none; 
     1670        border-color: #bebebe; 
    15341671} 
    15351672 
    15361673.bp-user #buddypress #message-threads th { 
     
    15501687        width: 30px; 
    15511688} 
    15521689 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554         height: auto; 
    1555 } 
    1556  
    15571690.bp-user #buddypress .acfb-holder { 
    15581691        list-style: none; 
    15591692} 
     
    15631696} 
    15641697 
    15651698.bp-user #buddypress .acfb-holder li.friend-tab { 
    1566         background: #edf7fa; 
     1699        background: #e3f6ff; 
    15671700        border: inherit; 
    15681701        margin-right: 0; 
    15691702        padding: 0.5em; 
     
    17171850 
    17181851#buddypress div.activity-comments form .ac-textarea { 
    17191852        background: #f7f7f7; 
    1720         border: 1px solid rgba(212, 208, 186, 0.5); 
     1853        border: 1px solid rgba(190, 190, 190, 0.5); 
    17211854} 
    17221855 
    17231856#buddypress div.activity-comments form .ac-textarea textarea { 
     
    17351868#buddypress .standard-form button, 
    17361869#buddypress .standard-form select, 
    17371870#buddypress .standard-form textarea { 
    1738         border-color: rgba(212, 208, 186, 0.5); 
     1871        border-color: rgba(190, 190, 190, 0.5); 
    17391872        border-width: 1px; 
    17401873} 
    17411874 
     
    17611894#buddypress div.dir-search form, 
    17621895#buddypress div.message-search form, 
    17631896#buddypress li.groups-members-search form { 
    1764         border: 1px solid rgba(212, 208, 186, 0.6); 
     1897        border: 1px solid rgba(190, 190, 190, 0.6); 
    17651898        overflow: hidden; 
    17661899} 
    17671900 
     
    17701903#buddypress li.groups-members-search form label { 
    17711904        float: left; 
    17721905        margin: 0; 
     1906        width: 70%; 
    17731907} 
    17741908 
    17751909#buddypress div.dir-search form input[type='text'], 
     
    17771911#buddypress li.groups-members-search form input[type='text'] { 
    17781912        float: left; 
    17791913        margin: 0; 
    1780         width: 70%; 
     1914        width: 100%; 
    17811915} 
    17821916 
    17831917#buddypress div.dir-search form input[type='text'], 
     
    17951929#buddypress div.dir-search form input[type='text'], 
    17961930#buddypress div.message-search form input[type='text'], 
    17971931#buddypress li.groups-members-search form input[type='text'] { 
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6); 
     1932        border-right: 1px solid rgba(190, 190, 190, 0.6); 
     1933        font-weight: 400; 
    17991934        padding: 0.2em 0 0.2em 0.2em; 
    18001935} 
    18011936 
     
    18021937#buddypress div.dir-search form input[type='submit'], 
    18031938#buddypress div.message-search form input[type='submit'], 
    18041939#buddypress li.groups-members-search form input[type='submit'] { 
     1940        border-radius: 0; 
    18051941        float: right; 
    18061942        font-weight: normal; 
    18071943        padding: 0.2em 1em; 
     
    18101946        width: 30%; 
    18111947} 
    18121948 
     1949#buddypress div.dir-search { 
     1950        margin-top: 0; 
     1951} 
     1952 
     1953#buddypress .dir-search #search-members-form input[type='text'], 
     1954#buddypress #search-groups-form input[type='text'], 
     1955#buddypress #search-message-form input[type='text'] { 
     1956        float: left; 
     1957        margin: 0; 
     1958        width: 70%; 
     1959} 
     1960 
    18131961@media screen and (min-width: 30em) { 
    18141962        #buddypress div.dir-search, 
    18151963        #buddypress div.message-search, 
     
    18171965                float: right; 
    18181966                margin-bottom: 5px !important; 
    18191967        } 
    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         } 
    18311968} 
    18321969 
    18331970@media screen and (min-width: 67em) { 
    18341971        #buddypress .dir-search form input[type='text'], 
    1835         #buddypress .message-search form input[type='text'] { 
     1972        #buddypress .message-search form input[type='text'], 
     1973        #buddypress li.groups-members-search form input[type='text'] { 
    18361974                font-size: 16px; 
    18371975                font-size: 1rem; 
    18381976        } 
    18391977        #buddypress .dir-search form input[type='submit'], 
    1840         #buddypress .message-search form input[type='submit'] { 
     1978        #buddypress .message-search form input[type='submit'], 
     1979        #buddypress li.groups-members-search form input[type='submit'] { 
    18411980                font-size: 16px; 
    18421981                font-size: 1rem; 
    18431982        } 
     
    18551994} 
    18561995 
    18571996#buddypress table tr th { 
    1858         background: #6f6f6f; 
    1859         border-color: #b7b7b7; 
    1860         color: #fff; 
     1997        background: #f7f7f7; 
     1998        border-color: #eaeaea; 
     1999        color: #333; 
    18612000} 
    18622001 
    18632002#buddypress table p { 
     
    19142053        text-align: center; 
    19152054} 
    19162055 
     2056#buddypress .notifications .actions { 
     2057        text-align: center; 
     2058} 
     2059 
    19172060/** 
    19182061*------------------------------------------------------------------------------- 
    19192062* @section 9.0 - Error / Success messages 
     
    19262069} 
    19272070 
    19282071#buddypress div#message.info p { 
    1929         background: #c6e4ee; 
    1930         border: 1px solid #78bed6; 
    1931         color: #1e5264; 
     2072        background: #b0e5ff; 
     2073        border: 1px solid #4ac3ff; 
     2074        color: #00547d; 
    19322075} 
    19332076 
    19342077#buddypress div#message.updated p { 
     
    19372080        color: #454d19; 
    19382081} 
    19392082 
     2083#buddypress .bp-avatar-status .warning, 
     2084#buddypress .bp-cover-image-status .warning { 
     2085        background: #7dd4ff; 
     2086        border: 1px solid #000; 
     2087        color: #333; 
     2088        font-size: 16px; 
     2089        font-size: 1rem; 
     2090} 
     2091 
    19402092.delete-group #buddypress div#message.info p { 
    19412093        background: #db7e7e; 
    19422094        border: 1px solid #be3535; 
     
    19492101*------------------------------------------------------------------------------- 
    19502102*/ 
    19512103#buddypress .acfb-holder li.friend-tab { 
    1952         background: #9fd1e2; 
     2104        background: #7dd4ff; 
    19532105        border: inherit; 
    19542106} 
  • 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. 
     377body.colors-dark { 
     378 
     379        #buddypress { 
     380 
     381                //tabs border bottom color needs to match dark background 
     382                #group-create-tabs.item-list-tabs { 
     383 
     384                        li.selected, 
     385                        li.current { 
     386                                border-bottom-color: #222; 
     387 
     388                                a { 
     389                                        color: inherit; 
     390                                } 
     391                        } 
     392                } 
     393 
     394                .item-list-tabs { 
     395 
     396                        li.selected, 
     397                        li.current { 
     398 
     399                                a { 
     400                                        color: inherit; 
     401                                } 
     402                        } 
     403                } 
     404 
     405                // With the dark scheme the subnav links lose definition as list links 
     406                // nav menu, add a border bottom to clarify the nav. 
     407                #subnav.item-list-tabs { 
     408 
     409                        ul { 
     410                                border-bottom: 1px solid rgba($border-light, 0.9); 
     411                                margin-bottom: $spacing-val-md; 
     412 
     413                                li.last { 
     414                                        border-top: 1px solid rgba($border-light, 0.9); 
     415                                } 
     416                        } 
     417                } 
     418 
     419                // lists text: descr, meta, etc 
     420                .item-list { 
     421 
     422                        div.meta { 
     423                                color: #ddd; 
     424                        } 
     425 
     426                        div.item-desc, 
     427                        .activity-header p, 
     428                        .activity-comments ul, 
     429                        .acomment-meta { 
     430                                color: $bp-xlight-text; 
     431                        } 
     432 
     433                        .activity-meta, 
     434                        .action { 
     435                                a { 
     436                                        background: $off-white; 
     437 
     438                                        &:focus, 
     439                                        &:hover { 
     440                                                background: $white; 
     441                                        } 
     442                                } 
     443                        } 
     444                } 
     445 
     446                #latest-update { 
     447                        color: $bp-xlight-text; 
     448                } 
     449 
     450                div.pagination * { 
     451                        color: #ddd; 
     452                } 
     453 
     454                #item-header { 
     455                        .user-nicename { 
     456                                color: $bp-xlight-text; 
     457                        } 
     458                } 
     459 
     460                #item-body { 
     461 
     462                        table { 
     463 
     464                                thead { 
     465 
     466                                        tr, 
     467                                        th { 
     468                                                background: none ; 
     469                                                color: $bp-xlight-text; 
     470                                        } 
     471                                } 
     472 
     473                                tr.alt { 
     474 
     475                                        td { 
     476                                                background: none; 
     477                                                color: $bp-xlight-text; 
     478                                        } 
     479                                } 
     480                        } 
     481                } 
     482 
     483        } // close #buddypress 
     484} 
     485 
     486// remove borders for dir component screens. 
     487.directory.colors-dark { 
     488 
     489        #buddypress { 
     490 
     491                #subnav { 
     492                        ul { 
     493                                border-top: 0; 
     494 
     495                                li.last.filter { 
     496                                        border-top: 0; 
     497                                } 
     498                        } 
     499                } 
     500 
     501                div.activity { 
     502                        ul.item-list { 
     503                                border-top: 0; 
     504                        } 
     505                } 
     506        } 
     507} 
     508 
     509body.colors-light { 
     510 
     511        #buddypress { 
     512 
     513                div.item-list-tabs { 
     514 
     515                        ul { 
     516                                background-color: $off-white; 
     517                        } 
     518                } 
     519 
     520                div#subnav.item-list-tabs { 
     521 
     522                        ul { 
     523                                background-color: $light-background; 
     524 
     525                                li.last { 
     526                                        background: $content-background; 
     527                                } 
     528                        } 
     529                } 
     530 
     531                .item-list { 
     532 
     533                        .activity-header { 
     534 
     535                                p { 
     536                                        background-color: $light-background; 
     537                                        color: $bp-light-text; 
     538                                } 
     539                        } 
     540 
     541                        .activity-comments { 
     542 
     543                                .acomment-meta { 
     544                                        color: #737373; 
     545                                } 
     546                        } 
     547                } 
     548 
     549                #item-body { 
     550 
     551                        .profile { 
     552 
     553                                h2 { 
     554                                        background: $medium-grey; 
     555                                        color: #fff; 
     556                                } 
     557                        } 
     558                } 
     559 
     560                table { 
     561 
     562                        tr.alt { 
     563 
     564                                td { 
     565                                        background: #f5f5f5; 
     566                                        color: $body-text; 
     567                                } 
     568                        } 
     569                } 
     570 
     571        } // close #buddypress 
     572} 
     573 
    374574/** 
    375575*------------------------------------------------------------------------------- 
    376576* @section 2.0 - Navigation - General 
     
    409609        div.item-list-tabs { 
    410610 
    411611                ul { 
    412                         background-color: $off-white; 
    413612                        border-bottom: 1px solid rgba($border-light, 0.9); 
    414613                        border-top: 1px solid rgba($border-light, 0.9); 
    415614                        overflow: hidden; 
     
    418617                        li { 
    419618 
    420619                                a { 
    421                                         color: #0073c1; 
    422620 
    423621                                        span {border-radius: 25%;} 
    424622                                } 
     
    428626 
    429627} // close #buddypress 
    430628 
    431 // .bp-user #object-nav @ small screen as a dropdown 
    432629 
    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  
    480630/*__ Horizontal menus __*/ 
    481631#buddypress { 
    482632 
     
    519669                margin-top: 0; 
    520670 
    521671                ul { 
    522                         background-color: $light-background; 
    523672                        border-bottom: 0; 
    524673                        margin-top: $spacing-val-xs; 
    525674                        padding: 0; 
    526675 
    527676                        li.last { 
    528                                 background: $content-background; 
    529677                                margin-top: 0; 
    530678                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0; 
    531679                                width: 100%; 
     
    569717// This block contains rules to re-factor the item-body structural element 
    570718// to sit alongside the vert menu 
    571719// 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. 
     720// we'll only display object nav as a vert menu if not .two-column-page. 
    573721 
    574722@include medium-up { 
    575723 
    576         body.no-sidebar { 
     724        body:not(.page-two-column) { 
    577725 
    578726                #buddypress { 
    579727 
    580                         #item-header, 
    581                         #item-body { 
    582                                 background: $content-background; 
    583                         } 
    584  
    585728                        #object-nav { 
    586729                                border-right: 1px solid $border-med; 
    587730                                float: left; 
     
    630773 
    631774@include med-small-up { 
    632775 
    633         #main { 
    634  
    635776                #buddypress { 
    636777 
    637778                        #group-create-tabs.item-list-tabs { 
     
    682823 
    683824                        } // close #subnav 
    684825                } // close #buddypress 
    685         } 
     826 
    686827} // close @media 
    687828 
    688829/** 
     
    770911        } 
    771912 
    772913        .action { 
     914 
    773915                .generic-button { 
     916 
    774917                        a { 
     918 
    775919                                &:focus, 
    776920                                &:hover { 
    777921                                        background: inherit; 
     
    851995 
    852996                                        .update { 
    853997                                                display: block; 
    854                                                 @include font-size(12); 
     998                                                @include font-size(13); 
    855999 
    8561000                                                @include medium-up { 
    8571001                                                        @include font-size(14); 
     
    8921036                                // remove BP margin left 
    8931037                                margin-left: 0; 
    8941038                                padding: $spacing-val-md 0 $spacing-val-xs; 
     1039 
    8951040                                // push the actions to the right 
    896  
    8971041                                @include medium-up { 
    8981042                                        clear: none; 
    8991043                                        float: right; 
     
    9171061                                        // Provisionally lets keep the 'action' div 
    9181062                                        // position but inline-block the buttons 
    9191063 
    920                                         @include med-small-up { 
     1064                                        @include small-up { 
    9211065                                                // keep buttons to a row small tablet up 
    9221066                                                margin: 0 $spacing-val-sm $spacing-val-sm 0; 
    9231067                                                width: auto; 
     
    10881232                li.mini { 
    10891233 
    10901234                        .activity-avatar { 
     1235 
    10911236                                a { 
     1237 
    10921238                                        img.avatar { 
    10931239                                                height: 30px; 
    10941240                                                margin-left: 15px; 
     
    11091255                        margin-top: -12px; 
    11101256 
    11111257                        .activity-header { 
    1112                                 line-height: inherit; 
    11131258                                margin-right: 0; 
    11141259 
    11151260                                p { 
    1116                                         background-color: $light-background; 
    11171261                                        border: 1px solid rgba($border-light, 0.6); 
    1118                                         color: #727272; 
    11191262                                        margin-top: 0; 
    11201263                                        padding: 0 0.2em; 
    11211264                                } 
    11221265 
    11231266                                img.avatar { 
     1267                                        box-shadow: none; 
    11241268                                        display: inline-block; 
    1125                                         margin-bottom: 0 !important; // have to match to BP 
     1269                                        margin: 0 5px !important; // have to match to BP 
     1270                                        vertical-align: middle; 
    11261271                                } 
    11271272                        } // close .activity-header 
    11281273 
    11291274                        .activity-meta { 
     1275 
    11301276                                a { 
    11311277                                        display: block; 
    11321278                                        margin-bottom: $spacing-val-xs; 
    11331279 
    1134                                         @include small-up-bp { 
     1280                                        @include small-up { 
    11351281                                                display: inline-block; 
    11361282                                                margin-bottom: 0; 
     1283                                                width: auto; 
    11371284                                        } 
    11381285                                } 
    11391286                        } 
     
    11971344 
    11981345                .activity-comments { 
    11991346                        border-left: 1px solid $border-light; 
    1200                         margin-top: 5px; 
    12011347 
     1348                        margin: $spacing-val-md 0 $spacing-val-md ; 
     1349 
     1350                        @include small-up { 
     1351                                margin-left: $spacing-val-md; 
     1352                        } 
     1353 
    12021354                        ul { 
    1203                                 background: rgba($light-background, 0.6); 
    1204                                 color: #737373; 
    12051355                                margin: 15px 0 0 2px; 
    12061356 
     1357                                li { 
     1358                                        border-top: 1px solid $border-color; 
     1359                                } 
     1360 
    12071361                                a { 
    12081362                                        color: #0077c7; 
    12091363                                } 
     
    12101364                        } 
    12111365 
    12121366                        .acomment-meta { 
    1213                                 color: #737373; 
     1367                                border-bottom: 1px solid $border-light; 
    12141368                        } 
    12151369 
    12161370                        .ac-form { 
     
    12561410        #members-list { 
    12571411 
    12581412                @include medium-up { 
     1413 
    12591414                        li { 
    12601415                                .item-avatar, 
    12611416                                .item { 
     
    12661421                                        float: right; 
    12671422                                } 
    12681423                        } 
     1424 
     1425                        li.is-current-user { 
     1426 
     1427                                .item { 
     1428                                        float: none; 
     1429                                        left: 0; 
     1430                                        padding-left: 5%; 
     1431                                        width: auto; 
     1432                                } 
     1433                        } 
    12691434                } 
    12701435 
    12711436        } // close #members-list 
     
    13181483* @subsection 6.1 - Item Header Global 
    13191484*----------------------------------------------------------- 
    13201485*/ 
     1486        @include med-small-up { 
    13211487 
     1488 
     1489        .bp-user.page-two-column { 
     1490 
     1491                #buddypress { 
     1492 
     1493                        #cover-image-container { 
     1494 
     1495                                #item-header-cover-image { 
     1496 
     1497 
     1498                                } 
     1499                        } 
     1500 
     1501                        #cover-image-container { 
     1502 
     1503                                #item-header-cover-image { 
     1504 
     1505                                        #item-header-content { 
     1506                                                margin-left: 140px; 
     1507                                                margin-top: -100px; 
     1508                                        } 
     1509                                } 
     1510                        } 
     1511                } 
     1512        } 
     1513 
     1514        .single-item.groups.page-two-column { 
     1515 
     1516                #buddypress { 
     1517 
     1518                        #cover-image-container { 
     1519 
     1520                                #item-header-cover-image { 
     1521 
     1522                                        #item-header-content { 
     1523                                                margin-left: 10px; 
     1524                                        } 
     1525                                } 
     1526                        } 
     1527                } 
     1528        } 
     1529} 
     1530 
    13221531.bp-user, 
    13231532.single-item.groups { 
    13241533 
    13251534        #buddypress { 
    13261535 
     1536                // we need to remove the cover image dec styles 
     1537                // & reset them for med up  only. 
     1538                #item-header-cover-image { 
     1539                        .user-nicename { 
     1540                                color: $body-text; 
     1541                                text-shadow: none; 
     1542                        } 
     1543                } 
     1544 
     1545                @include med-small-up { 
     1546 
     1547                        #item-header-cover-image { 
     1548 
     1549                                .user-nicename { 
     1550                                        color: $white; 
     1551                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1552                                } 
     1553                        } 
     1554                } 
     1555 
    13271556                #item-header-content { 
    13281557 
    13291558                        #item-meta { 
     
    14171646                                        text-align: center; 
    14181647 
    14191648                                        a { 
    1420                                                 border-bottom: 0; 
    14211649 
    14221650                                                img { 
    14231651                                                        display: inline-block; 
     
    15241752                                img.avatar, 
    15251753 
    15261754                                a { 
    1527                                         border-bottom: 0; 
    15281755                                        display: inline-block; 
    15291756                                        float: none; 
    15301757                                } 
     
    15601787*----------------------------------------------------------- 
    15611788*/ 
    15621789 
     1790 
    15631791/** 
    15641792*---------------------------------------------------- 
    15651793* @subsection 6.2.1 - Item Body Groups 
     
    15681796*---------------------------------------------------- 
    15691797*/ 
    15701798 
     1799.groups.single-item.members { 
     1800 
     1801        #buddypress { 
     1802 
     1803                #subnav.item-list-tabs { 
     1804 
     1805                        ul { 
     1806                                background: none; 
     1807                                border-top: 0; 
     1808                        } 
     1809 
     1810                } 
     1811        } 
     1812 
     1813} 
     1814 
    15711815/** 
    15721816*----------------------------------------- 
    15731817* @subsection 6.2.1.1 - Group Management 
     
    17091953                                        } 
    17101954                                } 
    17111955 
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0; 
     1956                                margin: $spacing-val-xs 0 0; 
    17131957                        } 
    17141958                } 
    17151959        } 
     
    17782022 
    17792023                .pag-count {font-style: italic;} 
    17802024 
    1781                 .notifications-options-nav { 
    1782                         border: 1px solid rgba($border-color, 0.5); 
     2025                .notifications-options-nav, 
     2026                .messages-options-nav { 
     2027 
    17832028                        float: left; 
    17842029                        width: 100%; 
    17852030 
     
    17932038 
    17942039                        select, 
    17952040                        input { 
    1796                                 border: 0; 
     2041 
    17972042                                @include font-size(14); 
    17982043                                outline: 0; 
    17992044                                padding: 0; 
     
    18012046 
    18022047                        select { 
    18032048                                float: left; 
    1804                                 margin-right: 0; 
    1805                                 width: 60%; 
     2049                                margin-right: 1%; 
     2050                                width: 59%; 
    18062051                        } 
    18072052 
    18082053                        input { 
     
    18122057                                width: 40%; 
    18132058                        } 
    18142059 
    1815                 } // close .notifications-options-nav 
     2060                        input[disabled="disabled"]:focus, 
     2061                        input[disabled="disabled"]:hover { 
     2062                                background: none; 
     2063                        } 
    18162064 
     2065 
     2066                } // close .notifications-options-nav/.messages-options-nav 
     2067 
    18172068        } //close #buddypress 
    18182069} // close .bp-user 
    18192070 
     
    18302081                .profile { 
    18312082                        .bp-widget { 
    18322083                                h2 { 
    1833                                         background: lighten($dark-background, 15%); 
    1834                                         color: #fff; 
    18352084                                        margin: $spacing-val-lg 0 $spacing-val-sm; 
    18362085                                        padding: 0.1em 0 0.1em 0.4em; 
    18372086                                } 
    18382087 
    18392088                                table {margin-top: 0;} 
     2089 
     2090                                .profile-fields { 
     2091 
     2092                                        tr.alt { 
     2093                                                td { 
     2094                                                        color: $body-text; 
     2095                                                } 
     2096                                        } 
     2097 
     2098                                        tr:last-child { 
     2099                                                border-bottom: none; 
     2100                                        } 
     2101                                } 
     2102 
    18402103                        } 
     2104 
    18412105                        /* Edit profile */ 
    18422106 
    18432107                        #profile-edit-form { 
     
    18742138                                } //.button-nav 
    18752139 
    18762140                                .field-visibility-settings-toggle, 
     2141                                .field-visibility-settings-notoggle, 
    18772142                                .field-visibility-settings { 
    18782143                                        @include font-size(14); 
     2144                                        margin-top: $spacing-val-sm; 
    18792145                                } 
    18802146 
    18812147                                .field-visibility-settings-close, 
    18822148                                .visibility-toggle-link { 
    18832149                                        background: $dark-background; 
     2150                                        @include border-radius(3px); 
    18842151                                        color: #fff; 
    18852152                                        padding: 0.2em 0.5em; 
    18862153                                } 
     
    19322199 
    19332200                #message-thread { 
    19342201                        //Single message view 
     2202 
    19352203                        a { 
    19362204                                border-bottom: 0; 
    19372205                        } 
     
    19792247                        } 
    19802248 
    19812249                        #send-reply { 
     2250 
    19822251                                .message-content { 
    19832252                                        background: $content-background; 
    19842253                                        border: 0; 
     
    19942263                #message-threads { 
    19952264 
    19962265                        thead { 
     2266 
    19972267                                tr { 
    1998                                         background: lighten($dark-background, 10%); 
     2268                                        background: none; 
     2269                                        border-bottom: 1px solid $border-color; 
     2270 
     2271 
     2272                                        th { 
     2273                                                background: #555; 
     2274                                        } 
    19992275                                } 
    20002276                        } 
    20012277 
    20022278                        tr { 
     2279                                border-bottom: 5px solid $medium-grey; 
     2280 
    20032281                                td { 
    2004                                         background: $content-background; 
    20052282                                        display: inline-block; 
    20062283                                        float: left; 
    20072284                                } 
     
    20082285 
    20092286                                td.thread-star, 
    20102287                                td.thread-options { 
    2011                                         border-bottom-color: $medium-background; 
    2012                                         border-bottom-width: 2px; 
     2288                                        border-bottom-color: $border-color; 
     2289                                        border-bottom-width: 1px; 
    20132290                                        height: 2.4em; 
    20142291                                        padding-bottom: 0.2em; 
    20152292                                        padding-top: 0.2em; 
     
    20192296                                        } 
    20202297                                } 
    20212298 
     2299                                td.bulk-select-check, 
     2300                                td.thread-star, 
     2301                                td.thread-from, 
     2302                                td.thread-info, 
     2303                                td.thread-options { 
     2304                                        border-top: 0; 
     2305                                } 
     2306 
    20222307                                td.thread-star { 
    20232308                                        vertical-align: middle; 
    20242309 
     
    20802365                        } 
    20812366 
    20822367                        tr.unread { 
     2368 
    20832369                                td { 
    2084                                         background: $unread; 
     2370                                        background: none; 
    20852371                                        border-color: $border-color; 
    20862372                                } 
    20872373                        } 
     
    21042390                        } 
    21052391                } 
    21062392 
    2107                 .messages-options-nav { 
    2108                         select { 
    2109                                 height: auto; 
    2110                         } 
    2111                 } 
    2112  
    21132393                .acfb-holder { 
    21142394                        list-style: none; 
    21152395 
     
    22952575 
    22962576// Attempt to reset form control widths 
    22972577#main { 
     2578 
    22982579        #buddypress { 
     2580 
    22992581                .standard-form { 
    23002582 
    2301                         li {float: none;} 
     2583                        li { 
     2584                                float: none; 
     2585                        } 
     2586 
    23022587                        input[type='text'], 
    23032588                        input[type='email'], 
    23042589                        input[type='password'], 
     
    23092594        } 
    23102595} 
    23112596 
    2312  
    23132597#buddypress { 
    23142598 
    23152599        // Match BP form elements to Themes(2017) styling where styles 
     
    23642648} // close #buddypress 
    23652649 
    23662650#buddypress { 
     2651 
    23672652        div.dir-search, 
    23682653        div.message-search, 
    23692654        li.groups-members-search { 
     
    23802665                        label { 
    23812666                                float: left; 
    23822667                                margin: 0; 
     2668                                width: 70%; 
    23832669                        } 
    23842670 
    23852671                        input[type='text'] { 
    23862672                                float: left; 
    23872673                                margin: 0; 
    2388                                 width: 70%; 
     2674                                width: 100%; 
    23892675                        } 
    23902676 
    23912677                        input[type='text'], 
     
    23972683 
    23982684                        input[type='text'] { 
    23992685                                border-right: 1px solid rgba($border-color, 0.6); 
     2686                                font-weight: 400; 
    24002687                                padding: 0.2em 0 0.2em 0.2em; 
    24012688                        } 
    24022689 
    24032690                        input[type='submit'] { 
     2691                                border-radius: 0; 
    24042692                                float: right; 
    24052693                                font-weight: normal; 
    24062694                                padding: 0.2em 1em; 
     
    24122700 
    24132701        } // close .dir-search, .message-search 
    24142702 
     2703        // Dirs & certain components hide search hides labels so can't width the label element 
     2704        // adjust so that the input takes reduced width. 
     2705 
     2706        div.dir-search { 
     2707                margin-top: 0; 
     2708        } 
     2709 
     2710        .dir-search #search-members-form, 
     2711        #search-groups-form, 
     2712        #search-message-form { 
     2713 
     2714                input[type='text'] { 
     2715                        float: left; 
     2716                        margin: 0; 
     2717                        width: 70%; 
     2718                } 
     2719        } 
     2720 
    24152721        // Shift the search parent to the right and allow to shrinkwrap 
    24162722 
    24172723        @include small-up { 
     
    24202726                li.groups-members-search { 
    24212727                        float: right; 
    24222728                        margin-bottom: 5px !important; 
    2423  
    2424                         form { 
    2425                                 label, 
    2426                                 input[type='text'], 
    2427                                 input[type='submit'] { 
    2428                                         width: auto; 
    2429                                 } 
    2430                         } 
    24312729                } 
    24322730 
    24332731        } // close @media 
     
    24362734        @include large-up { 
    24372735 
    24382736                .dir-search, 
     2737                .message-search, 
     2738                li.groups-members-search { 
    24392739 
    2440                 .message-search { 
    2441  
    24422740                        form { 
    24432741 
    24442742                                input[type='text'] { 
     
    24722770                margin: $spacing-val-md 0; 
    24732771 
    24742772                tr th { 
    2475                         background: lighten($dark-background, 10%); 
    2476                         border-color: darken($border-light, 20%); 
    2477                         color: $content-background; 
     2773                        background: $light-background; 
     2774                        border-color: $border-light; 
     2775                        color: $body-text; 
    24782776                } 
    24792777 
    24802778                // Reduce the themes inherited paragraph margins in tables 
     
    25362834                } 
    25372835 
    25382836        } // .notifications, .message-notices 
     2837 
     2838        .notifications { // table element 
     2839                .actions { // th element 
     2840                        text-align: center; 
     2841                } 
     2842        } 
    25392843} // #buddypress 
    25402844 
    25412845/** 
     
    25732877 
    25742878        } // close #message 
    25752879 
     2880        .bp-avatar-status, 
     2881        .bp-cover-image-status { 
     2882 
     2883                .warning { 
     2884                        background: #7dd4ff; 
     2885                        border: 1px solid #000; 
     2886                        color: $body-text; 
     2887                        @include font-size(16); 
     2888                } 
     2889        } 
     2890 
    25762891} // close  #buddypress 
    25772892 
    25782893// Without direct classes on our mesages ( 'warning')