Skip to:
Content

Ticket #7338: 7338-03.patch

File 7338-03.patch, 28.7 KB (added by hnla, 13 months ago)

Updates navs, cover image,.

  • 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 { 
     
    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 
     747@media screen and (min-width: 55em) { 
     748        #buddypress #activity-stream .activity-comments { 
     749                margin-left: 40px; 
     750        } 
     751} 
     752 
    787753#buddypress #activity-stream .activity-comments ul { 
    788         background: rgba(247, 247, 247, 0.6); 
    789754        color: #737373; 
    790755        margin: 15px 0 0 2px; 
    791756} 
     
    800765 
    801766#buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 
    802767#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    803         color: rgba(20, 20, 18, 0.8); 
     768        color: rgba(51, 51, 51, 0.8); 
    804769        display: inline-block; 
    805770        font-family: inherit; 
    806771        font-size: 12px; 
     
    813778} 
    814779 
    815780#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 
    816         border: 1px solid rgba(212, 208, 186, 0.7); 
     781        border: 1px solid rgba(190, 190, 190, 0.7); 
    817782        text-align: center; 
    818783} 
    819784 
     
    880845* @subsection 6.1 - Item Header Global 
    881846*----------------------------------------------------------- 
    882847*/ 
     848@media screen and (min-width: 48em) { 
     849        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     850                margin-left: 140px; 
     851                margin-top: -100px; 
     852        } 
     853        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 
     854                margin-left: 10px; 
     855        } 
     856} 
     857 
     858.bp-user #buddypress #item-header-cover-image .user-nicename, 
     859.single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     860        color: #333; 
     861        text-shadow: none; 
     862} 
     863 
     864@media screen and (min-width: 48em) { 
     865        .bp-user #buddypress #item-header-cover-image .user-nicename, 
     866        .single-item.groups #buddypress #item-header-cover-image .user-nicename { 
     867                color: #fff; 
     868                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     869        } 
     870} 
     871 
    883872.bp-user #buddypress #item-header-content #item-meta, 
    884873.single-item.groups #buddypress #item-header-content #item-meta { 
    885874        font-size: 14px; 
     
    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} 
     
    12531242        font-style: italic; 
    12541243} 
    12551244 
    1256 .bp-user #buddypress .notifications-options-nav { 
    1257         border: 1px solid rgba(212, 208, 186, 0.5); 
     1245.bp-user #buddypress .notifications-options-nav, 
     1246.bp-user #buddypress .messages-options-nav { 
    12581247        float: left; 
    12591248        width: 100%; 
    12601249} 
    12611250 
    12621251@media screen and (min-width: 38.75em) { 
    1263         .bp-user #buddypress .notifications-options-nav { 
     1252        .bp-user #buddypress .notifications-options-nav, 
     1253        .bp-user #buddypress .messages-options-nav { 
    12641254                width: 300px; 
    12651255        } 
    12661256} 
    12671257 
    1268 .bp-user #buddypress .notifications-options-nav select { 
     1258.bp-user #buddypress .notifications-options-nav select, 
     1259.bp-user #buddypress .messages-options-nav select { 
    12691260        height: auto; 
    12701261} 
    12711262 
    12721263.bp-user #buddypress .notifications-options-nav select, 
    1273 .bp-user #buddypress .notifications-options-nav input { 
    1274         border: 0; 
     1264.bp-user #buddypress .notifications-options-nav input, 
     1265.bp-user #buddypress .messages-options-nav select, 
     1266.bp-user #buddypress .messages-options-nav input { 
    12751267        font-size: 14px; 
    12761268        font-size: 0.875rem; 
    12771269        outline: 0; 
     
    12781270        padding: 0; 
    12791271} 
    12801272 
    1281 .bp-user #buddypress .notifications-options-nav select { 
     1273.bp-user #buddypress .notifications-options-nav select, 
     1274.bp-user #buddypress .messages-options-nav select { 
    12821275        float: left; 
    1283         margin-right: 0; 
    1284         width: 60%; 
     1276        margin-right: 1%; 
     1277        width: 59%; 
    12851278} 
    12861279 
    1287 .bp-user #buddypress .notifications-options-nav input { 
     1280.bp-user #buddypress .notifications-options-nav input, 
     1281.bp-user #buddypress .messages-options-nav input { 
    12881282        float: right; 
    12891283        font-family: inherit; 
    12901284        line-height: 20px; 
     
    12911285        width: 40%; 
    12921286} 
    12931287 
     1288.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 
     1289.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 
     1290.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 
     1291.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 
     1292        background: none; 
     1293} 
     1294 
    12941295/** 
    12951296        *------------------------------------------- 
    12961297        * @subsection 6.2.2.2 - Extended Profiles 
     
    13111312        margin-top: 0; 
    13121313} 
    13131314 
     1315.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child { 
     1316        border-bottom: none; 
     1317} 
     1318 
    13141319.bp-user #buddypress .profile #profile-edit-form .button-nav:before, 
    13151320.bp-user #buddypress .profile #profile-edit-form .button-nav:after { 
    13161321        content: " "; 
     
    14341439} 
    14351440 
    14361441.bp-user #buddypress #message-threads thead tr { 
    1437         background: #6f6f6f; 
     1442        background: none; 
     1443        border-bottom: 1px solid #bebebe; 
    14381444} 
    14391445 
     1446.bp-user #buddypress #message-threads thead tr th { 
     1447        background: #555; 
     1448} 
     1449 
     1450.bp-user #buddypress #message-threads tr { 
     1451        border-bottom: 5px solid #878787; 
     1452} 
     1453 
    14401454.bp-user #buddypress #message-threads tr td { 
    14411455        background: #fff; 
    14421456        display: inline-block; 
     
    14451459 
    14461460.bp-user #buddypress #message-threads tr td.thread-star, 
    14471461.bp-user #buddypress #message-threads tr td.thread-options { 
    1448         border-bottom-color: #ccc; 
    1449         border-bottom-width: 2px; 
     1462        border-bottom-color: #bebebe; 
     1463        border-bottom-width: 1px; 
    14501464        height: 2.4em; 
    14511465        padding-bottom: 0.2em; 
    14521466        padding-top: 0.2em; 
     
    14591473        } 
    14601474} 
    14611475 
     1476.bp-user #buddypress #message-threads tr td.bulk-select-check, 
     1477.bp-user #buddypress #message-threads tr td.thread-star, 
     1478.bp-user #buddypress #message-threads tr td.thread-from, 
     1479.bp-user #buddypress #message-threads tr td.thread-info, 
     1480.bp-user #buddypress #message-threads tr td.thread-options { 
     1481        border-top: 0; 
     1482} 
     1483 
    14621484.bp-user #buddypress #message-threads tr td.thread-star { 
    14631485        vertical-align: middle; 
    14641486} 
     
    15291551} 
    15301552 
    15311553.bp-user #buddypress #message-threads tr.unread td { 
    1532         background: #eee; 
    1533         border-color: #d4d0ba; 
     1554        background: none; 
     1555        border-color: #bebebe; 
    15341556} 
    15351557 
    15361558.bp-user #buddypress #message-threads th { 
     
    15501572        width: 30px; 
    15511573} 
    15521574 
    1553 .bp-user #buddypress .messages-options-nav select { 
    1554         height: auto; 
    1555 } 
    1556  
    15571575.bp-user #buddypress .acfb-holder { 
    15581576        list-style: none; 
    15591577} 
     
    17171735 
    17181736#buddypress div.activity-comments form .ac-textarea { 
    17191737        background: #f7f7f7; 
    1720         border: 1px solid rgba(212, 208, 186, 0.5); 
     1738        border: 1px solid rgba(190, 190, 190, 0.5); 
    17211739} 
    17221740 
    17231741#buddypress div.activity-comments form .ac-textarea textarea { 
     
    17351753#buddypress .standard-form button, 
    17361754#buddypress .standard-form select, 
    17371755#buddypress .standard-form textarea { 
    1738         border-color: rgba(212, 208, 186, 0.5); 
     1756        border-color: rgba(190, 190, 190, 0.5); 
    17391757        border-width: 1px; 
    17401758} 
    17411759 
     
    17611779#buddypress div.dir-search form, 
    17621780#buddypress div.message-search form, 
    17631781#buddypress li.groups-members-search form { 
    1764         border: 1px solid rgba(212, 208, 186, 0.6); 
     1782        border: 1px solid rgba(190, 190, 190, 0.6); 
    17651783        overflow: hidden; 
    17661784} 
    17671785 
     
    17951813#buddypress div.dir-search form input[type='text'], 
    17961814#buddypress div.message-search form input[type='text'], 
    17971815#buddypress li.groups-members-search form input[type='text'] { 
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6); 
     1816        border-right: 1px solid rgba(190, 190, 190, 0.6); 
    17991817        padding: 0.2em 0 0.2em 0.2em; 
    18001818} 
    18011819 
     
    18551873} 
    18561874 
    18571875#buddypress table tr th { 
    1858         background: #6f6f6f; 
    1859         border-color: #b7b7b7; 
    1860         color: #fff; 
     1876        background: #f7f7f7; 
     1877        border-color: #eaeaea; 
     1878        color: #333; 
    18611879} 
    18621880 
    18631881#buddypress table p { 
     
    19141932        text-align: center; 
    19151933} 
    19161934 
     1935#buddypress .notifications .actions { 
     1936        text-align: center; 
     1937} 
     1938 
    19171939/** 
    19181940*------------------------------------------------------------------------------- 
    19191941* @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$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 
     
    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; 
     
    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 
     1160                        @include medium-up { 
     1161                                margin-left: $spacing-val-lg; 
     1162                        } 
     1163 
    12021164                        ul { 
    1203                                 background: rgba($light-background, 0.6); 
    12041165                                color: #737373; 
    12051166                                margin: 15px 0 0 2px; 
    12061167 
     
    13181279* @subsection 6.1 - Item Header Global 
    13191280*----------------------------------------------------------- 
    13201281*/ 
     1282        @include med-small-up { 
    13211283 
     1284 
     1285        .bp-user.page-two-column { 
     1286 
     1287                #buddypress { 
     1288 
     1289                        #cover-image-container { 
     1290 
     1291                                #item-header-cover-image { 
     1292 
     1293 
     1294                                } 
     1295                        } 
     1296 
     1297                        #cover-image-container { 
     1298 
     1299                                #item-header-cover-image { 
     1300 
     1301                                        #item-header-content { 
     1302                                                margin-left: 140px; 
     1303                                                margin-top: -100px; 
     1304                                        } 
     1305                                } 
     1306                        } 
     1307                } 
     1308        } 
     1309 
     1310        .single-item.groups.page-two-column { 
     1311 
     1312                #buddypress { 
     1313 
     1314                        #cover-image-container { 
     1315 
     1316                                #item-header-cover-image { 
     1317 
     1318                                        #item-header-content { 
     1319                                                margin-left: 10px; 
     1320                                        } 
     1321                                } 
     1322                        } 
     1323                } 
     1324        } 
     1325} 
     1326 
    13221327.bp-user, 
    13231328.single-item.groups { 
    13241329 
    13251330        #buddypress { 
    13261331 
     1332                // we need to remove the cover image dec styles 
     1333                // & reset them for med up  only. 
     1334                #item-header-cover-image { 
     1335                        .user-nicename { 
     1336                                color: $body-text; 
     1337                                text-shadow: none; 
     1338                        } 
     1339                } 
     1340 
     1341                @include med-small-up { 
     1342 
     1343                        #item-header-cover-image { 
     1344 
     1345                                .user-nicename { 
     1346                                        color: $white; 
     1347                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 
     1348                                } 
     1349                        } 
     1350                } 
     1351 
    13271352                #item-header-content { 
    13281353 
    13291354                        #item-meta { 
     
    17781803 
    17791804                .pag-count {font-style: italic;} 
    17801805 
    1781                 .notifications-options-nav { 
    1782                         border: 1px solid rgba($border-color, 0.5); 
     1806                .notifications-options-nav, 
     1807                .messages-options-nav { 
     1808 
    17831809                        float: left; 
    17841810                        width: 100%; 
    17851811 
     
    17931819 
    17941820                        select, 
    17951821                        input { 
    1796                                 border: 0; 
     1822 
    17971823                                @include font-size(14); 
    17981824                                outline: 0; 
    17991825                                padding: 0; 
     
    18011827 
    18021828                        select { 
    18031829                                float: left; 
    1804                                 margin-right: 0; 
    1805                                 width: 60%; 
     1830                                margin-right: 1%; 
     1831                                width: 59%; 
    18061832                        } 
    18071833 
    18081834                        input { 
     
    18121838                                width: 40%; 
    18131839                        } 
    18141840 
    1815                 } // close .notifications-options-nav 
     1841                        input[disabled="disabled"]:focus, 
     1842                        input[disabled="disabled"]:hover { 
     1843                                background: none; 
     1844                        } 
    18161845 
     1846 
     1847                } // close .notifications-options-nav/.messages-options-nav 
     1848 
    18171849        } //close #buddypress 
    18181850} // close .bp-user 
    18191851 
     
    18371869                                } 
    18381870 
    18391871                                table {margin-top: 0;} 
     1872 
     1873                                .profile-fields { 
     1874                                        tr:last-child { 
     1875                                                border-bottom: none; 
     1876                                        } 
     1877                                } 
     1878 
    18401879                        } 
     1880 
    18411881                        /* Edit profile */ 
    18421882 
    18431883                        #profile-edit-form { 
     
    19321972 
    19331973                #message-thread { 
    19341974                        //Single message view 
     1975 
    19351976                        a { 
    19361977                                border-bottom: 0; 
    19371978                        } 
     
    19792020                        } 
    19802021 
    19812022                        #send-reply { 
     2023 
    19822024                                .message-content { 
    19832025                                        background: $content-background; 
    19842026                                        border: 0; 
     
    19942036                #message-threads { 
    19952037 
    19962038                        thead { 
     2039 
    19972040                                tr { 
    1998                                         background: lighten($dark-background, 10%); 
     2041                                        background: none; 
     2042                                        border-bottom: 1px solid $border-color; 
     2043 
     2044 
     2045                                        th { 
     2046                                                background: #555; 
     2047                                        } 
    19992048                                } 
    20002049                        } 
    20012050 
    20022051                        tr { 
     2052                                border-bottom: 5px solid $medium-grey; 
     2053 
    20032054                                td { 
    20042055                                        background: $content-background; 
    20052056                                        display: inline-block; 
     
    20082059 
    20092060                                td.thread-star, 
    20102061                                td.thread-options { 
    2011                                         border-bottom-color: $medium-background; 
    2012                                         border-bottom-width: 2px; 
     2062                                        border-bottom-color: $border-color; 
     2063                                        border-bottom-width: 1px; 
    20132064                                        height: 2.4em; 
    20142065                                        padding-bottom: 0.2em; 
    20152066                                        padding-top: 0.2em; 
     
    20192070                                        } 
    20202071                                } 
    20212072 
     2073                                td.bulk-select-check, 
     2074                                td.thread-star, 
     2075                                td.thread-from, 
     2076                                td.thread-info, 
     2077                                td.thread-options { 
     2078                                        border-top: 0; 
     2079                                } 
     2080 
    20222081                                td.thread-star { 
    20232082                                        vertical-align: middle; 
    20242083 
     
    20802139                        } 
    20812140 
    20822141                        tr.unread { 
     2142 
    20832143                                td { 
    2084                                         background: $unread; 
     2144                                        background: none; 
    20852145                                        border-color: $border-color; 
    20862146                                } 
    20872147                        } 
     
    21042164                        } 
    21052165                } 
    21062166 
    2107                 .messages-options-nav { 
    2108                         select { 
    2109                                 height: auto; 
    2110                         } 
    2111                 } 
    2112  
    21132167                .acfb-holder { 
    21142168                        list-style: none; 
    21152169 
     
    22952349 
    22962350// Attempt to reset form control widths 
    22972351#main { 
     2352 
    22982353        #buddypress { 
     2354 
    22992355                .standard-form { 
    23002356 
    2301                         li {float: none;} 
     2357                        li { 
     2358                                float: none; 
     2359                        } 
     2360 
    23022361                        input[type='text'], 
    23032362                        input[type='email'], 
    23042363                        input[type='password'], 
     
    23092368        } 
    23102369} 
    23112370 
    2312  
    23132371#buddypress { 
    23142372 
    23152373        // Match BP form elements to Themes(2017) styling where styles 
     
    24722530                margin: $spacing-val-md 0; 
    24732531 
    24742532                tr th { 
    2475                         background: lighten($dark-background, 10%); 
    2476                         border-color: darken($border-light, 20%); 
    2477                         color: $content-background; 
     2533                        background: $light-background; 
     2534                        border-color: $border-light; 
     2535                        color: $body-text; 
    24782536                } 
    24792537 
    24802538                // Reduce the themes inherited paragraph margins in tables 
     
    25362594                } 
    25372595 
    25382596        } // .notifications, .message-notices 
     2597 
     2598        .notifications { // table element 
     2599                .actions { // th element 
     2600                        text-align: center; 
     2601                } 
     2602        } 
    25392603} // #buddypress 
    25402604 
    25412605/**