Skip to:
Content

Ticket #7338: 7338-03.patch

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

Updates navs, cover image,.

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

     
    9292        }
    9393}
    9494
    95 .buddypress article.page .entry-header .entry-title {
    96         font-size: 22px;
    97         font-size: 1.375rem;
    98 }
    99 
    100 @media screen and (min-width: 55em) {
    101         .buddypress article.page .entry-header .entry-title {
    102                 font-size: 28px;
    103                 font-size: 1.75rem;
    104         }
    105 }
    106 
    107 @media screen and (min-width: 55em) {
     95@media screen and (min-width: 48em) {
    10896        body.buddypress.page.page-two-column #primary .entry-header {
    109                 width: 20%;
     97                width: 30%;
    11098        }
    11199        body.buddypress.page.page-two-column #primary .entry-content {
    112                 width: 80%;
     100                width: 68%;
    113101        }
    114102        body.buddypress:not(.has-sidebar) #primary.content-area,
    115103        body.buddypress:not(.page-two-column) #primary.content-area {
     
    150138}
    151139
    152140#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
     141        background-color: #fafafa;
    154142        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155143        border-top: 1px solid rgba(234, 234, 234, 0.9);
    156144        overflow: hidden;
     
    167155
    168156@media screen and (max-width: 38.75em) {
    169157        .bp-user #buddypress #object-nav {
    170                 background: #faf9f1;
     158                background: #fafafa;
    171159                border: 1px solid #eaeaea;
    172160                overflow: visible;
    173161                padding: 10px;
     
    346334        #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347335        #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348336                background: none;
    349                 color: #141412;
     337                color: #333;
    350338                outline: none;
    351339        }
    352340        #main #buddypress #subnav ul {
     
    557545        width: 100%;
    558546}
    559547
    560 @media screen and (min-width: 48em) {
     548@media screen and (min-width: 30em) {
    561549        #buddypress ul.item-list li div.action div {
    562550                margin: 0 0 10px 10px;
    563551                width: auto;
     
    599587}
    600588
    601589#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    602         border: 1px solid rgba(212, 208, 186, 0.5);
     590        border: 1px solid rgba(190, 190, 190, 0.5);
    603591        float: right;
    604592        line-height: 1.5em;
    605593        margin-top: 12px;
     
    726714        margin-bottom: 5px;
    727715}
    728716
    729 @media screen and (min-width: 38.75em) {
     717@media screen and (min-width: 30em) {
    730718        #buddypress #activity-stream .activity-content .activity-meta a {
    731719                display: inline-block;
    732720                margin-bottom: 0;
     721                width: auto;
    733722        }
    734723}
    735724
     
    800789
    801790#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802791#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     792        color: rgba(51, 51, 51, 0.8);
    804793        display: inline-block;
    805794        font-family: inherit;
    806795        font-size: 12px;
     
    813802}
    814803
    815804#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     805        border: 1px solid rgba(190, 190, 190, 0.7);
    817806        text-align: center;
    818807}
    819808
     
    11201109}
    11211110
    11221111.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1112        color: rgba(51, 51, 51, 0.6);
    11241113        font-size: 14px;
    11251114        font-size: 0.875rem;
    11261115}
     
    12541243}
    12551244
    12561245.bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1246        border: 1px solid rgba(190, 190, 190, 0.5);
    12581247        float: right;
    12591248        width: 100%;
    12601249}
     
    14341423}
    14351424
    14361425.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1426        background: none;
     1427        border-bottom: 1px solid #bebebe;
    14381428}
    14391429
     1430.bp-user #buddypress #message-threads thead tr th {
     1431        background: #555;
     1432}
     1433
     1434.bp-user #buddypress #message-threads tr {
     1435        border-bottom: 5px solid #878787;
     1436}
     1437
    14401438.bp-user #buddypress #message-threads tr td {
    14411439        background: #fff;
    14421440        display: inline-block;
     
    14451443
    14461444.bp-user #buddypress #message-threads tr td.thread-star,
    14471445.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1446        border-bottom-color: #bebebe;
     1447        border-bottom-width: 1px;
    14501448        height: 2.4em;
    14511449        padding-bottom: 0.2em;
    14521450        padding-top: 0.2em;
     
    14591457        }
    14601458}
    14611459
     1460.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1461.bp-user #buddypress #message-threads tr td.thread-star,
     1462.bp-user #buddypress #message-threads tr td.thread-from,
     1463.bp-user #buddypress #message-threads tr td.thread-info,
     1464.bp-user #buddypress #message-threads tr td.thread-options {
     1465        border-top: 0;
     1466}
     1467
    14621468.bp-user #buddypress #message-threads tr td.thread-star {
    14631469        vertical-align: middle;
    14641470}
     
    15291535}
    15301536
    15311537.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1538        background: none;
     1539        border-color: #bebebe;
    15341540}
    15351541
    15361542.bp-user #buddypress #message-threads th {
     
    17171723
    17181724#buddypress div.activity-comments form .ac-textarea {
    17191725        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1726        border: 1px solid rgba(190, 190, 190, 0.5);
    17211727}
    17221728
    17231729#buddypress div.activity-comments form .ac-textarea textarea {
     
    17351741#buddypress .standard-form button,
    17361742#buddypress .standard-form select,
    17371743#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1744        border-color: rgba(190, 190, 190, 0.5);
    17391745        border-width: 1px;
    17401746}
    17411747
     
    17611767#buddypress div.dir-search form,
    17621768#buddypress div.message-search form,
    17631769#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1770        border: 1px solid rgba(190, 190, 190, 0.6);
    17651771        overflow: hidden;
    17661772}
    17671773
     
    17951801#buddypress div.dir-search form input[type='text'],
    17961802#buddypress div.message-search form input[type='text'],
    17971803#buddypress li.groups-members-search form input[type='text'] {
    1798         border-left: 1px solid rgba(212, 208, 186, 0.6);
     1804        border-left: 1px solid rgba(190, 190, 190, 0.6);
    17991805        padding: 0.2em 0.2em 0.2em 0;
    18001806}
    18011807
     
    18551861}
    18561862
    18571863#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     1864        background: #f7f7f7;
     1865        border-color: #eaeaea;
     1866        color: #333;
    18611867}
    18621868
    18631869#buddypress table p {
  • src/bp-templates/bp-legacy/css/twentyseventeen.css

     
    9292        }
    9393}
    9494
    95 .buddypress article.page .entry-header .entry-title {
    96         font-size: 22px;
    97         font-size: 1.375rem;
    98 }
    99 
    100 @media screen and (min-width: 55em) {
    101         .buddypress article.page .entry-header .entry-title {
    102                 font-size: 28px;
    103                 font-size: 1.75rem;
    104         }
    105 }
    106 
    107 @media screen and (min-width: 55em) {
     95@media screen and (min-width: 48em) {
    10896        body.buddypress.page.page-two-column #primary .entry-header {
    109                 width: 20%;
     97                width: 30%;
    11098        }
    11199        body.buddypress.page.page-two-column #primary .entry-content {
    112                 width: 80%;
     100                width: 68%;
    113101        }
    114102        body.buddypress:not(.has-sidebar) #primary.content-area,
    115103        body.buddypress:not(.page-two-column) #primary.content-area {
     
    150138}
    151139
    152140#buddypress div.item-list-tabs ul {
    153         background-color: #faf9f1;
     141        background-color: #fafafa;
    154142        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    155143        border-top: 1px solid rgba(234, 234, 234, 0.9);
    156144        overflow: hidden;
     
    157145        padding: 0;
    158146}
    159147
    160 #buddypress div.item-list-tabs ul li a {
    161         color: #0073c1;
    162 }
    163 
    164148#buddypress div.item-list-tabs ul li a span {
    165149        border-radius: 25%;
    166150}
    167151
    168 @media screen and (max-width: 38.75em) {
    169         .bp-user #buddypress #object-nav {
    170                 background: #faf9f1;
    171                 border: 1px solid #eaeaea;
    172                 overflow: visible;
    173                 padding: 10px;
    174         }
    175         .bp-user #buddypress #object-nav ul {
    176                 border: 0;
    177                 height: 0;
    178                 transition: height 0.3s ease-in-out 0.7s;
    179                 visibility: hidden;
    180         }
    181         .bp-user #buddypress #object-nav:before {
    182                 content: "Menu \021E9";
    183                 display: inline;
    184                 opacity: 0.7;
    185         }
    186         .bp-user #buddypress #object-nav:hover:before, .bp-user #buddypress #object-nav:focus:before {
    187                 content: "Menu \021E7";
    188         }
    189         .bp-user #buddypress #object-nav:hover ul, .bp-user #buddypress #object-nav:focus ul {
    190                 height: 320px;
    191                 opacity: 1;
    192                 overflow-y: auto;
    193                 visibility: visible;
    194         }
    195         .bp-user #buddypress #subnav {
    196                 clear: both;
    197         }
    198 }
    199 
    200152/*__ Horizontal menus __*/
    201153#buddypress #object-nav ul {
    202154        overflow: hidden;
     
    273225
    274226/*__ Vertical menu User Account / Group single screens __*/
    275227@media screen and (min-width: 55em) {
    276         body.no-sidebar #buddypress #item-header,
    277         body.no-sidebar #buddypress #item-body {
     228        body:not(.page-two-column) #buddypress #item-header,
     229        body:not(.page-two-column) #buddypress #item-body {
    278230                background: #fff;
    279231        }
    280         body.no-sidebar #buddypress #object-nav {
     232        body:not(.page-two-column) #buddypress #object-nav {
    281233                border-right: 1px solid #ddd;
    282234                float: left;
    283235                margin-right: -1px;
    284236                width: 200px;
    285237        }
    286         body.no-sidebar #buddypress #object-nav ul {
     238        body:not(.page-two-column) #buddypress #object-nav ul {
    287239                background: none;
    288240                border-bottom: 0;
    289241                padding: 0;
    290242        }
    291         body.no-sidebar #buddypress #object-nav ul li {
     243        body:not(.page-two-column) #buddypress #object-nav ul li {
    292244                float: none;
    293245                overflow: hidden;
    294246        }
    295         body.no-sidebar #buddypress #object-nav ul li span {
     247        body:not(.page-two-column) #buddypress #object-nav ul li span {
    296248                background: #fff;
    297249                border-radius: 10%;
    298250                float: right;
    299251                margin-right: 2px;
    300252        }
    301         body.no-sidebar #buddypress #item-body {
     253        body:not(.page-two-column) #buddypress #item-body {
    302254                border-left: 1px solid #ddd;
    303255                overflow: hidden;
    304256                padding: 0 0 0 20px;
    305257                width: auto;
    306258        }
    307         body.no-sidebar #buddypress #item-body #subnav {
     259        body:not(.page-two-column) #buddypress #item-body #subnav {
    308260                margin: 0 0 0 -20px;
    309261        }
    310         body.no-sidebar #buddypress #item-body #subnav ul {
     262        body:not(.page-two-column) #buddypress #item-body #subnav ul {
    311263                margin-top: 0;
    312264        }
    313265}
     
    346298        #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a,
    347299        #main #buddypress #group-create-tabs.item-list-tabs ul li.current a {
    348300                background: none;
    349                 color: #141412;
     301                color: #333;
    350302                outline: none;
    351303        }
    352304        #main #buddypress #subnav ul {
     
    557509        width: 100%;
    558510}
    559511
    560 @media screen and (min-width: 48em) {
     512@media screen and (min-width: 30em) {
    561513        #buddypress ul.item-list li div.action div {
    562514                margin: 0 10px 10px 0;
    563515                width: auto;
     
    599551}
    600552
    601553#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    602         border: 1px solid rgba(212, 208, 186, 0.5);
     554        border: 1px solid rgba(190, 190, 190, 0.5);
    603555        float: left;
    604556        line-height: 1.5em;
    605557        margin-top: 12px;
     
    704656}
    705657
    706658#buddypress #activity-stream .activity-content .activity-header {
    707         line-height: inherit;
    708659        margin-right: 0;
    709660}
    710661
     
    717668}
    718669
    719670#buddypress #activity-stream .activity-content .activity-header img.avatar {
     671        box-shadow: none;
    720672        display: inline-block;
    721         margin-bottom: 0 !important;
     673        margin: 0 5px !important;
     674        vertical-align: middle;
    722675}
    723676
    724677#buddypress #activity-stream .activity-content .activity-meta a {
     
    726679        margin-bottom: 5px;
    727680}
    728681
    729 @media screen and (min-width: 38.75em) {
     682@media screen and (min-width: 30em) {
    730683        #buddypress #activity-stream .activity-content .activity-meta a {
    731684                display: inline-block;
    732685                margin-bottom: 0;
     686                width: auto;
    733687        }
    734688}
    735689
     
    781735*/
    782736#buddypress #activity-stream .activity-comments {
    783737        border-left: 1px solid #eaeaea;
    784         margin-top: 5px;
     738        margin: 20px 0 20px;
    785739}
    786740
     741@media screen and (min-width: 30em) {
     742        #buddypress #activity-stream .activity-comments {
     743                margin-left: 20px;
     744        }
     745}
     746
     747@media screen and (min-width: 55em) {
     748        #buddypress #activity-stream .activity-comments {
     749                margin-left: 40px;
     750        }
     751}
     752
    787753#buddypress #activity-stream .activity-comments ul {
    788         background: rgba(247, 247, 247, 0.6);
    789754        color: #737373;
    790755        margin: 15px 0 0 2px;
    791756}
     
    800765
    801766#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
    802767#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    803         color: rgba(20, 20, 18, 0.8);
     768        color: rgba(51, 51, 51, 0.8);
    804769        display: inline-block;
    805770        font-family: inherit;
    806771        font-size: 12px;
     
    813778}
    814779
    815780#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    816         border: 1px solid rgba(212, 208, 186, 0.7);
     781        border: 1px solid rgba(190, 190, 190, 0.7);
    817782        text-align: center;
    818783}
    819784
     
    880845* @subsection 6.1 - Item Header Global
    881846*-----------------------------------------------------------
    882847*/
     848@media screen and (min-width: 48em) {
     849        .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     850                margin-left: 140px;
     851                margin-top: -100px;
     852        }
     853        .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
     854                margin-left: 10px;
     855        }
     856}
     857
     858.bp-user #buddypress #item-header-cover-image .user-nicename,
     859.single-item.groups #buddypress #item-header-cover-image .user-nicename {
     860        color: #333;
     861        text-shadow: none;
     862}
     863
     864@media screen and (min-width: 48em) {
     865        .bp-user #buddypress #item-header-cover-image .user-nicename,
     866        .single-item.groups #buddypress #item-header-cover-image .user-nicename {
     867                color: #fff;
     868                text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     869        }
     870}
     871
    883872.bp-user #buddypress #item-header-content #item-meta,
    884873.single-item.groups #buddypress #item-header-content #item-meta {
    885874        font-size: 14px;
     
    11201109}
    11211110
    11221111.groups.group-settings #group-settings-form div.radio label ul {
    1123         color: rgba(20, 20, 18, 0.6);
     1112        color: rgba(51, 51, 51, 0.6);
    11241113        font-size: 14px;
    11251114        font-size: 0.875rem;
    11261115}
     
    12531242        font-style: italic;
    12541243}
    12551244
    1256 .bp-user #buddypress .notifications-options-nav {
    1257         border: 1px solid rgba(212, 208, 186, 0.5);
     1245.bp-user #buddypress .notifications-options-nav,
     1246.bp-user #buddypress .messages-options-nav {
    12581247        float: left;
    12591248        width: 100%;
    12601249}
    12611250
    12621251@media screen and (min-width: 38.75em) {
    1263         .bp-user #buddypress .notifications-options-nav {
     1252        .bp-user #buddypress .notifications-options-nav,
     1253        .bp-user #buddypress .messages-options-nav {
    12641254                width: 300px;
    12651255        }
    12661256}
    12671257
    1268 .bp-user #buddypress .notifications-options-nav select {
     1258.bp-user #buddypress .notifications-options-nav select,
     1259.bp-user #buddypress .messages-options-nav select {
    12691260        height: auto;
    12701261}
    12711262
    12721263.bp-user #buddypress .notifications-options-nav select,
    1273 .bp-user #buddypress .notifications-options-nav input {
    1274         border: 0;
     1264.bp-user #buddypress .notifications-options-nav input,
     1265.bp-user #buddypress .messages-options-nav select,
     1266.bp-user #buddypress .messages-options-nav input {
    12751267        font-size: 14px;
    12761268        font-size: 0.875rem;
    12771269        outline: 0;
     
    12781270        padding: 0;
    12791271}
    12801272
    1281 .bp-user #buddypress .notifications-options-nav select {
     1273.bp-user #buddypress .notifications-options-nav select,
     1274.bp-user #buddypress .messages-options-nav select {
    12821275        float: left;
    1283         margin-right: 0;
    1284         width: 60%;
     1276        margin-right: 1%;
     1277        width: 59%;
    12851278}
    12861279
    1287 .bp-user #buddypress .notifications-options-nav input {
     1280.bp-user #buddypress .notifications-options-nav input,
     1281.bp-user #buddypress .messages-options-nav input {
    12881282        float: right;
    12891283        font-family: inherit;
    12901284        line-height: 20px;
     
    12911285        width: 40%;
    12921286}
    12931287
     1288.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus,
     1289.bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover,
     1290.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus,
     1291.bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover {
     1292        background: none;
     1293}
     1294
    12941295/**
    12951296        *-------------------------------------------
    12961297        * @subsection 6.2.2.2 - Extended Profiles
     
    13111312        margin-top: 0;
    13121313}
    13131314
     1315.bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child {
     1316        border-bottom: none;
     1317}
     1318
    13141319.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    13151320.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    13161321        content: " ";
     
    14341439}
    14351440
    14361441.bp-user #buddypress #message-threads thead tr {
    1437         background: #6f6f6f;
     1442        background: none;
     1443        border-bottom: 1px solid #bebebe;
    14381444}
    14391445
     1446.bp-user #buddypress #message-threads thead tr th {
     1447        background: #555;
     1448}
     1449
     1450.bp-user #buddypress #message-threads tr {
     1451        border-bottom: 5px solid #878787;
     1452}
     1453
    14401454.bp-user #buddypress #message-threads tr td {
    14411455        background: #fff;
    14421456        display: inline-block;
     
    14451459
    14461460.bp-user #buddypress #message-threads tr td.thread-star,
    14471461.bp-user #buddypress #message-threads tr td.thread-options {
    1448         border-bottom-color: #ccc;
    1449         border-bottom-width: 2px;
     1462        border-bottom-color: #bebebe;
     1463        border-bottom-width: 1px;
    14501464        height: 2.4em;
    14511465        padding-bottom: 0.2em;
    14521466        padding-top: 0.2em;
     
    14591473        }
    14601474}
    14611475
     1476.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1477.bp-user #buddypress #message-threads tr td.thread-star,
     1478.bp-user #buddypress #message-threads tr td.thread-from,
     1479.bp-user #buddypress #message-threads tr td.thread-info,
     1480.bp-user #buddypress #message-threads tr td.thread-options {
     1481        border-top: 0;
     1482}
     1483
    14621484.bp-user #buddypress #message-threads tr td.thread-star {
    14631485        vertical-align: middle;
    14641486}
     
    15291551}
    15301552
    15311553.bp-user #buddypress #message-threads tr.unread td {
    1532         background: #eee;
    1533         border-color: #d4d0ba;
     1554        background: none;
     1555        border-color: #bebebe;
    15341556}
    15351557
    15361558.bp-user #buddypress #message-threads th {
     
    15501572        width: 30px;
    15511573}
    15521574
    1553 .bp-user #buddypress .messages-options-nav select {
    1554         height: auto;
    1555 }
    1556 
    15571575.bp-user #buddypress .acfb-holder {
    15581576        list-style: none;
    15591577}
     
    17171735
    17181736#buddypress div.activity-comments form .ac-textarea {
    17191737        background: #f7f7f7;
    1720         border: 1px solid rgba(212, 208, 186, 0.5);
     1738        border: 1px solid rgba(190, 190, 190, 0.5);
    17211739}
    17221740
    17231741#buddypress div.activity-comments form .ac-textarea textarea {
     
    17351753#buddypress .standard-form button,
    17361754#buddypress .standard-form select,
    17371755#buddypress .standard-form textarea {
    1738         border-color: rgba(212, 208, 186, 0.5);
     1756        border-color: rgba(190, 190, 190, 0.5);
    17391757        border-width: 1px;
    17401758}
    17411759
     
    17611779#buddypress div.dir-search form,
    17621780#buddypress div.message-search form,
    17631781#buddypress li.groups-members-search form {
    1764         border: 1px solid rgba(212, 208, 186, 0.6);
     1782        border: 1px solid rgba(190, 190, 190, 0.6);
    17651783        overflow: hidden;
    17661784}
    17671785
     
    17951813#buddypress div.dir-search form input[type='text'],
    17961814#buddypress div.message-search form input[type='text'],
    17971815#buddypress li.groups-members-search form input[type='text'] {
    1798         border-right: 1px solid rgba(212, 208, 186, 0.6);
     1816        border-right: 1px solid rgba(190, 190, 190, 0.6);
    17991817        padding: 0.2em 0 0.2em 0.2em;
    18001818}
    18011819
     
    18551873}
    18561874
    18571875#buddypress table tr th {
    1858         background: #6f6f6f;
    1859         border-color: #b7b7b7;
    1860         color: #fff;
     1876        background: #f7f7f7;
     1877        border-color: #eaeaea;
     1878        color: #333;
    18611879}
    18621880
    18631881#buddypress table p {
     
    19141932        text-align: center;
    19151933}
    19161934
     1935#buddypress .notifications .actions {
     1936        text-align: center;
     1937}
     1938
    19171939/**
    19181940*-------------------------------------------------------------------------------
    19191941* @section 9.0 - Error / Success messages
  • src/bp-templates/bp-legacy/css/twentyseventeen.scss

     
    192192}
    193193
    194194// Variables: color definitions
    195 $body-text:          #141412;
     195
     196$dark-grey:     #555;
     197$medium-grey:   #878787;
     198$light-grey:    #dcdcdc;
     199$x-light-grey:  #f7f7f7;
     200$white:         #fff;
     201
     202$body-text:          #333;
     203$bp-light-text:      $medium-grey;
    196204$content-background: #fff;
    197 $off-white:          lighten(#f9f8ee, 0.7);
     205$off-white:          #fafafa;
    198206$cream-background:   #f7f5e7;
    199 $light-background:   #f7f7f7;
    200 $medium-background:  #ccc;
    201 $dark-background:    #555;
    202 $border-color:       #d4d0ba;    // border color is varied using rgba
     207$light-background:   $x-light-grey;
     208$medium-background:  $medium-grey;
     209$dark-background:    $dark-grey;
     210$border-color:       #bebebe;
    203211$border-light:       #eaeaea; // BP dividers
    204212$border-med:         #ddd;
    205213$background-hover:   #db572f; // 2017 link background hover
     
    210218$notice-update:      #ced98c;
    211219$stripe-odd:         #ebf0ff;
    212220$stripe-even:        #dbe5ff;
    213 $unread:             #eee;
     221$unread:             $x-light-grey;
    214222$link-action:        #c82b2b;
    215223/*--------------------------------------------------------------
    216224
     
    310318                }
    311319        }
    312320}
    313 // 2017 has very small page entry title headings
    314 // enlarge slightly for BP screens.
    315 .buddypress {
    316         article.page {
    317                 .entry-header {
    318                         .entry-title {
    319                                 @include font-size(22);
    320321
    321                                 @include medium-up {
    322                                         @include font-size(28);
    323                                 }
    324                         }
    325                 }
    326         }
    327 }
    328 
    329322// Open up the content width areas for BP screens to allow max widths.
    330 // This takes into account the ability to add/remove sidebars in 2017.
     323// This takes into account the ability to columnize pages in 2017.
    331324// Only effect changes based on breakpoints.
    332325
    333 @include medium-up {
     326@include med-small-up {
    334327
    335328        body.buddypress.page.page-two-column {
    336329
     
    337330                #primary {
    338331
    339332                        .entry-header {
    340                                 width: 20%;
     333                                width: 30%;
    341334                        }
    342335
    343336                        .entry-content {
    344                                 width: 80%;
     337                                width: 68%;
    345338                        }
    346339                }
    347340        }
     
    357350                        .content-bottom-widgets {
    358351                                margin-left: 0;
    359352                                margin-right: 0;
    360 //                              width: auto;
    361353                        }
    362354                }
    363355
     
    418410                        li {
    419411
    420412                                a {
    421                                         color: #0073c1;
     413                                        //color: #0073c1;
    422414
    423415                                        span {border-radius: 25%;}
    424416                                }
     
    428420
    429421} // close #buddypress
    430422
    431 // .bp-user #object-nav @ small screen as a dropdown
    432423
    433 .bp-user {
    434 
    435         #buddypress {
    436 
    437                 @include small-only {
    438 
    439                         #object-nav {
    440                                 background: $off-white;
    441                                 border: 1px solid $border-light;
    442                                 overflow: visible;
    443                                 padding: $spacing-val-sm;
    444 
    445                                 ul {
    446                                         border: 0;
    447                                         height: 0;
    448                                         // all latest vendor releases handle transitions, so no prefixes used.
    449                                         transition: height 0.3s ease-in-out 0.7s;
    450                                         visibility: hidden;
    451                                 }
    452 
    453                                 &:before {
    454                                         content: "Menu \021E9";
    455                                         display: inline;
    456                                         opacity: 0.7;
    457                                 }
    458 
    459                                 &:hover,
    460                                 &:focus {
    461                                         &:before {content: "Menu \021E7";}
    462 
    463                                         ul {
    464                                                 height: 320px;
    465                                                 opacity: 1;
    466                                                 overflow-y: auto;
    467                                                 visibility: visible;
    468                                         }
    469                                 }
    470                         }
    471 
    472                         #subnav {
    473                                 clear: both;
    474                         }
    475 
    476                 } // close @media
    477         }
    478 }
    479 
    480424/*__ Horizontal menus __*/
    481425#buddypress {
    482426
     
    569513// This block contains rules to re-factor the item-body structural element
    570514// to sit alongside the vert menu
    571515// 2017 right sidebar is displayed if the widget sidebar has widgets;
    572 // we'll only display object nav as a vert menu if sidebar not present.
     516// we'll only display object nav as a vert menu if not .two-column-page.
    573517
    574518@include medium-up {
    575519
    576         body.no-sidebar {
     520        body:not(.page-two-column) {
    577521
    578522                #buddypress {
    579523
     
    770714        }
    771715
    772716        .action {
     717
    773718                .generic-button {
     719
    774720                        a {
     721
    775722                                &:focus,
    776723                                &:hover {
    777724                                        background: inherit;
     
    917864                                        // Provisionally lets keep the 'action' div
    918865                                        // position but inline-block the buttons
    919866
    920                                         @include med-small-up {
     867                                        @include small-up {
    921868                                                // keep buttons to a row small tablet up
    922869                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    923870                                                width: auto;
     
    10881035                li.mini {
    10891036
    10901037                        .activity-avatar {
     1038
    10911039                                a {
     1040
    10921041                                        img.avatar {
    10931042                                                height: 30px;
    10941043                                                margin-left: 15px;
     
    11091058                        margin-top: -12px;
    11101059
    11111060                        .activity-header {
    1112                                 line-height: inherit;
     1061                                //line-height: inherit;
    11131062                                margin-right: 0;
    11141063
    11151064                                p {
     
    11211070                                }
    11221071
    11231072                                img.avatar {
     1073                                        box-shadow: none;
    11241074                                        display: inline-block;
    1125                                         margin-bottom: 0 !important; // have to match to BP
     1075                                        margin: 0 5px !important; // have to match to BP
     1076                                        vertical-align: middle;
    11261077                                }
    11271078                        } // close .activity-header
    11281079
    11291080                        .activity-meta {
     1081
    11301082                                a {
    11311083                                        display: block;
    11321084                                        margin-bottom: $spacing-val-xs;
    11331085
    1134                                         @include small-up-bp {
     1086                                        @include small-up {
    11351087                                                display: inline-block;
    11361088                                                margin-bottom: 0;
     1089                                                width: auto;
    11371090                                        }
    11381091                                }
    11391092                        }
     
    11971150
    11981151                .activity-comments {
    11991152                        border-left: 1px solid $border-light;
    1200                         margin-top: 5px;
    12011153
     1154                        margin: $spacing-val-md 0 $spacing-val-md ;
     1155
     1156                        @include small-up {
     1157                                margin-left: $spacing-val-md;
     1158                        }
     1159
     1160                        @include medium-up {
     1161                                margin-left: $spacing-val-lg;
     1162                        }
     1163
    12021164                        ul {
    1203                                 background: rgba($light-background, 0.6);
    12041165                                color: #737373;
    12051166                                margin: 15px 0 0 2px;
    12061167
     
    13181279* @subsection 6.1 - Item Header Global
    13191280*-----------------------------------------------------------
    13201281*/
     1282        @include med-small-up {
    13211283
     1284
     1285        .bp-user.page-two-column {
     1286
     1287                #buddypress {
     1288
     1289                        #cover-image-container {
     1290
     1291                                #item-header-cover-image {
     1292
     1293
     1294                                }
     1295                        }
     1296
     1297                        #cover-image-container {
     1298
     1299                                #item-header-cover-image {
     1300
     1301                                        #item-header-content {
     1302                                                margin-left: 140px;
     1303                                                margin-top: -100px;
     1304                                        }
     1305                                }
     1306                        }
     1307                }
     1308        }
     1309
     1310        .single-item.groups.page-two-column {
     1311
     1312                #buddypress {
     1313
     1314                        #cover-image-container {
     1315
     1316                                #item-header-cover-image {
     1317
     1318                                        #item-header-content {
     1319                                                margin-left: 10px;
     1320                                        }
     1321                                }
     1322                        }
     1323                }
     1324        }
     1325}
     1326
    13221327.bp-user,
    13231328.single-item.groups {
    13241329
    13251330        #buddypress {
    13261331
     1332                // we need to remove the cover image dec styles
     1333                // & reset them for med up  only.
     1334                #item-header-cover-image {
     1335                        .user-nicename {
     1336                                color: $body-text;
     1337                                text-shadow: none;
     1338                        }
     1339                }
     1340
     1341                @include med-small-up {
     1342
     1343                        #item-header-cover-image {
     1344
     1345                                .user-nicename {
     1346                                        color: $white;
     1347                                        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
     1348                                }
     1349                        }
     1350                }
     1351
    13271352                #item-header-content {
    13281353
    13291354                        #item-meta {
     
    17781803
    17791804                .pag-count {font-style: italic;}
    17801805
    1781                 .notifications-options-nav {
    1782                         border: 1px solid rgba($border-color, 0.5);
     1806                .notifications-options-nav,
     1807                .messages-options-nav {
     1808
    17831809                        float: left;
    17841810                        width: 100%;
    17851811
     
    17931819
    17941820                        select,
    17951821                        input {
    1796                                 border: 0;
     1822
    17971823                                @include font-size(14);
    17981824                                outline: 0;
    17991825                                padding: 0;
     
    18011827
    18021828                        select {
    18031829                                float: left;
    1804                                 margin-right: 0;
    1805                                 width: 60%;
     1830                                margin-right: 1%;
     1831                                width: 59%;
    18061832                        }
    18071833
    18081834                        input {
     
    18121838                                width: 40%;
    18131839                        }
    18141840
    1815                 } // close .notifications-options-nav
     1841                        input[disabled="disabled"]:focus,
     1842                        input[disabled="disabled"]:hover {
     1843                                background: none;
     1844                        }
    18161845
     1846
     1847                } // close .notifications-options-nav/.messages-options-nav
     1848
    18171849        } //close #buddypress
    18181850} // close .bp-user
    18191851
     
    18371869                                }
    18381870
    18391871                                table {margin-top: 0;}
     1872
     1873                                .profile-fields {
     1874                                        tr:last-child {
     1875                                                border-bottom: none;
     1876                                        }
     1877                                }
     1878
    18401879                        }
     1880
    18411881                        /* Edit profile */
    18421882
    18431883                        #profile-edit-form {
     
    19321972
    19331973                #message-thread {
    19341974                        //Single message view
     1975
    19351976                        a {
    19361977                                border-bottom: 0;
    19371978                        }
     
    19792020                        }
    19802021
    19812022                        #send-reply {
     2023
    19822024                                .message-content {
    19832025                                        background: $content-background;
    19842026                                        border: 0;
     
    19942036                #message-threads {
    19952037
    19962038                        thead {
     2039
    19972040                                tr {
    1998                                         background: lighten($dark-background, 10%);
     2041                                        background: none;
     2042                                        border-bottom: 1px solid $border-color;
     2043
     2044
     2045                                        th {
     2046                                                background: #555;
     2047                                        }
    19992048                                }
    20002049                        }
    20012050
    20022051                        tr {
     2052                                border-bottom: 5px solid $medium-grey;
     2053
    20032054                                td {
    20042055                                        background: $content-background;
    20052056                                        display: inline-block;
     
    20082059
    20092060                                td.thread-star,
    20102061                                td.thread-options {
    2011                                         border-bottom-color: $medium-background;
    2012                                         border-bottom-width: 2px;
     2062                                        border-bottom-color: $border-color;
     2063                                        border-bottom-width: 1px;
    20132064                                        height: 2.4em;
    20142065                                        padding-bottom: 0.2em;
    20152066                                        padding-top: 0.2em;
     
    20192070                                        }
    20202071                                }
    20212072
     2073                                td.bulk-select-check,
     2074                                td.thread-star,
     2075                                td.thread-from,
     2076                                td.thread-info,
     2077                                td.thread-options {
     2078                                        border-top: 0;
     2079                                }
     2080
    20222081                                td.thread-star {
    20232082                                        vertical-align: middle;
    20242083
     
    20802139                        }
    20812140
    20822141                        tr.unread {
     2142
    20832143                                td {
    2084                                         background: $unread;
     2144                                        background: none;
    20852145                                        border-color: $border-color;
    20862146                                }
    20872147                        }
     
    21042164                        }
    21052165                }
    21062166
    2107                 .messages-options-nav {
    2108                         select {
    2109                                 height: auto;
    2110                         }
    2111                 }
    2112 
    21132167                .acfb-holder {
    21142168                        list-style: none;
    21152169
     
    22952349
    22962350// Attempt to reset form control widths
    22972351#main {
     2352
    22982353        #buddypress {
     2354
    22992355                .standard-form {
    23002356
    2301                         li {float: none;}
     2357                        li {
     2358                                float: none;
     2359                        }
     2360
    23022361                        input[type='text'],
    23032362                        input[type='email'],
    23042363                        input[type='password'],
     
    23092368        }
    23102369}
    23112370
    2312 
    23132371#buddypress {
    23142372
    23152373        // Match BP form elements to Themes(2017) styling where styles
     
    24722530                margin: $spacing-val-md 0;
    24732531
    24742532                tr th {
    2475                         background: lighten($dark-background, 10%);
    2476                         border-color: darken($border-light, 20%);
    2477                         color: $content-background;
     2533                        background: $light-background;
     2534                        border-color: $border-light;
     2535                        color: $body-text;
    24782536                }
    24792537
    24802538                // Reduce the themes inherited paragraph margins in tables
     
    25362594                }
    25372595
    25382596        } // .notifications, .message-notices
     2597
     2598        .notifications { // table element
     2599                .actions { // th element
     2600                        text-align: center;
     2601                }
     2602        }
    25392603} // #buddypress
    25402604
    25412605/**