Skip to:
Content

Ticket #7338: 7338-08.patch

File 7338-08.patch, 76.1 KB (added by hnla, 12 months ago)

Last adjustments for BP & parent style property overrides

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

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

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

     
    154154        background-clip: padding-box; 
    155155} 
    156156 
     157@mixin border-radius-none() { 
     158        -webkit-border-radius: none; 
     159        -moz-border-radius: none; 
     160        -ms-border-radius: none; 
     161        border-radius: none; 
     162} 
     163 
    157164// Box sizing 
    158165@mixin box-model($box-model) { 
    159166        -webkit-box-sizing: $box-model; 
     
    192199} 
    193200 
    194201// Variables: color definitions 
    195 $body-text:          #141412; 
     202 
     203$dark-grey:     #555; 
     204$medium-grey:   #878787; 
     205$light-grey:    #dcdcdc; 
     206$x-light-grey:  #f7f7f7; 
     207$white:         #fff; 
     208 
     209$body-text:          #333; 
     210$bp-light-text:      $medium-grey; 
     211$bp-xlight-text:     #eee; 
    196212$content-background: #fff; 
    197 $off-white:          lighten(#f9f8ee, 0.7); 
     213$off-white:          #fafafa; 
    198214$cream-background:   #f7f5e7; 
    199 $light-background:   #f7f7f7; 
    200 $medium-background:  #ccc; 
    201 $dark-background:    #555; 
    202 $border-color:       #d4d0ba;    // border color is varied using rgba 
     215$light-background:   $x-light-grey; 
     216$medium-background:  $medium-grey; 
     217$dark-background:    $dark-grey; 
     218$border-color:       #bebebe; 
    203219$border-light:       #eaeaea; // BP dividers 
    204220$border-med:         #ddd; 
    205221$background-hover:   #db572f; // 2017 link background hover 
     
    206222$bp-button-hover:    #ededed; // this is the default BP button hover background 
    207223$notice-error:       #c85a6e; 
    208224$notice-warning:     #d05656; 
    209 $notice-info:        #9fd1e2; 
     225$notice-info:        #7dd4ff; 
    210226$notice-update:      #ced98c; 
    211227$stripe-odd:         #ebf0ff; 
    212228$stripe-even:        #dbe5ff; 
    213 $unread:             #eee; 
     229$unread:             $x-light-grey; 
    214230$link-action:        #c82b2b; 
    215231/*-------------------------------------------------------------- 
    216232 
     
    277293        // Remove any empty clearing elements, CSS provides clearing. 
    278294        div.clear {display: none;} 
    279295 
     296        // deal with global clearing property set on heading elements 
     297        // - for the moment we'll just specify this on  lists ul only 
     298 
     299        ul.item-list { 
     300                h1, 
     301                h2, 
     302                h3, 
     303                h4, 
     304                h5, 
     305                h6 { 
     306                        clear: none; 
     307                        padding: 0; 
     308                } 
     309        } 
     310 
    280311        // Ensure no text decoration or box shadow causing underlined effect. 
    281312        #page a { 
    282313                box-shadow: none; 
     
    293324 
    294325} // close .buddypress 
    295326 
    296         // reduce the overlarge entry title margins 
     327// reduce the overlarge entry title margins 
    297328@include medium-up { 
    298329 
    299330        .buddypress.bp-user.page, 
     
    310341                } 
    311342        } 
    312343} 
    313 // 2017 has very small page entry title headings 
    314 // enlarge slightly for BP screens. 
    315 .buddypress { 
    316         article.page { 
    317                 .entry-header { 
    318                         .entry-title { 
    319                                 @include font-size(22); 
    320344 
    321                                 @include medium-up { 
    322                                         @include font-size(28); 
    323                                 } 
    324                         } 
    325                 } 
    326         } 
    327 } 
    328  
    329345// Open up the content width areas for BP screens to allow max widths. 
    330 // This takes into account the ability to add/remove sidebars in 2017. 
     346// This takes into account the ability to columnize pages in 2017. 
    331347// Only effect changes based on breakpoints. 
    332348 
    333 @include medium-up { 
     349@include med-small-up { 
    334350 
    335351        body.buddypress.page.page-two-column { 
    336352 
     
    337353                #primary { 
    338354 
    339355                        .entry-header { 
    340                                 width: 20%; 
     356                                width: 30%; 
    341357                        } 
    342358 
    343359                        .entry-content { 
    344                                 width: 80%; 
     360                                width: 68%; 
    345361                        } 
    346362                } 
    347363        } 
     
    357373                        .content-bottom-widgets { 
    358374                                margin-left: 0; 
    359375                                margin-right: 0; 
    360 //                              width: auto; 
    361376                        } 
    362377                } 
    363378 
     
    371386        } // body.buddypress 
    372387} 
    373388 
     389// 2017 allows for selecting two distinct color schemes. 
     390// Our companion styles respect themes colors & inherit or avoid 
     391// setting backgrounds/colors so selecting the dark scheme generally 
     392// allows the theme to reset the BP text/headings etc to white 
     393// In places we do set backgrounds, Navs, search forms etc these 
     394// are added here under the themes body class to enable changing 
     395 
     396// Some element colors are inherited from BP original sheet so need to 
     397// to be reset under the dark scheme, where set in this sheet we simply state them 
     398// only for the light scheme, additionally elements such as BP form styles 
     399// need styles removing & are handled later in 'Forms' section 
     400body.colors-dark { 
     401 
     402        #buddypress { 
     403 
     404                //tabs border bottom color needs to match dark background 
     405                #group-create-tabs.item-list-tabs { 
     406 
     407                        li.selected, 
     408                        li.current { 
     409                                border-bottom-color: #222; 
     410 
     411                                a { 
     412                                        color: inherit; 
     413                                } 
     414                        } 
     415                } 
     416 
     417                div.item-list-tabs { 
     418 
     419                        ul { 
     420 
     421                                li.selected, 
     422                                li.current { 
     423 
     424                                        a { 
     425                                                background: none; 
     426                                                color: inherit; 
     427                                        } 
     428                                } 
     429                        } 
     430                } 
     431 
     432                #object-nav { 
     433 
     434                        li:not(.current):focus, 
     435                        li:not(.current):hover { 
     436 
     437                                a { 
     438                                        color: #555; 
     439                                } 
     440                        } 
     441                } 
     442 
     443                // With the dark scheme the subnav links lose definition as 
     444                // nav menu links, add a border top to clarify the li.last element seperated from links. 
     445                #subnav.item-list-tabs { 
     446 
     447                        ul { 
     448                                border-bottom: 1px solid rgba($border-light, 0.9); 
     449                                margin-bottom: $spacing-val-md; 
     450 
     451                                li.last { 
     452                                        border-top: 1px solid rgba($border-light, 0.9); 
     453                                } 
     454                        } 
     455                } 
     456 
     457                // lists text: descr, meta, etc 
     458                .item-list { 
     459 
     460                        div.meta { 
     461                                color: #ddd; 
     462                        } 
     463 
     464                        div.item-desc, 
     465                        .activity-header p, 
     466                        .activity-comments ul, 
     467                        .acomment-meta { 
     468                                color: $bp-xlight-text; 
     469                        } 
     470 
     471                        .activity-meta, 
     472                        .action { 
     473                                a { 
     474                                        background: $off-white; 
     475 
     476                                        &:focus, 
     477                                        &:hover { 
     478                                                background: $white; 
     479                                        } 
     480                                } 
     481                        } 
     482                } 
     483 
     484                #latest-update { 
     485                        color: $bp-xlight-text; 
     486                } 
     487 
     488                div.pagination * { 
     489                        color: #ddd; 
     490                } 
     491 
     492                #item-header { 
     493                        .user-nicename { 
     494                                color: $bp-xlight-text; 
     495                        } 
     496                } 
     497 
     498                #item-body { 
     499 
     500                        table { 
     501 
     502                                thead { 
     503 
     504                                        tr, 
     505                                        th { 
     506                                                background: none ; 
     507                                                color: $bp-xlight-text; 
     508                                        } 
     509                                } 
     510 
     511                                tr.alt { 
     512 
     513                                        td { 
     514                                                background: none; 
     515                                                color: $bp-xlight-text; 
     516                                        } 
     517                                } 
     518 
     519                                .field-visibility-settings, 
     520                                .field-visibility-settings-notoggle { 
     521                                        color: #eee; 
     522                                } 
     523 
     524                        } 
     525 
     526                        fieldset { 
     527                                background: none; 
     528                        } 
     529 
     530                        .checkbox, 
     531                        .radio { 
     532 
     533                                label { 
     534                                        color: #eee; 
     535                                } 
     536                        } 
     537 
     538                        div#invite-list { 
     539                                background: none; 
     540                        } 
     541                } 
     542 
     543        } // close #buddypress 
     544} 
     545 
     546 
     547body.colors-dark.group-members { 
     548 
     549        #buddypress { 
     550 
     551                #subnav { 
     552 
     553                        li {background: none;} 
     554 
     555                        .groups-members-search { 
     556 
     557                                form { 
     558                                        margin-top: 0; 
     559                                        margin-bottom: $spacing-val-md; 
     560                                } 
     561                        } 
     562                } 
     563        } 
     564} 
     565 
     566// remove borders for dir component screens. 
     567.directory.colors-dark { 
     568 
     569        #buddypress { 
     570 
     571                #subnav.item-list-tabs { 
     572                        ul { 
     573                                border-top: 0; 
     574                                border-bottom: 0; 
     575 
     576                                li.last.filter { 
     577                                        border-top: 0; 
     578                                } 
     579                        } 
     580                } 
     581 
     582                div.activity { 
     583                        ul.item-list { 
     584                                border-top: 0; 
     585                        } 
     586                } 
     587        } 
     588} 
     589 
     590body.colors-light { 
     591 
     592        #buddypress { 
     593 
     594                div.item-list-tabs { 
     595 
     596                        ul { 
     597                                background-color: $off-white; 
     598                        } 
     599                } 
     600 
     601                div#subnav.item-list-tabs { 
     602 
     603                        ul { 
     604                                background-color: $light-background; 
     605 
     606                                li.last { 
     607                                        background: $content-background; 
     608                                } 
     609                        } 
     610                } 
     611 
     612                .item-list { 
     613 
     614                        .activity-header { 
     615 
     616                                p { 
     617                                        background-color: $light-background; 
     618                                        color: $bp-light-text; 
     619                                } 
     620                        } 
     621 
     622                        .activity-comments { 
     623 
     624                                .acomment-meta { 
     625                                        color: #737373; 
     626                                } 
     627                        } 
     628                } 
     629 
     630                #item-body { 
     631 
     632                        .profile { 
     633 
     634                                h2 { 
     635                                        background: $medium-grey; 
     636                                        color: #fff; 
     637                                } 
     638                        } 
     639                } 
     640 
     641                table { 
     642 
     643                        tr.alt { 
     644 
     645                                td { 
     646                                        background: #f5f5f5; 
     647                                        color: $body-text; 
     648                                } 
     649                        } 
     650                } 
     651 
     652                div#invite-list { 
     653                                background: $off-white; 
     654                } 
     655        } // close #buddypress 
     656} 
     657 
    374658/** 
    375659*------------------------------------------------------------------------------- 
    376660* @section 2.0 - Navigation - General 
     
    409693        div.item-list-tabs { 
    410694 
    411695                ul { 
    412                         background-color: $off-white; 
    413696                        border-bottom: 1px solid rgba($border-light, 0.9); 
    414                         border-top: 1px solid rgba($border-light, 0.9); 
    415697                        overflow: hidden; 
    416698                        padding: 0; 
    417699 
     
    418700                        li { 
    419701 
    420702                                a { 
    421                                         color: #0073c1; 
    422703 
    423704                                        span {border-radius: 25%;} 
    424705                                } 
     
    428709 
    429710} // close #buddypress 
    430711 
    431 // .bp-user #object-nav @ small screen as a dropdown 
    432712 
    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  
    480713/*__ Horizontal menus __*/ 
    481714#buddypress { 
    482715 
     
    519752                margin-top: 0; 
    520753 
    521754                ul { 
    522                         background-color: $light-background; 
    523755                        border-bottom: 0; 
    524756                        margin-top: $spacing-val-xs; 
    525757                        padding: 0; 
    526758 
    527759                        li.last { 
    528                                 background: $content-background; 
    529760                                margin-top: 0; 
    530761                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0; 
    531762                                width: 100%; 
     
    569800// This block contains rules to re-factor the item-body structural element 
    570801// to sit alongside the vert menu 
    571802// 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. 
     803// we'll only display object nav as a vert menu if not .two-column-page. 
    573804 
    574805@include medium-up { 
    575806 
    576         body.no-sidebar { 
     807        body:not(.page-two-column) { 
    577808 
    578809                #buddypress { 
    579810 
    580                         #item-header, 
    581                         #item-body { 
    582                                 background: $content-background; 
    583                         } 
    584  
    585811                        #object-nav { 
    586812                                border-right: 1px solid $border-med; 
    587813                                float: left; 
     
    630856 
    631857@include med-small-up { 
    632858 
    633         #main { 
    634  
    635859                #buddypress { 
    636860 
    637861                        #group-create-tabs.item-list-tabs { 
     
    682906 
    683907                        } // close #subnav 
    684908                } // close #buddypress 
    685         } 
     909 
    686910} // close @media 
    687911 
    688912/** 
     
    770994        } 
    771995 
    772996        .action { 
     997 
    773998                .generic-button { 
     999 
    7741000                        a { 
     1001 
    7751002                                &:focus, 
    7761003                                &:hover { 
    7771004                                        background: inherit; 
     
    8511078 
    8521079                                        .update { 
    8531080                                                display: block; 
    854                                                 @include font-size(12); 
     1081                                                @include font-size(13); 
    8551082 
    8561083                                                @include medium-up { 
    8571084                                                        @include font-size(14); 
     
    8921119                                // remove BP margin left 
    8931120                                margin-left: 0; 
    8941121                                padding: $spacing-val-md 0 $spacing-val-xs; 
     1122 
    8951123                                // push the actions to the right 
    896  
    8971124                                @include medium-up { 
    8981125                                        clear: none; 
    8991126                                        float: right; 
     
    9171144                                        // Provisionally lets keep the 'action' div 
    9181145                                        // position but inline-block the buttons 
    9191146 
    920                                         @include med-small-up { 
     1147                                        @include small-up { 
    9211148                                                // keep buttons to a row small tablet up 
    9221149                                                margin: 0 $spacing-val-sm $spacing-val-sm 0; 
    9231150                                                width: auto; 
     
    10881315                li.mini { 
    10891316 
    10901317                        .activity-avatar { 
     1318 
    10911319                                a { 
     1320 
    10921321                                        img.avatar { 
    10931322                                                height: 30px; 
    10941323                                                margin-left: 15px; 
     
    11091338                        margin-top: -12px; 
    11101339 
    11111340                        .activity-header { 
    1112                                 line-height: inherit; 
    11131341                                margin-right: 0; 
    11141342 
    11151343                                p { 
    1116                                         background-color: $light-background; 
    11171344                                        border: 1px solid rgba($border-light, 0.6); 
    1118                                         color: #727272; 
    11191345                                        margin-top: 0; 
    11201346                                        padding: 0 0.2em; 
    11211347                                } 
    11221348 
    11231349                                img.avatar { 
     1350                                        box-shadow: none; 
    11241351                                        display: inline-block; 
    1125                                         margin-bottom: 0 !important; // have to match to BP 
     1352                                        margin: 0 5px !important; // have to match to BP 
     1353                                        vertical-align: middle; 
    11261354                                } 
    11271355                        } // close .activity-header 
    11281356 
    11291357                        .activity-meta { 
     1358 
    11301359                                a { 
    11311360                                        display: block; 
    11321361                                        margin-bottom: $spacing-val-xs; 
    11331362 
    1134                                         @include small-up-bp { 
     1363                                        @include small-up { 
    11351364                                                display: inline-block; 
    11361365                                                margin-bottom: 0; 
     1366                                                width: auto; 
    11371367                                        } 
    11381368                                } 
    11391369                        } 
     
    11971427 
    11981428                .activity-comments { 
    11991429                        border-left: 1px solid $border-light; 
    1200                         margin-top: 5px; 
    12011430 
     1431                        margin: $spacing-val-md 0 $spacing-val-md ; 
     1432 
     1433                        @include small-up { 
     1434                                margin-left: $spacing-val-md; 
     1435                        } 
     1436 
    12021437                        ul { 
    1203                                 background: rgba($light-background, 0.6); 
    1204                                 color: #737373; 
    12051438                                margin: 15px 0 0 2px; 
    12061439 
     1440                                li { 
     1441                                        border-top: 1px solid $border-color; 
     1442                                } 
     1443 
    12071444                                a { 
    12081445                                        color: #0077c7; 
    12091446                                } 
     
    12101447                        } 
    12111448 
    12121449                        .acomment-meta { 
    1213                                 color: #737373; 
     1450                                border-bottom: 1px solid $border-light; 
    12141451                        } 
    12151452 
    12161453                        .ac-form { 
     
    12561493        #members-list { 
    12571494 
    12581495                @include medium-up { 
     1496 
    12591497                        li { 
    12601498                                .item-avatar, 
    12611499                                .item { 
     
    12661504                                        float: right; 
    12671505                                } 
    12681506                        } 
     1507 
     1508                        li.is-current-user { 
     1509 
     1510                                .item { 
     1511                                        float: none; 
     1512                                        left: 0; 
     1513                                        padding-left: 5%; 
     1514                                        width: auto; 
     1515                                } 
     1516                        } 
    12691517                } 
    12701518 
    12711519        } // close #members-list 
     
    13181566* @subsection 6.1 - Item Header Global 
    13191567*----------------------------------------------------------- 
    13201568*/ 
     1569        @include med-small-up { 
    13211570 
     1571 
     1572        .bp-user.page-two-column { 
     1573 
     1574                #buddypress { 
     1575 
     1576                        #cover-image-container { 
     1577 
     1578                                #item-header-cover-image { 
     1579 
     1580 
     1581                                } 
     1582                        } 
     1583 
     1584                        #cover-image-container { 
     1585 
     1586                                #item-header-cover-image { 
     1587 
     1588                                        #item-header-content { 
     1589                                                margin-left: 140px; 
     1590                                                margin-top: -100px; 
     1591                                        } 
     1592                                } 
     1593                        } 
     1594                } 
     1595        } 
     1596 
     1597        .single-item.groups.page-two-column { 
     1598 
     1599                #buddypress { 
     1600 
     1601                        #cover-image-container { 
     1602 
     1603                                #item-header-cover-image { 
     1604 
     1605                                        #item-header-content { 
     1606                                                margin-left: 10px; 
     1607                                        } 
     1608                                } 
     1609                        } 
     1610                } 
     1611        } 
     1612} 
     1613 
    13221614.bp-user, 
    13231615.single-item.groups { 
    13241616 
    13251617        #buddypress { 
    13261618 
     1619                // we need to remove the cover image dec styles 
     1620                // & reset them for med up  only. 
     1621                #item-header-cover-image { 
     1622                        .user-nicename { 
     1623                                color: $body-text; 
     1624                                text-shadow: none; 
     1625                        } 
     1626                } 
     1627 
     1628                @include med-small-up { 
     1629 
     1630                        #item-header-cover-image { 
     1631 
     1632                                .user-nicename { 
     1633                                        color: $white; 
     1634                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1635                                } 
     1636                        } 
     1637                } 
     1638 
    13271639                #item-header-content { 
    13281640 
    13291641                        #item-meta { 
     
    14171729                                        text-align: center; 
    14181730 
    14191731                                        a { 
    1420                                                 border-bottom: 0; 
    14211732 
    14221733                                                img { 
    14231734                                                        display: inline-block; 
     
    15241835                                img.avatar, 
    15251836 
    15261837                                a { 
    1527                                         border-bottom: 0; 
    15281838                                        display: inline-block; 
    15291839                                        float: none; 
    15301840                                } 
     
    15601870*----------------------------------------------------------- 
    15611871*/ 
    15621872 
     1873 
    15631874/** 
    15641875*---------------------------------------------------- 
    15651876* @subsection 6.2.1 - Item Body Groups 
     
    15681879*---------------------------------------------------- 
    15691880*/ 
    15701881 
     1882.groups.single-item.members { 
     1883 
     1884        #buddypress { 
     1885 
     1886                #subnav.item-list-tabs { 
     1887 
     1888                        ul { 
     1889                                background: none; 
     1890                                border-top: 0; 
     1891                        } 
     1892 
     1893                } 
     1894        } 
     1895 
     1896} 
     1897 
    15711898/** 
    15721899*----------------------------------------- 
    15731900* @subsection 6.2.1.1 - Group Management 
     
    17092036                                        } 
    17102037                                } 
    17112038 
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0; 
     2039                                margin: $spacing-val-xs 0 0; 
    17132040                        } 
    17142041                } 
    17152042        } 
     
    17782105 
    17792106                .pag-count {font-style: italic;} 
    17802107 
    1781                 .notifications-options-nav { 
    1782                         border: 1px solid rgba($border-color, 0.5); 
     2108                .notifications-options-nav, 
     2109                .messages-options-nav { 
     2110 
    17832111                        float: left; 
    17842112                        width: 100%; 
    17852113 
     
    17932121 
    17942122                        select, 
    17952123                        input { 
    1796                                 border: 0; 
     2124 
    17972125                                @include font-size(14); 
    17982126                                outline: 0; 
    17992127                                padding: 0; 
     
    18012129 
    18022130                        select { 
    18032131                                float: left; 
    1804                                 margin-right: 0; 
    1805                                 width: 60%; 
     2132                                margin-right: 1%; 
     2133                                width: 59%; 
    18062134                        } 
    18072135 
    18082136                        input { 
     
    18122140                                width: 40%; 
    18132141                        } 
    18142142 
    1815                 } // close .notifications-options-nav 
     2143                        input[disabled="disabled"]:focus, 
     2144                        input[disabled="disabled"]:hover { 
     2145                                background: none; 
     2146                        } 
    18162147 
     2148 
     2149                } // close .notifications-options-nav/.messages-options-nav 
     2150 
    18172151        } //close #buddypress 
    18182152} // close .bp-user 
    18192153 
     
    18302164                .profile { 
    18312165                        .bp-widget { 
    18322166                                h2 { 
    1833                                         background: lighten($dark-background, 15%); 
    1834                                         color: #fff; 
    18352167                                        margin: $spacing-val-lg 0 $spacing-val-sm; 
    18362168                                        padding: 0.1em 0 0.1em 0.4em; 
    18372169                                } 
    18382170 
    18392171                                table {margin-top: 0;} 
     2172 
     2173                                .profile-fields { 
     2174 
     2175                                        tr.alt { 
     2176                                                td { 
     2177                                                        color: $body-text; 
     2178                                                } 
     2179                                        } 
     2180 
     2181                                        tr:last-child { 
     2182                                                border-bottom: none; 
     2183                                        } 
     2184                                } 
     2185 
    18402186                        } 
     2187 
    18412188                        /* Edit profile */ 
    18422189 
    18432190                        #profile-edit-form { 
     
    18742221                                } //.button-nav 
    18752222 
    18762223                                .field-visibility-settings-toggle, 
     2224                                .field-visibility-settings-notoggle, 
    18772225                                .field-visibility-settings { 
    18782226                                        @include font-size(14); 
     2227                                        margin-top: $spacing-val-sm; 
    18792228                                } 
    18802229 
    18812230                                .field-visibility-settings-close, 
    18822231                                .visibility-toggle-link { 
    18832232                                        background: $dark-background; 
     2233                                        @include border-radius(3px); 
    18842234                                        color: #fff; 
    18852235                                        padding: 0.2em 0.5em; 
    18862236                                } 
     
    19322282 
    19332283                #message-thread { 
    19342284                        //Single message view 
     2285 
    19352286                        a { 
    19362287                                border-bottom: 0; 
    19372288                        } 
     
    19792330                        } 
    19802331 
    19812332                        #send-reply { 
     2333 
    19822334                                .message-content { 
    19832335                                        background: $content-background; 
    19842336                                        border: 0; 
     
    19942346                #message-threads { 
    19952347 
    19962348                        thead { 
     2349 
    19972350                                tr { 
    1998                                         background: lighten($dark-background, 10%); 
     2351                                        background: none; 
     2352                                        border-bottom: 1px solid $border-color; 
     2353 
     2354 
     2355                                        th { 
     2356                                                background: #555; 
     2357                                        } 
    19992358                                } 
    20002359                        } 
    20012360 
    20022361                        tr { 
     2362                                border-bottom: 5px solid $medium-grey; 
     2363 
    20032364                                td { 
    2004                                         background: $content-background; 
    20052365                                        display: inline-block; 
    20062366                                        float: left; 
    20072367                                } 
     
    20082368 
    20092369                                td.thread-star, 
    20102370                                td.thread-options { 
    2011                                         border-bottom-color: $medium-background; 
    2012                                         border-bottom-width: 2px; 
     2371                                        border-bottom-color: $border-color; 
     2372                                        border-bottom-width: 1px; 
    20132373                                        height: 2.4em; 
    20142374                                        padding-bottom: 0.2em; 
    20152375                                        padding-top: 0.2em; 
     
    20192379                                        } 
    20202380                                } 
    20212381 
     2382                                td.bulk-select-check, 
     2383                                td.thread-star, 
     2384                                td.thread-from, 
     2385                                td.thread-info, 
     2386                                td.thread-options { 
     2387                                        border-top: 0; 
     2388                                } 
     2389 
    20222390                                td.thread-star { 
    20232391                                        vertical-align: middle; 
    20242392 
     
    20802448                        } 
    20812449 
    20822450                        tr.unread { 
     2451 
    20832452                                td { 
    2084                                         background: $unread; 
     2453                                        background: none; 
    20852454                                        border-color: $border-color; 
    20862455                                } 
    20872456                        } 
     
    21042473                        } 
    21052474                } 
    21062475 
    2107                 .messages-options-nav { 
    2108                         select { 
    2109                                 height: auto; 
    2110                         } 
    2111                 } 
    2112  
    21132476                .acfb-holder { 
    21142477                        list-style: none; 
    21152478 
     
    22952658 
    22962659// Attempt to reset form control widths 
    22972660#main { 
     2661 
    22982662        #buddypress { 
     2663 
    22992664                .standard-form { 
    23002665 
    2301                         li {float: none;} 
     2666                        li { 
     2667                                float: none; 
     2668                        } 
     2669 
    23022670                        input[type='text'], 
    23032671                        input[type='email'], 
    23042672                        input[type='password'], 
     
    23092677        } 
    23102678} 
    23112679 
    2312  
    23132680#buddypress { 
    23142681 
    23152682        // Match BP form elements to Themes(2017) styling where styles 
     
    23642731} // close #buddypress 
    23652732 
    23662733#buddypress { 
     2734 
    23672735        div.dir-search, 
    23682736        div.message-search, 
    23692737        li.groups-members-search { 
     
    23752743 
    23762744                form { // *sigh* only to bludgeon over specified rules 
    23772745                        border: 1px solid rgba($border-color, 0.6); 
     2746                        @include border-radius(2px); 
    23782747                        overflow: hidden; 
    23792748 
    23802749                        label { 
    23812750                                float: left; 
    23822751                                margin: 0; 
     2752                                width: 70%; 
    23832753                        } 
    23842754 
    2385                         input[type='text'] { 
     2755                        input[type="text"] { 
    23862756                                float: left; 
    23872757                                margin: 0; 
    2388                                 width: 70%; 
     2758                                width: 100%; 
    23892759                        } 
    23902760 
    2391                         input[type='text'], 
    2392                         input[type='submit'] { 
     2761                        input[type="text"], 
     2762                        input[type="submit"] { 
     2763                                border: 0; 
    23932764                                @include font-size(14); 
    2394                                 border: 0; 
    23952765                                line-height: inherit; 
    23962766                        } 
    23972767 
    2398                         input[type='text'] { 
     2768                        input[type="text"] { 
    23992769                                border-right: 1px solid rgba($border-color, 0.6); 
     2770                                font-weight: 400; 
    24002771                                padding: 0.2em 0 0.2em 0.2em; 
    24012772                        } 
    24022773 
    2403                         input[type='submit'] { 
     2774                        input[type="submit"] { 
     2775                                @include border-radius-none(); 
    24042776                                float: right; 
    24052777                                font-weight: normal; 
    24062778                                padding: 0.2em 1em; 
     
    24122784 
    24132785        } // close .dir-search, .message-search 
    24142786 
     2787        // Dirs & certain components hide search hides labels so can't width the label element 
     2788        // adjust so that the input takes reduced width. 
     2789 
     2790        div.dir-search { 
     2791                margin-top: 0; 
     2792        } 
     2793 
     2794        .dir-search #search-members-form, 
     2795        #search-groups-form, 
     2796        #search-message-form { 
     2797 
     2798                input[type='text'] { 
     2799                        float: left; 
     2800                        margin: 0; 
     2801                        width: 70%; 
     2802                } 
     2803        } 
     2804 
    24152805        // Shift the search parent to the right and allow to shrinkwrap 
    24162806 
    24172807        @include small-up { 
     
    24202810                li.groups-members-search { 
    24212811                        float: right; 
    24222812                        margin-bottom: 5px !important; 
    2423  
    2424                         form { 
    2425                                 label, 
    2426                                 input[type='text'], 
    2427                                 input[type='submit'] { 
    2428                                         width: auto; 
    2429                                 } 
    2430                         } 
    24312813                } 
    24322814 
    24332815        } // close @media 
     
    24362818        @include large-up { 
    24372819 
    24382820                .dir-search, 
     2821                .message-search, 
     2822                li.groups-members-search { 
    24392823 
    2440                 .message-search { 
    2441  
    24422824                        form { 
    24432825 
    24442826                                input[type='text'] { 
     
    24542836 
    24552837} // close #buddypress 
    24562838 
     2839// Adjustments for form elements colors, backgrounds, borders under the dark scheme. 
     2840body.colors-dark { 
     2841 
     2842        #page { // for weight 
     2843 
     2844                #buddypress { 
     2845 
     2846                        .dir-search, 
     2847                        .groups-members-search, 
     2848                        .message-search { 
     2849 
     2850                                form { 
     2851                                        background: #333; 
     2852                                        border-color: #555; 
     2853                                        @include border-radius(2px); 
     2854                                        padding: 1px; 
     2855                                } 
     2856 
     2857                                input[type="text"] { 
     2858                                        background: none; 
     2859                                } 
     2860 
     2861                                input[type="submit"] { 
     2862                                        @include border-radius(2px); 
     2863                                } 
     2864                        } 
     2865                } 
     2866                .message-search { 
     2867                        margin-top: 0; 
     2868                } 
     2869        } 
     2870} 
    24572871/** 
    24582872*------------------------------------------------------------------------------- 
    24592873* @section 8.0 - Tables - General 
     
    24722886                margin: $spacing-val-md 0; 
    24732887 
    24742888                tr th { 
    2475                         background: lighten($dark-background, 10%); 
    2476                         border-color: darken($border-light, 20%); 
    2477                         color: $content-background; 
     2889                        background: $light-background; 
     2890                        border-color: $border-light; 
     2891                        color: $body-text; 
    24782892                } 
    24792893 
    24802894                // Reduce the themes inherited paragraph margins in tables 
     
    25362950                } 
    25372951 
    25382952        } // .notifications, .message-notices 
     2953 
     2954        .notifications { // table element 
     2955                .actions { // th element 
     2956                        text-align: center; 
     2957                } 
     2958        } 
    25392959} // #buddypress 
    25402960 
    25412961/** 
     
    25732993 
    25742994        } // close #message 
    25752995 
     2996        .bp-avatar-status, 
     2997        .bp-cover-image-status { 
     2998 
     2999                .warning { 
     3000                        background: #7dd4ff; 
     3001                        border: 1px solid #000; 
     3002                        color: $body-text; 
     3003                        @include font-size(16); 
     3004                } 
     3005        } 
     3006 
    25763007} // close  #buddypress 
    25773008 
    25783009// Without direct classes on our mesages ( 'warning')