Skip to:
Content

Ticket #7338: 7338-08.patch

File 7338-08.patch, 76.1 KB (added by hnla, 17 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')