Skip to:
Content

Ticket #7338: 7338-06.patch

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

Further border adjustments for nav items in dark scheme.

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

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

     
    9292        }
    9393}
    9494
    95 .buddypress article.page .entry-header .entry-title {
    96         font-size: 22px;
    97         font-size: 1.375rem;
    98 }
    99 
    100 @media screen and (min-width: 55em) {
    101         .buddypress article.page .entry-header .entry-title {
    102                 font-size: 28px;
    103                 font-size: 1.75rem;
    104         }
    105 }
    106 
    107 @media screen and (min-width: 55em) {
     95@media screen and (min-width: 48em) {
    10896        body.buddypress.page.page-two-column #primary .entry-header {
    109                 width: 20%;
     97                width: 30%;
    11098        }
    11199        body.buddypress.page.page-two-column #primary .entry-content {
    112                 width: 80%;
     100                width: 68%;
    113101        }
    114102        body.buddypress:not(.has-sidebar) #primary.content-area,
    115103        body.buddypress:not(.page-two-column) #primary.content-area {
     
    132120        }
    133121}
    134122
     123body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected,
     124body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current {
     125        border-bottom-color: #222;
     126}
     127
     128body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a,
     129body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a {
     130        color: inherit;
     131}
     132
     133body.colors-dark #buddypress .item-list-tabs li.selected a,
     134body.colors-dark #buddypress .item-list-tabs li.current a {
     135        color: inherit;
     136}
     137
     138body.colors-dark #buddypress #subnav.item-list-tabs ul {
     139        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
     140        margin-bottom: 20px;
     141}
     142
     143body.colors-dark #buddypress #subnav.item-list-tabs ul li.last {
     144        border-top: 1px solid rgba(234, 234, 234, 0.9);
     145}
     146
     147body.colors-dark #buddypress .item-list div.meta {
     148        color: #ddd;
     149}
     150
     151body.colors-dark #buddypress .item-list div.item-desc,
     152body.colors-dark #buddypress .item-list .activity-header p,
     153body.colors-dark #buddypress .item-list .activity-comments ul,
     154body.colors-dark #buddypress .item-list .acomment-meta {
     155        color: #eee;
     156}
     157
     158body.colors-dark #buddypress .item-list .activity-meta a,
     159body.colors-dark #buddypress .item-list .action a {
     160        background: #fafafa;
     161}
     162
     163body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover,
     164body.colors-dark #buddypress .item-list .action a:focus,
     165body.colors-dark #buddypress .item-list .action a:hover {
     166        background: #fff;
     167}
     168
     169body.colors-dark #buddypress #latest-update {
     170        color: #eee;
     171}
     172
     173body.colors-dark #buddypress div.pagination * {
     174        color: #ddd;
     175}
     176
     177body.colors-dark #buddypress #item-header .user-nicename {
     178        color: #eee;
     179}
     180
     181body.colors-dark #buddypress #item-body table thead tr,
     182body.colors-dark #buddypress #item-body table thead th {
     183        background: none;
     184        color: #eee;
     185}
     186
     187body.colors-dark #buddypress #item-body table tr.alt td {
     188        background: none;
     189        color: #eee;
     190}
     191
     192.directory.colors-dark #buddypress #subnav ul {
     193        border-top: 0;
     194}
     195
     196.directory.colors-dark #buddypress #subnav ul li.last.filter {
     197        border-top: 0;
     198}
     199
     200.directory.colors-dark #buddypress div.activity ul.item-list {
     201        border-top: 0;
     202}
     203
     204body.colors-light #buddypress div.item-list-tabs ul {
     205        background-color: #fafafa;
     206}
     207
     208body.colors-light #buddypress div#subnav.item-list-tabs ul {
     209        background-color: #f7f7f7;
     210}
     211
     212body.colors-light #buddypress div#subnav.item-list-tabs ul li.last {
     213        background: #fff;
     214}
     215
     216body.colors-light #buddypress .item-list .activity-header p {
     217        background-color: #f7f7f7;
     218        color: #878787;
     219}
     220
     221body.colors-light #buddypress .item-list .activity-comments .acomment-meta {
     222        color: #737373;
     223}
     224
     225body.colors-light #buddypress #item-body .profile h2 {
     226        background: #878787;
     227        color: #fff;
     228}
     229
     230body.colors-light #buddypress table tr.alt td {
     231        background: #f5f5f5;
     232        color: #333;
     233}
     234
    135235/**
    136236*-------------------------------------------------------------------------------
    137237* @section 2.0 - Navigation - General
     
    150250}
    151251
    152252#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
    154253        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155254        border-top: 1px solid rgba(234, 234, 234, 0.9);
    156255        overflow: hidden;
     
    157256        padding: 0;
    158257}
    159258
    160 #buddypress div.item-list-tabs ul li a {
    161         color: #0073c1;
    162 }
    163 
    164259#buddypress div.item-list-tabs ul li a span {
    165260        border-radius: 25%;
    166261}
    167262
    168 @media screen and (max-width: 38.75em) {
    169         .bp-user #buddypress #object-nav {
    170                 background: #faf9f1;
    171                 border: 1px solid #eaeaea;
    172                 overflow: visible;
    173                 padding: 10px;
    174         }
    175         .bp-user #buddypress #object-nav ul {
    176                 border: 0;
    177                 height: 0;
    178                 transition: height 0.3s ease-in-out 0.7s;
    179                 visibility: hidden;
    180         }
    181         .bp-user #buddypress #object-nav:before {
    182                 content: "Menu \021E9";
    183                 display: inline;
    184                 opacity: 0.7;
    185         }
    186         .bp-user #buddypress #object-nav:hover:before, .bp-user #buddypress #object-nav:focus:before {
    187                 content: "Menu \021E7";
    188         }
    189         .bp-user #buddypress #object-nav:hover ul, .bp-user #buddypress #object-nav:focus ul {
    190                 height: 320px;
    191                 opacity: 1;
    192                 overflow-y: auto;
    193                 visibility: visible;
    194         }
    195         .bp-user #buddypress #subnav {
    196                 clear: both;
    197         }
    198 }
    199 
    200263/*__ Horizontal menus __*/
    201264#buddypress #object-nav ul {
    202265        overflow: hidden;
     
    229292}
    230293
    231294#buddypress div#subnav.item-list-tabs ul {
    232         background-color: #f7f7f7;
    233295        border-bottom: 0;
    234296        margin-top: 5px;
    235297        padding: 0;
     
    236298}
    237299
    238300#buddypress div#subnav.item-list-tabs ul li.last {
    239         background: #fff;
    240301        margin-top: 0;
    241302        padding: 5px 5px 5px 0;
    242303        width: 100%;
     
    273334
    274335/*__ Vertical menu User Account / Group single screens __*/
    275336@media screen and (min-width: 55em) {
    276         body.no-sidebar #buddypress #item-header,
    277         body.no-sidebar #buddypress #item-body {
    278                 background: #fff;
    279         }
    280         body.no-sidebar #buddypress #object-nav {
     337        body:not(.page-two-column) #buddypress #object-nav {
    281338                border-right: 1px solid #ddd;
    282339                float: left;
    283340                margin-right: -1px;
    284341                width: 200px;
    285342        }
    286         body.no-sidebar #buddypress #object-nav ul {
     343        body:not(.page-two-column) #buddypress #object-nav ul {
    287344                background: none;
    288345                border-bottom: 0;
    289346                padding: 0;
    290347        }
    291         body.no-sidebar #buddypress #object-nav ul li {
     348        body:not(.page-two-column) #buddypress #object-nav ul li {
    292349                float: none;
    293350                overflow: hidden;
    294351        }
    295         body.no-sidebar #buddypress #object-nav ul li span {
     352        body:not(.page-two-column) #buddypress #object-nav ul li span {
    296353                background: #fff;
    297354                border-radius: 10%;
    298355                float: right;
    299356                margin-right: 2px;
    300357        }
    301         body.no-sidebar #buddypress #item-body {
     358        body:not(.page-two-column) #buddypress #item-body {
    302359                border-left: 1px solid #ddd;
    303360                overflow: hidden;
    304361                padding: 0 0 0 20px;
    305362                width: auto;
    306363        }
    307         body.no-sidebar #buddypress #item-body #subnav {
     364        body:not(.page-two-column) #buddypress #item-body #subnav {
    308365                margin: 0 0 0 -20px;
    309366        }
    310         body.no-sidebar #buddypress #item-body #subnav ul {
     367        body:not(.page-two-column) #buddypress #item-body #subnav ul {
    311368                margin-top: 0;
    312369        }
    313370}
    314371
    315372@media screen and (min-width: 48em) {
    316         #main #buddypress #group-create-tabs.item-list-tabs ul:before,
    317         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     373        #buddypress #group-create-tabs.item-list-tabs ul:before,
     374        #buddypress #group-create-tabs.item-list-tabs ul:after {
    318375                content: " ";
    319376                display: table;
    320377        }
    321         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     378        #buddypress #group-create-tabs.item-list-tabs ul:after {
    322379                clear: both;
    323380        }
    324         #main #buddypress #group-create-tabs.item-list-tabs ul {
     381        #buddypress #group-create-tabs.item-list-tabs ul {
    325382                background: none;
    326383                border: 0;
    327384                border-bottom: 1px solid #ddd;
     
    328385                overflow: visible;
    329386                padding-bottom: 0;
    330387        }
    331         #main #buddypress #group-create-tabs.item-list-tabs ul li {
     388        #buddypress #group-create-tabs.item-list-tabs ul li {
    332389                float: left;
    333390                width: auto;
    334391        }
    335         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected,
    336         #main #buddypress #group-create-tabs.item-list-tabs ul li.current {
     392        #buddypress #group-create-tabs.item-list-tabs ul li.selected,
     393        #buddypress #group-create-tabs.item-list-tabs ul li.current {
    337394                border: 1px solid #ddd;
    338395                border-bottom-color: #fff;
    339396                -webkit-border-top-right-radius: 4px;
     
    343400                background-clip: padding-box;
    344401                margin-bottom: -1px;
    345402        }
    346         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347         #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
     403        #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
     404        #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348405                background: none;
    349                 color: #141412;
     406                color: #333;
    350407                outline: none;
    351408        }
    352         #main #buddypress #subnav ul {
     409        #buddypress #subnav ul {
    353410                border-bottom: 0;
    354411        }
    355412}
     
    495552
    496553#buddypress ul.item-list li .item .item-title .update {
    497554        display: block;
    498         font-size: 12px;
    499         font-size: 0.75rem;
     555        font-size: 13px;
     556        font-size: 0.8125rem;
    500557        padding: 10px 0;
    501558        text-align: left;
    502559}
     
    557614        width: 100%;
    558615}
    559616
    560 @media screen and (min-width: 48em) {
     617@media screen and (min-width: 30em) {
    561618        #buddypress ul.item-list li div.action div {
    562619                margin: 0 10px 10px 0;
    563620                width: auto;
     
    599656}
    600657
    601658#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    602         border: 1px solid rgba(212, 208, 186, 0.5);
     659        border: 1px solid rgba(190, 190, 190, 0.5);
    603660        float: left;
    604661        line-height: 1.5em;
    605662        margin-top: 12px;
     
    704761}
    705762
    706763#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708764        margin-right: 0;
    709765}
    710766
    711767#buddypress #activity-stream .activity-content .activity-header p {
    712         background-color: #f7f7f7;
    713768        border: 1px solid rgba(234, 234, 234, 0.6);
    714         color: #727272;
    715769        margin-top: 0;
    716770        padding: 0 0.2em;
    717771}
    718772
    719773#buddypress #activity-stream .activity-content .activity-header img.avatar {
     774        box-shadow: none;
    720775        display: inline-block;
    721         margin-bottom: 0 !important;
     776        margin: 0 5px !important;
     777        vertical-align: middle;
    722778}
    723779
    724780#buddypress #activity-stream .activity-content .activity-meta a {
     
    726782        margin-bottom: 5px;
    727783}
    728784
    729 @media screen and (min-width: 38.75em) {
     785@media screen and (min-width: 30em) {
    730786        #buddypress #activity-stream .activity-content .activity-meta a {
    731787                display: inline-block;
    732788                margin-bottom: 0;
     789                width: auto;
    733790        }
    734791}
    735792
     
    781838*/
    782839#buddypress #activity-stream .activity-comments {
    783840        border-left: 1px solid #eaeaea;
    784         margin-top: 5px;
     841        margin: 20px 0 20px;
    785842}
    786843
     844@media screen and (min-width: 30em) {
     845        #buddypress #activity-stream .activity-comments {
     846                margin-left: 20px;
     847        }
     848}
     849
    787850#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789         color: #737373;
    790851        margin: 15px 0 0 2px;
    791852}
    792853
     854#buddypress #activity-stream .activity-comments ul li {
     855        border-top: 1px solid #bebebe;
     856}
     857
    793858#buddypress #activity-stream .activity-comments ul a {
    794859        color: #0077c7;
    795860}
    796861
    797862#buddypress #activity-stream .activity-comments .acomment-meta {
    798         color: #737373;
     863        border-bottom: 1px solid #eaeaea;
    799864}
    800865
    801866#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802867#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     868        color: rgba(51, 51, 51, 0.8);
    804869        display: inline-block;
    805870        font-family: inherit;
    806871        font-size: 12px;
     
    813878}
    814879
    815880#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     881        border: 1px solid rgba(190, 190, 190, 0.7);
    817882        text-align: center;
    818883}
    819884
     
    834899        #buddypress #members-list li .action {
    835900                float: right;
    836901        }
     902        #buddypress #members-list li.is-current-user .item {
     903                float: none;
     904                left: 0;
     905                padding-left: 5%;
     906                width: auto;
     907        }
    837908}
    838909
    839910/**
     
    880951* @subsection 6.1 - Item Header Global
    881952*-----------------------------------------------------------
    882953*/
     954@media screen and (min-width: 48em) {
     955        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     956                margin-left: 140px;
     957                margin-top: -100px;
     958        }
     959        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     960                margin-left: 10px;
     961        }
     962}
     963
     964.bp-user #buddypress #item-header-cover-image .user-nicename,
     965.single-item.groups #buddypress #item-header-cover-image .user-nicename {
     966        color: #333;
     967        text-shadow: none;
     968}
     969
     970@media screen and (min-width: 48em) {
     971        .bp-user #buddypress #item-header-cover-image .user-nicename,
     972        .single-item.groups #buddypress #item-header-cover-image .user-nicename {
     973                color: #fff;
     974                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     975        }
     976}
     977
    883978.bp-user #buddypress #item-header-content #item-meta,
    884979.single-item.groups #buddypress #item-header-content #item-meta {
    885980        font-size: 14px;
     
    9531048                order: 1;
    9541049                text-align: center;
    9551050        }
    956         .single-item.groups #buddypress div#item-header #item-header-avatar a {
    957                 border-bottom: 0;
    958         }
    9591051        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    9601052                display: inline-block;
    9611053                float: none;
     
    10511143
    10521144.bp-user #buddypress #item-header #item-header-avatar img.avatar,
    10531145.bp-user #buddypress #item-header #item-header-avatar a {
    1054         border-bottom: 0;
    10551146        display: inline-block;
    10561147        float: none;
    10571148}
     
    10831174* Groups specific item body rules -  screens
    10841175*----------------------------------------------------
    10851176*/
     1177.groups.single-item.members #buddypress #subnav.item-list-tabs ul {
     1178        background: none;
     1179        border-top: 0;
     1180}
     1181
    10861182/**
    10871183*-----------------------------------------
    10881184* @subsection 6.2.1.1 - Group Management
     
    11201216}
    11211217
    11221218.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1219        color: rgba(51, 51, 51, 0.6);
    11241220        font-size: 14px;
    11251221        font-size: 0.875rem;
    11261222}
     
    11841280
    11851281.groups.group-members #subnav li #search-members-form {
    11861282        float: right;
    1187         margin: 5px 5px 0 0;
     1283        margin: 5px 0 0;
    11881284}
    11891285
    11901286@media screen and (max-width: 38.75em) {
     
    12531349        font-style: italic;
    12541350}
    12551351
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1352.bp-user #buddypress .notifications-options-nav,
     1353.bp-user #buddypress .messages-options-nav {
    12581354        float: left;
    12591355        width: 100%;
    12601356}
    12611357
    12621358@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1359        .bp-user #buddypress .notifications-options-nav,
     1360        .bp-user #buddypress .messages-options-nav {
    12641361                width: 300px;
    12651362        }
    12661363}
    12671364
    1268 .bp-user #buddypress .notifications-options-nav select {
     1365.bp-user #buddypress .notifications-options-nav select,
     1366.bp-user #buddypress .messages-options-nav select {
    12691367        height: auto;
    12701368}
    12711369
    12721370.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1371.bp-user #buddypress .notifications-options-nav input,
     1372.bp-user #buddypress .messages-options-nav select,
     1373.bp-user #buddypress .messages-options-nav input {
    12751374        font-size: 14px;
    12761375        font-size: 0.875rem;
    12771376        outline: 0;
     
    12781377        padding: 0;
    12791378}
    12801379
    1281 .bp-user #buddypress .notifications-options-nav select {
     1380.bp-user #buddypress .notifications-options-nav select,
     1381.bp-user #buddypress .messages-options-nav select {
    12821382        float: left;
    1283         margin-right: 0;
    1284         width: 60%;
     1383        margin-right: 1%;
     1384        width: 59%;
    12851385}
    12861386
    1287 .bp-user #buddypress .notifications-options-nav input {
     1387.bp-user #buddypress .notifications-options-nav input,
     1388.bp-user #buddypress .messages-options-nav input {
    12881389        float: right;
    12891390        font-family: inherit;
    12901391        line-height: 20px;
     
    12911392        width: 40%;
    12921393}
    12931394
     1395.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1396.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1397.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1398.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1399        background: none;
     1400}
     1401
    12941402/**
    12951403        *-------------------------------------------
    12961404        * @subsection 6.2.2.2 - Extended Profiles
     
    13011409}
    13021410
    13031411.bp-user #buddypress .profile .bp-widget h2 {
    1304         background: #7b7b7b;
    1305         color: #fff;
    13061412        margin: 40px 0 10px;
    13071413        padding: 0.1em 0 0.1em 0.4em;
    13081414}
     
    13111417        margin-top: 0;
    13121418}
    13131419
     1420.bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td {
     1421        color: #333;
     1422}
     1423
     1424.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child {
     1425        border-bottom: none;
     1426}
     1427
    13141428.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    13151429.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    13161430        content: " ";
     
    13451459}
    13461460
    13471461.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1462.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle,
    13481463.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    13491464        font-size: 14px;
    13501465        font-size: 0.875rem;
     1466        margin-top: 10px;
    13511467}
    13521468
    13531469.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
    13541470.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    13551471        background: #555;
     1472        -webkit-border-radius: 3px;
     1473        -moz-border-radius: 3px;
     1474        -ms-border-radius: 3px;
     1475        border-radius: 3px;
     1476        background-clip: padding-box;
    13561477        color: #fff;
    13571478        padding: 0.2em 0.5em;
    13581479}
     
    14341555}
    14351556
    14361557.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1558        background: none;
     1559        border-bottom: 1px solid #bebebe;
    14381560}
    14391561
     1562.bp-user #buddypress #message-threads thead tr th {
     1563        background: #555;
     1564}
     1565
     1566.bp-user #buddypress #message-threads tr {
     1567        border-bottom: 5px solid #878787;
     1568}
     1569
    14401570.bp-user #buddypress #message-threads tr td {
    1441         background: #fff;
    14421571        display: inline-block;
    14431572        float: left;
    14441573}
     
    14451574
    14461575.bp-user #buddypress #message-threads tr td.thread-star,
    14471576.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1577        border-bottom-color: #bebebe;
     1578        border-bottom-width: 1px;
    14501579        height: 2.4em;
    14511580        padding-bottom: 0.2em;
    14521581        padding-top: 0.2em;
     
    14591588        }
    14601589}
    14611590
     1591.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1592.bp-user #buddypress #message-threads tr td.thread-star,
     1593.bp-user #buddypress #message-threads tr td.thread-from,
     1594.bp-user #buddypress #message-threads tr td.thread-info,
     1595.bp-user #buddypress #message-threads tr td.thread-options {
     1596        border-top: 0;
     1597}
     1598
    14621599.bp-user #buddypress #message-threads tr td.thread-star {
    14631600        vertical-align: middle;
    14641601}
     
    15291666}
    15301667
    15311668.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1669        background: none;
     1670        border-color: #bebebe;
    15341671}
    15351672
    15361673.bp-user #buddypress #message-threads th {
     
    15501687        width: 30px;
    15511688}
    15521689
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571690.bp-user #buddypress .acfb-holder {
    15581691        list-style: none;
    15591692}
     
    15631696}
    15641697
    15651698.bp-user #buddypress .acfb-holder li.friend-tab {
    1566         background: #edf7fa;
     1699        background: #e3f6ff;
    15671700        border: inherit;
    15681701        margin-right: 0;
    15691702        padding: 0.5em;
     
    17171850
    17181851#buddypress div.activity-comments form .ac-textarea {
    17191852        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1853        border: 1px solid rgba(190, 190, 190, 0.5);
    17211854}
    17221855
    17231856#buddypress div.activity-comments form .ac-textarea textarea {
     
    17351868#buddypress .standard-form button,
    17361869#buddypress .standard-form select,
    17371870#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1871        border-color: rgba(190, 190, 190, 0.5);
    17391872        border-width: 1px;
    17401873}
    17411874
     
    17611894#buddypress div.dir-search form,
    17621895#buddypress div.message-search form,
    17631896#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1897        border: 1px solid rgba(190, 190, 190, 0.6);
    17651898        overflow: hidden;
    17661899}
    17671900
     
    17701903#buddypress li.groups-members-search form label {
    17711904        float: left;
    17721905        margin: 0;
     1906        width: 70%;
    17731907}
    17741908
    17751909#buddypress div.dir-search form input[type='text'],
     
    17771911#buddypress li.groups-members-search form input[type='text'] {
    17781912        float: left;
    17791913        margin: 0;
    1780         width: 70%;
     1914        width: 100%;
    17811915}
    17821916
    17831917#buddypress div.dir-search form input[type='text'],
     
    17951929#buddypress div.dir-search form input[type='text'],
    17961930#buddypress div.message-search form input[type='text'],
    17971931#buddypress li.groups-members-search form input[type='text'] {
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6);
     1932        border-right: 1px solid rgba(190, 190, 190, 0.6);
     1933        font-weight: 400;
    17991934        padding: 0.2em 0 0.2em 0.2em;
    18001935}
    18011936
     
    18021937#buddypress div.dir-search form input[type='submit'],
    18031938#buddypress div.message-search form input[type='submit'],
    18041939#buddypress li.groups-members-search form input[type='submit'] {
     1940        border-radius: 0;
    18051941        float: right;
    18061942        font-weight: normal;
    18071943        padding: 0.2em 1em;
     
    18101946        width: 30%;
    18111947}
    18121948
     1949#buddypress div.dir-search {
     1950        margin-top: 0;
     1951}
     1952
     1953#buddypress .dir-search #search-members-form input[type='text'],
     1954#buddypress #search-groups-form input[type='text'],
     1955#buddypress #search-message-form input[type='text'] {
     1956        float: left;
     1957        margin: 0;
     1958        width: 70%;
     1959}
     1960
    18131961@media screen and (min-width: 30em) {
    18141962        #buddypress div.dir-search,
    18151963        #buddypress div.message-search,
     
    18171965                float: right;
    18181966                margin-bottom: 5px !important;
    18191967        }
    1820         #buddypress div.dir-search form label,
    1821         #buddypress div.dir-search form input[type='text'],
    1822         #buddypress div.dir-search form input[type='submit'],
    1823         #buddypress div.message-search form label,
    1824         #buddypress div.message-search form input[type='text'],
    1825         #buddypress div.message-search form input[type='submit'],
    1826         #buddypress li.groups-members-search form label,
    1827         #buddypress li.groups-members-search form input[type='text'],
    1828         #buddypress li.groups-members-search form input[type='submit'] {
    1829                 width: auto;
    1830         }
    18311968}
    18321969
    18331970@media screen and (min-width: 67em) {
    18341971        #buddypress .dir-search form input[type='text'],
    1835         #buddypress .message-search form input[type='text'] {
     1972        #buddypress .message-search form input[type='text'],
     1973        #buddypress li.groups-members-search form input[type='text'] {
    18361974                font-size: 16px;
    18371975                font-size: 1rem;
    18381976        }
    18391977        #buddypress .dir-search form input[type='submit'],
    1840         #buddypress .message-search form input[type='submit'] {
     1978        #buddypress .message-search form input[type='submit'],
     1979        #buddypress li.groups-members-search form input[type='submit'] {
    18411980                font-size: 16px;
    18421981                font-size: 1rem;
    18431982        }
     
    18551994}
    18561995
    18571996#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     1997        background: #f7f7f7;
     1998        border-color: #eaeaea;
     1999        color: #333;
    18612000}
    18622001
    18632002#buddypress table p {
     
    19142053        text-align: center;
    19152054}
    19162055
     2056#buddypress .notifications .actions {
     2057        text-align: center;
     2058}
     2059
    19172060/**
    19182061*-------------------------------------------------------------------------------
    19192062* @section 9.0 - Error / Success messages
     
    19262069}
    19272070
    19282071#buddypress div#message.info p {
    1929         background: #c6e4ee;
    1930         border: 1px solid #78bed6;
    1931         color: #1e5264;
     2072        background: #b0e5ff;
     2073        border: 1px solid #4ac3ff;
     2074        color: #00547d;
    19322075}
    19332076
    19342077#buddypress div#message.updated p {
     
    19372080        color: #454d19;
    19382081}
    19392082
     2083#buddypress .bp-avatar-status .warning,
     2084#buddypress .bp-cover-image-status .warning {
     2085        background: #7dd4ff;
     2086        border: 1px solid #000;
     2087        color: #333;
     2088        font-size: 16px;
     2089        font-size: 1rem;
     2090}
     2091
    19402092.delete-group #buddypress div#message.info p {
    19412093        background: #db7e7e;
    19422094        border: 1px solid #be3535;
     
    19492101*-------------------------------------------------------------------------------
    19502102*/
    19512103#buddypress .acfb-holder li.friend-tab {
    1952         background: #9fd1e2;
     2104        background: #7dd4ff;
    19532105        border: inherit;
    19542106}
  • src/bp-templates/bp-legacy/css/twentyseventeen.scss

     
    192192}
    193193
    194194// Variables: color definitions
    195 $body-text:          #141412;
     195
     196$dark-grey:     #555;
     197$medium-grey:   #878787;
     198$light-grey:    #dcdcdc;
     199$x-light-grey:  #f7f7f7;
     200$white:         #fff;
     201
     202$body-text:          #333;
     203$bp-light-text:      $medium-grey;
     204$bp-xlight-text:     #eee;
    196205$content-background: #fff;
    197 $off-white:          lighten(#f9f8ee, 0.7);
     206$off-white:          #fafafa;
    198207$cream-background:   #f7f5e7;
    199 $light-background:   #f7f7f7;
    200 $medium-background:  #ccc;
    201 $dark-background:    #555;
    202 $border-color:       #d4d0ba;    // border color is varied using rgba
     208$light-background:   $x-light-grey;
     209$medium-background:  $medium-grey;
     210$dark-background:    $dark-grey;
     211$border-color:       #bebebe;
    203212$border-light:       #eaeaea; // BP dividers
    204213$border-med:         #ddd;
    205214$background-hover:   #db572f; // 2017 link background hover
     
    206215$bp-button-hover:    #ededed; // this is the default BP button hover background
    207216$notice-error:       #c85a6e;
    208217$notice-warning:     #d05656;
    209 $notice-info:        #9fd1e2;
     218$notice-info:        #7dd4ff;
    210219$notice-update:      #ced98c;
    211220$stripe-odd:         #ebf0ff;
    212221$stripe-even:        #dbe5ff;
    213 $unread:             #eee;
     222$unread:             $x-light-grey;
    214223$link-action:        #c82b2b;
    215224/*--------------------------------------------------------------
    216225
     
    293302
    294303} // close .buddypress
    295304
    296         // reduce the overlarge entry title margins
     305// reduce the overlarge entry title margins
    297306@include medium-up {
    298307
    299308        .buddypress.bp-user.page,
     
    310319                }
    311320        }
    312321}
    313 // 2017 has very small page entry title headings
    314 // enlarge slightly for BP screens.
    315 .buddypress {
    316         article.page {
    317                 .entry-header {
    318                         .entry-title {
    319                                 @include font-size(22);
    320322
    321                                 @include medium-up {
    322                                         @include font-size(28);
    323                                 }
    324                         }
    325                 }
    326         }
    327 }
    328 
    329323// Open up the content width areas for BP screens to allow max widths.
    330 // This takes into account the ability to add/remove sidebars in 2017.
     324// This takes into account the ability to columnize pages in 2017.
    331325// Only effect changes based on breakpoints.
    332326
    333 @include medium-up {
     327@include med-small-up {
    334328
    335329        body.buddypress.page.page-two-column {
    336330
     
    337331                #primary {
    338332
    339333                        .entry-header {
    340                                 width: 20%;
     334                                width: 30%;
    341335                        }
    342336
    343337                        .entry-content {
    344                                 width: 80%;
     338                                width: 68%;
    345339                        }
    346340                }
    347341        }
     
    357351                        .content-bottom-widgets {
    358352                                margin-left: 0;
    359353                                margin-right: 0;
    360 //                              width: auto;
    361354                        }
    362355                }
    363356
     
    371364        } // body.buddypress
    372365}
    373366
     367// 2017 allows for selecting two distinct color schemes.
     368// Our companion styles respect themes colors & inherit or avoid
     369// setting backgrounds/colors so selecting the dark scheme generally
     370// allows the theme to reset the BP text/headings etc to white
     371// In places we do set backgrounds, Navs, search forms etc these
     372// are added here under the themes body class to enable changing
     373
     374// Some element colors are inherited from BP original sheet so need to
     375// to be reset under the dark scheme, where set in this sheet we simply state them
     376// only for the light scheme.
     377body.colors-dark {
     378
     379        #buddypress {
     380
     381                //tabs border bottom color needs to match dark background
     382                #group-create-tabs.item-list-tabs {
     383
     384                        li.selected,
     385                        li.current {
     386                                border-bottom-color: #222;
     387
     388                                a {
     389                                        color: inherit;
     390                                }
     391                        }
     392                }
     393
     394                .item-list-tabs {
     395
     396                        li.selected,
     397                        li.current {
     398
     399                                a {
     400                                        color: inherit;
     401                                }
     402                        }
     403                }
     404
     405                // With the dark scheme the subnav links lose definition as list links
     406                // nav menu, add a border bottom to clarify the nav.
     407                #subnav.item-list-tabs {
     408
     409                        ul {
     410                                border-bottom: 1px solid rgba($border-light, 0.9);
     411                                margin-bottom: $spacing-val-md;
     412
     413                                li.last {
     414                                        border-top: 1px solid rgba($border-light, 0.9);
     415                                }
     416                        }
     417                }
     418
     419                // lists text: descr, meta, etc
     420                .item-list {
     421
     422                        div.meta {
     423                                color: #ddd;
     424                        }
     425
     426                        div.item-desc,
     427                        .activity-header p,
     428                        .activity-comments ul,
     429                        .acomment-meta {
     430                                color: $bp-xlight-text;
     431                        }
     432
     433                        .activity-meta,
     434                        .action {
     435                                a {
     436                                        background: $off-white;
     437
     438                                        &:focus,
     439                                        &:hover {
     440                                                background: $white;
     441                                        }
     442                                }
     443                        }
     444                }
     445
     446                #latest-update {
     447                        color: $bp-xlight-text;
     448                }
     449
     450                div.pagination * {
     451                        color: #ddd;
     452                }
     453
     454                #item-header {
     455                        .user-nicename {
     456                                color: $bp-xlight-text;
     457                        }
     458                }
     459
     460                #item-body {
     461
     462                        table {
     463
     464                                thead {
     465
     466                                        tr,
     467                                        th {
     468                                                background: none ;
     469                                                color: $bp-xlight-text;
     470                                        }
     471                                }
     472
     473                                tr.alt {
     474
     475                                        td {
     476                                                background: none;
     477                                                color: $bp-xlight-text;
     478                                        }
     479                                }
     480                        }
     481                }
     482
     483        } // close #buddypress
     484}
     485
     486// remove borders for dir component screens.
     487.directory.colors-dark {
     488
     489        #buddypress {
     490
     491                #subnav {
     492                        ul {
     493                                border-top: 0;
     494
     495                                li.last.filter {
     496                                        border-top: 0;
     497                                }
     498                        }
     499                }
     500
     501                div.activity {
     502                        ul.item-list {
     503                                border-top: 0;
     504                        }
     505                }
     506        }
     507}
     508
     509body.colors-light {
     510
     511        #buddypress {
     512
     513                div.item-list-tabs {
     514
     515                        ul {
     516                                background-color: $off-white;
     517                        }
     518                }
     519
     520                div#subnav.item-list-tabs {
     521
     522                        ul {
     523                                background-color: $light-background;
     524
     525                                li.last {
     526                                        background: $content-background;
     527                                }
     528                        }
     529                }
     530
     531                .item-list {
     532
     533                        .activity-header {
     534
     535                                p {
     536                                        background-color: $light-background;
     537                                        color: $bp-light-text;
     538                                }
     539                        }
     540
     541                        .activity-comments {
     542
     543                                .acomment-meta {
     544                                        color: #737373;
     545                                }
     546                        }
     547                }
     548
     549                #item-body {
     550
     551                        .profile {
     552
     553                                h2 {
     554                                        background: $medium-grey;
     555                                        color: #fff;
     556                                }
     557                        }
     558                }
     559
     560                table {
     561
     562                        tr.alt {
     563
     564                                td {
     565                                        background: #f5f5f5;
     566                                        color: $body-text;
     567                                }
     568                        }
     569                }
     570
     571        } // close #buddypress
     572}
     573
    374574/**
    375575*-------------------------------------------------------------------------------
    376576* @section 2.0 - Navigation - General
     
    409609        div.item-list-tabs {
    410610
    411611                ul {
    412                         background-color: $off-white;
    413612                        border-bottom: 1px solid rgba($border-light, 0.9);
    414613                        border-top: 1px solid rgba($border-light, 0.9);
    415614                        overflow: hidden;
     
    418617                        li {
    419618
    420619                                a {
    421                                         color: #0073c1;
    422620
    423621                                        span {border-radius: 25%;}
    424622                                }
     
    428626
    429627} // close #buddypress
    430628
    431 // .bp-user #object-nav @ small screen as a dropdown
    432629
    433 .bp-user {
    434 
    435         #buddypress {
    436 
    437                 @include small-only {
    438 
    439                         #object-nav {
    440                                 background: $off-white;
    441                                 border: 1px solid $border-light;
    442                                 overflow: visible;
    443                                 padding: $spacing-val-sm;
    444 
    445                                 ul {
    446                                         border: 0;
    447                                         height: 0;
    448                                         // all latest vendor releases handle transitions, so no prefixes used.
    449                                         transition: height 0.3s ease-in-out 0.7s;
    450                                         visibility: hidden;
    451                                 }
    452 
    453                                 &:before {
    454                                         content: "Menu \021E9";
    455                                         display: inline;
    456                                         opacity: 0.7;
    457                                 }
    458 
    459                                 &:hover,
    460                                 &:focus {
    461                                         &:before {content: "Menu \021E7";}
    462 
    463                                         ul {
    464                                                 height: 320px;
    465                                                 opacity: 1;
    466                                                 overflow-y: auto;
    467                                                 visibility: visible;
    468                                         }
    469                                 }
    470                         }
    471 
    472                         #subnav {
    473                                 clear: both;
    474                         }
    475 
    476                 } // close @media
    477         }
    478 }
    479 
    480630/*__ Horizontal menus __*/
    481631#buddypress {
    482632
     
    519669                margin-top: 0;
    520670
    521671                ul {
    522                         background-color: $light-background;
    523672                        border-bottom: 0;
    524673                        margin-top: $spacing-val-xs;
    525674                        padding: 0;
    526675
    527676                        li.last {
    528                                 background: $content-background;
    529677                                margin-top: 0;
    530678                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
    531679                                width: 100%;
     
    569717// This block contains rules to re-factor the item-body structural element
    570718// to sit alongside the vert menu
    571719// 2017 right sidebar is displayed if the widget sidebar has widgets;
    572 // we'll only display object nav as a vert menu if sidebar not present.
     720// we'll only display object nav as a vert menu if not .two-column-page.
    573721
    574722@include medium-up {
    575723
    576         body.no-sidebar {
     724        body:not(.page-two-column) {
    577725
    578726                #buddypress {
    579727
    580                         #item-header,
    581                         #item-body {
    582                                 background: $content-background;
    583                         }
    584 
    585728                        #object-nav {
    586729                                border-right: 1px solid $border-med;
    587730                                float: left;
     
    630773
    631774@include med-small-up {
    632775
    633         #main {
    634 
    635776                #buddypress {
    636777
    637778                        #group-create-tabs.item-list-tabs {
     
    682823
    683824                        } // close #subnav
    684825                } // close #buddypress
    685         }
     826
    686827} // close @media
    687828
    688829/**
     
    770911        }
    771912
    772913        .action {
     914
    773915                .generic-button {
     916
    774917                        a {
     918
    775919                                &:focus,
    776920                                &:hover {
    777921                                        background: inherit;
     
    851995
    852996                                        .update {
    853997                                                display: block;
    854                                                 @include font-size(12);
     998                                                @include font-size(13);
    855999
    8561000                                                @include medium-up {
    8571001                                                        @include font-size(14);
     
    8921036                                // remove BP margin left
    8931037                                margin-left: 0;
    8941038                                padding: $spacing-val-md 0 $spacing-val-xs;
     1039
    8951040                                // push the actions to the right
    896 
    8971041                                @include medium-up {
    8981042                                        clear: none;
    8991043                                        float: right;
     
    9171061                                        // Provisionally lets keep the 'action' div
    9181062                                        // position but inline-block the buttons
    9191063
    920                                         @include med-small-up {
     1064                                        @include small-up {
    9211065                                                // keep buttons to a row small tablet up
    9221066                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    9231067                                                width: auto;
     
    10881232                li.mini {
    10891233
    10901234                        .activity-avatar {
     1235
    10911236                                a {
     1237
    10921238                                        img.avatar {
    10931239                                                height: 30px;
    10941240                                                margin-left: 15px;
     
    11091255                        margin-top: -12px;
    11101256
    11111257                        .activity-header {
    1112                                 line-height: inherit;
    11131258                                margin-right: 0;
    11141259
    11151260                                p {
    1116                                         background-color: $light-background;
    11171261                                        border: 1px solid rgba($border-light, 0.6);
    1118                                         color: #727272;
    11191262                                        margin-top: 0;
    11201263                                        padding: 0 0.2em;
    11211264                                }
    11221265
    11231266                                img.avatar {
     1267                                        box-shadow: none;
    11241268                                        display: inline-block;
    1125                                         margin-bottom: 0 !important; // have to match to BP
     1269                                        margin: 0 5px !important; // have to match to BP
     1270                                        vertical-align: middle;
    11261271                                }
    11271272                        } // close .activity-header
    11281273
    11291274                        .activity-meta {
     1275
    11301276                                a {
    11311277                                        display: block;
    11321278                                        margin-bottom: $spacing-val-xs;
    11331279
    1134                                         @include small-up-bp {
     1280                                        @include small-up {
    11351281                                                display: inline-block;
    11361282                                                margin-bottom: 0;
     1283                                                width: auto;
    11371284                                        }
    11381285                                }
    11391286                        }
     
    11971344
    11981345                .activity-comments {
    11991346                        border-left: 1px solid $border-light;
    1200                         margin-top: 5px;
    12011347
     1348                        margin: $spacing-val-md 0 $spacing-val-md ;
     1349
     1350                        @include small-up {
     1351                                margin-left: $spacing-val-md;
     1352                        }
     1353
    12021354                        ul {
    1203                                 background: rgba($light-background, 0.6);
    1204                                 color: #737373;
    12051355                                margin: 15px 0 0 2px;
    12061356
     1357                                li {
     1358                                        border-top: 1px solid $border-color;
     1359                                }
     1360
    12071361                                a {
    12081362                                        color: #0077c7;
    12091363                                }
     
    12101364                        }
    12111365
    12121366                        .acomment-meta {
    1213                                 color: #737373;
     1367                                border-bottom: 1px solid $border-light;
    12141368                        }
    12151369
    12161370                        .ac-form {
     
    12561410        #members-list {
    12571411
    12581412                @include medium-up {
     1413
    12591414                        li {
    12601415                                .item-avatar,
    12611416                                .item {
     
    12661421                                        float: right;
    12671422                                }
    12681423                        }
     1424
     1425                        li.is-current-user {
     1426
     1427                                .item {
     1428                                        float: none;
     1429                                        left: 0;
     1430                                        padding-left: 5%;
     1431                                        width: auto;
     1432                                }
     1433                        }
    12691434                }
    12701435
    12711436        } // close #members-list
     
    13181483* @subsection 6.1 - Item Header Global
    13191484*-----------------------------------------------------------
    13201485*/
     1486        @include med-small-up {
    13211487
     1488
     1489        .bp-user.page-two-column {
     1490
     1491                #buddypress {
     1492
     1493                        #cover-image-container {
     1494
     1495                                #item-header-cover-image {
     1496
     1497
     1498                                }
     1499                        }
     1500
     1501                        #cover-image-container {
     1502
     1503                                #item-header-cover-image {
     1504
     1505                                        #item-header-content {
     1506                                                margin-left: 140px;
     1507                                                margin-top: -100px;
     1508                                        }
     1509                                }
     1510                        }
     1511                }
     1512        }
     1513
     1514        .single-item.groups.page-two-column {
     1515
     1516                #buddypress {
     1517
     1518                        #cover-image-container {
     1519
     1520                                #item-header-cover-image {
     1521
     1522                                        #item-header-content {
     1523                                                margin-left: 10px;
     1524                                        }
     1525                                }
     1526                        }
     1527                }
     1528        }
     1529}
     1530
    13221531.bp-user,
    13231532.single-item.groups {
    13241533
    13251534        #buddypress {
    13261535
     1536                // we need to remove the cover image dec styles
     1537                // & reset them for med up  only.
     1538                #item-header-cover-image {
     1539                        .user-nicename {
     1540                                color: $body-text;
     1541                                text-shadow: none;
     1542                        }
     1543                }
     1544
     1545                @include med-small-up {
     1546
     1547                        #item-header-cover-image {
     1548
     1549                                .user-nicename {
     1550                                        color: $white;
     1551                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1552                                }
     1553                        }
     1554                }
     1555
    13271556                #item-header-content {
    13281557
    13291558                        #item-meta {
     
    14171646                                        text-align: center;
    14181647
    14191648                                        a {
    1420                                                 border-bottom: 0;
    14211649
    14221650                                                img {
    14231651                                                        display: inline-block;
     
    15241752                                img.avatar,
    15251753
    15261754                                a {
    1527                                         border-bottom: 0;
    15281755                                        display: inline-block;
    15291756                                        float: none;
    15301757                                }
     
    15601787*-----------------------------------------------------------
    15611788*/
    15621789
     1790
    15631791/**
    15641792*----------------------------------------------------
    15651793* @subsection 6.2.1 - Item Body Groups
     
    15681796*----------------------------------------------------
    15691797*/
    15701798
     1799.groups.single-item.members {
     1800
     1801        #buddypress {
     1802
     1803                #subnav.item-list-tabs {
     1804
     1805                        ul {
     1806                                background: none;
     1807                                border-top: 0;
     1808                        }
     1809
     1810                }
     1811        }
     1812
     1813}
     1814
    15711815/**
    15721816*-----------------------------------------
    15731817* @subsection 6.2.1.1 - Group Management
     
    17091953                                        }
    17101954                                }
    17111955
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0;
     1956                                margin: $spacing-val-xs 0 0;
    17131957                        }
    17141958                }
    17151959        }
     
    17782022
    17792023                .pag-count {font-style: italic;}
    17802024
    1781                 .notifications-options-nav {
    1782                         border: 1px solid rgba($border-color, 0.5);
     2025                .notifications-options-nav,
     2026                .messages-options-nav {
     2027
    17832028                        float: left;
    17842029                        width: 100%;
    17852030
     
    17932038
    17942039                        select,
    17952040                        input {
    1796                                 border: 0;
     2041
    17972042                                @include font-size(14);
    17982043                                outline: 0;
    17992044                                padding: 0;
     
    18012046
    18022047                        select {
    18032048                                float: left;
    1804                                 margin-right: 0;
    1805                                 width: 60%;
     2049                                margin-right: 1%;
     2050                                width: 59%;
    18062051                        }
    18072052
    18082053                        input {
     
    18122057                                width: 40%;
    18132058                        }
    18142059
    1815                 } // close .notifications-options-nav
     2060                        input[disabled="disabled"]:focus,
     2061                        input[disabled="disabled"]:hover {
     2062                                background: none;
     2063                        }
    18162064
     2065
     2066                } // close .notifications-options-nav/.messages-options-nav
     2067
    18172068        } //close #buddypress
    18182069} // close .bp-user
    18192070
     
    18302081                .profile {
    18312082                        .bp-widget {
    18322083                                h2 {
    1833                                         background: lighten($dark-background, 15%);
    1834                                         color: #fff;
    18352084                                        margin: $spacing-val-lg 0 $spacing-val-sm;
    18362085                                        padding: 0.1em 0 0.1em 0.4em;
    18372086                                }
    18382087
    18392088                                table {margin-top: 0;}
     2089
     2090                                .profile-fields {
     2091
     2092                                        tr.alt {
     2093                                                td {
     2094                                                        color: $body-text;
     2095                                                }
     2096                                        }
     2097
     2098                                        tr:last-child {
     2099                                                border-bottom: none;
     2100                                        }
     2101                                }
     2102
    18402103                        }
     2104
    18412105                        /* Edit profile */
    18422106
    18432107                        #profile-edit-form {
     
    18742138                                } //.button-nav
    18752139
    18762140                                .field-visibility-settings-toggle,
     2141                                .field-visibility-settings-notoggle,
    18772142                                .field-visibility-settings {
    18782143                                        @include font-size(14);
     2144                                        margin-top: $spacing-val-sm;
    18792145                                }
    18802146
    18812147                                .field-visibility-settings-close,
    18822148                                .visibility-toggle-link {
    18832149                                        background: $dark-background;
     2150                                        @include border-radius(3px);
    18842151                                        color: #fff;
    18852152                                        padding: 0.2em 0.5em;
    18862153                                }
     
    19322199
    19332200                #message-thread {
    19342201                        //Single message view
     2202
    19352203                        a {
    19362204                                border-bottom: 0;
    19372205                        }
     
    19792247                        }
    19802248
    19812249                        #send-reply {
     2250
    19822251                                .message-content {
    19832252                                        background: $content-background;
    19842253                                        border: 0;
     
    19942263                #message-threads {
    19952264
    19962265                        thead {
     2266
    19972267                                tr {
    1998                                         background: lighten($dark-background, 10%);
     2268                                        background: none;
     2269                                        border-bottom: 1px solid $border-color;
     2270
     2271
     2272                                        th {
     2273                                                background: #555;
     2274                                        }
    19992275                                }
    20002276                        }
    20012277
    20022278                        tr {
     2279                                border-bottom: 5px solid $medium-grey;
     2280
    20032281                                td {
    2004                                         background: $content-background;
    20052282                                        display: inline-block;
    20062283                                        float: left;
    20072284                                }
     
    20082285
    20092286                                td.thread-star,
    20102287                                td.thread-options {
    2011                                         border-bottom-color: $medium-background;
    2012                                         border-bottom-width: 2px;
     2288                                        border-bottom-color: $border-color;
     2289                                        border-bottom-width: 1px;
    20132290                                        height: 2.4em;
    20142291                                        padding-bottom: 0.2em;
    20152292                                        padding-top: 0.2em;
     
    20192296                                        }
    20202297                                }
    20212298
     2299                                td.bulk-select-check,
     2300                                td.thread-star,
     2301                                td.thread-from,
     2302                                td.thread-info,
     2303                                td.thread-options {
     2304                                        border-top: 0;
     2305                                }
     2306
    20222307                                td.thread-star {
    20232308                                        vertical-align: middle;
    20242309
     
    20802365                        }
    20812366
    20822367                        tr.unread {
     2368
    20832369                                td {
    2084                                         background: $unread;
     2370                                        background: none;
    20852371                                        border-color: $border-color;
    20862372                                }
    20872373                        }
     
    21042390                        }
    21052391                }
    21062392
    2107                 .messages-options-nav {
    2108                         select {
    2109                                 height: auto;
    2110                         }
    2111                 }
    2112 
    21132393                .acfb-holder {
    21142394                        list-style: none;
    21152395
     
    22952575
    22962576// Attempt to reset form control widths
    22972577#main {
     2578
    22982579        #buddypress {
     2580
    22992581                .standard-form {
    23002582
    2301                         li {float: none;}
     2583                        li {
     2584                                float: none;
     2585                        }
     2586
    23022587                        input[type='text'],
    23032588                        input[type='email'],
    23042589                        input[type='password'],
     
    23092594        }
    23102595}
    23112596
    2312 
    23132597#buddypress {
    23142598
    23152599        // Match BP form elements to Themes(2017) styling where styles
     
    23642648} // close #buddypress
    23652649
    23662650#buddypress {
     2651
    23672652        div.dir-search,
    23682653        div.message-search,
    23692654        li.groups-members-search {
     
    23802665                        label {
    23812666                                float: left;
    23822667                                margin: 0;
     2668                                width: 70%;
    23832669                        }
    23842670
    23852671                        input[type='text'] {
    23862672                                float: left;
    23872673                                margin: 0;
    2388                                 width: 70%;
     2674                                width: 100%;
    23892675                        }
    23902676
    23912677                        input[type='text'],
     
    23972683
    23982684                        input[type='text'] {
    23992685                                border-right: 1px solid rgba($border-color, 0.6);
     2686                                font-weight: 400;
    24002687                                padding: 0.2em 0 0.2em 0.2em;
    24012688                        }
    24022689
    24032690                        input[type='submit'] {
     2691                                border-radius: 0;
    24042692                                float: right;
    24052693                                font-weight: normal;
    24062694                                padding: 0.2em 1em;
     
    24122700
    24132701        } // close .dir-search, .message-search
    24142702
     2703        // Dirs & certain components hide search hides labels so can't width the label element
     2704        // adjust so that the input takes reduced width.
     2705
     2706        div.dir-search {
     2707                margin-top: 0;
     2708        }
     2709
     2710        .dir-search #search-members-form,
     2711        #search-groups-form,
     2712        #search-message-form {
     2713
     2714                input[type='text'] {
     2715                        float: left;
     2716                        margin: 0;
     2717                        width: 70%;
     2718                }
     2719        }
     2720
    24152721        // Shift the search parent to the right and allow to shrinkwrap
    24162722
    24172723        @include small-up {
     
    24202726                li.groups-members-search {
    24212727                        float: right;
    24222728                        margin-bottom: 5px !important;
    2423 
    2424                         form {
    2425                                 label,
    2426                                 input[type='text'],
    2427                                 input[type='submit'] {
    2428                                         width: auto;
    2429                                 }
    2430                         }
    24312729                }
    24322730
    24332731        } // close @media
     
    24362734        @include large-up {
    24372735
    24382736                .dir-search,
     2737                .message-search,
     2738                li.groups-members-search {
    24392739
    2440                 .message-search {
    2441 
    24422740                        form {
    24432741
    24442742                                input[type='text'] {
     
    24722770                margin: $spacing-val-md 0;
    24732771
    24742772                tr th {
    2475                         background: lighten($dark-background, 10%);
    2476                         border-color: darken($border-light, 20%);
    2477                         color: $content-background;
     2773                        background: $light-background;
     2774                        border-color: $border-light;
     2775                        color: $body-text;
    24782776                }
    24792777
    24802778                // Reduce the themes inherited paragraph margins in tables
     
    25362834                }
    25372835
    25382836        } // .notifications, .message-notices
     2837
     2838        .notifications { // table element
     2839                .actions { // th element
     2840                        text-align: center;
     2841                }
     2842        }
    25392843} // #buddypress
    25402844
    25412845/**
     
    25732877
    25742878        } // close #message
    25752879
     2880        .bp-avatar-status,
     2881        .bp-cover-image-status {
     2882
     2883                .warning {
     2884                        background: #7dd4ff;
     2885                        border: 1px solid #000;
     2886                        color: $body-text;
     2887                        @include font-size(16);
     2888                }
     2889        }
     2890
    25762891} // close  #buddypress
    25772892
    25782893// Without direct classes on our mesages ( 'warning')