Skip to:
Content

Changeset 11379


Ignore:
Timestamp:
01/11/2017 10:42:23 AM (17 months 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.