Skip to:
Content

Ticket #7338: 7338-02.patch

File 7338-02.patch, 22.7 KB (added by hnla, 13 months 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/**