Skip to:
Content

Ticket #7338: 7338-07.patch

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

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

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

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

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

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