Skip to:
Content

BuddyPress.org

Ticket #7338: 7338-05.patch

File 7338-05.patch, 43.8 KB (added by hnla, 8 years ago)

Add two groupings for 2017 theme color selections

  • 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 .item-list-tabs li.current a,
     124body.colors-dark #buddypress .item-list-tabs li.selected a {
     125        color: inherit;
     126}
     127
     128body.colors-dark #buddypress .item-list div.meta {
     129        color: #ddd;
     130}
     131
     132body.colors-dark #buddypress .item-list div.item-desc {
     133        color: #eee;
     134}
     135
     136body.colors-dark #buddypress .item-list .activity-header p,
     137body.colors-dark #buddypress .item-list .activity-comments ul,
     138body.colors-dark #buddypress .item-list .acomment-meta {
     139        color: #eee;
     140}
     141
     142body.colors-dark #buddypress .item-list .activity-meta a,
     143body.colors-dark #buddypress .item-list .action a {
     144        background: #fafafa;
     145}
     146
     147body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover,
     148body.colors-dark #buddypress .item-list .action a:focus,
     149body.colors-dark #buddypress .item-list .action a:hover {
     150        background: #fff;
     151}
     152
     153body.colors-dark #buddypress #latest-update {
     154        color: #eee;
     155}
     156
     157body.colors-dark #buddypress div.pagination * {
     158        color: #ddd;
     159}
     160
     161body.colors-dark #buddypress #item-body table thead tr,
     162body.colors-dark #buddypress #item-body table thead th {
     163        background: none;
     164        color: #eee;
     165}
     166
     167body.colors-dark #buddypress #item-body table tr.alt td {
     168        background: none;
     169        color: #eee;
     170}
     171
     172body.colors-light #buddypress div.item-list-tabs ul {
     173        background-color: #fafafa;
     174}
     175
     176body.colors-light #buddypress div#subnav.item-list-tabs ul {
     177        background-color: #f7f7f7;
     178}
     179
     180body.colors-light #buddypress div#subnav.item-list-tabs ul li.last {
     181        background: #fff;
     182}
     183
     184body.colors-light #buddypress .item-list .activity-header p {
     185        background-color: #f7f7f7;
     186        color: #878787;
     187}
     188
     189body.colors-light #buddypress .item-list .activity-comments .acomment-meta {
     190        color: #737373;
     191}
     192
     193body.colors-light #buddypress #item-body .profile h2 {
     194        background: #7b7b7b;
     195        color: #fff;
     196}
     197
     198body.colors-light #buddypress table tr.alt td {
     199        background: #f5f5f5;
     200        color: #333;
     201}
     202
    135203/**
    136204*-------------------------------------------------------------------------------
    137205* @section 2.0 - Navigation - General
     
    150218}
    151219
    152220#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
    154221        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155222        border-top: 1px solid rgba(234, 234, 234, 0.9);
    156223        overflow: hidden;
     
    157224        padding: 0;
    158225}
    159226
    160 #buddypress div.item-list-tabs ul li a {
    161         color: #0073c1;
    162 }
    163 
    164227#buddypress div.item-list-tabs ul li a span {
    165228        border-radius: 25%;
    166229}
    167230
    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 
    200231/*__ Horizontal menus __*/
    201232#buddypress #object-nav ul {
    202233        overflow: hidden;
     
    229260}
    230261
    231262#buddypress div#subnav.item-list-tabs ul {
    232         background-color: #f7f7f7;
    233263        border-bottom: 0;
    234264        margin-top: 5px;
    235265        padding: 0;
     
    236266}
    237267
    238268#buddypress div#subnav.item-list-tabs ul li.last {
    239         background: #fff;
    240269        margin-top: 0;
    241270        padding: 5px 5px 5px 0;
    242271        width: 100%;
     
    273302
    274303/*__ Vertical menu User Account / Group single screens __*/
    275304@media screen and (min-width: 55em) {
    276         body.no-sidebar #buddypress #item-header,
    277         body.no-sidebar #buddypress #item-body {
     305        body:not(.page-two-column) #buddypress #item-header,
     306        body:not(.page-two-column) #buddypress #item-body {
    278307                background: #fff;
    279308        }
    280         body.no-sidebar #buddypress #object-nav {
     309        body:not(.page-two-column) #buddypress #object-nav {
    281310                border-right: 1px solid #ddd;
    282311                float: left;
    283312                margin-right: -1px;
    284313                width: 200px;
    285314        }
    286         body.no-sidebar #buddypress #object-nav ul {
     315        body:not(.page-two-column) #buddypress #object-nav ul {
    287316                background: none;
    288317                border-bottom: 0;
    289318                padding: 0;
    290319        }
    291         body.no-sidebar #buddypress #object-nav ul li {
     320        body:not(.page-two-column) #buddypress #object-nav ul li {
    292321                float: none;
    293322                overflow: hidden;
    294323        }
    295         body.no-sidebar #buddypress #object-nav ul li span {
     324        body:not(.page-two-column) #buddypress #object-nav ul li span {
    296325                background: #fff;
    297326                border-radius: 10%;
    298327                float: right;
    299328                margin-right: 2px;
    300329        }
    301         body.no-sidebar #buddypress #item-body {
     330        body:not(.page-two-column) #buddypress #item-body {
    302331                border-left: 1px solid #ddd;
    303332                overflow: hidden;
    304333                padding: 0 0 0 20px;
    305334                width: auto;
    306335        }
    307         body.no-sidebar #buddypress #item-body #subnav {
     336        body:not(.page-two-column) #buddypress #item-body #subnav {
    308337                margin: 0 0 0 -20px;
    309338        }
    310         body.no-sidebar #buddypress #item-body #subnav ul {
     339        body:not(.page-two-column) #buddypress #item-body #subnav ul {
    311340                margin-top: 0;
    312341        }
    313342}
     
    346375        #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347376        #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348377                background: none;
    349                 color: #141412;
     378                color: #333;
    350379                outline: none;
    351380        }
    352381        #main #buddypress #subnav ul {
     
    495524
    496525#buddypress ul.item-list li .item .item-title .update {
    497526        display: block;
    498         font-size: 12px;
    499         font-size: 0.75rem;
     527        font-size: 13px;
     528        font-size: 0.8125rem;
    500529        padding: 10px 0;
    501530        text-align: left;
    502531}
     
    557586        width: 100%;
    558587}
    559588
    560 @media screen and (min-width: 48em) {
     589@media screen and (min-width: 30em) {
    561590        #buddypress ul.item-list li div.action div {
    562591                margin: 0 10px 10px 0;
    563592                width: auto;
     
    599628}
    600629
    601630#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);
     631        border: 1px solid rgba(190, 190, 190, 0.5);
    603632        float: left;
    604633        line-height: 1.5em;
    605634        margin-top: 12px;
     
    704733}
    705734
    706735#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708736        margin-right: 0;
    709737}
    710738
    711739#buddypress #activity-stream .activity-content .activity-header p {
    712         background-color: #f7f7f7;
    713740        border: 1px solid rgba(234, 234, 234, 0.6);
    714         color: #727272;
    715741        margin-top: 0;
    716742        padding: 0 0.2em;
    717743}
    718744
    719745#buddypress #activity-stream .activity-content .activity-header img.avatar {
     746        box-shadow: none;
    720747        display: inline-block;
    721         margin-bottom: 0 !important;
     748        margin: 0 5px !important;
     749        vertical-align: middle;
    722750}
    723751
    724752#buddypress #activity-stream .activity-content .activity-meta a {
     
    726754        margin-bottom: 5px;
    727755}
    728756
    729 @media screen and (min-width: 38.75em) {
     757@media screen and (min-width: 30em) {
    730758        #buddypress #activity-stream .activity-content .activity-meta a {
    731759                display: inline-block;
    732760                margin-bottom: 0;
     761                width: auto;
    733762        }
    734763}
    735764
     
    781810*/
    782811#buddypress #activity-stream .activity-comments {
    783812        border-left: 1px solid #eaeaea;
    784         margin-top: 5px;
     813        margin: 20px 0 20px;
    785814}
    786815
     816@media screen and (min-width: 30em) {
     817        #buddypress #activity-stream .activity-comments {
     818                margin-left: 20px;
     819        }
     820}
     821
    787822#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789         color: #737373;
    790823        margin: 15px 0 0 2px;
    791824}
    792825
     826#buddypress #activity-stream .activity-comments ul li {
     827        border-top: 1px solid #bebebe;
     828}
     829
    793830#buddypress #activity-stream .activity-comments ul a {
    794831        color: #0077c7;
    795832}
    796833
    797834#buddypress #activity-stream .activity-comments .acomment-meta {
    798         color: #737373;
     835        border-bottom: 1px solid #eaeaea;
    799836}
    800837
    801838#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802839#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     840        color: rgba(51, 51, 51, 0.8);
    804841        display: inline-block;
    805842        font-family: inherit;
    806843        font-size: 12px;
     
    813850}
    814851
    815852#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     853        border: 1px solid rgba(190, 190, 190, 0.7);
    817854        text-align: center;
    818855}
    819856
     
    834871        #buddypress #members-list li .action {
    835872                float: right;
    836873        }
     874        #buddypress #members-list li.is-current-user .item {
     875                float: none;
     876                left: 0;
     877                padding-left: 5%;
     878                width: auto;
     879        }
    837880}
    838881
    839882/**
     
    880923* @subsection 6.1 - Item Header Global
    881924*-----------------------------------------------------------
    882925*/
     926@media screen and (min-width: 48em) {
     927        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     928                margin-left: 140px;
     929                margin-top: -100px;
     930        }
     931        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     932                margin-left: 10px;
     933        }
     934}
     935
     936.bp-user #buddypress #item-header-cover-image .user-nicename,
     937.single-item.groups #buddypress #item-header-cover-image .user-nicename {
     938        color: #333;
     939        text-shadow: none;
     940}
     941
     942@media screen and (min-width: 48em) {
     943        .bp-user #buddypress #item-header-cover-image .user-nicename,
     944        .single-item.groups #buddypress #item-header-cover-image .user-nicename {
     945                color: #fff;
     946                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     947        }
     948}
     949
    883950.bp-user #buddypress #item-header-content #item-meta,
    884951.single-item.groups #buddypress #item-header-content #item-meta {
    885952        font-size: 14px;
     
    10831150* Groups specific item body rules -  screens
    10841151*----------------------------------------------------
    10851152*/
     1153.groups.single-item.members #buddypress #subnav.item-list-tabs ul {
     1154        background: none;
     1155        border-top: 0;
     1156}
     1157
    10861158/**
    10871159*-----------------------------------------
    10881160* @subsection 6.2.1.1 - Group Management
     
    11201192}
    11211193
    11221194.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1195        color: rgba(51, 51, 51, 0.6);
    11241196        font-size: 14px;
    11251197        font-size: 0.875rem;
    11261198}
     
    11841256
    11851257.groups.group-members #subnav li #search-members-form {
    11861258        float: right;
    1187         margin: 5px 5px 0 0;
     1259        margin: 5px 0 0;
    11881260}
    11891261
    11901262@media screen and (max-width: 38.75em) {
     
    12531325        font-style: italic;
    12541326}
    12551327
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1328.bp-user #buddypress .notifications-options-nav,
     1329.bp-user #buddypress .messages-options-nav {
    12581330        float: left;
    12591331        width: 100%;
    12601332}
    12611333
    12621334@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1335        .bp-user #buddypress .notifications-options-nav,
     1336        .bp-user #buddypress .messages-options-nav {
    12641337                width: 300px;
    12651338        }
    12661339}
    12671340
    1268 .bp-user #buddypress .notifications-options-nav select {
     1341.bp-user #buddypress .notifications-options-nav select,
     1342.bp-user #buddypress .messages-options-nav select {
    12691343        height: auto;
    12701344}
    12711345
    12721346.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1347.bp-user #buddypress .notifications-options-nav input,
     1348.bp-user #buddypress .messages-options-nav select,
     1349.bp-user #buddypress .messages-options-nav input {
    12751350        font-size: 14px;
    12761351        font-size: 0.875rem;
    12771352        outline: 0;
     
    12781353        padding: 0;
    12791354}
    12801355
    1281 .bp-user #buddypress .notifications-options-nav select {
     1356.bp-user #buddypress .notifications-options-nav select,
     1357.bp-user #buddypress .messages-options-nav select {
    12821358        float: left;
    1283         margin-right: 0;
    1284         width: 60%;
     1359        margin-right: 1%;
     1360        width: 59%;
    12851361}
    12861362
    1287 .bp-user #buddypress .notifications-options-nav input {
     1363.bp-user #buddypress .notifications-options-nav input,
     1364.bp-user #buddypress .messages-options-nav input {
    12881365        float: right;
    12891366        font-family: inherit;
    12901367        line-height: 20px;
     
    12911368        width: 40%;
    12921369}
    12931370
     1371.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1372.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1373.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1374.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1375        background: none;
     1376}
     1377
    12941378/**
    12951379        *-------------------------------------------
    12961380        * @subsection 6.2.2.2 - Extended Profiles
     
    13011385}
    13021386
    13031387.bp-user #buddypress .profile .bp-widget h2 {
    1304         background: #7b7b7b;
    1305         color: #fff;
    13061388        margin: 40px 0 10px;
    13071389        padding: 0.1em 0 0.1em 0.4em;
    13081390}
     
    13111393        margin-top: 0;
    13121394}
    13131395
     1396.bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td {
     1397        color: #333;
     1398}
     1399
     1400.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child {
     1401        border-bottom: none;
     1402}
     1403
    13141404.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    13151405.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    13161406        content: " ";
     
    13451435}
    13461436
    13471437.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1438.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle,
    13481439.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    13491440        font-size: 14px;
    13501441        font-size: 0.875rem;
     1442        margin-top: 10px;
    13511443}
    13521444
    13531445.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
    13541446.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    13551447        background: #555;
     1448        -webkit-border-radius: 3px;
     1449        -moz-border-radius: 3px;
     1450        -ms-border-radius: 3px;
     1451        border-radius: 3px;
     1452        background-clip: padding-box;
    13561453        color: #fff;
    13571454        padding: 0.2em 0.5em;
    13581455}
     
    14341531}
    14351532
    14361533.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1534        background: none;
     1535        border-bottom: 1px solid #bebebe;
    14381536}
    14391537
     1538.bp-user #buddypress #message-threads thead tr th {
     1539        background: #555;
     1540}
     1541
     1542.bp-user #buddypress #message-threads tr {
     1543        border-bottom: 5px solid #878787;
     1544}
     1545
    14401546.bp-user #buddypress #message-threads tr td {
    14411547        background: #fff;
    14421548        display: inline-block;
     
    14451551
    14461552.bp-user #buddypress #message-threads tr td.thread-star,
    14471553.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1554        border-bottom-color: #bebebe;
     1555        border-bottom-width: 1px;
    14501556        height: 2.4em;
    14511557        padding-bottom: 0.2em;
    14521558        padding-top: 0.2em;
     
    14591565        }
    14601566}
    14611567
     1568.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1569.bp-user #buddypress #message-threads tr td.thread-star,
     1570.bp-user #buddypress #message-threads tr td.thread-from,
     1571.bp-user #buddypress #message-threads tr td.thread-info,
     1572.bp-user #buddypress #message-threads tr td.thread-options {
     1573        border-top: 0;
     1574}
     1575
    14621576.bp-user #buddypress #message-threads tr td.thread-star {
    14631577        vertical-align: middle;
    14641578}
     
    15291643}
    15301644
    15311645.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1646        background: none;
     1647        border-color: #bebebe;
    15341648}
    15351649
    15361650.bp-user #buddypress #message-threads th {
     
    15501664        width: 30px;
    15511665}
    15521666
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571667.bp-user #buddypress .acfb-holder {
    15581668        list-style: none;
    15591669}
     
    15631673}
    15641674
    15651675.bp-user #buddypress .acfb-holder li.friend-tab {
    1566         background: #edf7fa;
     1676        background: #e3f6ff;
    15671677        border: inherit;
    15681678        margin-right: 0;
    15691679        padding: 0.5em;
     
    17171827
    17181828#buddypress div.activity-comments form .ac-textarea {
    17191829        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1830        border: 1px solid rgba(190, 190, 190, 0.5);
    17211831}
    17221832
    17231833#buddypress div.activity-comments form .ac-textarea textarea {
     
    17351845#buddypress .standard-form button,
    17361846#buddypress .standard-form select,
    17371847#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1848        border-color: rgba(190, 190, 190, 0.5);
    17391849        border-width: 1px;
    17401850}
    17411851
     
    17611871#buddypress div.dir-search form,
    17621872#buddypress div.message-search form,
    17631873#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1874        border: 1px solid rgba(190, 190, 190, 0.6);
    17651875        overflow: hidden;
    17661876}
    17671877
     
    17701880#buddypress li.groups-members-search form label {
    17711881        float: left;
    17721882        margin: 0;
     1883        width: 70%;
    17731884}
    17741885
    17751886#buddypress div.dir-search form input[type='text'],
     
    17771888#buddypress li.groups-members-search form input[type='text'] {
    17781889        float: left;
    17791890        margin: 0;
    1780         width: 70%;
     1891        width: 100%;
    17811892}
    17821893
    17831894#buddypress div.dir-search form input[type='text'],
     
    17951906#buddypress div.dir-search form input[type='text'],
    17961907#buddypress div.message-search form input[type='text'],
    17971908#buddypress li.groups-members-search form input[type='text'] {
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6);
     1909        border-right: 1px solid rgba(190, 190, 190, 0.6);
     1910        font-weight: 400;
    17991911        padding: 0.2em 0 0.2em 0.2em;
    18001912}
    18011913
     
    18021914#buddypress div.dir-search form input[type='submit'],
    18031915#buddypress div.message-search form input[type='submit'],
    18041916#buddypress li.groups-members-search form input[type='submit'] {
     1917        border-radius: 0;
    18051918        float: right;
    18061919        font-weight: normal;
    18071920        padding: 0.2em 1em;
     
    18101923        width: 30%;
    18111924}
    18121925
     1926#buddypress div.dir-search {
     1927        margin-top: 0;
     1928}
     1929
     1930#buddypress .dir-search #search-members-form input[type='text'],
     1931#buddypress #search-groups-form input[type='text'],
     1932#buddypress #search-message-form input[type='text'] {
     1933        float: left;
     1934        margin: 0;
     1935        width: 70%;
     1936}
     1937
    18131938@media screen and (min-width: 30em) {
    18141939        #buddypress div.dir-search,
    18151940        #buddypress div.message-search,
     
    18171942                float: right;
    18181943                margin-bottom: 5px !important;
    18191944        }
    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         }
    18311945}
    18321946
    18331947@media screen and (min-width: 67em) {
    18341948        #buddypress .dir-search form input[type='text'],
    1835         #buddypress .message-search form input[type='text'] {
     1949        #buddypress .message-search form input[type='text'],
     1950        #buddypress li.groups-members-search form input[type='text'] {
    18361951                font-size: 16px;
    18371952                font-size: 1rem;
    18381953        }
    18391954        #buddypress .dir-search form input[type='submit'],
    1840         #buddypress .message-search form input[type='submit'] {
     1955        #buddypress .message-search form input[type='submit'],
     1956        #buddypress li.groups-members-search form input[type='submit'] {
    18411957                font-size: 16px;
    18421958                font-size: 1rem;
    18431959        }
     
    18551971}
    18561972
    18571973#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     1974        background: #f7f7f7;
     1975        border-color: #eaeaea;
     1976        color: #333;
    18611977}
    18621978
    18631979#buddypress table p {
     
    19142030        text-align: center;
    19152031}
    19162032
     2033#buddypress .notifications .actions {
     2034        text-align: center;
     2035}
     2036
    19172037/**
    19182038*-------------------------------------------------------------------------------
    19192039* @section 9.0 - Error / Success messages
     
    19262046}
    19272047
    19282048#buddypress div#message.info p {
    1929         background: #c6e4ee;
    1930         border: 1px solid #78bed6;
    1931         color: #1e5264;
     2049        background: #b0e5ff;
     2050        border: 1px solid #4ac3ff;
     2051        color: #00547d;
    19322052}
    19332053
    19342054#buddypress div#message.updated p {
     
    19372057        color: #454d19;
    19382058}
    19392059
     2060#buddypress .bp-avatar-status .warning,
     2061#buddypress .bp-cover-image-status .warning {
     2062        background: #7dd4ff;
     2063        border: 1px solid #000;
     2064        color: #333;
     2065        font-size: 16px;
     2066        font-size: 1rem;
     2067}
     2068
    19402069.delete-group #buddypress div#message.info p {
    19412070        background: #db7e7e;
    19422071        border: 1px solid #be3535;
     
    19492078*-------------------------------------------------------------------------------
    19502079*/
    19512080#buddypress .acfb-holder li.friend-tab {
    1952         background: #9fd1e2;
     2081        background: #7dd4ff;
    19532082        border: inherit;
    19542083}
  • 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
     
    310319                }
    311320        }
    312321}
    313 // 2017 has very small page entry title headings
    314 // enlarge slightly for BP screens.
    315 .buddypress {
    316         article.page {
    317                 .entry-header {
    318                         .entry-title {
    319                                 @include font-size(22);
    320322
    321                                 @include medium-up {
    322                                         @include font-size(28);
    323                                 }
    324                         }
    325                 }
    326         }
    327 }
    328 
    329323// Open up the content width areas for BP screens to allow max widths.
    330 // This takes into account the ability to add/remove sidebars in 2017.
     324// This takes into account the ability to columnize pages in 2017.
    331325// Only effect changes based on breakpoints.
    332326
    333 @include medium-up {
     327@include med-small-up {
    334328
    335329        body.buddypress.page.page-two-column {
    336330
     
    337331                #primary {
    338332
    339333                        .entry-header {
    340                                 width: 20%;
     334                                width: 30%;
    341335                        }
    342336
    343337                        .entry-content {
    344                                 width: 80%;
     338                                width: 68%;
    345339                        }
    346340                }
    347341        }
     
    357351                        .content-bottom-widgets {
    358352                                margin-left: 0;
    359353                                margin-right: 0;
    360 //                              width: auto;
    361354                        }
    362355                }
    363356
     
    371364        } // body.buddypress
    372365}
    373366
     367// 2017 allows for selecting two distinct color schemes.
     368// Our companion styles respect themes colors & inherit or avoid
     369// setting backgrounds/colors so selecting the dark scheme generally
     370// allows the theme to reset the BP text/headings etc to white
     371// In places we do set backgrounds, Navs, search forms etc these
     372// are added here under the themes body class to enable changing
     373
     374// Some element colors are inherited from BP original sheet so need to
     375// to be reset under the dark scheme, where set in this sheet we simply state them
     376// only for the light scheme.
     377body.colors-dark {
     378
     379        #buddypress {
     380
     381                .item-list-tabs {
     382
     383                        li.current,
     384                        li.selected {
     385
     386                                a {
     387                                        color: inherit;
     388                                }
     389                        }
     390                }
     391
     392                // lists text: descr, meta, etc
     393                .item-list {
     394
     395                        div.meta {
     396                                color: #ddd;
     397                        }
     398
     399                        div.item-desc {
     400                                color: $bp-xlight-text;
     401                        }
     402
     403                        .activity-header p,
     404                        .activity-comments ul,
     405                        .acomment-meta {
     406                                color: $bp-xlight-text;
     407                        }
     408
     409                        .activity-meta,
     410                        .action {
     411                                a {
     412                                        background: $off-white;
     413
     414                                        &:focus,
     415                                        &:hover {
     416                                                background: $white;
     417                                        }
     418                                }
     419                        }
     420                }
     421
     422                #latest-update {
     423                        color: $bp-xlight-text;
     424                }
     425
     426                div.pagination * {
     427                        color: #ddd;
     428                }
     429
     430                #item-body {
     431
     432                        table {
     433
     434                                thead {
     435
     436                                        tr,
     437                                        th {
     438                                                background: none ;
     439                                                color: $bp-xlight-text;
     440                                        }
     441                                }
     442
     443                                tr.alt {
     444
     445                                        td {
     446                                                background: none;
     447                                                color: $bp-xlight-text;
     448                                        }
     449                                }
     450                        }
     451                }
     452
     453        } // close #buddypress
     454}
     455
     456body.colors-light {
     457
     458        #buddypress {
     459
     460                div.item-list-tabs {
     461
     462                        ul {
     463                                background-color: $off-white;
     464                        }
     465                }
     466
     467                div#subnav.item-list-tabs {
     468
     469                        ul {
     470                                background-color: $light-background;
     471
     472                                li.last {
     473                                        background: $content-background;
     474                                }
     475                        }
     476                }
     477
     478                .item-list {
     479
     480                        .activity-header p {
     481                                background-color: $light-background;
     482                                color: $bp-light-text;
     483                        }
     484
     485                        .activity-comments {
     486                                .acomment-meta {
     487                                        color: #737373;
     488                                }
     489                        }
     490                }
     491
     492                #item-body {
     493
     494                        .profile {
     495
     496                                h2 {
     497                                        background: lighten($dark-background, 15%);
     498                                        color: #fff;
     499                                }
     500                        }
     501                }
     502
     503                table {
     504
     505                        tr.alt {
     506
     507                                td {
     508                                        background: #f5f5f5;
     509                                        color: $body-text;
     510                                }
     511                        }
     512                }
     513
     514        } // close #buddypress
     515}
     516
    374517/**
    375518*-------------------------------------------------------------------------------
    376519* @section 2.0 - Navigation - General
     
    409552        div.item-list-tabs {
    410553
    411554                ul {
    412                         background-color: $off-white;
    413555                        border-bottom: 1px solid rgba($border-light, 0.9);
    414556                        border-top: 1px solid rgba($border-light, 0.9);
    415557                        overflow: hidden;
     
    418560                        li {
    419561
    420562                                a {
    421                                         color: #0073c1;
    422563
    423564                                        span {border-radius: 25%;}
    424565                                }
     
    428569
    429570} // close #buddypress
    430571
    431 // .bp-user #object-nav @ small screen as a dropdown
    432572
    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 
    480573/*__ Horizontal menus __*/
    481574#buddypress {
    482575
     
    519612                margin-top: 0;
    520613
    521614                ul {
    522                         background-color: $light-background;
    523615                        border-bottom: 0;
    524616                        margin-top: $spacing-val-xs;
    525617                        padding: 0;
    526618
    527619                        li.last {
    528                                 background: $content-background;
    529620                                margin-top: 0;
    530621                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
    531622                                width: 100%;
     
    569660// This block contains rules to re-factor the item-body structural element
    570661// to sit alongside the vert menu
    571662// 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.
     663// we'll only display object nav as a vert menu if not .two-column-page.
    573664
    574665@include medium-up {
    575666
    576         body.no-sidebar {
     667        body:not(.page-two-column) {
    577668
    578669                #buddypress {
    579670
     
    770861        }
    771862
    772863        .action {
     864
    773865                .generic-button {
     866
    774867                        a {
     868
    775869                                &:focus,
    776870                                &:hover {
    777871                                        background: inherit;
     
    851945
    852946                                        .update {
    853947                                                display: block;
    854                                                 @include font-size(12);
     948                                                @include font-size(13);
    855949
    856950                                                @include medium-up {
    857951                                                        @include font-size(14);
     
    892986                                // remove BP margin left
    893987                                margin-left: 0;
    894988                                padding: $spacing-val-md 0 $spacing-val-xs;
     989
    895990                                // push the actions to the right
    896 
    897991                                @include medium-up {
    898992                                        clear: none;
    899993                                        float: right;
     
    9171011                                        // Provisionally lets keep the 'action' div
    9181012                                        // position but inline-block the buttons
    9191013
    920                                         @include med-small-up {
     1014                                        @include small-up {
    9211015                                                // keep buttons to a row small tablet up
    9221016                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    9231017                                                width: auto;
     
    10881182                li.mini {
    10891183
    10901184                        .activity-avatar {
     1185
    10911186                                a {
     1187
    10921188                                        img.avatar {
    10931189                                                height: 30px;
    10941190                                                margin-left: 15px;
     
    11091205                        margin-top: -12px;
    11101206
    11111207                        .activity-header {
    1112                                 line-height: inherit;
    11131208                                margin-right: 0;
    11141209
    11151210                                p {
    1116                                         background-color: $light-background;
    11171211                                        border: 1px solid rgba($border-light, 0.6);
    1118                                         color: #727272;
    11191212                                        margin-top: 0;
    11201213                                        padding: 0 0.2em;
    11211214                                }
    11221215
    11231216                                img.avatar {
     1217                                        box-shadow: none;
    11241218                                        display: inline-block;
    1125                                         margin-bottom: 0 !important; // have to match to BP
     1219                                        margin: 0 5px !important; // have to match to BP
     1220                                        vertical-align: middle;
    11261221                                }
    11271222                        } // close .activity-header
    11281223
    11291224                        .activity-meta {
     1225
    11301226                                a {
    11311227                                        display: block;
    11321228                                        margin-bottom: $spacing-val-xs;
    11331229
    1134                                         @include small-up-bp {
     1230                                        @include small-up {
    11351231                                                display: inline-block;
    11361232                                                margin-bottom: 0;
     1233                                                width: auto;
    11371234                                        }
    11381235                                }
    11391236                        }
     
    11971294
    11981295                .activity-comments {
    11991296                        border-left: 1px solid $border-light;
    1200                         margin-top: 5px;
    12011297
     1298                        margin: $spacing-val-md 0 $spacing-val-md ;
     1299
     1300                        @include small-up {
     1301                                margin-left: $spacing-val-md;
     1302                        }
     1303
    12021304                        ul {
    1203                                 background: rgba($light-background, 0.6);
    1204                                 color: #737373;
    12051305                                margin: 15px 0 0 2px;
    12061306
     1307                                li {
     1308                                        border-top: 1px solid $border-color;
     1309                                }
     1310
    12071311                                a {
    12081312                                        color: #0077c7;
    12091313                                }
     
    12101314                        }
    12111315
    12121316                        .acomment-meta {
    1213                                 color: #737373;
     1317                                border-bottom: 1px solid $border-light;
    12141318                        }
    12151319
    12161320                        .ac-form {
     
    12561360        #members-list {
    12571361
    12581362                @include medium-up {
     1363
    12591364                        li {
    12601365                                .item-avatar,
    12611366                                .item {
     
    12661371                                        float: right;
    12671372                                }
    12681373                        }
     1374
     1375                        li.is-current-user {
     1376
     1377                                .item {
     1378                                        float: none;
     1379                                        left: 0;
     1380                                        padding-left: 5%;
     1381                                        width: auto;
     1382                                }
     1383                        }
    12691384                }
    12701385
    12711386        } // close #members-list
     
    13181433* @subsection 6.1 - Item Header Global
    13191434*-----------------------------------------------------------
    13201435*/
     1436        @include med-small-up {
    13211437
     1438
     1439        .bp-user.page-two-column {
     1440
     1441                #buddypress {
     1442
     1443                        #cover-image-container {
     1444
     1445                                #item-header-cover-image {
     1446
     1447
     1448                                }
     1449                        }
     1450
     1451                        #cover-image-container {
     1452
     1453                                #item-header-cover-image {
     1454
     1455                                        #item-header-content {
     1456                                                margin-left: 140px;
     1457                                                margin-top: -100px;
     1458                                        }
     1459                                }
     1460                        }
     1461                }
     1462        }
     1463
     1464        .single-item.groups.page-two-column {
     1465
     1466                #buddypress {
     1467
     1468                        #cover-image-container {
     1469
     1470                                #item-header-cover-image {
     1471
     1472                                        #item-header-content {
     1473                                                margin-left: 10px;
     1474                                        }
     1475                                }
     1476                        }
     1477                }
     1478        }
     1479}
     1480
    13221481.bp-user,
    13231482.single-item.groups {
    13241483
    13251484        #buddypress {
    13261485
     1486                // we need to remove the cover image dec styles
     1487                // & reset them for med up  only.
     1488                #item-header-cover-image {
     1489                        .user-nicename {
     1490                                color: $body-text;
     1491                                text-shadow: none;
     1492                        }
     1493                }
     1494
     1495                @include med-small-up {
     1496
     1497                        #item-header-cover-image {
     1498
     1499                                .user-nicename {
     1500                                        color: $white;
     1501                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1502                                }
     1503                        }
     1504                }
     1505
    13271506                #item-header-content {
    13281507
    13291508                        #item-meta {
     
    15601739*-----------------------------------------------------------
    15611740*/
    15621741
     1742
    15631743/**
    15641744*----------------------------------------------------
    15651745* @subsection 6.2.1 - Item Body Groups
     
    15681748*----------------------------------------------------
    15691749*/
    15701750
     1751.groups.single-item.members {
     1752
     1753        #buddypress {
     1754
     1755                #subnav.item-list-tabs {
     1756
     1757                        ul {
     1758                                background: none;
     1759                                border-top: 0;
     1760                        }
     1761
     1762                }
     1763        }
     1764
     1765}
     1766
    15711767/**
    15721768*-----------------------------------------
    15731769* @subsection 6.2.1.1 - Group Management
     
    17091905                                        }
    17101906                                }
    17111907
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0;
     1908                                margin: $spacing-val-xs 0 0;
    17131909                        }
    17141910                }
    17151911        }
     
    17781974
    17791975                .pag-count {font-style: italic;}
    17801976
    1781                 .notifications-options-nav {
    1782                         border: 1px solid rgba($border-color, 0.5);
     1977                .notifications-options-nav,
     1978                .messages-options-nav {
     1979
    17831980                        float: left;
    17841981                        width: 100%;
    17851982
     
    17931990
    17941991                        select,
    17951992                        input {
    1796                                 border: 0;
     1993
    17971994                                @include font-size(14);
    17981995                                outline: 0;
    17991996                                padding: 0;
     
    18011998
    18021999                        select {
    18032000                                float: left;
    1804                                 margin-right: 0;
    1805                                 width: 60%;
     2001                                margin-right: 1%;
     2002                                width: 59%;
    18062003                        }
    18072004
    18082005                        input {
     
    18122009                                width: 40%;
    18132010                        }
    18142011
    1815                 } // close .notifications-options-nav
     2012                        input[disabled="disabled"]:focus,
     2013                        input[disabled="disabled"]:hover {
     2014                                background: none;
     2015                        }
    18162016
     2017
     2018                } // close .notifications-options-nav/.messages-options-nav
     2019
    18172020        } //close #buddypress
    18182021} // close .bp-user
    18192022
     
    18302033                .profile {
    18312034                        .bp-widget {
    18322035                                h2 {
    1833                                         background: lighten($dark-background, 15%);
    1834                                         color: #fff;
    18352036                                        margin: $spacing-val-lg 0 $spacing-val-sm;
    18362037                                        padding: 0.1em 0 0.1em 0.4em;
    18372038                                }
    18382039
    18392040                                table {margin-top: 0;}
     2041
     2042                                .profile-fields {
     2043
     2044                                        tr.alt {
     2045                                                td {
     2046                                                        color: $body-text;
     2047                                                }
     2048                                        }
     2049
     2050                                        tr:last-child {
     2051                                                border-bottom: none;
     2052                                        }
     2053                                }
     2054
    18402055                        }
     2056
    18412057                        /* Edit profile */
    18422058
    18432059                        #profile-edit-form {
     
    18742090                                } //.button-nav
    18752091
    18762092                                .field-visibility-settings-toggle,
     2093                                .field-visibility-settings-notoggle,
    18772094                                .field-visibility-settings {
    18782095                                        @include font-size(14);
     2096                                        margin-top: $spacing-val-sm;
    18792097                                }
    18802098
    18812099                                .field-visibility-settings-close,
    18822100                                .visibility-toggle-link {
    18832101                                        background: $dark-background;
     2102                                        @include border-radius(3px);
    18842103                                        color: #fff;
    18852104                                        padding: 0.2em 0.5em;
    18862105                                }
     
    19322151
    19332152                #message-thread {
    19342153                        //Single message view
     2154
    19352155                        a {
    19362156                                border-bottom: 0;
    19372157                        }
     
    19792199                        }
    19802200
    19812201                        #send-reply {
     2202
    19822203                                .message-content {
    19832204                                        background: $content-background;
    19842205                                        border: 0;
     
    19942215                #message-threads {
    19952216
    19962217                        thead {
     2218
    19972219                                tr {
    1998                                         background: lighten($dark-background, 10%);
     2220                                        background: none;
     2221                                        border-bottom: 1px solid $border-color;
     2222
     2223
     2224                                        th {
     2225                                                background: #555;
     2226                                        }
    19992227                                }
    20002228                        }
    20012229
    20022230                        tr {
     2231                                border-bottom: 5px solid $medium-grey;
     2232
    20032233                                td {
    20042234                                        background: $content-background;
    20052235                                        display: inline-block;
     
    20082238
    20092239                                td.thread-star,
    20102240                                td.thread-options {
    2011                                         border-bottom-color: $medium-background;
    2012                                         border-bottom-width: 2px;
     2241                                        border-bottom-color: $border-color;
     2242                                        border-bottom-width: 1px;
    20132243                                        height: 2.4em;
    20142244                                        padding-bottom: 0.2em;
    20152245                                        padding-top: 0.2em;
     
    20192249                                        }
    20202250                                }
    20212251
     2252                                td.bulk-select-check,
     2253                                td.thread-star,
     2254                                td.thread-from,
     2255                                td.thread-info,
     2256                                td.thread-options {
     2257                                        border-top: 0;
     2258                                }
     2259
    20222260                                td.thread-star {
    20232261                                        vertical-align: middle;
    20242262
     
    20802318                        }
    20812319
    20822320                        tr.unread {
     2321
    20832322                                td {
    2084                                         background: $unread;
     2323                                        background: none;
    20852324                                        border-color: $border-color;
    20862325                                }
    20872326                        }
     
    21042343                        }
    21052344                }
    21062345
    2107                 .messages-options-nav {
    2108                         select {
    2109                                 height: auto;
    2110                         }
    2111                 }
    2112 
    21132346                .acfb-holder {
    21142347                        list-style: none;
    21152348
     
    22952528
    22962529// Attempt to reset form control widths
    22972530#main {
     2531
    22982532        #buddypress {
     2533
    22992534                .standard-form {
    23002535
    2301                         li {float: none;}
     2536                        li {
     2537                                float: none;
     2538                        }
     2539
    23022540                        input[type='text'],
    23032541                        input[type='email'],
    23042542                        input[type='password'],
     
    23092547        }
    23102548}
    23112549
    2312 
    23132550#buddypress {
    23142551
    23152552        // Match BP form elements to Themes(2017) styling where styles
     
    23642601} // close #buddypress
    23652602
    23662603#buddypress {
     2604
    23672605        div.dir-search,
    23682606        div.message-search,
    23692607        li.groups-members-search {
     
    23802618                        label {
    23812619                                float: left;
    23822620                                margin: 0;
     2621                                width: 70%;
    23832622                        }
    23842623
    23852624                        input[type='text'] {
    23862625                                float: left;
    23872626                                margin: 0;
    2388                                 width: 70%;
     2627                                width: 100%;
    23892628                        }
    23902629
    23912630                        input[type='text'],
     
    23972636
    23982637                        input[type='text'] {
    23992638                                border-right: 1px solid rgba($border-color, 0.6);
     2639                                font-weight: 400;
    24002640                                padding: 0.2em 0 0.2em 0.2em;
    24012641                        }
    24022642
    24032643                        input[type='submit'] {
     2644                                border-radius: 0;
    24042645                                float: right;
    24052646                                font-weight: normal;
    24062647                                padding: 0.2em 1em;
     
    24122653
    24132654        } // close .dir-search, .message-search
    24142655
     2656        // Dirs & certain components hide search hides labels so can't width the label element
     2657        // adjust so that the input takes reduced width.
     2658
     2659        div.dir-search {
     2660                margin-top: 0;
     2661        }
     2662
     2663        .dir-search #search-members-form,
     2664        #search-groups-form,
     2665        #search-message-form {
     2666
     2667                input[type='text'] {
     2668                        float: left;
     2669                        margin: 0;
     2670                        width: 70%;
     2671                }
     2672        }
     2673
    24152674        // Shift the search parent to the right and allow to shrinkwrap
    24162675
    24172676        @include small-up {
     
    24202679                li.groups-members-search {
    24212680                        float: right;
    24222681                        margin-bottom: 5px !important;
    2423 
    2424                         form {
    2425                                 label,
    2426                                 input[type='text'],
    2427                                 input[type='submit'] {
    2428                                         width: auto;
    2429                                 }
    2430                         }
    24312682                }
    24322683
    24332684        } // close @media
     
    24362687        @include large-up {
    24372688
    24382689                .dir-search,
     2690                .message-search,
     2691                li.groups-members-search {
    24392692
    2440                 .message-search {
    2441 
    24422693                        form {
    24432694
    24442695                                input[type='text'] {
     
    24722723                margin: $spacing-val-md 0;
    24732724
    24742725                tr th {
    2475                         background: lighten($dark-background, 10%);
    2476                         border-color: darken($border-light, 20%);
    2477                         color: $content-background;
     2726                        background: $light-background;
     2727                        border-color: $border-light;
     2728                        color: $body-text;
    24782729                }
    24792730
    24802731                // Reduce the themes inherited paragraph margins in tables
     
    25362787                }
    25372788
    25382789        } // .notifications, .message-notices
     2790
     2791        .notifications { // table element
     2792                .actions { // th element
     2793                        text-align: center;
     2794                }
     2795        }
    25392796} // #buddypress
    25402797
    25412798/**
     
    25732830
    25742831        } // close #message
    25752832
     2833        .bp-avatar-status,
     2834        .bp-cover-image-status {
     2835
     2836                .warning {
     2837                        background: #7dd4ff;
     2838                        border: 1px solid #000;
     2839                        color: $body-text;
     2840                        @include font-size(16);
     2841                }
     2842        }
     2843
    25762844} // close  #buddypress
    25772845
    25782846// Without direct classes on our mesages ( 'warning')