Skip to:
Content

Ticket #7338: 7338-05.patch

File 7338-05.patch, 43.8 KB (added by hnla, 13 months 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')