Skip to:
Content

BuddyPress.org

Ticket #7338: 7338-02.patch

File 7338-02.patch, 22.7 KB (added by hnla, 8 years ago)

Updates & revisions to styles.

  • 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;
    … …  
    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 10px 10px 0;
    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: left;
    604592        line-height: 1.5em;
    605593        margin-top: 12px;
    … …  
    704692}
    705693
    706694#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708695        margin-right: 0;
    709696}
    710697
    … …  
    717704}
    718705
    719706#buddypress #activity-stream .activity-content .activity-header img.avatar {
     707        box-shadow: none;
    720708        display: inline-block;
    721         margin-bottom: 0 !important;
     709        margin: 0 5px !important;
     710        vertical-align: middle;
    722711}
    723712
    724713#buddypress #activity-stream .activity-content .activity-meta a {
    … …  
    726715        margin-bottom: 5px;
    727716}
    728717
    729 @media screen and (min-width: 38.75em) {
     718@media screen and (min-width: 30em) {
    730719        #buddypress #activity-stream .activity-content .activity-meta a {
    731720                display: inline-block;
    732721                margin-bottom: 0;
     722                width: auto;
    733723        }
    734724}
    735725
    … …  
    781771*/
    782772#buddypress #activity-stream .activity-comments {
    783773        border-left: 1px solid #eaeaea;
    784         margin-top: 5px;
     774        margin: 20px 0 20px;
    785775}
    786776
     777@media screen and (min-width: 30em) {
     778        #buddypress #activity-stream .activity-comments {
     779                margin-left: 20px;
     780        }
     781}
     782
     783@media screen and (min-width: 55em) {
     784        #buddypress #activity-stream .activity-comments {
     785                margin-left: 40px;
     786        }
     787}
     788
    787789#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789790        color: #737373;
    790791        margin: 15px 0 0 2px;
    791792}
    … …  
    800801
    801802#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802803#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     804        color: rgba(51, 51, 51, 0.8);
    804805        display: inline-block;
    805806        font-family: inherit;
    806807        font-size: 12px;
    … …  
    813814}
    814815
    815816#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     817        border: 1px solid rgba(190, 190, 190, 0.7);
    817818        text-align: center;
    818819}
    819820
    … …  
    11201121}
    11211122
    11221123.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1124        color: rgba(51, 51, 51, 0.6);
    11241125        font-size: 14px;
    11251126        font-size: 0.875rem;
    11261127}
    … …  
    12531254        font-style: italic;
    12541255}
    12551256
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1257.bp-user #buddypress .notifications-options-nav,
     1258.bp-user #buddypress .messages-options-nav {
    12581259        float: left;
    12591260        width: 100%;
    12601261}
    12611262
    12621263@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1264        .bp-user #buddypress .notifications-options-nav,
     1265        .bp-user #buddypress .messages-options-nav {
    12641266                width: 300px;
    12651267        }
    12661268}
    12671269
    1268 .bp-user #buddypress .notifications-options-nav select {
     1270.bp-user #buddypress .notifications-options-nav select,
     1271.bp-user #buddypress .messages-options-nav select {
    12691272        height: auto;
    12701273}
    12711274
    12721275.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1276.bp-user #buddypress .notifications-options-nav input,
     1277.bp-user #buddypress .messages-options-nav select,
     1278.bp-user #buddypress .messages-options-nav input {
    12751279        font-size: 14px;
    12761280        font-size: 0.875rem;
    12771281        outline: 0;
    … …  
    12781282        padding: 0;
    12791283}
    12801284
    1281 .bp-user #buddypress .notifications-options-nav select {
     1285.bp-user #buddypress .notifications-options-nav select,
     1286.bp-user #buddypress .messages-options-nav select {
    12821287        float: left;
    1283         margin-right: 0;
    1284         width: 60%;
     1288        margin-right: 1%;
     1289        width: 59%;
    12851290}
    12861291
    1287 .bp-user #buddypress .notifications-options-nav input {
     1292.bp-user #buddypress .notifications-options-nav input,
     1293.bp-user #buddypress .messages-options-nav input {
    12881294        float: right;
    12891295        font-family: inherit;
    12901296        line-height: 20px;
    … …  
    12911297        width: 40%;
    12921298}
    12931299
     1300.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1301.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1302.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1303.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1304        background: none;
     1305}
     1306
    12941307/**
    12951308        *-------------------------------------------
    12961309        * @subsection 6.2.2.2 - Extended Profiles
    … …  
    13111324        margin-top: 0;
    13121325}
    13131326
     1327.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child {
     1328        border-bottom: none;
     1329}
     1330
    13141331.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    13151332.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    13161333        content: " ";
    … …  
    14341451}
    14351452
    14361453.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1454        background: none;
     1455        border-bottom: 1px solid #bebebe;
    14381456}
    14391457
     1458.bp-user #buddypress #message-threads thead tr th {
     1459        background: #555;
     1460}
     1461
     1462.bp-user #buddypress #message-threads tr {
     1463        border-bottom: 5px solid #878787;
     1464}
     1465
    14401466.bp-user #buddypress #message-threads tr td {
    14411467        background: #fff;
    14421468        display: inline-block;
    … …  
    14451471
    14461472.bp-user #buddypress #message-threads tr td.thread-star,
    14471473.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1474        border-bottom-color: #bebebe;
     1475        border-bottom-width: 1px;
    14501476        height: 2.4em;
    14511477        padding-bottom: 0.2em;
    14521478        padding-top: 0.2em;
    … …  
    14591485        }
    14601486}
    14611487
     1488.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1489.bp-user #buddypress #message-threads tr td.thread-star,
     1490.bp-user #buddypress #message-threads tr td.thread-from,
     1491.bp-user #buddypress #message-threads tr td.thread-info,
     1492.bp-user #buddypress #message-threads tr td.thread-options {
     1493        border-top: 0;
     1494}
     1495
    14621496.bp-user #buddypress #message-threads tr td.thread-star {
    14631497        vertical-align: middle;
    14641498}
    … …  
    15291563}
    15301564
    15311565.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1566        background: none;
     1567        border-color: #bebebe;
    15341568}
    15351569
    15361570.bp-user #buddypress #message-threads th {
    … …  
    15501584        width: 30px;
    15511585}
    15521586
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571587.bp-user #buddypress .acfb-holder {
    15581588        list-style: none;
    15591589}
    … …  
    17171747
    17181748#buddypress div.activity-comments form .ac-textarea {
    17191749        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1750        border: 1px solid rgba(190, 190, 190, 0.5);
    17211751}
    17221752
    17231753#buddypress div.activity-comments form .ac-textarea textarea {
    … …  
    17351765#buddypress .standard-form button,
    17361766#buddypress .standard-form select,
    17371767#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1768        border-color: rgba(190, 190, 190, 0.5);
    17391769        border-width: 1px;
    17401770}
    17411771
    … …  
    17611791#buddypress div.dir-search form,
    17621792#buddypress div.message-search form,
    17631793#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1794        border: 1px solid rgba(190, 190, 190, 0.6);
    17651795        overflow: hidden;
    17661796}
    17671797
    … …  
    17951825#buddypress div.dir-search form input[type='text'],
    17961826#buddypress div.message-search form input[type='text'],
    17971827#buddypress li.groups-members-search form input[type='text'] {
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6);
     1828        border-right: 1px solid rgba(190, 190, 190, 0.6);
    17991829        padding: 0.2em 0 0.2em 0.2em;
    18001830}
    18011831
    … …  
    18551885}
    18561886
    18571887#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     1888        background: #f7f7f7;
     1889        border-color: #eaeaea;
     1890        color: #333;
    18611891}
    18621892
    18631893#buddypress table p {
    … …  
    19141944        text-align: center;
    19151945}
    19161946
     1947#buddypress .notifications .actions {
     1948        text-align: center;
     1949}
     1950
    19171951/**
    19181952*-------------------------------------------------------------------------------
    19191953* @section 9.0 - Error / Success messages

  • 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
     201$body-text:          #333;
     202$bp-light-text:      $medium-grey;
    196203$content-background: #fff;
    197 $off-white:          lighten(#f9f8ee, 0.7);
     204$off-white:          #fafafa;
    198205$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
     206$light-background:   $x-light-grey;
     207$medium-background:  $medium-grey;
     208$dark-background:    $dark-grey;
     209$border-color:       #bebebe;
    203210$border-light:       #eaeaea; // BP dividers
    204211$border-med:         #ddd;
    205212$background-hover:   #db572f; // 2017 link background hover
    … …  
    210217$notice-update:      #ced98c;
    211218$stripe-odd:         #ebf0ff;
    212219$stripe-even:        #dbe5ff;
    213 $unread:             #eee;
     220$unread:             $x-light-grey;
    214221$link-action:        #c82b2b;
    215222/*--------------------------------------------------------------
    216223
    … …  
    310317                }
    311318        }
    312319}
    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);
    320320
    321                                 @include medium-up {
    322                                         @include font-size(28);
    323                                 }
    324                         }
    325                 }
    326         }
    327 }
    328 
    329321// 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.
     322// This takes into account the ability to columnize pages in 2017.
    331323// Only effect changes based on breakpoints.
    332324
    333 @include medium-up {
     325@include med-small-up {
    334326
    335327        body.buddypress.page.page-two-column {
    336328
    … …  
    337329                #primary {
    338330
    339331                        .entry-header {
    340                                 width: 20%;
     332                                width: 30%;
    341333                        }
    342334
    343335                        .entry-content {
    344                                 width: 80%;
     336                                width: 68%;
    345337                        }
    346338                }
    347339        }
    … …  
    357349                        .content-bottom-widgets {
    358350                                margin-left: 0;
    359351                                margin-right: 0;
    360 //                              width: auto;
    361352                        }
    362353                }
    363354
    … …  
    770761        }
    771762
    772763        .action {
     764
    773765                .generic-button {
     766
    774767                        a {
     768
    775769                                &:focus,
    776770                                &:hover {
    777771                                        background: inherit;
    … …  
    917911                                        // Provisionally lets keep the 'action' div
    918912                                        // position but inline-block the buttons
    919913
    920                                         @include med-small-up {
     914                                        @include small-up {
    921915                                                // keep buttons to a row small tablet up
    922916                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    923917                                                width: auto;
    … …  
    10881082                li.mini {
    10891083
    10901084                        .activity-avatar {
     1085
    10911086                                a {
     1087
    10921088                                        img.avatar {
    10931089                                                height: 30px;
    10941090                                                margin-left: 15px;
    … …  
    11091105                        margin-top: -12px;
    11101106
    11111107                        .activity-header {
    1112                                 line-height: inherit;
     1108                                //line-height: inherit;
    11131109                                margin-right: 0;
    11141110
    11151111                                p {
    … …  
    11211117                                }
    11221118
    11231119                                img.avatar {
     1120                                        box-shadow: none;
    11241121                                        display: inline-block;
    1125                                         margin-bottom: 0 !important; // have to match to BP
     1122                                        margin: 0 5px !important; // have to match to BP
     1123                                        vertical-align: middle;
    11261124                                }
    11271125                        } // close .activity-header
    11281126
    11291127                        .activity-meta {
     1128
    11301129                                a {
    11311130                                        display: block;
    11321131                                        margin-bottom: $spacing-val-xs;
    11331132
    1134                                         @include small-up-bp {
     1133                                        @include small-up {
    11351134                                                display: inline-block;
    11361135                                                margin-bottom: 0;
     1136                                                width: auto;
    11371137                                        }
    11381138                                }
    11391139                        }
    … …  
    11971197
    11981198                .activity-comments {
    11991199                        border-left: 1px solid $border-light;
    1200                         margin-top: 5px;
    12011200
     1201                        margin: $spacing-val-md 0 $spacing-val-md ;
     1202
     1203                        @include small-up {
     1204                                margin-left: $spacing-val-md;
     1205                        }
     1206
     1207                        @include medium-up {
     1208                                margin-left: $spacing-val-lg;
     1209                        }
     1210
    12021211                        ul {
    1203                                 background: rgba($light-background, 0.6);
    12041212                                color: #737373;
    12051213                                margin: 15px 0 0 2px;
    12061214
    … …  
    17781786
    17791787                .pag-count {font-style: italic;}
    17801788
    1781                 .notifications-options-nav {
    1782                         border: 1px solid rgba($border-color, 0.5);
     1789                .notifications-options-nav,
     1790                .messages-options-nav {
     1791
    17831792                        float: left;
    17841793                        width: 100%;
    17851794
    … …  
    17931802
    17941803                        select,
    17951804                        input {
    1796                                 border: 0;
     1805
    17971806                                @include font-size(14);
    17981807                                outline: 0;
    17991808                                padding: 0;
    … …  
    18011810
    18021811                        select {
    18031812                                float: left;
    1804                                 margin-right: 0;
    1805                                 width: 60%;
     1813                                margin-right: 1%;
     1814                                width: 59%;
    18061815                        }
    18071816
    18081817                        input {
    … …  
    18121821                                width: 40%;
    18131822                        }
    18141823
    1815                 } // close .notifications-options-nav
     1824                        input[disabled="disabled"]:focus,
     1825                        input[disabled="disabled"]:hover {
     1826                                background: none;
     1827                        }
    18161828
     1829
     1830                } // close .notifications-options-nav/.messages-options-nav
     1831
    18171832        } //close #buddypress
    18181833} // close .bp-user
    18191834
    … …  
    18371852                                }
    18381853
    18391854                                table {margin-top: 0;}
     1855
     1856                                .profile-fields {
     1857                                        tr:last-child {
     1858                                                border-bottom: none;
     1859                                        }
     1860                                }
     1861
    18401862                        }
     1863
    18411864                        /* Edit profile */
    18421865
    18431866                        #profile-edit-form {
    … …  
    19321955
    19331956                #message-thread {
    19341957                        //Single message view
     1958
    19351959                        a {
    19361960                                border-bottom: 0;
    19371961                        }
    … …  
    19792003                        }
    19802004
    19812005                        #send-reply {
     2006
    19822007                                .message-content {
    19832008                                        background: $content-background;
    19842009                                        border: 0;
    … …  
    19942019                #message-threads {
    19952020
    19962021                        thead {
     2022
    19972023                                tr {
    1998                                         background: lighten($dark-background, 10%);
     2024                                        background: none;
     2025                                        border-bottom: 1px solid $border-color;
     2026
     2027
     2028                                        th {
     2029                                                background: #555;
     2030                                        }
    19992031                                }
    20002032                        }
    20012033
    20022034                        tr {
     2035                                border-bottom: 5px solid $medium-grey;
     2036
    20032037                                td {
    20042038                                        background: $content-background;
    20052039                                        display: inline-block;
    … …  
    20082042
    20092043                                td.thread-star,
    20102044                                td.thread-options {
    2011                                         border-bottom-color: $medium-background;
    2012                                         border-bottom-width: 2px;
     2045                                        border-bottom-color: $border-color;
     2046                                        border-bottom-width: 1px;
    20132047                                        height: 2.4em;
    20142048                                        padding-bottom: 0.2em;
    20152049                                        padding-top: 0.2em;
    … …  
    20192053                                        }
    20202054                                }
    20212055
     2056                                td.bulk-select-check,
     2057                                td.thread-star,
     2058                                td.thread-from,
     2059                                td.thread-info,
     2060                                td.thread-options {
     2061                                        border-top: 0;
     2062                                }
     2063
    20222064                                td.thread-star {
    20232065                                        vertical-align: middle;
    20242066
    … …  
    20802122                        }
    20812123
    20822124                        tr.unread {
     2125
    20832126                                td {
    2084                                         background: $unread;
     2127                                        background: none;
    20852128                                        border-color: $border-color;
    20862129                                }
    20872130                        }
    … …  
    21042147                        }
    21052148                }
    21062149
    2107                 .messages-options-nav {
    2108                         select {
    2109                                 height: auto;
    2110                         }
    2111                 }
    2112 
    21132150                .acfb-holder {
    21142151                        list-style: none;
    21152152
    … …  
    22952332
    22962333// Attempt to reset form control widths
    22972334#main {
     2335
    22982336        #buddypress {
     2337
    22992338                .standard-form {
    23002339
    2301                         li {float: none;}
     2340                        li {
     2341                                float: none;
     2342                        }
     2343
    23022344                        input[type='text'],
    23032345                        input[type='email'],
    23042346                        input[type='password'],
    … …  
    23092351        }
    23102352}
    23112353
    2312 
    23132354#buddypress {
    23142355
    23152356        // Match BP form elements to Themes(2017) styling where styles
    … …  
    24722513                margin: $spacing-val-md 0;
    24732514
    24742515                tr th {
    2475                         background: lighten($dark-background, 10%);
    2476                         border-color: darken($border-light, 20%);
    2477                         color: $content-background;
     2516                        background: $light-background;
     2517                        border-color: $border-light;
     2518                        color: $body-text;
    24782519                }
    24792520
    24802521                // Reduce the themes inherited paragraph margins in tables
    … …  
    25362577                }
    25372578
    25382579        } // .notifications, .message-notices
     2580
     2581        .notifications { // table element
     2582                .actions { // th element
     2583                        text-align: center;
     2584                }
     2585        }
    25392586} // #buddypress
    25402587
    25412588/**