Skip to:
Content

BuddyPress.org

Changeset 11379


Ignore:
Timestamp:
01/11/2017 10:42:23 AM (10 years ago)
Author:
hnla
Message:

Commit Twentyseventeen companion style sheets

Commit adds final revision for style adjustments including rules to account for dark/light schemes.

Fixes #7338
Props hnla, offereins

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css

    r11275 r11379  
    6363}
    6464
     65.buddypress ul.item-list h1,
     66.buddypress ul.item-list h2,
     67.buddypress ul.item-list h3,
     68.buddypress ul.item-list h4,
     69.buddypress ul.item-list h5,
     70.buddypress ul.item-list h6 {
     71        clear: none;
     72        padding: 0;
     73}
     74
    6575.buddypress #page a {
    6676        box-shadow: none;
    … …  
    93103}
    94104
    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) {
     105@media screen and (min-width: 48em) {
    108106        body.buddypress.page.page-two-column #primary .entry-header {
    109                 width: 20%;
     107                width: 30%;
    110108        }
    111109        body.buddypress.page.page-two-column #primary .entry-content {
    112                 width: 80%;
     110                width: 68%;
    113111        }
    114112        body.buddypress:not(.has-sidebar) #primary.content-area,
    … …  
    133131}
    134132
     133body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected,
     134body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current {
     135        border-bottom-color: #222;
     136}
     137
     138body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a,
     139body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a {
     140        color: inherit;
     141}
     142
     143body.colors-dark #buddypress div.item-list-tabs ul li.selected a,
     144body.colors-dark #buddypress div.item-list-tabs ul li.current a {
     145        background: none;
     146        color: inherit;
     147}
     148
     149body.colors-dark #buddypress #object-nav li:not(.current):focus a,
     150body.colors-dark #buddypress #object-nav li:not(.current):hover a {
     151        color: #555;
     152}
     153
     154body.colors-dark #buddypress #subnav.item-list-tabs ul {
     155        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
     156        margin-bottom: 20px;
     157}
     158
     159body.colors-dark #buddypress #subnav.item-list-tabs ul li.last {
     160        border-top: 1px solid rgba(234, 234, 234, 0.9);
     161}
     162
     163body.colors-dark #buddypress .item-list div.meta {
     164        color: #ddd;
     165}
     166
     167body.colors-dark #buddypress .item-list div.item-desc,
     168body.colors-dark #buddypress .item-list .activity-header p,
     169body.colors-dark #buddypress .item-list .activity-comments ul,
     170body.colors-dark #buddypress .item-list .acomment-meta {
     171        color: #eee;
     172}
     173
     174body.colors-dark #buddypress .item-list .activity-meta a,
     175body.colors-dark #buddypress .item-list .action a {
     176        background: #fafafa;
     177}
     178
     179body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover,
     180body.colors-dark #buddypress .item-list .action a:focus,
     181body.colors-dark #buddypress .item-list .action a:hover {
     182        background: #fff;
     183}
     184
     185body.colors-dark #buddypress #latest-update {
     186        color: #eee;
     187}
     188
     189body.colors-dark #buddypress div.pagination * {
     190        color: #ddd;
     191}
     192
     193body.colors-dark #buddypress #item-header .user-nicename {
     194        color: #eee;
     195}
     196
     197body.colors-dark #buddypress #item-body table thead tr,
     198body.colors-dark #buddypress #item-body table thead th {
     199        background: none;
     200        color: #eee;
     201}
     202
     203body.colors-dark #buddypress #item-body table tr.alt td {
     204        background: none;
     205        color: #eee;
     206}
     207
     208body.colors-dark #buddypress #item-body table .field-visibility-settings,
     209body.colors-dark #buddypress #item-body table .field-visibility-settings-notoggle {
     210        color: #eee;
     211}
     212
     213body.colors-dark #buddypress #item-body fieldset {
     214        background: none;
     215}
     216
     217body.colors-dark #buddypress #item-body .checkbox label,
     218body.colors-dark #buddypress #item-body .radio label {
     219        color: #eee;
     220}
     221
     222body.colors-dark #buddypress #item-body div#invite-list {
     223        background: none;
     224}
     225
     226body.colors-dark.group-members #buddypress #subnav li {
     227        background: none;
     228}
     229
     230body.colors-dark.group-members #buddypress #subnav .groups-members-search form {
     231        margin-bottom: 20px;
     232        margin-top: 0;
     233}
     234
     235.directory.colors-dark #buddypress #subnav.item-list-tabs ul {
     236        border-bottom: 0;
     237        border-top: 0;
     238}
     239
     240.directory.colors-dark #buddypress #subnav.item-list-tabs ul li.last.filter {
     241        border-top: 0;
     242}
     243
     244.directory.colors-dark #buddypress div.activity ul.item-list {
     245        border-top: 0;
     246}
     247
     248body.colors-light #buddypress div.item-list-tabs ul {
     249        background-color: #fafafa;
     250}
     251
     252body.colors-light #buddypress div#subnav.item-list-tabs ul {
     253        background-color: #f7f7f7;
     254}
     255
     256body.colors-light #buddypress div#subnav.item-list-tabs ul li.last {
     257        background: #fff;
     258}
     259
     260body.colors-light #buddypress .item-list .activity-header p {
     261        background-color: #f7f7f7;
     262        color: #878787;
     263}
     264
     265body.colors-light #buddypress .item-list .activity-comments .acomment-meta {
     266        color: #737373;
     267}
     268
     269body.colors-light #buddypress #item-body .profile h2 {
     270        background: #878787;
     271        color: #fff;
     272}
     273
     274body.colors-light #buddypress table tr.alt td {
     275        background: #f5f5f5;
     276        color: #333;
     277}
     278
     279body.colors-light #buddypress div#invite-list {
     280        background: #fafafa;
     281}
     282
    135283/**
    136284*-------------------------------------------------------------------------------
    … …  
    151299
    152300#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
    154301        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155         border-top: 1px solid rgba(234, 234, 234, 0.9);
    156302        overflow: hidden;
    157303        padding: 0;
    158304}
    159305
    160 #buddypress div.item-list-tabs ul li a {
    161         color: #0073c1;
    162 }
    163 
    164306#buddypress div.item-list-tabs ul li a span {
    165307        border-radius: 25%;
    166 }
    167 
    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         }
    198308}
    199309
    … …  
    230340
    231341#buddypress div#subnav.item-list-tabs ul {
    232         background-color: #f7f7f7;
    233342        border-bottom: 0;
    234343        margin-top: 5px;
    … …  
    237346
    238347#buddypress div#subnav.item-list-tabs ul li.last {
    239         background: #fff;
    240348        margin-top: 0;
    241349        padding: 5px 0 5px 5px;
    … …  
    274382/*__ Vertical menu User Account / Group single screens __*/
    275383@media screen and (min-width: 55em) {
    276         body.no-sidebar #buddypress #item-header,
    277         body.no-sidebar #buddypress #item-body {
    278                 background: #fff;
    279         }
    280         body.no-sidebar #buddypress #object-nav {
     384        body:not(.page-two-column) #buddypress #object-nav {
    281385                border-left: 1px solid #ddd;
    282386                float: right;
    … …  
    284388                width: 200px;
    285389        }
    286         body.no-sidebar #buddypress #object-nav ul {
     390        body:not(.page-two-column) #buddypress #object-nav ul {
    287391                background: none;
    288392                border-bottom: 0;
    289393                padding: 0;
    290394        }
    291         body.no-sidebar #buddypress #object-nav ul li {
     395        body:not(.page-two-column) #buddypress #object-nav ul li {
    292396                float: none;
    293397                overflow: hidden;
    294398        }
    295         body.no-sidebar #buddypress #object-nav ul li span {
     399        body:not(.page-two-column) #buddypress #object-nav ul li span {
    296400                background: #fff;
    297401                border-radius: 10%;
    … …  
    299403                margin-left: 2px;
    300404        }
    301         body.no-sidebar #buddypress #item-body {
     405        body:not(.page-two-column) #buddypress #item-body {
    302406                border-right: 1px solid #ddd;
    303407                overflow: hidden;
    … …  
    305409                width: auto;
    306410        }
    307         body.no-sidebar #buddypress #item-body #subnav {
     411        body:not(.page-two-column) #buddypress #item-body #subnav {
    308412                margin: 0 -20px 0 0;
    309413        }
    310         body.no-sidebar #buddypress #item-body #subnav ul {
     414        body:not(.page-two-column) #buddypress #item-body #subnav ul {
    311415                margin-top: 0;
    312416        }
    … …  
    314418
    315419@media screen and (min-width: 48em) {
    316         #main #buddypress #group-create-tabs.item-list-tabs ul:before,
    317         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     420        #buddypress #group-create-tabs.item-list-tabs ul:before,
     421        #buddypress #group-create-tabs.item-list-tabs ul:after {
    318422                content: " ";
    319423                display: table;
    320424        }
    321         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     425        #buddypress #group-create-tabs.item-list-tabs ul:after {
    322426                clear: both;
    323427        }
    324         #main #buddypress #group-create-tabs.item-list-tabs ul {
     428        #buddypress #group-create-tabs.item-list-tabs ul {
    325429                background: none;
    326430                border: 0;
    … …  
    329433                padding-bottom: 0;
    330434        }
    331         #main #buddypress #group-create-tabs.item-list-tabs ul li {
     435        #buddypress #group-create-tabs.item-list-tabs ul li {
    332436                float: right;
    333437                width: auto;
    334438        }
    335         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected,
    336         #main #buddypress #group-create-tabs.item-list-tabs ul li.current {
     439        #buddypress #group-create-tabs.item-list-tabs ul li.selected,
     440        #buddypress #group-create-tabs.item-list-tabs ul li.current {
    337441                border: 1px solid #ddd;
    338442                border-bottom-color: #fff;
    … …  
    344448                margin-bottom: -1px;
    345449        }
    346         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347         #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
     450        #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
     451        #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348452                background: none;
    349                 color: #141412;
     453                color: #333;
    350454                outline: none;
    351455        }
    352         #main #buddypress #subnav ul {
     456        #buddypress #subnav ul {
    353457                border-bottom: 0;
    354458        }
    … …  
    496600#buddypress ul.item-list li .item .item-title .update {
    497601        display: block;
    498         font-size: 12px;
    499         font-size: 0.75rem;
     602        font-size: 13px;
     603        font-size: 0.8125rem;
    500604        padding: 10px 0;
    501605        text-align: right;
    … …  
    558662}
    559663
    560 @media screen and (min-width: 48em) {
     664@media screen and (min-width: 30em) {
    561665        #buddypress ul.item-list li div.action div {
    562666                margin: 0 0 10px 10px;
    … …  
    600704
    601705#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);
     706        border: 1px solid rgba(190, 190, 190, 0.5);
    603707        float: right;
    604708        line-height: 1.5em;
    … …  
    705809
    706810#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708811        margin-left: 0;
    709812}
    710813
    711814#buddypress #activity-stream .activity-content .activity-header p {
    712         background-color: #f7f7f7;
    713815        border: 1px solid rgba(234, 234, 234, 0.6);
    714         color: #727272;
    715816        margin-top: 0;
    716817        padding: 0 0.2em;
    … …  
    718819
    719820#buddypress #activity-stream .activity-content .activity-header img.avatar {
     821        box-shadow: none;
    720822        display: inline-block;
    721         margin-bottom: 0 !important;
     823        margin: 0 5px !important;
     824        vertical-align: middle;
    722825}
    723826
    … …  
    727830}
    728831
    729 @media screen and (min-width: 38.75em) {
     832@media screen and (min-width: 30em) {
    730833        #buddypress #activity-stream .activity-content .activity-meta a {
    731834                display: inline-block;
    732835                margin-bottom: 0;
     836                width: auto;
    733837        }
    734838}
    … …  
    782886#buddypress #activity-stream .activity-comments {
    783887        border-right: 1px solid #eaeaea;
    784         margin-top: 5px;
     888        margin: 20px 0 20px;
     889}
     890
     891@media screen and (min-width: 30em) {
     892        #buddypress #activity-stream .activity-comments {
     893                margin-right: 20px;
     894        }
    785895}
    786896
    787897#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789         color: #737373;
    790898        margin: 15px 2px 0 0;
     899}
     900
     901#buddypress #activity-stream .activity-comments ul li {
     902        border-top: 1px solid #bebebe;
    791903}
    792904
    … …  
    796908
    797909#buddypress #activity-stream .activity-comments .acomment-meta {
    798         color: #737373;
     910        border-bottom: 1px solid #eaeaea;
    799911}
    800912
    801913#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802914#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     915        color: rgba(51, 51, 51, 0.8);
    804916        display: inline-block;
    805917        font-family: inherit;
    … …  
    814926
    815927#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     928        border: 1px solid rgba(190, 190, 190, 0.7);
    817929        text-align: center;
    818930}
    … …  
    834946        #buddypress #members-list li .action {
    835947                float: left;
     948        }
     949        #buddypress #members-list li.is-current-user .item {
     950                float: none;
     951                right: 0;
     952                padding-right: 5%;
     953                width: auto;
    836954        }
    837955}
    … …  
    881999*-----------------------------------------------------------
    8821000*/
     1001@media screen and (min-width: 48em) {
     1002        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     1003                margin-right: 140px;
     1004                margin-top: -100px;
     1005        }
     1006        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     1007                margin-right: 10px;
     1008        }
     1009}
     1010
     1011.bp-user #buddypress #item-header-cover-image .user-nicename,
     1012.single-item.groups #buddypress #item-header-cover-image .user-nicename {
     1013        color: #333;
     1014        text-shadow: none;
     1015}
     1016
     1017@media screen and (min-width: 48em) {
     1018        .bp-user #buddypress #item-header-cover-image .user-nicename,
     1019        .single-item.groups #buddypress #item-header-cover-image .user-nicename {
     1020                color: #fff;
     1021                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1022        }
     1023}
     1024
    8831025.bp-user #buddypress #item-header-content #item-meta,
    8841026.single-item.groups #buddypress #item-header-content #item-meta {
    … …  
    9531095                order: 1;
    9541096                text-align: center;
    955         }
    956         .single-item.groups #buddypress div#item-header #item-header-avatar a {
    957                 border-bottom: 0;
    9581097        }
    9591098        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    … …  
    10521191.bp-user #buddypress #item-header #item-header-avatar img.avatar,
    10531192.bp-user #buddypress #item-header #item-header-avatar a {
    1054         border-bottom: 0;
    10551193        display: inline-block;
    10561194        float: none;
    … …  
    10841222*----------------------------------------------------
    10851223*/
     1224.groups.single-item.members #buddypress #subnav.item-list-tabs ul {
     1225        background: none;
     1226        border-top: 0;
     1227}
     1228
    10861229/**
    10871230*-----------------------------------------
    … …  
    11211264
    11221265.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1266        color: rgba(51, 51, 51, 0.6);
    11241267        font-size: 14px;
    11251268        font-size: 0.875rem;
    … …  
    11851328.groups.group-members #subnav li #search-members-form {
    11861329        float: left;
    1187         margin: 5px 0 0 5px;
     1330        margin: 5px 0 0;
    11881331}
    11891332
    … …  
    12541397}
    12551398
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1399.bp-user #buddypress .notifications-options-nav,
     1400.bp-user #buddypress .messages-options-nav {
    12581401        float: right;
    12591402        width: 100%;
    … …  
    12611404
    12621405@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1406        .bp-user #buddypress .notifications-options-nav,
     1407        .bp-user #buddypress .messages-options-nav {
    12641408                width: 300px;
    12651409        }
    12661410}
    12671411
    1268 .bp-user #buddypress .notifications-options-nav select {
     1412.bp-user #buddypress .notifications-options-nav select,
     1413.bp-user #buddypress .messages-options-nav select {
    12691414        height: auto;
    12701415}
    12711416
    12721417.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1418.bp-user #buddypress .notifications-options-nav input,
     1419.bp-user #buddypress .messages-options-nav select,
     1420.bp-user #buddypress .messages-options-nav input {
    12751421        font-size: 14px;
    12761422        font-size: 0.875rem;
    … …  
    12791425}
    12801426
    1281 .bp-user #buddypress .notifications-options-nav select {
     1427.bp-user #buddypress .notifications-options-nav select,
     1428.bp-user #buddypress .messages-options-nav select {
    12821429        float: right;
    1283         margin-left: 0;
    1284         width: 60%;
    1285 }
    1286 
    1287 .bp-user #buddypress .notifications-options-nav input {
     1430        margin-left: 1%;
     1431        width: 59%;
     1432}
     1433
     1434.bp-user #buddypress .notifications-options-nav input,
     1435.bp-user #buddypress .messages-options-nav input {
    12881436        float: left;
    12891437        font-family: inherit;
    12901438        line-height: 20px;
    12911439        width: 40%;
     1440}
     1441
     1442.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1443.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1444.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1445.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1446        background: none;
    12921447}
    12931448
    … …  
    13011456}
    13021457
    1303 .bp-user #buddypress .profile .bp-widget h2 {
    1304         background: #7b7b7b;
    1305         color: #fff;
     1458.bp-user #buddypress .profile h2 {
    13061459        margin: 40px 0 10px;
    13071460        padding: 0.1em 0.4em 0.1em 0;
    13081461}
    13091462
    1310 .bp-user #buddypress .profile .bp-widget table {
     1463.bp-user #buddypress .profile table {
    13111464        margin-top: 0;
     1465}
     1466
     1467.bp-user #buddypress .profile .profile-fields tr.alt td {
     1468        color: #333;
     1469}
     1470
     1471.bp-user #buddypress .profile .profile-fields tr:last-child {
     1472        border-bottom: 0;
    13121473}
    13131474
    … …  
    13461507
    13471508.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1509.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle,
    13481510.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    13491511        font-size: 14px;
    13501512        font-size: 0.875rem;
     1513        margin-top: 10px;
    13511514}
    13521515
    … …  
    13541517.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    13551518        background: #555;
     1519        -webkit-border-radius: 3px;
     1520        -moz-border-radius: 3px;
     1521        -ms-border-radius: 3px;
     1522        border-radius: 3px;
     1523        background-clip: padding-box;
    13561524        color: #fff;
    13571525        padding: 0.2em 0.5em;
    … …  
    14351603
    14361604.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1605        background: none;
     1606        border-bottom: 1px solid #bebebe;
     1607}
     1608
     1609.bp-user #buddypress #message-threads thead tr th {
     1610        background: #555;
     1611}
     1612
     1613.bp-user #buddypress #message-threads tr {
     1614        border-bottom: 5px solid #878787;
    14381615}
    14391616
    14401617.bp-user #buddypress #message-threads tr td {
    1441         background: #fff;
    14421618        display: inline-block;
    14431619        float: right;
    … …  
    14461622.bp-user #buddypress #message-threads tr td.thread-star,
    14471623.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1624        border-bottom-color: #bebebe;
     1625        border-bottom-width: 1px;
    14501626        height: 2.4em;
    14511627        padding-bottom: 0.2em;
    … …  
    14581634                padding-top: 0;
    14591635        }
     1636}
     1637
     1638.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1639.bp-user #buddypress #message-threads tr td.thread-star,
     1640.bp-user #buddypress #message-threads tr td.thread-from,
     1641.bp-user #buddypress #message-threads tr td.thread-info,
     1642.bp-user #buddypress #message-threads tr td.thread-options {
     1643        border-top: 0;
    14601644}
    14611645
    … …  
    15301714
    15311715.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1716        background: none;
     1717        border-color: #bebebe;
    15341718}
    15351719
    … …  
    15511735}
    15521736
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571737.bp-user #buddypress .acfb-holder {
    15581738        list-style: none;
    … …  
    15641744
    15651745.bp-user #buddypress .acfb-holder li.friend-tab {
    1566         background: #edf7fa;
     1746        background: #e3f6ff;
    15671747        border: inherit;
    15681748        margin-left: 0;
    … …  
    17181898#buddypress div.activity-comments form .ac-textarea {
    17191899        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1900        border: 1px solid rgba(190, 190, 190, 0.5);
    17211901}
    17221902
    … …  
    17361916#buddypress .standard-form select,
    17371917#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1918        border-color: rgba(190, 190, 190, 0.5);
    17391919        border-width: 1px;
    17401920}
    … …  
    17621942#buddypress div.message-search form,
    17631943#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1944        border: 1px solid rgba(190, 190, 190, 0.6);
     1945        -webkit-border-radius: 2px;
     1946        -moz-border-radius: 2px;
     1947        -ms-border-radius: 2px;
     1948        border-radius: 2px;
     1949        background-clip: padding-box;
    17651950        overflow: hidden;
    17661951}
    … …  
    17711956        float: right;
    17721957        margin: 0;
    1773 }
    1774 
    1775 #buddypress div.dir-search form input[type='text'],
    1776 #buddypress div.message-search form input[type='text'],
    1777 #buddypress li.groups-members-search form input[type='text'] {
     1958        width: 70%;
     1959}
     1960
     1961#buddypress div.dir-search form input[type="text"],
     1962#buddypress div.message-search form input[type="text"],
     1963#buddypress li.groups-members-search form input[type="text"] {
    17781964        float: right;
    17791965        margin: 0;
    1780         width: 70%;
    1781 }
    1782 
    1783 #buddypress div.dir-search form input[type='text'],
    1784 #buddypress div.dir-search form input[type='submit'],
    1785 #buddypress div.message-search form input[type='text'],
    1786 #buddypress div.message-search form input[type='submit'],
    1787 #buddypress li.groups-members-search form input[type='text'],
    1788 #buddypress li.groups-members-search form input[type='submit'] {
     1966        width: 100%;
     1967}
     1968
     1969#buddypress div.dir-search form input[type="text"],
     1970#buddypress div.dir-search form input[type="submit"],
     1971#buddypress div.message-search form input[type="text"],
     1972#buddypress div.message-search form input[type="submit"],
     1973#buddypress li.groups-members-search form input[type="text"],
     1974#buddypress li.groups-members-search form input[type="submit"] {
     1975        border: 0;
    17891976        font-size: 14px;
    17901977        font-size: 0.875rem;
    1791         border: 0;
    17921978        line-height: inherit;
    17931979}
    17941980
    1795 #buddypress div.dir-search form input[type='text'],
    1796 #buddypress div.message-search form input[type='text'],
    1797 #buddypress li.groups-members-search form input[type='text'] {
    1798         border-left: 1px solid rgba(212, 208, 186, 0.6);
     1981#buddypress div.dir-search form input[type="text"],
     1982#buddypress div.message-search form input[type="text"],
     1983#buddypress li.groups-members-search form input[type="text"] {
     1984        border-left: 1px solid rgba(190, 190, 190, 0.6);
     1985        font-weight: 400;
    17991986        padding: 0.2em 0.2em 0.2em 0;
    18001987}
    18011988
    1802 #buddypress div.dir-search form input[type='submit'],
    1803 #buddypress div.message-search form input[type='submit'],
    1804 #buddypress li.groups-members-search form input[type='submit'] {
     1989#buddypress div.dir-search form input[type="submit"],
     1990#buddypress div.message-search form input[type="submit"],
     1991#buddypress li.groups-members-search form input[type="submit"] {
     1992        -webkit-border-radius: none;
     1993        -moz-border-radius: none;
     1994        -ms-border-radius: none;
     1995        border-radius: none;
    18051996        float: left;
    18061997        font-weight: normal;
    … …  
    18112002}
    18122003
     2004#buddypress div.dir-search {
     2005        margin-top: 0;
     2006}
     2007
     2008#buddypress .dir-search #search-members-form input[type='text'],
     2009#buddypress #search-groups-form input[type='text'],
     2010#buddypress #search-message-form input[type='text'] {
     2011        float: right;
     2012        margin: 0;
     2013        width: 70%;
     2014}
     2015
    18132016@media screen and (min-width: 30em) {
    18142017        #buddypress div.dir-search,
    … …  
    18182021                margin-bottom: 5px !important;
    18192022        }
    1820         #buddypress div.dir-search form label,
    1821         #buddypress div.dir-search form input[type='text'],
    1822         #buddypress div.dir-search form input[type='submit'],
    1823         #buddypress div.message-search form label,
    1824         #buddypress div.message-search form input[type='text'],
    1825         #buddypress div.message-search form input[type='submit'],
    1826         #buddypress li.groups-members-search form label,
    1827         #buddypress li.groups-members-search form input[type='text'],
    1828         #buddypress li.groups-members-search form input[type='submit'] {
    1829                 width: auto;
    1830         }
    18312023}
    18322024
    18332025@media screen and (min-width: 67em) {
    18342026        #buddypress .dir-search form input[type='text'],
    1835         #buddypress .message-search form input[type='text'] {
     2027        #buddypress .message-search form input[type='text'],
     2028        #buddypress li.groups-members-search form input[type='text'] {
    18362029                font-size: 16px;
    18372030                font-size: 1rem;
    18382031        }
    18392032        #buddypress .dir-search form input[type='submit'],
    1840         #buddypress .message-search form input[type='submit'] {
     2033        #buddypress .message-search form input[type='submit'],
     2034        #buddypress li.groups-members-search form input[type='submit'] {
    18412035                font-size: 16px;
    18422036                font-size: 1rem;
    18432037        }
     2038}
     2039
     2040body.colors-dark #page #buddypress .dir-search form,
     2041body.colors-dark #page #buddypress .groups-members-search form,
     2042body.colors-dark #page #buddypress .message-search form {
     2043        background: #333;
     2044        border-color: #555;
     2045        -webkit-border-radius: 2px;
     2046        -moz-border-radius: 2px;
     2047        -ms-border-radius: 2px;
     2048        border-radius: 2px;
     2049        background-clip: padding-box;
     2050        padding: 1px;
     2051}
     2052
     2053body.colors-dark #page #buddypress .dir-search input[type="text"],
     2054body.colors-dark #page #buddypress .groups-members-search input[type="text"],
     2055body.colors-dark #page #buddypress .message-search input[type="text"] {
     2056        background: none;
     2057}
     2058
     2059body.colors-dark #page #buddypress .dir-search input[type="submit"],
     2060body.colors-dark #page #buddypress .groups-members-search input[type="submit"],
     2061body.colors-dark #page #buddypress .message-search input[type="submit"] {
     2062        -webkit-border-radius: 2px;
     2063        -moz-border-radius: 2px;
     2064        -ms-border-radius: 2px;
     2065        border-radius: 2px;
     2066        background-clip: padding-box;
     2067}
     2068
     2069body.colors-dark #page .message-search {
     2070        margin-top: 0;
    18442071}
    18452072
    … …  
    18562083
    18572084#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     2085        background: #f7f7f7;
     2086        border-color: #eaeaea;
     2087        color: #333;
    18612088}
    18622089
    … …  
    19152142}
    19162143
     2144#buddypress .notifications .actions {
     2145        text-align: center;
     2146}
     2147
    19172148/**
    19182149*-------------------------------------------------------------------------------
    … …  
    19272158
    19282159#buddypress div#message.info p {
    1929         background: #c6e4ee;
    1930         border: 1px solid #78bed6;
    1931         color: #1e5264;
     2160        background: #b0e5ff;
     2161        border: 1px solid #4ac3ff;
     2162        color: #00547d;
    19322163}
    19332164
    … …  
    19382169}
    19392170
     2171#buddypress .bp-avatar-status .warning,
     2172#buddypress .bp-cover-image-status .warning {
     2173        background: #7dd4ff;
     2174        border: 1px solid #000;
     2175        color: #333;
     2176        font-size: 16px;
     2177        font-size: 1rem;
     2178}
     2179
    19402180.delete-group #buddypress div#message.info p {
    19412181        background: #db7e7e;
    … …  
    19502190*/
    19512191#buddypress .acfb-holder li.friend-tab {
    1952         background: #9fd1e2;
     2192        background: #7dd4ff;
    19532193        border: inherit;
    19542194}

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.css

    r11275 r11379  
    6363}
    6464
     65.buddypress ul.item-list h1,
     66.buddypress ul.item-list h2,
     67.buddypress ul.item-list h3,
     68.buddypress ul.item-list h4,
     69.buddypress ul.item-list h5,
     70.buddypress ul.item-list h6 {
     71        clear: none;
     72        padding: 0;
     73}
     74
    6575.buddypress #page a {
    6676        box-shadow: none;
    … …  
    93103}
    94104
    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) {
     105@media screen and (min-width: 48em) {
    108106        body.buddypress.page.page-two-column #primary .entry-header {
    109                 width: 20%;
     107                width: 30%;
    110108        }
    111109        body.buddypress.page.page-two-column #primary .entry-content {
    112                 width: 80%;
     110                width: 68%;
    113111        }
    114112        body.buddypress:not(.has-sidebar) #primary.content-area,
    … …  
    133131}
    134132
     133body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected,
     134body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current {
     135        border-bottom-color: #222;
     136}
     137
     138body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.selected a,
     139body.colors-dark #buddypress #group-create-tabs.item-list-tabs li.current a {
     140        color: inherit;
     141}
     142
     143body.colors-dark #buddypress div.item-list-tabs ul li.selected a,
     144body.colors-dark #buddypress div.item-list-tabs ul li.current a {
     145        background: none;
     146        color: inherit;
     147}
     148
     149body.colors-dark #buddypress #object-nav li:not(.current):focus a,
     150body.colors-dark #buddypress #object-nav li:not(.current):hover a {
     151        color: #555;
     152}
     153
     154body.colors-dark #buddypress #subnav.item-list-tabs ul {
     155        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
     156        margin-bottom: 20px;
     157}
     158
     159body.colors-dark #buddypress #subnav.item-list-tabs ul li.last {
     160        border-top: 1px solid rgba(234, 234, 234, 0.9);
     161}
     162
     163body.colors-dark #buddypress .item-list div.meta {
     164        color: #ddd;
     165}
     166
     167body.colors-dark #buddypress .item-list div.item-desc,
     168body.colors-dark #buddypress .item-list .activity-header p,
     169body.colors-dark #buddypress .item-list .activity-comments ul,
     170body.colors-dark #buddypress .item-list .acomment-meta {
     171        color: #eee;
     172}
     173
     174body.colors-dark #buddypress .item-list .activity-meta a,
     175body.colors-dark #buddypress .item-list .action a {
     176        background: #fafafa;
     177}
     178
     179body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover,
     180body.colors-dark #buddypress .item-list .action a:focus,
     181body.colors-dark #buddypress .item-list .action a:hover {
     182        background: #fff;
     183}
     184
     185body.colors-dark #buddypress #latest-update {
     186        color: #eee;
     187}
     188
     189body.colors-dark #buddypress div.pagination * {
     190        color: #ddd;
     191}
     192
     193body.colors-dark #buddypress #item-header .user-nicename {
     194        color: #eee;
     195}
     196
     197body.colors-dark #buddypress #item-body table thead tr,
     198body.colors-dark #buddypress #item-body table thead th {
     199        background: none;
     200        color: #eee;
     201}
     202
     203body.colors-dark #buddypress #item-body table tr.alt td {
     204        background: none;
     205        color: #eee;
     206}
     207
     208body.colors-dark #buddypress #item-body table .field-visibility-settings,
     209body.colors-dark #buddypress #item-body table .field-visibility-settings-notoggle {
     210        color: #eee;
     211}
     212
     213body.colors-dark #buddypress #item-body fieldset {
     214        background: none;
     215}
     216
     217body.colors-dark #buddypress #item-body .checkbox label,
     218body.colors-dark #buddypress #item-body .radio label {
     219        color: #eee;
     220}
     221
     222body.colors-dark #buddypress #item-body div#invite-list {
     223        background: none;
     224}
     225
     226body.colors-dark.group-members #buddypress #subnav li {
     227        background: none;
     228}
     229
     230body.colors-dark.group-members #buddypress #subnav .groups-members-search form {
     231        margin-bottom: 20px;
     232        margin-top: 0;
     233}
     234
     235.directory.colors-dark #buddypress #subnav.item-list-tabs ul {
     236        border-bottom: 0;
     237        border-top: 0;
     238}
     239
     240.directory.colors-dark #buddypress #subnav.item-list-tabs ul li.last.filter {
     241        border-top: 0;
     242}
     243
     244.directory.colors-dark #buddypress div.activity ul.item-list {
     245        border-top: 0;
     246}
     247
     248body.colors-light #buddypress div.item-list-tabs ul {
     249        background-color: #fafafa;
     250}
     251
     252body.colors-light #buddypress div#subnav.item-list-tabs ul {
     253        background-color: #f7f7f7;
     254}
     255
     256body.colors-light #buddypress div#subnav.item-list-tabs ul li.last {
     257        background: #fff;
     258}
     259
     260body.colors-light #buddypress .item-list .activity-header p {
     261        background-color: #f7f7f7;
     262        color: #878787;
     263}
     264
     265body.colors-light #buddypress .item-list .activity-comments .acomment-meta {
     266        color: #737373;
     267}
     268
     269body.colors-light #buddypress #item-body .profile h2 {
     270        background: #878787;
     271        color: #fff;
     272}
     273
     274body.colors-light #buddypress table tr.alt td {
     275        background: #f5f5f5;
     276        color: #333;
     277}
     278
     279body.colors-light #buddypress div#invite-list {
     280        background: #fafafa;
     281}
     282
    135283/**
    136284*-------------------------------------------------------------------------------
    … …  
    151299
    152300#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
    154301        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155         border-top: 1px solid rgba(234, 234, 234, 0.9);
    156302        overflow: hidden;
    157303        padding: 0;
    158304}
    159305
    160 #buddypress div.item-list-tabs ul li a {
    161         color: #0073c1;
    162 }
    163 
    164306#buddypress div.item-list-tabs ul li a span {
    165307        border-radius: 25%;
    166 }
    167 
    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         }
    198308}
    199309
    … …  
    230340
    231341#buddypress div#subnav.item-list-tabs ul {
    232         background-color: #f7f7f7;
    233342        border-bottom: 0;
    234343        margin-top: 5px;
    … …  
    237346
    238347#buddypress div#subnav.item-list-tabs ul li.last {
    239         background: #fff;
    240348        margin-top: 0;
    241349        padding: 5px 5px 5px 0;
    … …  
    274382/*__ Vertical menu User Account / Group single screens __*/
    275383@media screen and (min-width: 55em) {
    276         body.no-sidebar #buddypress #item-header,
    277         body.no-sidebar #buddypress #item-body {
    278                 background: #fff;
    279         }
    280         body.no-sidebar #buddypress #object-nav {
     384        body:not(.page-two-column) #buddypress #object-nav {
    281385                border-right: 1px solid #ddd;
    282386                float: left;
    … …  
    284388                width: 200px;
    285389        }
    286         body.no-sidebar #buddypress #object-nav ul {
     390        body:not(.page-two-column) #buddypress #object-nav ul {
    287391                background: none;
    288392                border-bottom: 0;
    289393                padding: 0;
    290394        }
    291         body.no-sidebar #buddypress #object-nav ul li {
     395        body:not(.page-two-column) #buddypress #object-nav ul li {
    292396                float: none;
    293397                overflow: hidden;
    294398        }
    295         body.no-sidebar #buddypress #object-nav ul li span {
     399        body:not(.page-two-column) #buddypress #object-nav ul li span {
    296400                background: #fff;
    297401                border-radius: 10%;
    … …  
    299403                margin-right: 2px;
    300404        }
    301         body.no-sidebar #buddypress #item-body {
     405        body:not(.page-two-column) #buddypress #item-body {
    302406                border-left: 1px solid #ddd;
    303407                overflow: hidden;
    … …  
    305409                width: auto;
    306410        }
    307         body.no-sidebar #buddypress #item-body #subnav {
     411        body:not(.page-two-column) #buddypress #item-body #subnav {
    308412                margin: 0 0 0 -20px;
    309413        }
    310         body.no-sidebar #buddypress #item-body #subnav ul {
     414        body:not(.page-two-column) #buddypress #item-body #subnav ul {
    311415                margin-top: 0;
    312416        }
    … …  
    314418
    315419@media screen and (min-width: 48em) {
    316         #main #buddypress #group-create-tabs.item-list-tabs ul:before,
    317         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     420        #buddypress #group-create-tabs.item-list-tabs ul:before,
     421        #buddypress #group-create-tabs.item-list-tabs ul:after {
    318422                content: " ";
    319423                display: table;
    320424        }
    321         #main #buddypress #group-create-tabs.item-list-tabs ul:after {
     425        #buddypress #group-create-tabs.item-list-tabs ul:after {
    322426                clear: both;
    323427        }
    324         #main #buddypress #group-create-tabs.item-list-tabs ul {
     428        #buddypress #group-create-tabs.item-list-tabs ul {
    325429                background: none;
    326430                border: 0;
    … …  
    329433                padding-bottom: 0;
    330434        }
    331         #main #buddypress #group-create-tabs.item-list-tabs ul li {
     435        #buddypress #group-create-tabs.item-list-tabs ul li {
    332436                float: left;
    333437                width: auto;
    334438        }
    335         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected,
    336         #main #buddypress #group-create-tabs.item-list-tabs ul li.current {
     439        #buddypress #group-create-tabs.item-list-tabs ul li.selected,
     440        #buddypress #group-create-tabs.item-list-tabs ul li.current {
    337441                border: 1px solid #ddd;
    338442                border-bottom-color: #fff;
    … …  
    344448                margin-bottom: -1px;
    345449        }
    346         #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347         #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
     450        #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
     451        #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348452                background: none;
    349                 color: #141412;
     453                color: #333;
    350454                outline: none;
    351455        }
    352         #main #buddypress #subnav ul {
     456        #buddypress #subnav ul {
    353457                border-bottom: 0;
    354458        }
    … …  
    496600#buddypress ul.item-list li .item .item-title .update {
    497601        display: block;
    498         font-size: 12px;
    499         font-size: 0.75rem;
     602        font-size: 13px;
     603        font-size: 0.8125rem;
    500604        padding: 10px 0;
    501605        text-align: left;
    … …  
    558662}
    559663
    560 @media screen and (min-width: 48em) {
     664@media screen and (min-width: 30em) {
    561665        #buddypress ul.item-list li div.action div {
    562666                margin: 0 10px 10px 0;
    … …  
    600704
    601705#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);
     706        border: 1px solid rgba(190, 190, 190, 0.5);
    603707        float: left;
    604708        line-height: 1.5em;
    … …  
    705809
    706810#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708811        margin-right: 0;
    709812}
    710813
    711814#buddypress #activity-stream .activity-content .activity-header p {
    712         background-color: #f7f7f7;
    713815        border: 1px solid rgba(234, 234, 234, 0.6);
    714         color: #727272;
    715816        margin-top: 0;
    716817        padding: 0 0.2em;
    … …  
    718819
    719820#buddypress #activity-stream .activity-content .activity-header img.avatar {
     821        box-shadow: none;
    720822        display: inline-block;
    721         margin-bottom: 0 !important;
     823        margin: 0 5px !important;
     824        vertical-align: middle;
    722825}
    723826
    … …  
    727830}
    728831
    729 @media screen and (min-width: 38.75em) {
     832@media screen and (min-width: 30em) {
    730833        #buddypress #activity-stream .activity-content .activity-meta a {
    731834                display: inline-block;
    732835                margin-bottom: 0;
     836                width: auto;
    733837        }
    734838}
    … …  
    782886#buddypress #activity-stream .activity-comments {
    783887        border-left: 1px solid #eaeaea;
    784         margin-top: 5px;
     888        margin: 20px 0 20px;
     889}
     890
     891@media screen and (min-width: 30em) {
     892        #buddypress #activity-stream .activity-comments {
     893                margin-left: 20px;
     894        }
    785895}
    786896
    787897#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789         color: #737373;
    790898        margin: 15px 0 0 2px;
     899}
     900
     901#buddypress #activity-stream .activity-comments ul li {
     902        border-top: 1px solid #bebebe;
    791903}
    792904
    … …  
    796908
    797909#buddypress #activity-stream .activity-comments .acomment-meta {
    798         color: #737373;
     910        border-bottom: 1px solid #eaeaea;
    799911}
    800912
    801913#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802914#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     915        color: rgba(51, 51, 51, 0.8);
    804916        display: inline-block;
    805917        font-family: inherit;
    … …  
    814926
    815927#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     928        border: 1px solid rgba(190, 190, 190, 0.7);
    817929        text-align: center;
    818930}
    … …  
    834946        #buddypress #members-list li .action {
    835947                float: right;
     948        }
     949        #buddypress #members-list li.is-current-user .item {
     950                float: none;
     951                left: 0;
     952                padding-left: 5%;
     953                width: auto;
    836954        }
    837955}
    … …  
    881999*-----------------------------------------------------------
    8821000*/
     1001@media screen and (min-width: 48em) {
     1002        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     1003                margin-left: 140px;
     1004                margin-top: -100px;
     1005        }
     1006        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     1007                margin-left: 10px;
     1008        }
     1009}
     1010
     1011.bp-user #buddypress #item-header-cover-image .user-nicename,
     1012.single-item.groups #buddypress #item-header-cover-image .user-nicename {
     1013        color: #333;
     1014        text-shadow: none;
     1015}
     1016
     1017@media screen and (min-width: 48em) {
     1018        .bp-user #buddypress #item-header-cover-image .user-nicename,
     1019        .single-item.groups #buddypress #item-header-cover-image .user-nicename {
     1020                color: #fff;
     1021                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1022        }
     1023}
     1024
    8831025.bp-user #buddypress #item-header-content #item-meta,
    8841026.single-item.groups #buddypress #item-header-content #item-meta {
    … …  
    9531095                order: 1;
    9541096                text-align: center;
    955         }
    956         .single-item.groups #buddypress div#item-header #item-header-avatar a {
    957                 border-bottom: 0;
    9581097        }
    9591098        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    … …  
    10521191.bp-user #buddypress #item-header #item-header-avatar img.avatar,
    10531192.bp-user #buddypress #item-header #item-header-avatar a {
    1054         border-bottom: 0;
    10551193        display: inline-block;
    10561194        float: none;
    … …  
    10841222*----------------------------------------------------
    10851223*/
     1224.groups.single-item.members #buddypress #subnav.item-list-tabs ul {
     1225        background: none;
     1226        border-top: 0;
     1227}
     1228
    10861229/**
    10871230*-----------------------------------------
    … …  
    11211264
    11221265.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1266        color: rgba(51, 51, 51, 0.6);
    11241267        font-size: 14px;
    11251268        font-size: 0.875rem;
    … …  
    11851328.groups.group-members #subnav li #search-members-form {
    11861329        float: right;
    1187         margin: 5px 5px 0 0;
     1330        margin: 5px 0 0;
    11881331}
    11891332
    … …  
    12541397}
    12551398
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1399.bp-user #buddypress .notifications-options-nav,
     1400.bp-user #buddypress .messages-options-nav {
    12581401        float: left;
    12591402        width: 100%;
    … …  
    12611404
    12621405@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1406        .bp-user #buddypress .notifications-options-nav,
     1407        .bp-user #buddypress .messages-options-nav {
    12641408                width: 300px;
    12651409        }
    12661410}
    12671411
    1268 .bp-user #buddypress .notifications-options-nav select {
     1412.bp-user #buddypress .notifications-options-nav select,
     1413.bp-user #buddypress .messages-options-nav select {
    12691414        height: auto;
    12701415}
    12711416
    12721417.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1418.bp-user #buddypress .notifications-options-nav input,
     1419.bp-user #buddypress .messages-options-nav select,
     1420.bp-user #buddypress .messages-options-nav input {
    12751421        font-size: 14px;
    12761422        font-size: 0.875rem;
    … …  
    12791425}
    12801426
    1281 .bp-user #buddypress .notifications-options-nav select {
     1427.bp-user #buddypress .notifications-options-nav select,
     1428.bp-user #buddypress .messages-options-nav select {
    12821429        float: left;
    1283         margin-right: 0;
    1284         width: 60%;
    1285 }
    1286 
    1287 .bp-user #buddypress .notifications-options-nav input {
     1430        margin-right: 1%;
     1431        width: 59%;
     1432}
     1433
     1434.bp-user #buddypress .notifications-options-nav input,
     1435.bp-user #buddypress .messages-options-nav input {
    12881436        float: right;
    12891437        font-family: inherit;
    12901438        line-height: 20px;
    12911439        width: 40%;
     1440}
     1441
     1442.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1443.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1444.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1445.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1446        background: none;
    12921447}
    12931448
    … …  
    13011456}
    13021457
    1303 .bp-user #buddypress .profile .bp-widget h2 {
    1304         background: #7b7b7b;
    1305         color: #fff;
     1458.bp-user #buddypress .profile h2 {
    13061459        margin: 40px 0 10px;
    13071460        padding: 0.1em 0 0.1em 0.4em;
    13081461}
    13091462
    1310 .bp-user #buddypress .profile .bp-widget table {
     1463.bp-user #buddypress .profile table {
    13111464        margin-top: 0;
     1465}
     1466
     1467.bp-user #buddypress .profile .profile-fields tr.alt td {
     1468        color: #333;
     1469}
     1470
     1471.bp-user #buddypress .profile .profile-fields tr:last-child {
     1472        border-bottom: 0;
    13121473}
    13131474
    … …  
    13461507
    13471508.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1509.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle,
    13481510.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    13491511        font-size: 14px;
    13501512        font-size: 0.875rem;
     1513        margin-top: 10px;
    13511514}
    13521515
    … …  
    13541517.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    13551518        background: #555;
     1519        -webkit-border-radius: 3px;
     1520        -moz-border-radius: 3px;
     1521        -ms-border-radius: 3px;
     1522        border-radius: 3px;
     1523        background-clip: padding-box;
    13561524        color: #fff;
    13571525        padding: 0.2em 0.5em;
    … …  
    14351603
    14361604.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1605        background: none;
     1606        border-bottom: 1px solid #bebebe;
     1607}
     1608
     1609.bp-user #buddypress #message-threads thead tr th {
     1610        background: #555;
     1611}
     1612
     1613.bp-user #buddypress #message-threads tr {
     1614        border-bottom: 5px solid #878787;
    14381615}
    14391616
    14401617.bp-user #buddypress #message-threads tr td {
    1441         background: #fff;
    14421618        display: inline-block;
    14431619        float: left;
    … …  
    14461622.bp-user #buddypress #message-threads tr td.thread-star,
    14471623.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1624        border-bottom-color: #bebebe;
     1625        border-bottom-width: 1px;
    14501626        height: 2.4em;
    14511627        padding-bottom: 0.2em;
    … …  
    14581634                padding-top: 0;
    14591635        }
     1636}
     1637
     1638.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1639.bp-user #buddypress #message-threads tr td.thread-star,
     1640.bp-user #buddypress #message-threads tr td.thread-from,
     1641.bp-user #buddypress #message-threads tr td.thread-info,
     1642.bp-user #buddypress #message-threads tr td.thread-options {
     1643        border-top: 0;
    14601644}
    14611645
    … …  
    15301714
    15311715.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1716        background: none;
     1717        border-color: #bebebe;
    15341718}
    15351719
    … …  
    15511735}
    15521736
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571737.bp-user #buddypress .acfb-holder {
    15581738        list-style: none;
    … …  
    15641744
    15651745.bp-user #buddypress .acfb-holder li.friend-tab {
    1566         background: #edf7fa;
     1746        background: #e3f6ff;
    15671747        border: inherit;
    15681748        margin-right: 0;
    … …  
    17181898#buddypress div.activity-comments form .ac-textarea {
    17191899        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1900        border: 1px solid rgba(190, 190, 190, 0.5);
    17211901}
    17221902
    … …  
    17361916#buddypress .standard-form select,
    17371917#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1918        border-color: rgba(190, 190, 190, 0.5);
    17391919        border-width: 1px;
    17401920}
    … …  
    17621942#buddypress div.message-search form,
    17631943#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1944        border: 1px solid rgba(190, 190, 190, 0.6);
     1945        -webkit-border-radius: 2px;
     1946        -moz-border-radius: 2px;
     1947        -ms-border-radius: 2px;
     1948        border-radius: 2px;
     1949        background-clip: padding-box;
    17651950        overflow: hidden;
    17661951}
    … …  
    17711956        float: left;
    17721957        margin: 0;
    1773 }
    1774 
    1775 #buddypress div.dir-search form input[type='text'],
    1776 #buddypress div.message-search form input[type='text'],
    1777 #buddypress li.groups-members-search form input[type='text'] {
     1958        width: 70%;
     1959}
     1960
     1961#buddypress div.dir-search form input[type="text"],
     1962#buddypress div.message-search form input[type="text"],
     1963#buddypress li.groups-members-search form input[type="text"] {
    17781964        float: left;
    17791965        margin: 0;
    1780         width: 70%;
    1781 }
    1782 
    1783 #buddypress div.dir-search form input[type='text'],
    1784 #buddypress div.dir-search form input[type='submit'],
    1785 #buddypress div.message-search form input[type='text'],
    1786 #buddypress div.message-search form input[type='submit'],
    1787 #buddypress li.groups-members-search form input[type='text'],
    1788 #buddypress li.groups-members-search form input[type='submit'] {
     1966        width: 100%;
     1967}
     1968
     1969#buddypress div.dir-search form input[type="text"],
     1970#buddypress div.dir-search form input[type="submit"],
     1971#buddypress div.message-search form input[type="text"],
     1972#buddypress div.message-search form input[type="submit"],
     1973#buddypress li.groups-members-search form input[type="text"],
     1974#buddypress li.groups-members-search form input[type="submit"] {
     1975        border: 0;
    17891976        font-size: 14px;
    17901977        font-size: 0.875rem;
    1791         border: 0;
    17921978        line-height: inherit;
    17931979}
    17941980
    1795 #buddypress div.dir-search form input[type='text'],
    1796 #buddypress div.message-search form input[type='text'],
    1797 #buddypress li.groups-members-search form input[type='text'] {
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6);
     1981#buddypress div.dir-search form input[type="text"],
     1982#buddypress div.message-search form input[type="text"],
     1983#buddypress li.groups-members-search form input[type="text"] {
     1984        border-right: 1px solid rgba(190, 190, 190, 0.6);
     1985        font-weight: 400;
    17991986        padding: 0.2em 0 0.2em 0.2em;
    18001987}
    18011988
    1802 #buddypress div.dir-search form input[type='submit'],
    1803 #buddypress div.message-search form input[type='submit'],
    1804 #buddypress li.groups-members-search form input[type='submit'] {
     1989#buddypress div.dir-search form input[type="submit"],
     1990#buddypress div.message-search form input[type="submit"],
     1991#buddypress li.groups-members-search form input[type="submit"] {
     1992        -webkit-border-radius: none;
     1993        -moz-border-radius: none;
     1994        -ms-border-radius: none;
     1995        border-radius: none;
    18051996        float: right;
    18061997        font-weight: normal;
    … …  
    18112002}
    18122003
     2004#buddypress div.dir-search {
     2005        margin-top: 0;
     2006}
     2007
     2008#buddypress .dir-search #search-members-form input[type='text'],
     2009#buddypress #search-groups-form input[type='text'],
     2010#buddypress #search-message-form input[type='text'] {
     2011        float: left;
     2012        margin: 0;
     2013        width: 70%;
     2014}
     2015
    18132016@media screen and (min-width: 30em) {
    18142017        #buddypress div.dir-search,
    … …  
    18182021                margin-bottom: 5px !important;
    18192022        }
    1820         #buddypress div.dir-search form label,
    1821         #buddypress div.dir-search form input[type='text'],
    1822         #buddypress div.dir-search form input[type='submit'],
    1823         #buddypress div.message-search form label,
    1824         #buddypress div.message-search form input[type='text'],
    1825         #buddypress div.message-search form input[type='submit'],
    1826         #buddypress li.groups-members-search form label,
    1827         #buddypress li.groups-members-search form input[type='text'],
    1828         #buddypress li.groups-members-search form input[type='submit'] {
    1829                 width: auto;
    1830         }
    18312023}
    18322024
    18332025@media screen and (min-width: 67em) {
    18342026        #buddypress .dir-search form input[type='text'],
    1835         #buddypress .message-search form input[type='text'] {
     2027        #buddypress .message-search form input[type='text'],
     2028        #buddypress li.groups-members-search form input[type='text'] {
    18362029                font-size: 16px;
    18372030                font-size: 1rem;
    18382031        }
    18392032        #buddypress .dir-search form input[type='submit'],
    1840         #buddypress .message-search form input[type='submit'] {
     2033        #buddypress .message-search form input[type='submit'],
     2034        #buddypress li.groups-members-search form input[type='submit'] {
    18412035                font-size: 16px;
    18422036                font-size: 1rem;
    18432037        }
     2038}
     2039
     2040body.colors-dark #page #buddypress .dir-search form,
     2041body.colors-dark #page #buddypress .groups-members-search form,
     2042body.colors-dark #page #buddypress .message-search form {
     2043        background: #333;
     2044        border-color: #555;
     2045        -webkit-border-radius: 2px;
     2046        -moz-border-radius: 2px;
     2047        -ms-border-radius: 2px;
     2048        border-radius: 2px;
     2049        background-clip: padding-box;
     2050        padding: 1px;
     2051}
     2052
     2053body.colors-dark #page #buddypress .dir-search input[type="text"],
     2054body.colors-dark #page #buddypress .groups-members-search input[type="text"],
     2055body.colors-dark #page #buddypress .message-search input[type="text"] {
     2056        background: none;
     2057}
     2058
     2059body.colors-dark #page #buddypress .dir-search input[type="submit"],
     2060body.colors-dark #page #buddypress .groups-members-search input[type="submit"],
     2061body.colors-dark #page #buddypress .message-search input[type="submit"] {
     2062        -webkit-border-radius: 2px;
     2063        -moz-border-radius: 2px;
     2064        -ms-border-radius: 2px;
     2065        border-radius: 2px;
     2066        background-clip: padding-box;
     2067}
     2068
     2069body.colors-dark #page .message-search {
     2070        margin-top: 0;
    18442071}
    18452072
    … …  
    18562083
    18572084#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     2085        background: #f7f7f7;
     2086        border-color: #eaeaea;
     2087        color: #333;
    18612088}
    18622089
    … …  
    19152142}
    19162143
     2144#buddypress .notifications .actions {
     2145        text-align: center;
     2146}
     2147
    19172148/**
    19182149*-------------------------------------------------------------------------------
    … …  
    19272158
    19282159#buddypress div#message.info p {
    1929         background: #c6e4ee;
    1930         border: 1px solid #78bed6;
    1931         color: #1e5264;
     2160        background: #b0e5ff;
     2161        border: 1px solid #4ac3ff;
     2162        color: #00547d;
    19322163}
    19332164
    … …  
    19382169}
    19392170
     2171#buddypress .bp-avatar-status .warning,
     2172#buddypress .bp-cover-image-status .warning {
     2173        background: #7dd4ff;
     2174        border: 1px solid #000;
     2175        color: #333;
     2176        font-size: 16px;
     2177        font-size: 1rem;
     2178}
     2179
    19402180.delete-group #buddypress div#message.info p {
    19412181        background: #db7e7e;
    … …  
    19502190*/
    19512191#buddypress .acfb-holder li.friend-tab {
    1952         background: #9fd1e2;
     2192        background: #7dd4ff;
    19532193        border: inherit;
    19542194}

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss

    r11282 r11379  
    155155}
    156156
     157@mixin border-radius-none() {
     158        -webkit-border-radius: none;
     159        -moz-border-radius: none;
     160        -ms-border-radius: none;
     161        border-radius: none;
     162}
     163
    157164// Box sizing
    158165@mixin box-model($box-model) {
    … …  
    193200
    194201// Variables: color definitions
    195 $body-text:          #141412;
     202
     203$dark-grey:     #555;
     204$medium-grey:   #878787;
     205$light-grey:    #dcdcdc;
     206$x-light-grey:  #f7f7f7;
     207$white:         #fff;
     208
     209$body-text:          #333;
     210$bp-light-text:      $medium-grey;
     211$bp-xlight-text:     #eee;
    196212$content-background: #fff;
    197 $off-white:          lighten(#f9f8ee, 0.7);
     213$off-white:          #fafafa;
    198214$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
     215$light-background:   $x-light-grey;
     216$medium-background:  $medium-grey;
     217$dark-background:    $dark-grey;
     218$border-color:       #bebebe;
    203219$border-light:       #eaeaea; // BP dividers
    204220$border-med:         #ddd;
    … …  
    207223$notice-error:       #c85a6e;
    208224$notice-warning:     #d05656;
    209 $notice-info:        #9fd1e2;
     225$notice-info:        #7dd4ff;
    210226$notice-update:      #ced98c;
    211227$stripe-odd:         #ebf0ff;
    212228$stripe-even:        #dbe5ff;
    213 $unread:             #eee;
     229$unread:             $x-light-grey;
    214230$link-action:        #c82b2b;
    215231/*--------------------------------------------------------------
    … …  
    278294        div.clear {display: none;}
    279295
     296        // deal with global clearing property set on heading elements
     297        // - for the moment we'll just specify this on  lists ul only
     298
     299        ul.item-list {
     300                h1,
     301                h2,
     302                h3,
     303                h4,
     304                h5,
     305                h6 {
     306                        clear: none;
     307                        padding: 0;
     308                }
     309        }
     310
    280311        // Ensure no text decoration or box shadow causing underlined effect.
    281312        #page a {
    … …  
    294325} // close .buddypress
    295326
    296         // reduce the overlarge entry title margins
     327// reduce the overlarge entry title margins
    297328@include medium-up {
    298329
    … …  
    311342        }
    312343}
    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);
    320 
    321                                 @include medium-up {
    322                                         @include font-size(28);
    323                                 }
    324                         }
    325                 }
    326         }
    327 }
    328344
    329345// 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.
     346// This takes into account the ability to columnize pages in 2017.
    331347// Only effect changes based on breakpoints.
    332348
    333 @include medium-up {
     349@include med-small-up {
    334350
    335351        body.buddypress.page.page-two-column {
    … …  
    338354
    339355                        .entry-header {
    340                                 width: 20%;
     356                                width: 30%;
    341357                        }
    342358
    343359                        .entry-content {
    344                                 width: 80%;
     360                                width: 68%;
    345361                        }
    346362                }
    … …  
    358374                                margin-left: 0;
    359375                                margin-right: 0;
    360 //                              width: auto;
    361376                        }
    362377                }
    … …  
    370385
    371386        } // body.buddypress
     387}
     388
     389// 2017 allows for selecting two distinct color schemes.
     390// Our companion styles respect themes colors & inherit or avoid
     391// setting backgrounds/colors so selecting the dark scheme generally
     392// allows the theme to reset the BP text/headings etc to white
     393// In places we do set backgrounds, Navs, search forms etc these
     394// are added here under the themes body class to enable changing
     395
     396// Some element colors are inherited from BP original sheet so need to
     397// to be reset under the dark scheme, where set in this sheet we simply state them
     398// only for the light scheme, additionally elements such as BP form styles
     399// need styles removing & are handled later in 'Forms' section
     400body.colors-dark {
     401
     402        #buddypress {
     403
     404                //tabs border bottom color needs to match dark background
     405                #group-create-tabs.item-list-tabs {
     406
     407                        li.selected,
     408                        li.current {
     409                                border-bottom-color: #222;
     410
     411                                a {
     412                                        color: inherit;
     413                                }
     414                        }
     415                }
     416
     417                div.item-list-tabs {
     418
     419                        ul {
     420
     421                                li.selected,
     422                                li.current {
     423
     424                                        a {
     425                                                background: none;
     426                                                color: inherit;
     427                                        }
     428                                }
     429                        }
     430                }
     431
     432                #object-nav {
     433
     434                        li:not(.current):focus,
     435                        li:not(.current):hover {
     436
     437                                a {
     438                                        color: #555;
     439                                }
     440                        }
     441                }
     442
     443                // With the dark scheme the subnav links lose definition as
     444                // nav menu links, add a border top to clarify the li.last element seperated from links.
     445                #subnav.item-list-tabs {
     446
     447                        ul {
     448                                border-bottom: 1px solid rgba($border-light, 0.9);
     449                                margin-bottom: $spacing-val-md;
     450
     451                                li.last {
     452                                        border-top: 1px solid rgba($border-light, 0.9);
     453                                }
     454                        }
     455                }
     456
     457                // lists text: descr, meta, etc
     458                .item-list {
     459
     460                        div.meta {
     461                                color: #ddd;
     462                        }
     463
     464                        div.item-desc,
     465                        .activity-header p,
     466                        .activity-comments ul,
     467                        .acomment-meta {
     468                                color: $bp-xlight-text;
     469                        }
     470
     471                        .activity-meta,
     472                        .action {
     473                                a {
     474                                        background: $off-white;
     475
     476                                        &:focus,
     477                                        &:hover {
     478                                                background: $white;
     479                                        }
     480                                }
     481                        }
     482                }
     483
     484                #latest-update {
     485                        color: $bp-xlight-text;
     486                }
     487
     488                div.pagination * {
     489                        color: #ddd;
     490                }
     491
     492                #item-header {
     493                        .user-nicename {
     494                                color: $bp-xlight-text;
     495                        }
     496                }
     497
     498                #item-body {
     499
     500                        table {
     501
     502                                thead {
     503
     504                                        tr,
     505                                        th {
     506                                                background: none;
     507                                                color: $bp-xlight-text;
     508                                        }
     509                                }
     510
     511                                tr.alt {
     512
     513                                        td {
     514                                                background: none;
     515                                                color: $bp-xlight-text;
     516                                        }
     517                                }
     518
     519                                .field-visibility-settings,
     520                                .field-visibility-settings-notoggle {
     521                                        color: #eee;
     522                                }
     523
     524                        }
     525
     526                        fieldset {
     527                                background: none;
     528                        }
     529
     530                        .checkbox,
     531                        .radio {
     532
     533                                label {
     534                                        color: #eee;
     535                                }
     536                        }
     537
     538                        div#invite-list {
     539                                background: none;
     540                        }
     541                }
     542
     543        } // close #buddypress
     544}
     545
     546
     547body.colors-dark.group-members {
     548
     549        #buddypress {
     550
     551                #subnav {
     552
     553                        li {background: none;}
     554
     555                        .groups-members-search {
     556
     557                                form {
     558                                        margin-bottom: $spacing-val-md;
     559                                        margin-top: 0;
     560                                }
     561                        }
     562                }
     563        }
     564}
     565
     566// remove borders for dir component screens.
     567.directory.colors-dark {
     568
     569        #buddypress {
     570
     571                #subnav.item-list-tabs {
     572
     573                        ul {
     574                                border-bottom: 0;
     575                                border-top: 0;
     576
     577                                li.last.filter {
     578                                        border-top: 0;
     579                                }
     580                        }
     581                }
     582
     583                div.activity {
     584
     585                        ul.item-list {
     586                                border-top: 0;
     587                        }
     588                }
     589        }
     590}
     591
     592body.colors-light {
     593
     594        #buddypress {
     595
     596                div.item-list-tabs {
     597
     598                        ul {
     599                                background-color: $off-white;
     600                        }
     601                }
     602
     603                div#subnav.item-list-tabs {
     604
     605                        ul {
     606                                background-color: $light-background;
     607
     608                                li.last {
     609                                        background: $content-background;
     610                                }
     611                        }
     612                }
     613
     614                .item-list {
     615
     616                        .activity-header {
     617
     618                                p {
     619                                        background-color: $light-background;
     620                                        color: $bp-light-text;
     621                                }
     622                        }
     623
     624                        .activity-comments {
     625
     626                                .acomment-meta {
     627                                        color: #737373;
     628                                }
     629                        }
     630                }
     631
     632                #item-body {
     633
     634                        .profile {
     635
     636                                h2 {
     637                                        background: $medium-grey;
     638                                        color: #fff;
     639                                }
     640                        }
     641                }
     642
     643                table {
     644
     645                        tr.alt {
     646
     647                                td {
     648                                        background: #f5f5f5;
     649                                        color: $body-text;
     650                                }
     651                        }
     652                }
     653
     654                div#invite-list {
     655                        background: $off-white;
     656                }
     657        } // close #buddypress
    372658}
    373659
    … …  
    410696
    411697                ul {
    412                         background-color: $off-white;
    413698                        border-bottom: 1px solid rgba($border-light, 0.9);
    414                         border-top: 1px solid rgba($border-light, 0.9);
    415699                        overflow: hidden;
    416700                        padding: 0;
    … …  
    419703
    420704                                a {
    421                                         color: #0073c1;
    422705
    423706                                        span {border-radius: 25%;}
    … …  
    429712} // close #buddypress
    430713
    431 // .bp-user #object-nav @ small screen as a dropdown
    432 
    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 }
    479714
    480715/*__ Horizontal menus __*/
    … …  
    520755
    521756                ul {
    522                         background-color: $light-background;
    523757                        border-bottom: 0;
    524758                        margin-top: $spacing-val-xs;
    … …  
    526760
    527761                        li.last {
    528                                 background: $content-background;
    529762                                margin-top: 0;
    530763                                padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
    … …  
    570803// to sit alongside the vert menu
    571804// 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.
     805// we'll only display object nav as a vert menu if not .two-column-page.
    573806
    574807@include medium-up {
    575808
    576         body.no-sidebar {
     809        body:not(.page-two-column) {
    577810
    578811                #buddypress {
    579 
    580                         #item-header,
    581                         #item-body {
    582                                 background: $content-background;
    583                         }
    584812
    585813                        #object-nav {
    … …  
    631859@include med-small-up {
    632860
    633         #main {
    634 
    635                 #buddypress {
    636 
    637                         #group-create-tabs.item-list-tabs {
    638 
    639                                 ul:before,
    640                                 ul:after {
    641                                         content: " ";
    642                                         display: table;
    643                                 }
    644 
    645                                 ul:after {
    646                                         clear: both;
    647                                 }
    648 
    649                                 ul {
    650                                         background: none;
    651                                         border: 0;
    652                                         border-bottom: 1px solid $border-med;
    653                                         overflow: visible;
    654                                         padding-bottom: 0;
    655 
    656                                         li {
    657                                                 float: left;
    658                                                 width: auto;
    659                                         }
    660 
    661                                         li.selected,
    662                                         li.current {
    663                                                 border: 1px solid $border-med;
    664                                                 border-bottom-color: $content-background;
    665                                                 @include border-top-radius(4px);
    666                                                 margin-bottom: -1px;
    667 
    668                                                 a {
    669                                                         background: none;
    670                                                         color: $body-text;
    671                                                         outline: none;
    672                                                 }
    673                                         }
    674                                 }
    675 
    676                         } // close .item-list-tabs
    677 
    678                         #subnav {
    679                                 ul {
    680                                         border-bottom: 0;
    681                                 }
    682 
    683                         } // close #subnav
    684                 } // close #buddypress
    685         }
     861        #buddypress {
     862
     863                #group-create-tabs.item-list-tabs {
     864
     865                        ul:before,
     866                        ul:after {
     867                                content: " ";
     868                                display: table;
     869                        }
     870
     871                        ul:after {
     872                                clear: both;
     873                        }
     874
     875                        ul {
     876                                background: none;
     877                                border: 0;
     878                                border-bottom: 1px solid $border-med;
     879                                overflow: visible;
     880                                padding-bottom: 0;
     881
     882                                li {
     883                                        float: left;
     884                                        width: auto;
     885                                }
     886
     887                                li.selected,
     888                                li.current {
     889                                        border: 1px solid $border-med;
     890                                        border-bottom-color: $content-background;
     891                                        @include border-top-radius(4px);
     892                                        margin-bottom: -1px;
     893
     894                                        a {
     895                                                background: none;
     896                                                color: $body-text;
     897                                                outline: none;
     898                                        }
     899                                }
     900                        }
     901
     902                } // close .item-list-tabs
     903
     904                #subnav {
     905                        ul {
     906                                border-bottom: 0;
     907                        }
     908
     909                } // close #subnav
     910        } // close #buddypress
     911
    686912} // close @media
    687913
    … …  
    771997
    772998        .action {
     999
    7731000                .generic-button {
     1001
    7741002                        a {
     1003
    7751004                                &:focus,
    7761005                                &:hover {
    … …  
    8521081                                        .update {
    8531082                                                display: block;
    854                                                 @include font-size(12);
     1083                                                @include font-size(13);
    8551084
    8561085                                                @include medium-up {
    … …  
    8931122                                margin-left: 0;
    8941123                                padding: $spacing-val-md 0 $spacing-val-xs;
     1124
    8951125                                // push the actions to the right
    896 
    8971126                                @include medium-up {
    8981127                                        clear: none;
    … …  
    9181147                                        // position but inline-block the buttons
    9191148
    920                                         @include med-small-up {
     1149                                        @include small-up {
    9211150                                                // keep buttons to a row small tablet up
    9221151                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    … …  
    10891318
    10901319                        .activity-avatar {
     1320
    10911321                                a {
     1322
    10921323                                        img.avatar {
    10931324                                                height: 30px;
    … …  
    11101341
    11111342                        .activity-header {
    1112                                 line-height: inherit;
    11131343                                margin-right: 0;
    11141344
    11151345                                p {
    1116                                         background-color: $light-background;
    11171346                                        border: 1px solid rgba($border-light, 0.6);
    1118                                         color: #727272;
    11191347                                        margin-top: 0;
    11201348                                        padding: 0 0.2em;
    … …  
    11221350
    11231351                                img.avatar {
     1352                                        box-shadow: none;
    11241353                                        display: inline-block;
    1125                                         margin-bottom: 0 !important; // have to match to BP
     1354                                        margin: 0 5px !important; // have to match to BP
     1355                                        vertical-align: middle;
    11261356                                }
    11271357                        } // close .activity-header
    11281358
    11291359                        .activity-meta {
     1360
    11301361                                a {
    11311362                                        display: block;
    11321363                                        margin-bottom: $spacing-val-xs;
    11331364
    1134                                         @include small-up-bp {
     1365                                        @include small-up {
    11351366                                                display: inline-block;
    11361367                                                margin-bottom: 0;
     1368                                                width: auto;
    11371369                                        }
    11381370                                }
    … …  
    11981430                .activity-comments {
    11991431                        border-left: 1px solid $border-light;
    1200                         margin-top: 5px;
     1432                        margin: $spacing-val-md 0 $spacing-val-md;
     1433
     1434                        @include small-up {
     1435                                margin-left: $spacing-val-md;
     1436                        }
    12011437
    12021438                        ul {
    1203                                 background: rgba($light-background, 0.6);
    1204                                 color: #737373;
    12051439                                margin: 15px 0 0 2px;
     1440
     1441                                li {
     1442                                        border-top: 1px solid $border-color;
     1443                                }
    12061444
    12071445                                a {
    … …  
    12111449
    12121450                        .acomment-meta {
    1213                                 color: #737373;
     1451                                border-bottom: 1px solid $border-light;
    12141452                        }
    12151453
    … …  
    12571495
    12581496                @include medium-up {
     1497
    12591498                        li {
    12601499                                .item-avatar,
    … …  
    12651504                                .action {
    12661505                                        float: right;
     1506                                }
     1507                        }
     1508
     1509                        li.is-current-user {
     1510
     1511                                .item {
     1512                                        float: none;
     1513                                        left: 0;
     1514                                        padding-left: 5%;
     1515                                        width: auto;
    12671516                                }
    12681517                        }
    … …  
    13191568*-----------------------------------------------------------
    13201569*/
     1570@include med-small-up {
     1571
     1572
     1573        .bp-user.page-two-column {
     1574
     1575                #buddypress {
     1576
     1577                        #cover-image-container {
     1578
     1579                                #item-header-cover-image {
     1580
     1581                                        #item-header-content {
     1582                                                margin-left: 140px;
     1583                                                margin-top: -100px;
     1584                                        }
     1585                                }
     1586                        }
     1587                }
     1588        }
     1589
     1590        .single-item.groups.page-two-column {
     1591
     1592                #buddypress {
     1593
     1594                        #cover-image-container {
     1595
     1596                                #item-header-cover-image {
     1597
     1598                                        #item-header-content {
     1599                                                margin-left: 10px;
     1600                                        }
     1601                                }
     1602                        }
     1603                }
     1604        }
     1605
     1606} // close media
    13211607
    13221608.bp-user,
    … …  
    13241610
    13251611        #buddypress {
     1612
     1613                // we need to remove the cover image dec styles
     1614                // & reset them for med up  only.
     1615                #item-header-cover-image {
     1616                        .user-nicename {
     1617                                color: $body-text;
     1618                                text-shadow: none;
     1619                        }
     1620                }
     1621
     1622                @include med-small-up {
     1623
     1624                        #item-header-cover-image {
     1625
     1626                                .user-nicename {
     1627                                        color: $white;
     1628                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1629                                }
     1630                        }
     1631                }
    13261632
    13271633                #item-header-content {
    … …  
    14181724
    14191725                                        a {
    1420                                                 border-bottom: 0;
    14211726
    14221727                                                img {
    … …  
    15251830
    15261831                                a {
    1527                                         border-bottom: 0;
    15281832                                        display: inline-block;
    15291833                                        float: none;
    … …  
    15601864*-----------------------------------------------------------
    15611865*/
     1866
    15621867
    15631868/**
    … …  
    15691874*/
    15701875
     1876.groups.single-item.members {
     1877
     1878        #buddypress {
     1879
     1880                #subnav.item-list-tabs {
     1881
     1882                        ul {
     1883                                background: none;
     1884                                border-top: 0;
     1885                        }
     1886
     1887                }
     1888        }
     1889
     1890}
     1891
    15711892/**
    15721893*-----------------------------------------
    … …  
    17102031                                }
    17112032
    1712                                 margin: $spacing-val-xs $spacing-val-xs 0 0;
     2033                                margin: $spacing-val-xs 0 0;
    17132034                        }
    17142035                }
    … …  
    17792100                .pag-count {font-style: italic;}
    17802101
    1781                 .notifications-options-nav {
    1782                         border: 1px solid rgba($border-color, 0.5);
     2102                .notifications-options-nav,
     2103                .messages-options-nav {
     2104
    17832105                        float: left;
    17842106                        width: 100%;
    … …  
    17942116                        select,
    17952117                        input {
    1796                                 border: 0;
     2118
    17972119                                @include font-size(14);
    17982120                                outline: 0;
    … …  
    18022124                        select {
    18032125                                float: left;
    1804                                 margin-right: 0;
    1805                                 width: 60%;
     2126                                margin-right: 1%;
     2127                                width: 59%;
    18062128                        }
    18072129
    … …  
    18132135                        }
    18142136
    1815                 } // close .notifications-options-nav
     2137                        input[disabled="disabled"]:focus,
     2138                        input[disabled="disabled"]:hover {
     2139                                background: none;
     2140                        }
     2141
     2142
     2143                } // close .notifications-options-nav/.messages-options-nav
    18162144
    18172145        } //close #buddypress
    … …  
    18292157
    18302158                .profile {
    1831                         .bp-widget {
     2159
    18322160                                h2 {
    1833                                         background: lighten($dark-background, 15%);
    1834                                         color: #fff;
    18352161                                        margin: $spacing-val-lg 0 $spacing-val-sm;
    18362162                                        padding: 0.1em 0 0.1em 0.4em;
    … …  
    18382164
    18392165                                table {margin-top: 0;}
    1840                         }
     2166
     2167                                .profile-fields {
     2168
     2169                                        tr.alt {
     2170
     2171                                                td {
     2172                                                        color: $body-text;
     2173                                                }
     2174                                        }
     2175
     2176                                        tr:last-child {
     2177                                                border-bottom: 0;
     2178                                        }
     2179                                }
     2180
    18412181                        /* Edit profile */
    18422182
    … …  
    18752215
    18762216                                .field-visibility-settings-toggle,
     2217                                .field-visibility-settings-notoggle,
    18772218                                .field-visibility-settings {
    18782219                                        @include font-size(14);
     2220                                        margin-top: $spacing-val-sm;
    18792221                                }
    18802222
    … …  
    18822224                                .visibility-toggle-link {
    18832225                                        background: $dark-background;
     2226                                        @include border-radius(3px);
    18842227                                        color: #fff;
    18852228                                        padding: 0.2em 0.5em;
    … …  
    19332276                #message-thread {
    19342277                        //Single message view
     2278
    19352279                        a {
    19362280                                border-bottom: 0;
    … …  
    19802324
    19812325                        #send-reply {
     2326
    19822327                                .message-content {
    19832328                                        background: $content-background;
    … …  
    19952340
    19962341                        thead {
     2342
    19972343                                tr {
    1998                                         background: lighten($dark-background, 10%);
     2344                                        background: none;
     2345                                        border-bottom: 1px solid $border-color;
     2346
     2347
     2348                                        th {
     2349                                                background: #555;
     2350                                        }
    19992351                                }
    20002352                        }
    20012353
    20022354                        tr {
     2355                                border-bottom: 5px solid $medium-grey;
     2356
    20032357                                td {
    2004                                         background: $content-background;
    20052358                                        display: inline-block;
    20062359                                        float: left;
    … …  
    20092362                                td.thread-star,
    20102363                                td.thread-options {
    2011                                         border-bottom-color: $medium-background;
    2012                                         border-bottom-width: 2px;
     2364                                        border-bottom-color: $border-color;
     2365                                        border-bottom-width: 1px;
    20132366                                        height: 2.4em;
    20142367                                        padding-bottom: 0.2em;
    … …  
    20182371                                                padding-top: 0;
    20192372                                        }
     2373                                }
     2374
     2375                                td.bulk-select-check,
     2376                                td.thread-star,
     2377                                td.thread-from,
     2378                                td.thread-info,
     2379                                td.thread-options {
     2380                                        border-top: 0;
    20202381                                }
    20212382
    … …  
    20812442
    20822443                        tr.unread {
     2444
    20832445                                td {
    2084                                         background: $unread;
     2446                                        background: none;
    20852447                                        border-color: $border-color;
    20862448                                }
    … …  
    21022464                                border-right: 0;
    21032465                                width: 30px;
    2104                         }
    2105                 }
    2106 
    2107                 .messages-options-nav {
    2108                         select {
    2109                                 height: auto;
    21102466                        }
    21112467                }
    … …  
    22962652// Attempt to reset form control widths
    22972653#main {
     2654
    22982655        #buddypress {
     2656
    22992657                .standard-form {
    23002658
    2301                         li {float: none;}
     2659                        li {
     2660                                float: none;
     2661                        }
     2662
    23022663                        input[type='text'],
    23032664                        input[type='email'],
    … …  
    23092670        }
    23102671}
    2311 
    23122672
    23132673#buddypress {
    … …  
    23652725
    23662726#buddypress {
     2727
    23672728        div.dir-search,
    23682729        div.message-search,
    … …  
    23762737                form { // *sigh* only to bludgeon over specified rules
    23772738                        border: 1px solid rgba($border-color, 0.6);
     2739                        @include border-radius(2px);
    23782740                        overflow: hidden;
    23792741
    … …  
    23812743                                float: left;
    23822744                                margin: 0;
    2383                         }
    2384 
    2385                         input[type='text'] {
     2745                                width: 70%;
     2746                        }
     2747
     2748                        input[type="text"] {
    23862749                                float: left;
    23872750                                margin: 0;
    2388                                 width: 70%;
    2389                         }
    2390 
    2391                         input[type='text'],
    2392                         input[type='submit'] {
     2751                                width: 100%;
     2752                        }
     2753
     2754                        input[type="text"],
     2755                        input[type="submit"] {
     2756                                border: 0;
    23932757                                @include font-size(14);
    2394                                 border: 0;
    23952758                                line-height: inherit;
    23962759                        }
    23972760
    2398                         input[type='text'] {
     2761                        input[type="text"] {
    23992762                                border-right: 1px solid rgba($border-color, 0.6);
     2763                                font-weight: 400;
    24002764                                padding: 0.2em 0 0.2em 0.2em;
    24012765                        }
    24022766
    2403                         input[type='submit'] {
     2767                        input[type="submit"] {
     2768                                @include border-radius-none();
    24042769                                float: right;
    24052770                                font-weight: normal;
    … …  
    24132778        } // close .dir-search, .message-search
    24142779
     2780        // Dirs & certain components hide search hides labels so can't width the label element
     2781        // adjust so that the input takes reduced width.
     2782
     2783        div.dir-search {
     2784                margin-top: 0;
     2785        }
     2786
     2787        .dir-search #search-members-form,
     2788        #search-groups-form,
     2789        #search-message-form {
     2790
     2791                input[type='text'] {
     2792                        float: left;
     2793                        margin: 0;
     2794                        width: 70%;
     2795                }
     2796        }
     2797
    24152798        // Shift the search parent to the right and allow to shrinkwrap
    24162799
    … …  
    24212804                        float: right;
    24222805                        margin-bottom: 5px !important;
    2423 
    2424                         form {
    2425                                 label,
    2426                                 input[type='text'],
    2427                                 input[type='submit'] {
    2428                                         width: auto;
    2429                                 }
    2430                         }
    24312806                }
    24322807
    … …  
    24372812
    24382813                .dir-search,
    2439 
    2440                 .message-search {
     2814                .message-search,
     2815                li.groups-members-search {
    24412816
    24422817                        form {
    … …  
    24552830} // close #buddypress
    24562831
     2832// Adjustments for form elements colors, backgrounds, borders under the dark scheme.
     2833body.colors-dark {
     2834
     2835        #page { // for weight
     2836
     2837                #buddypress {
     2838
     2839                        .dir-search,
     2840                        .groups-members-search,
     2841                        .message-search {
     2842
     2843                                form {
     2844                                        background: #333;
     2845                                        border-color: #555;
     2846                                        @include border-radius(2px);
     2847                                        padding: 1px;
     2848                                }
     2849
     2850                                input[type="text"] {
     2851                                        background: none;
     2852                                }
     2853
     2854                                input[type="submit"] {
     2855                                        @include border-radius(2px);
     2856                                }
     2857                        }
     2858                }
     2859
     2860                .message-search {
     2861                        margin-top: 0;
     2862                }
     2863        }
     2864}
    24572865/**
    24582866*-------------------------------------------------------------------------------
    … …  
    24732881
    24742882                tr th {
    2475                         background: lighten($dark-background, 10%);
    2476                         border-color: darken($border-light, 20%);
    2477                         color: $content-background;
     2883                        background: $light-background;
     2884                        border-color: $border-light;
     2885                        color: $body-text;
    24782886                }
    24792887
    … …  
    25372945
    25382946        } // .notifications, .message-notices
     2947
     2948        .notifications { // table element
     2949                .actions { // th element
     2950                        text-align: center;
     2951                }
     2952        }
    25392953} // #buddypress
    25402954
    … …  
    25742988        } // close #message
    25752989
     2990        .bp-avatar-status,
     2991        .bp-cover-image-status {
     2992
     2993                .warning {
     2994                        background: #7dd4ff;
     2995                        border: 1px solid #000;
     2996                        color: $body-text;
     2997                        @include font-size(16);
     2998                }
     2999        }
     3000
    25763001} // close  #buddypress
    25773002
Note: See TracChangeset for help on using the changeset viewer.