Skip to:
Content

BuddyPress.org

Ticket #7338: 7338-04.patch

File 7338-04.patch, 37.3 KB (added by hnla, 8 years 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')