Skip to:
Content

Ticket #7338: 7338-04.patch

File 7338-04.patch, 37.3 KB (added by hnla, 13 months ago)

Adjust: search form style, act comment margening & fine tweaks.

  • 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 { 
     
    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; 
     
    157145        padding: 0; 
    158146} 
    159147 
    160 #buddypress div.item-list-tabs ul li a { 
    161         color: #0073c1; 
    162 } 
    163  
    164148#buddypress div.item-list-tabs ul li a span { 
    165149        border-radius: 25%; 
    166150} 
    167151 
    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  
    200152/*__ Horizontal menus __*/ 
    201153#buddypress #object-nav ul { 
    202154        overflow: hidden; 
     
    273225 
    274226/*__ Vertical menu User Account / Group single screens __*/ 
    275227@media screen and (min-width: 55em) { 
    276         body.no-sidebar #buddypress #item-header, 
    277         body.no-sidebar #buddypress #item-body { 
     228        body:not(.page-two-column) #buddypress #item-header, 
     229        body:not(.page-two-column) #buddypress #item-body { 
    278230                background: #fff; 
    279231        } 
    280         body.no-sidebar #buddypress #object-nav { 
     232        body:not(.page-two-column) #buddypress #object-nav { 
    281233                border-right: 1px solid #ddd; 
    282234                float: left; 
    283235                margin-right: -1px; 
    284236                width: 200px; 
    285237        } 
    286         body.no-sidebar #buddypress #object-nav ul { 
     238        body:not(.page-two-column) #buddypress #object-nav ul { 
    287239                background: none; 
    288240                border-bottom: 0; 
    289241                padding: 0; 
    290242        } 
    291         body.no-sidebar #buddypress #object-nav ul li { 
     243        body:not(.page-two-column) #buddypress #object-nav ul li { 
    292244                float: none; 
    293245                overflow: hidden; 
    294246        } 
    295         body.no-sidebar #buddypress #object-nav ul li span { 
     247        body:not(.page-two-column) #buddypress #object-nav ul li span { 
    296248                background: #fff; 
    297249                border-radius: 10%; 
    298250                float: right; 
    299251                margin-right: 2px; 
    300252        } 
    301         body.no-sidebar #buddypress #item-body { 
     253        body:not(.page-two-column) #buddypress #item-body { 
    302254                border-left: 1px solid #ddd; 
    303255                overflow: hidden; 
    304256                padding: 0 0 0 20px; 
    305257                width: auto; 
    306258        } 
    307         body.no-sidebar #buddypress #item-body #subnav { 
     259        body:not(.page-two-column) #buddypress #item-body #subnav { 
    308260                margin: 0 0 0 -20px; 
    309261        } 
    310         body.no-sidebar #buddypress #item-body #subnav ul { 
     262        body:not(.page-two-column) #buddypress #item-body #subnav ul { 
    311263                margin-top: 0; 
    312264        } 
    313265} 
     
    346298        #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 
    347299        #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 
    348300                background: none; 
    349                 color: #141412; 
     301                color: #333; 
    350302                outline: none; 
    351303        } 
    352304        #main #buddypress #subnav ul { 
     
    495447 
    496448#buddypress ul.item-list li .item .item-title .update { 
    497449        display: block; 
    498         font-size: 12px; 
    499         font-size: 0.75rem; 
     450        font-size: 13px; 
     451        font-size: 0.8125rem; 
    500452        padding: 10px 0; 
    501453        text-align: left; 
    502454} 
     
    557509        width: 100%; 
    558510} 
    559511 
    560 @media screen and (min-width: 48em) { 
     512@media screen and (min-width: 30em) { 
    561513        #buddypress ul.item-list li div.action div { 
    562514                margin: 0 10px 10px 0; 
    563515                width: auto; 
     
    599551} 
    600552 
    601553#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); 
     554        border: 1px solid rgba(190, 190, 190, 0.5); 
    603555        float: left; 
    604556        line-height: 1.5em; 
    605557        margin-top: 12px; 
     
    704656} 
    705657 
    706658#buddypress #activity-stream .activity-content .activity-header { 
    707         line-height: inherit; 
    708659        margin-right: 0; 
    709660} 
    710661 
     
    717668} 
    718669 
    719670#buddypress #activity-stream .activity-content .activity-header img.avatar { 
     671        box-shadow: none; 
    720672        display: inline-block; 
    721         margin-bottom: 0 !important; 
     673        margin: 0 5px !important; 
     674        vertical-align: middle; 
    722675} 
    723676 
    724677#buddypress #activity-stream .activity-content .activity-meta a { 
     
    726679        margin-bottom: 5px; 
    727680} 
    728681 
    729 @media screen and (min-width: 38.75em) { 
     682@media screen and (min-width: 30em) { 
    730683        #buddypress #activity-stream .activity-content .activity-meta a { 
    731684                display: inline-block; 
    732685                margin-bottom: 0; 
     686                width: auto; 
    733687        } 
    734688} 
    735689 
     
    781735*/ 
    782736#buddypress #activity-stream .activity-comments { 
    783737        border-left: 1px solid #eaeaea; 
    784         margin-top: 5px; 
     738        margin: 20px 0 20px; 
    785739} 
    786740 
     741@media screen and (min-width: 30em) { 
     742        #buddypress #activity-stream .activity-comments { 
     743                margin-left: 20px; 
     744        } 
     745} 
     746 
    787747#buddypress #activity-stream .activity-comments ul { 
    788         background: rgba(247, 247, 247, 0.6); 
    789748        color: #737373; 
    790749        margin: 15px 0 0 2px; 
    791750} 
    792751 
     752#buddypress #activity-stream .activity-comments ul li { 
     753        border-top: 1px solid #bebebe; 
     754} 
     755 
    793756#buddypress #activity-stream .activity-comments ul a { 
    794757        color: #0077c7; 
    795758} 
    796759 
    797760#buddypress #activity-stream .activity-comments .acomment-meta { 
     761        border-bottom: 1px solid #eaeaea; 
    798762        color: #737373; 
    799763} 
    800764 
    801765#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802766#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803         color: rgba(20, 20, 18, 0.8); 
     767        color: rgba(51, 51, 51, 0.8); 
    804768        display: inline-block; 
    805769        font-family: inherit; 
    806770        font-size: 12px; 
     
    813777} 
    814778 
    815779#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816         border: 1px solid rgba(212, 208, 186, 0.7); 
     780        border: 1px solid rgba(190, 190, 190, 0.7); 
    817781        text-align: center; 
    818782} 
    819783 
     
    834798        #buddypress #members-list li .action { 
    835799                float: right; 
    836800        } 
     801        #buddypress #members-list li.is-current-user .item { 
     802                float: none; 
     803                left: 0; 
     804                padding-left: 5%; 
     805                width: auto; 
     806        } 
    837807} 
    838808 
    839809/** 
     
    880850* @subsection 6.1 - Item Header Global 
    881851*----------------------------------------------------------- 
    882852*/ 
     853@media screen and (min-width: 48em) { 
     854        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     855                margin-left: 140px; 
     856                margin-top: -100px; 
     857        } 
     858        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     859                margin-left: 10px; 
     860        } 
     861} 
     862 
     863.bp-user #buddypress #item-header-cover-image .user-nicename, 
     864.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     865        color: #333; 
     866        text-shadow: none; 
     867} 
     868 
     869@media screen and (min-width: 48em) { 
     870        .bp-user #buddypress #item-header-cover-image .user-nicename, 
     871        .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     872                color: #fff; 
     873                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     874        } 
     875} 
     876 
    883877.bp-user #buddypress #item-header-content #item-meta, 
    884878.single-item.groups #buddypress #item-header-content #item-meta { 
    885879        font-size: 14px; 
     
    10831077* Groups specific item body rules -  screens 
    10841078*---------------------------------------------------- 
    10851079*/ 
     1080.groups.single-item.members #buddypress #subnav.item-list-tabs ul { 
     1081        background: none; 
     1082        border-top: 0; 
     1083} 
     1084 
    10861085/** 
    10871086*----------------------------------------- 
    10881087* @subsection 6.2.1.1 - Group Management 
     
    11201119} 
    11211120 
    11221121.groups.group-settings #group-settings-form div.radio label ul { 
    1123         color: rgba(20, 20, 18, 0.6); 
     1122        color: rgba(51, 51, 51, 0.6); 
    11241123        font-size: 14px; 
    11251124        font-size: 0.875rem; 
    11261125} 
     
    11841183 
    11851184.groups.group-members #subnav li #search-members-form { 
    11861185        float: right; 
    1187         margin: 5px 5px 0 0; 
     1186        margin: 5px 0 0; 
    11881187} 
    11891188 
    11901189@media screen and (max-width: 38.75em) { 
     
    12531252        font-style: italic; 
    12541253} 
    12551254 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257         border: 1px solid rgba(212, 208, 186, 0.5); 
     1255.bp-user #buddypress .notifications-options-nav, 
     1256.bp-user #buddypress .messages-options-nav { 
    12581257        float: left; 
    12591258        width: 100%; 
    12601259} 
    12611260 
    12621261@media screen and (min-width: 38.75em) { 
    1263         .bp-user #buddypress .notifications-options-nav { 
     1262        .bp-user #buddypress .notifications-options-nav, 
     1263        .bp-user #buddypress .messages-options-nav { 
    12641264                width: 300px; 
    12651265        } 
    12661266} 
    12671267 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1268.bp-user #buddypress .notifications-options-nav select, 
     1269.bp-user #buddypress .messages-options-nav select { 
    12691270        height: auto; 
    12701271} 
    12711272 
    12721273.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274         border: 0; 
     1274.bp-user #buddypress .notifications-options-nav input, 
     1275.bp-user #buddypress .messages-options-nav select, 
     1276.bp-user #buddypress .messages-options-nav input { 
    12751277        font-size: 14px; 
    12761278        font-size: 0.875rem; 
    12771279        outline: 0; 
     
    12781280        padding: 0; 
    12791281} 
    12801282 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1283.bp-user #buddypress .notifications-options-nav select, 
     1284.bp-user #buddypress .messages-options-nav select { 
    12821285        float: left; 
    1283         margin-right: 0; 
    1284         width: 60%; 
     1286        margin-right: 1%; 
     1287        width: 59%; 
    12851288} 
    12861289 
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1290.bp-user #buddypress .notifications-options-nav input, 
     1291.bp-user #buddypress .messages-options-nav input { 
    12881292        float: right; 
    12891293        font-family: inherit; 
    12901294        line-height: 20px; 
     
    12911295        width: 40%; 
    12921296} 
    12931297 
     1298.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1299.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1300.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1301.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1302        background: none; 
     1303} 
     1304 
    12941305/** 
    12951306        *------------------------------------------- 
    12961307        * @subsection 6.2.2.2 - Extended Profiles 
     
    13111322        margin-top: 0; 
    13121323} 
    13131324 
     1325.bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td { 
     1326        color: #333; 
     1327} 
     1328 
     1329.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child { 
     1330        border-bottom: none; 
     1331} 
     1332 
    13141333.bp-user #buddypress .profile #profile-edit-form .button-nav:before, 
    13151334.bp-user #buddypress .profile #profile-edit-form .button-nav:after { 
    13161335        content: " "; 
     
    13451364} 
    13461365 
    13471366.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 
     1367.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 
    13481368.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 
    13491369        font-size: 14px; 
    13501370        font-size: 0.875rem; 
     1371        margin-top: 10px; 
    13511372} 
    13521373 
    13531374.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, 
    13541375.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 
    13551376        background: #555; 
     1377        -webkit-border-radius: 3px; 
     1378        -moz-border-radius: 3px; 
     1379        -ms-border-radius: 3px; 
     1380        border-radius: 3px; 
     1381        background-clip: padding-box; 
    13561382        color: #fff; 
    13571383        padding: 0.2em 0.5em; 
    13581384} 
     
    14341460} 
    14351461 
    14361462.bp-user #buddypress #message-threads thead tr { 
    1437         background: #6f6f6f; 
     1463        background: none; 
     1464        border-bottom: 1px solid #bebebe; 
    14381465} 
    14391466 
     1467.bp-user #buddypress #message-threads thead tr th { 
     1468        background: #555; 
     1469} 
     1470 
     1471.bp-user #buddypress #message-threads tr { 
     1472        border-bottom: 5px solid #878787; 
     1473} 
     1474 
    14401475.bp-user #buddypress #message-threads tr td { 
    14411476        background: #fff; 
    14421477        display: inline-block; 
     
    14451480 
    14461481.bp-user #buddypress #message-threads tr td.thread-star, 
    14471482.bp-user #buddypress #message-threads tr td.thread-options { 
    1448         border-bottom-color: #ccc; 
    1449         border-bottom-width: 2px; 
     1483        border-bottom-color: #bebebe; 
     1484        border-bottom-width: 1px; 
    14501485        height: 2.4em; 
    14511486        padding-bottom: 0.2em; 
    14521487        padding-top: 0.2em; 
     
    14591494        } 
    14601495} 
    14611496 
     1497.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1498.bp-user #buddypress #message-threads tr td.thread-star, 
     1499.bp-user #buddypress #message-threads tr td.thread-from, 
     1500.bp-user #buddypress #message-threads tr td.thread-info, 
     1501.bp-user #buddypress #message-threads tr td.thread-options { 
     1502        border-top: 0; 
     1503} 
     1504 
    14621505.bp-user #buddypress #message-threads tr td.thread-star { 
    14631506        vertical-align: middle; 
    14641507} 
     
    15291572} 
    15301573 
    15311574.bp-user #buddypress #message-threads tr.unread td { 
    1532         background: #eee; 
    1533         border-color: #d4d0ba; 
     1575        background: none; 
     1576        border-color: #bebebe; 
    15341577} 
    15351578 
    15361579.bp-user #buddypress #message-threads th { 
     
    15501593        width: 30px; 
    15511594} 
    15521595 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554         height: auto; 
    1555 } 
    1556  
    15571596.bp-user #buddypress .acfb-holder { 
    15581597        list-style: none; 
    15591598} 
     
    15631602} 
    15641603 
    15651604.bp-user #buddypress .acfb-holder li.friend-tab { 
    1566         background: #edf7fa; 
     1605        background: #e3f6ff; 
    15671606        border: inherit; 
    15681607        margin-right: 0; 
    15691608        padding: 0.5em; 
     
    17171756 
    17181757#buddypress div.activity-comments form .ac-textarea { 
    17191758        background: #f7f7f7; 
    1720         border: 1px solid rgba(212, 208, 186, 0.5); 
     1759        border: 1px solid rgba(190, 190, 190, 0.5); 
    17211760} 
    17221761 
    17231762#buddypress div.activity-comments form .ac-textarea textarea { 
     
    17351774#buddypress .standard-form button, 
    17361775#buddypress .standard-form select, 
    17371776#buddypress .standard-form textarea { 
    1738         border-color: rgba(212, 208, 186, 0.5); 
     1777        border-color: rgba(190, 190, 190, 0.5); 
    17391778        border-width: 1px; 
    17401779} 
    17411780 
     
    17611800#buddypress div.dir-search form, 
    17621801#buddypress div.message-search form, 
    17631802#buddypress li.groups-members-search form { 
    1764         border: 1px solid rgba(212, 208, 186, 0.6); 
     1803        border: 1px solid rgba(190, 190, 190, 0.6); 
    17651804        overflow: hidden; 
    17661805} 
    17671806 
     
    17701809#buddypress li.groups-members-search form label { 
    17711810        float: left; 
    17721811        margin: 0; 
     1812        width: 70%; 
    17731813} 
    17741814 
    17751815#buddypress div.dir-search form input[type='text'], 
     
    17771817#buddypress li.groups-members-search form input[type='text'] { 
    17781818        float: left; 
    17791819        margin: 0; 
    1780         width: 70%; 
     1820        width: 100%; 
    17811821} 
    17821822 
    17831823#buddypress div.dir-search form input[type='text'], 
     
    17951835#buddypress div.dir-search form input[type='text'], 
    17961836#buddypress div.message-search form input[type='text'], 
    17971837#buddypress li.groups-members-search form input[type='text'] { 
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6); 
     1838        border-right: 1px solid rgba(190, 190, 190, 0.6); 
     1839        font-weight: 400; 
    17991840        padding: 0.2em 0 0.2em 0.2em; 
    18001841} 
    18011842 
     
    18101851        width: 30%; 
    18111852} 
    18121853 
     1854#buddypress .dir-search #search-members-form input[type='text'], 
     1855#buddypress #search-groups-form input[type='text'], 
     1856#buddypress #search-message-form input[type='text'] { 
     1857        float: left; 
     1858        margin: 0; 
     1859        width: 70%; 
     1860} 
     1861 
    18131862@media screen and (min-width: 30em) { 
    18141863        #buddypress div.dir-search, 
    18151864        #buddypress div.message-search, 
     
    18171866                float: right; 
    18181867                margin-bottom: 5px !important; 
    18191868        } 
    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         } 
    18311869} 
    18321870 
    18331871@media screen and (min-width: 67em) { 
    18341872        #buddypress .dir-search form input[type='text'], 
    1835         #buddypress .message-search form input[type='text'] { 
     1873        #buddypress .message-search form input[type='text'], 
     1874        #buddypress li.groups-members-search form input[type='text'] { 
    18361875                font-size: 16px; 
    18371876                font-size: 1rem; 
    18381877        } 
    18391878        #buddypress .dir-search form input[type='submit'], 
    1840         #buddypress .message-search form input[type='submit'] { 
     1879        #buddypress .message-search form input[type='submit'], 
     1880        #buddypress li.groups-members-search form input[type='submit'] { 
    18411881                font-size: 16px; 
    18421882                font-size: 1rem; 
    18431883        } 
     
    18551895} 
    18561896 
    18571897#buddypress table tr th { 
    1858         background: #6f6f6f; 
    1859         border-color: #b7b7b7; 
    1860         color: #fff; 
     1898        background: #f7f7f7; 
     1899        border-color: #eaeaea; 
     1900        color: #333; 
    18611901} 
    18621902 
    18631903#buddypress table p { 
     
    19141954        text-align: center; 
    19151955} 
    19161956 
     1957#buddypress .notifications .actions { 
     1958        text-align: center; 
     1959} 
     1960 
    19171961/** 
    19181962*------------------------------------------------------------------------------- 
    19191963* @section 9.0 - Error / Success messages 
     
    19261970} 
    19271971 
    19281972#buddypress div#message.info p { 
    1929         background: #c6e4ee; 
    1930         border: 1px solid #78bed6; 
    1931         color: #1e5264; 
     1973        background: #b0e5ff; 
     1974        border: 1px solid #4ac3ff; 
     1975        color: #00547d; 
    19321976} 
    19331977 
    19341978#buddypress div#message.updated p { 
     
    19371981        color: #454d19; 
    19381982} 
    19391983 
     1984#buddypress .bp-avatar-status .warning, 
     1985#buddypress .bp-cover-image-status .warning { 
     1986        background: #7dd4ff; 
     1987        border: 1px solid #000; 
     1988        color: #333; 
     1989        font-size: 16px; 
     1990        font-size: 1rem; 
     1991} 
     1992 
    19401993.delete-group #buddypress div#message.info p { 
    19411994        background: #db7e7e; 
    19421995        border: 1px solid #be3535; 
     
    19492002*------------------------------------------------------------------------------- 
    19502003*/ 
    19512004#buddypress .acfb-holder li.friend-tab { 
    1952         background: #9fd1e2; 
     2005        background: #7dd4ff; 
    19532006        border: inherit; 
    19542007} 
  • 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; 
    196204$content-background: #fff; 
    197 $off-white:          lighten(#f9f8ee, 0.7); 
     205$off-white:          #fafafa; 
    198206$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 
     207$light-background:   $x-light-grey; 
     208$medium-background:  $medium-grey; 
     209$dark-background:    $dark-grey; 
     210$border-color:       #bebebe; 
    203211$border-light:       #eaeaea; // BP dividers 
    204212$border-med:         #ddd; 
    205213$background-hover:   #db572f; // 2017 link background hover 
     
    206214$bp-button-hover:    #ededed; // this is the default BP button hover background 
    207215$notice-error:       #c85a6e; 
    208216$notice-warning:     #d05656; 
    209 $notice-info:        #9fd1e2; 
     217$notice-info:        #7dd4ff; 
    210218$notice-update:      #ced98c; 
    211219$stripe-odd:         #ebf0ff; 
    212220$stripe-even:        #dbe5ff; 
    213 $unread:             #eee; 
     221$unread:             $x-light-grey; 
    214222$link-action:        #c82b2b; 
    215223/*-------------------------------------------------------------- 
    216224 
     
    310318                } 
    311319        } 
    312320} 
    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); 
    320321 
    321                                 @include medium-up { 
    322                                         @include font-size(28); 
    323                                 } 
    324                         } 
    325                 } 
    326         } 
    327 } 
    328  
    329322// 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. 
     323// This takes into account the ability to columnize pages in 2017. 
    331324// Only effect changes based on breakpoints. 
    332325 
    333 @include medium-up { 
     326@include med-small-up { 
    334327 
    335328        body.buddypress.page.page-two-column { 
    336329 
     
    337330                #primary { 
    338331 
    339332                        .entry-header { 
    340                                 width: 20%; 
     333                                width: 30%; 
    341334                        } 
    342335 
    343336                        .entry-content { 
    344                                 width: 80%; 
     337                                width: 68%; 
    345338                        } 
    346339                } 
    347340        } 
     
    357350                        .content-bottom-widgets { 
    358351                                margin-left: 0; 
    359352                                margin-right: 0; 
    360 //                              width: auto; 
    361353                        } 
    362354                } 
    363355 
     
    418410                        li { 
    419411 
    420412                                a { 
    421                                         color: #0073c1; 
     413                                        //color: #0073c1; 
    422414 
    423415                                        span {border-radius: 25%;} 
    424416                                } 
     
    428420 
    429421} // close #buddypress 
    430422 
    431 // .bp-user #object-nav @ small screen as a dropdown 
    432423 
    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  
    480424/*__ Horizontal menus __*/ 
    481425#buddypress { 
    482426 
     
    569513// This block contains rules to re-factor the item-body structural element 
    570514// to sit alongside the vert menu 
    571515// 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. 
     516// we'll only display object nav as a vert menu if not .two-column-page. 
    573517 
    574518@include medium-up { 
    575519 
    576         body.no-sidebar { 
     520        body:not(.page-two-column) { 
    577521 
    578522                #buddypress { 
    579523 
     
    770714        } 
    771715 
    772716        .action { 
     717 
    773718                .generic-button { 
     719 
    774720                        a { 
     721 
    775722                                &:focus, 
    776723                                &:hover { 
    777724                                        background: inherit; 
     
    851798 
    852799                                        .update { 
    853800                                                display: block; 
    854                                                 @include font-size(12); 
     801                                                @include font-size(13); 
    855802 
    856803                                                @include medium-up { 
    857804                                                        @include font-size(14); 
     
    892839                                // remove BP margin left 
    893840                                margin-left: 0; 
    894841                                padding: $spacing-val-md 0 $spacing-val-xs; 
     842 
    895843                                // push the actions to the right 
    896  
    897844                                @include medium-up { 
    898845                                        clear: none; 
    899846                                        float: right; 
     
    917864                                        // Provisionally lets keep the 'action' div 
    918865                                        // position but inline-block the buttons 
    919866 
    920                                         @include med-small-up { 
     867                                        @include small-up { 
    921868                                                // keep buttons to a row small tablet up 
    922869                                                margin: 0 $spacing-val-sm $spacing-val-sm 0; 
    923870                                                width: auto; 
     
    10881035                li.mini { 
    10891036 
    10901037                        .activity-avatar { 
     1038 
    10911039                                a { 
     1040 
    10921041                                        img.avatar { 
    10931042                                                height: 30px; 
    10941043                                                margin-left: 15px; 
     
    11091058                        margin-top: -12px; 
    11101059 
    11111060                        .activity-header { 
    1112                                 line-height: inherit; 
     1061                                //line-height: inherit; 
    11131062                                margin-right: 0; 
    11141063 
    11151064                                p { 
     
    11211070                                } 
    11221071 
    11231072                                img.avatar { 
     1073                                        box-shadow: none; 
    11241074                                        display: inline-block; 
    1125                                         margin-bottom: 0 !important; // have to match to BP 
     1075                                        margin: 0 5px !important; // have to match to BP 
     1076                                        vertical-align: middle; 
    11261077                                } 
    11271078                        } // close .activity-header 
    11281079 
    11291080                        .activity-meta { 
     1081 
    11301082                                a { 
    11311083                                        display: block; 
    11321084                                        margin-bottom: $spacing-val-xs; 
    11331085 
    1134                                         @include small-up-bp { 
     1086                                        @include small-up { 
    11351087                                                display: inline-block; 
    11361088                                                margin-bottom: 0; 
     1089                                                width: auto; 
    11371090                                        } 
    11381091                                } 
    11391092                        } 
     
    11971150 
    11981151                .activity-comments { 
    11991152                        border-left: 1px solid $border-light; 
    1200                         margin-top: 5px; 
    12011153 
     1154                        margin: $spacing-val-md 0 $spacing-val-md ; 
     1155 
     1156                        @include small-up { 
     1157                                margin-left: $spacing-val-md; 
     1158                        } 
     1159 
    12021160                        ul { 
    1203                                 background: rgba($light-background, 0.6); 
    12041161                                color: #737373; 
    12051162                                margin: 15px 0 0 2px; 
    12061163 
     1164                                li { 
     1165                                        border-top: 1px solid $border-color; 
     1166                                } 
     1167 
    12071168                                a { 
    12081169                                        color: #0077c7; 
    12091170                                } 
     
    12101171                        } 
    12111172 
    12121173                        .acomment-meta { 
     1174                                border-bottom: 1px solid $border-light; 
    12131175                                color: #737373; 
    12141176                        } 
    12151177 
     
    12561218        #members-list { 
    12571219 
    12581220                @include medium-up { 
     1221 
    12591222                        li { 
    12601223                                .item-avatar, 
    12611224                                .item { 
     
    12661229                                        float: right; 
    12671230                                } 
    12681231                        } 
     1232 
     1233                        li.is-current-user { 
     1234 
     1235                                .item { 
     1236                                        float: none; 
     1237                                        left: 0; 
     1238                                        padding-left: 5%; 
     1239                                        width: auto; 
     1240                                } 
     1241                        } 
    12691242                } 
    12701243 
    12711244        } // close #members-list 
     
    13181291* @subsection 6.1 - Item Header Global 
    13191292*----------------------------------------------------------- 
    13201293*/ 
     1294        @include med-small-up { 
    13211295 
     1296 
     1297        .bp-user.page-two-column { 
     1298 
     1299                #buddypress { 
     1300 
     1301                        #cover-image-container { 
     1302 
     1303                                #item-header-cover-image { 
     1304 
     1305 
     1306                                } 
     1307                        } 
     1308 
     1309                        #cover-image-container { 
     1310 
     1311                                #item-header-cover-image { 
     1312 
     1313                                        #item-header-content { 
     1314                                                margin-left: 140px; 
     1315                                                margin-top: -100px; 
     1316                                        } 
     1317                                } 
     1318                        } 
     1319                } 
     1320        } 
     1321 
     1322        .single-item.groups.page-two-column { 
     1323 
     1324                #buddypress { 
     1325 
     1326                        #cover-image-container { 
     1327 
     1328                                #item-header-cover-image { 
     1329 
     1330                                        #item-header-content { 
     1331                                                margin-left: 10px; 
     1332                                        } 
     1333                                } 
     1334                        } 
     1335                } 
     1336        } 
     1337} 
     1338 
    13221339.bp-user, 
    13231340.single-item.groups { 
    13241341 
    13251342        #buddypress { 
    13261343 
     1344                // we need to remove the cover image dec styles 
     1345                // & reset them for med up  only. 
     1346                #item-header-cover-image { 
     1347                        .user-nicename { 
     1348                                color: $body-text; 
     1349                                text-shadow: none; 
     1350                        } 
     1351                } 
     1352 
     1353                @include med-small-up { 
     1354 
     1355                        #item-header-cover-image { 
     1356 
     1357                                .user-nicename { 
     1358                                        color: $white; 
     1359                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1360                                } 
     1361                        } 
     1362                } 
     1363 
    13271364                #item-header-content { 
    13281365 
    13291366                        #item-meta { 
     
    15601597*----------------------------------------------------------- 
    15611598*/ 
    15621599 
     1600 
    15631601/** 
    15641602*---------------------------------------------------- 
    15651603* @subsection 6.2.1 - Item Body Groups 
     
    15681606*---------------------------------------------------- 
    15691607*/ 
    15701608 
     1609.groups.single-item.members { 
     1610 
     1611        #buddypress { 
     1612 
     1613                #subnav.item-list-tabs { 
     1614 
     1615                        ul { 
     1616                                background: none; 
     1617                                border-top: 0; 
     1618                        } 
     1619 
     1620                } 
     1621        } 
     1622 
     1623} 
     1624 
    15711625/** 
    15721626*----------------------------------------- 
    15731627* @subsection 6.2.1.1 - Group Management 
     
    17091763                                        } 
    17101764                                } 
    17111765 
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0; 
     1766                                margin: $spacing-val-xs 0 0; 
    17131767                        } 
    17141768                } 
    17151769        } 
     
    17781832 
    17791833                .pag-count {font-style: italic;} 
    17801834 
    1781                 .notifications-options-nav { 
    1782                         border: 1px solid rgba($border-color, 0.5); 
     1835                .notifications-options-nav, 
     1836                .messages-options-nav { 
     1837 
    17831838                        float: left; 
    17841839                        width: 100%; 
    17851840 
     
    17931848 
    17941849                        select, 
    17951850                        input { 
    1796                                 border: 0; 
     1851 
    17971852                                @include font-size(14); 
    17981853                                outline: 0; 
    17991854                                padding: 0; 
     
    18011856 
    18021857                        select { 
    18031858                                float: left; 
    1804                                 margin-right: 0; 
    1805                                 width: 60%; 
     1859                                margin-right: 1%; 
     1860                                width: 59%; 
    18061861                        } 
    18071862 
    18081863                        input { 
     
    18121867                                width: 40%; 
    18131868                        } 
    18141869 
    1815                 } // close .notifications-options-nav 
     1870                        input[disabled="disabled"]:focus, 
     1871                        input[disabled="disabled"]:hover { 
     1872                                background: none; 
     1873                        } 
    18161874 
     1875 
     1876                } // close .notifications-options-nav/.messages-options-nav 
     1877 
    18171878        } //close #buddypress 
    18181879} // close .bp-user 
    18191880 
     
    18371898                                } 
    18381899 
    18391900                                table {margin-top: 0;} 
     1901 
     1902                                .profile-fields { 
     1903 
     1904                                        tr.alt { 
     1905                                                td { 
     1906                                                        color: $body-text; 
     1907                                                } 
     1908                                        } 
     1909 
     1910                                        tr:last-child { 
     1911                                                border-bottom: none; 
     1912                                        } 
     1913                                } 
     1914 
    18401915                        } 
     1916 
    18411917                        /* Edit profile */ 
    18421918 
    18431919                        #profile-edit-form { 
     
    18741950                                } //.button-nav 
    18751951 
    18761952                                .field-visibility-settings-toggle, 
     1953                                .field-visibility-settings-notoggle, 
    18771954                                .field-visibility-settings { 
    18781955                                        @include font-size(14); 
     1956                                        margin-top: $spacing-val-sm; 
    18791957                                } 
    18801958 
    18811959                                .field-visibility-settings-close, 
    18821960                                .visibility-toggle-link { 
    18831961                                        background: $dark-background; 
     1962                                        @include border-radius(3px); 
    18841963                                        color: #fff; 
    18851964                                        padding: 0.2em 0.5em; 
    18861965                                } 
     
    19322011 
    19332012                #message-thread { 
    19342013                        //Single message view 
     2014 
    19352015                        a { 
    19362016                                border-bottom: 0; 
    19372017                        } 
     
    19792059                        } 
    19802060 
    19812061                        #send-reply { 
     2062 
    19822063                                .message-content { 
    19832064                                        background: $content-background; 
    19842065                                        border: 0; 
     
    19942075                #message-threads { 
    19952076 
    19962077                        thead { 
     2078 
    19972079                                tr { 
    1998                                         background: lighten($dark-background, 10%); 
     2080                                        background: none; 
     2081                                        border-bottom: 1px solid $border-color; 
     2082 
     2083 
     2084                                        th { 
     2085                                                background: #555; 
     2086                                        } 
    19992087                                } 
    20002088                        } 
    20012089 
    20022090                        tr { 
     2091                                border-bottom: 5px solid $medium-grey; 
     2092 
    20032093                                td { 
    20042094                                        background: $content-background; 
    20052095                                        display: inline-block; 
     
    20082098 
    20092099                                td.thread-star, 
    20102100                                td.thread-options { 
    2011                                         border-bottom-color: $medium-background; 
    2012                                         border-bottom-width: 2px; 
     2101                                        border-bottom-color: $border-color; 
     2102                                        border-bottom-width: 1px; 
    20132103                                        height: 2.4em; 
    20142104                                        padding-bottom: 0.2em; 
    20152105                                        padding-top: 0.2em; 
     
    20192109                                        } 
    20202110                                } 
    20212111 
     2112                                td.bulk-select-check, 
     2113                                td.thread-star, 
     2114                                td.thread-from, 
     2115                                td.thread-info, 
     2116                                td.thread-options { 
     2117                                        border-top: 0; 
     2118                                } 
     2119 
    20222120                                td.thread-star { 
    20232121                                        vertical-align: middle; 
    20242122 
     
    20802178                        } 
    20812179 
    20822180                        tr.unread { 
     2181 
    20832182                                td { 
    2084                                         background: $unread; 
     2183                                        background: none; 
    20852184                                        border-color: $border-color; 
    20862185                                } 
    20872186                        } 
     
    21042203                        } 
    21052204                } 
    21062205 
    2107                 .messages-options-nav { 
    2108                         select { 
    2109                                 height: auto; 
    2110                         } 
    2111                 } 
    2112  
    21132206                .acfb-holder { 
    21142207                        list-style: none; 
    21152208 
     
    22952388 
    22962389// Attempt to reset form control widths 
    22972390#main { 
     2391 
    22982392        #buddypress { 
     2393 
    22992394                .standard-form { 
    23002395 
    2301                         li {float: none;} 
     2396                        li { 
     2397                                float: none; 
     2398                        } 
     2399 
    23022400                        input[type='text'], 
    23032401                        input[type='email'], 
    23042402                        input[type='password'], 
     
    23092407        } 
    23102408} 
    23112409 
    2312  
    23132410#buddypress { 
    23142411 
    23152412        // Match BP form elements to Themes(2017) styling where styles 
     
    23642461} // close #buddypress 
    23652462 
    23662463#buddypress { 
     2464 
    23672465        div.dir-search, 
    23682466        div.message-search, 
    23692467        li.groups-members-search { 
     
    23802478                        label { 
    23812479                                float: left; 
    23822480                                margin: 0; 
     2481                                width: 70%; 
    23832482                        } 
    23842483 
    23852484                        input[type='text'] { 
    23862485                                float: left; 
    23872486                                margin: 0; 
    2388                                 width: 70%; 
     2487                                width: 100%; 
    23892488                        } 
    23902489 
    23912490                        input[type='text'], 
     
    23972496 
    23982497                        input[type='text'] { 
    23992498                                border-right: 1px solid rgba($border-color, 0.6); 
     2499                                font-weight: 400; 
    24002500                                padding: 0.2em 0 0.2em 0.2em; 
    24012501                        } 
    24022502 
     
    24122512 
    24132513        } // close .dir-search, .message-search 
    24142514 
     2515        // Dirs & certain components hide search hides labels so can't width the label element 
     2516        // adjust so that the input takes reduced width. 
     2517 
     2518        .dir-search #search-members-form, 
     2519        #search-groups-form, 
     2520        #search-message-form { 
     2521 
     2522                input[type='text'] { 
     2523                        float: left; 
     2524                        margin: 0; 
     2525                        width: 70%; 
     2526                } 
     2527        } 
     2528 
    24152529        // Shift the search parent to the right and allow to shrinkwrap 
    24162530 
    24172531        @include small-up { 
     
    24202534                li.groups-members-search { 
    24212535                        float: right; 
    24222536                        margin-bottom: 5px !important; 
    2423  
    2424                         form { 
    2425                                 label, 
    2426                                 input[type='text'], 
    2427                                 input[type='submit'] { 
    2428                                         width: auto; 
    2429                                 } 
    2430                         } 
    24312537                } 
    24322538 
    24332539        } // close @media 
     
    24362542        @include large-up { 
    24372543 
    24382544                .dir-search, 
     2545                .message-search, 
     2546                li.groups-members-search { 
    24392547 
    2440                 .message-search { 
    2441  
    24422548                        form { 
    24432549 
    24442550                                input[type='text'] { 
     
    24722578                margin: $spacing-val-md 0; 
    24732579 
    24742580                tr th { 
    2475                         background: lighten($dark-background, 10%); 
    2476                         border-color: darken($border-light, 20%); 
    2477                         color: $content-background; 
     2581                        background: $light-background; 
     2582                        border-color: $border-light; 
     2583                        color: $body-text; 
    24782584                } 
    24792585 
    24802586                // Reduce the themes inherited paragraph margins in tables 
     
    25362642                } 
    25372643 
    25382644        } // .notifications, .message-notices 
     2645 
     2646        .notifications { // table element 
     2647                .actions { // th element 
     2648                        text-align: center; 
     2649                } 
     2650        } 
    25392651} // #buddypress 
    25402652 
    25412653/** 
     
    25732685 
    25742686        } // close #message 
    25752687 
     2688        .bp-avatar-status, 
     2689        .bp-cover-image-status { 
     2690 
     2691                .warning { 
     2692                        background: #7dd4ff; 
     2693                        border: 1px solid #000; 
     2694                        color: $body-text; 
     2695                        @include font-size(16); 
     2696                } 
     2697        } 
     2698 
    25762699} // close  #buddypress 
    25772700 
    25782701// Without direct classes on our mesages ( 'warning')