Skip to:
Content

BuddyPress.org

Changeset 9880


Ignore:
Timestamp:
05/19/2015 08:04:56 PM (10 years ago)
Author:
hnla
Message:

Update twentyfourteen companion styles

  • Adjust minor padding margin issues.
  • Port table message thread style for notices loop.
  • Add small margin for item-body with no content display, counter 2014 sidebar clash.
  • Add small styling group settings screen.

See #6338

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

Legend:

Unmodified
Added
Removed

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

    r9872 r9880  
    5757
    5858.buddypress .site-content {
     59  padding-bottom: 20px;
    5960  padding-top: 4%; }
    6061  @media screen and (min-width: 59.6875em) {
    … …  
    169170      border-right: 0;
    170171      border-left: 0;
    171       margin: 0 -20px 40px; }
     172      margin: 0 -20px 20px; }
    172173      #buddypress #item-body #subnav li:focus, #buddypress #item-body #subnav li:hover {
    173174        background: #bebebe; }
    … …  
    250251    #buddypress ul.item-list li .item {
    251252      float: right;
    252       width: 60%; }
     253      width: 55%; }
    253254      #buddypress ul.item-list li .item div.item-desc {
    254255        margin: 0;
    … …  
    406407/* groups & user account page entry title */
    407408.single-item.groups .entry-title, .bp-user .entry-title {
    408   background: #333333;
     409  background: #4d4d4d;
    409410  color: #fff;
    410411  font-size: 22px;
    … …  
    429430    clear: both;
    430431    margin-bottom: 5px;
    431     padding-top: 20px; }
     432    padding-top: 10px; }
    432433    #buddypress div#item-header #message p {
    433434      margin-bottom: 0; }
    … …  
    528529/**
    529530*-------------------------------------------------
    530 * @subsection 6.2.1 - item-body: groups
     531* @subsection 6.2.1 - item-body: Groups
    531532*-------------------------------------------------
    532533*/
    … …  
    536537    *------------------------------
    537538    */
    538 /* manage members */
     539/* Settings */
     540#group-settings-form .radio strong, #create-group-form .radio strong {
     541  font-size: 18px;
     542  font-size: 1.125rem; }
     543#group-settings-form .radio ul, #create-group-form .radio ul {
     544  color: #777777; }
     545#group-settings-form #group-creation-previous, #create-group-form #group-creation-previous {
     546  margin: 10px 0; }
     547
     548/* Manage Members */
    539549.groups.manage-members #group-settings-form h4 {
    540550  margin-top: 40px; }
    … …  
    569579/**
    570580    *------------------------------
    571     * 6.2.1.2 - Group members list
     581    * 6.2.1.2 - Group Members List
    572582    *------------------------------
    573583    */
    … …  
    688698    */
    689699#buddypress {
    690   /* Read Single thread */ }
     700  /* Read Single thread */
     701  /* Sitewide Notices loop */ }
    691702  #buddypress table#message-threads {
    692703    border-right: 1px solid rgba(0, 0, 0, 0.2);
    … …  
    765776      width: 30px; }
    766777  #buddypress #message-thread #message-subject {
    767     background: #333333;
     778    background: #4d4d4d;
    768779    color: #fff;
    769780    padding: 0.5em; }
    … …  
    773784    clear: right;
    774785    margin-right: 0; }
     786  #buddypress #message-threads.sitewide-notices td {
     787    width: 100%; }
     788    #buddypress #message-threads.sitewide-notices td strong {
     789      background: #4d4d4d;
     790      color: #fff;
     791      font-size: 16px;
     792      font-size: 1rem;
     793      display: block;
     794      margin-bottom: 0.4em;
     795      padding: 0.2em; }
     796    #buddypress #message-threads.sitewide-notices td a {
     797      display: inline-block;
     798      line-height: initial; }
     799  #buddypress #message-threads.sitewide-notices td:first-child {
     800    display: none; }
     801  #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     802    border-bottom: 0; }
     803    #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     804      line-height: 1; }
     805  #buddypress #message-threads.sitewide-notices td:last-child {
     806    border-bottom-color: rgba(0, 0, 0, 0.2);
     807    line-height: 1;
     808    text-align: left; }
     809    #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     810      line-height: 0;
     811      margin-right: 0.7em;
     812      text-indent: -999em; }
     813    #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     814      content: attr(title);
     815      display: block;
     816      line-height: initial;
     817      text-indent: 0; }
    775818
    776819/**

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

    r9872 r9880  
    5757
    5858.buddypress .site-content {
     59  padding-bottom: 20px;
    5960  padding-top: 4%; }
    6061  @media screen and (min-width: 59.6875em) {
    … …  
    169170      border-left: 0;
    170171      border-right: 0;
    171       margin: 0 -20px 40px; }
     172      margin: 0 -20px 20px; }
    172173      #buddypress #item-body #subnav li:focus, #buddypress #item-body #subnav li:hover {
    173174        background: #bebebe; }
    … …  
    250251    #buddypress ul.item-list li .item {
    251252      float: left;
    252       width: 60%; }
     253      width: 55%; }
    253254      #buddypress ul.item-list li .item div.item-desc {
    254255        margin: 0;
    … …  
    406407/* groups & user account page entry title */
    407408.single-item.groups .entry-title, .bp-user .entry-title {
    408   background: #333333;
     409  background: #4d4d4d;
    409410  color: #fff;
    410411  font-size: 22px;
    … …  
    429430    clear: both;
    430431    margin-bottom: 5px;
    431     padding-top: 20px; }
     432    padding-top: 10px; }
    432433    #buddypress div#item-header #message p {
    433434      margin-bottom: 0; }
    … …  
    528529/**
    529530*-------------------------------------------------
    530 * @subsection 6.2.1 - item-body: groups
     531* @subsection 6.2.1 - item-body: Groups
    531532*-------------------------------------------------
    532533*/
    … …  
    536537    *------------------------------
    537538    */
    538 /* manage members */
     539/* Settings */
     540#group-settings-form .radio strong, #create-group-form .radio strong {
     541  font-size: 18px;
     542  font-size: 1.125rem; }
     543#group-settings-form .radio ul, #create-group-form .radio ul {
     544  color: #777777; }
     545#group-settings-form #group-creation-previous, #create-group-form #group-creation-previous {
     546  margin: 10px 0; }
     547
     548/* Manage Members */
    539549.groups.manage-members #group-settings-form h4 {
    540550  margin-top: 40px; }
    … …  
    569579/**
    570580    *------------------------------
    571     * 6.2.1.2 - Group members list
     581    * 6.2.1.2 - Group Members List
    572582    *------------------------------
    573583    */
    … …  
    688698    */
    689699#buddypress {
    690   /* Read Single thread */ }
     700  /* Read Single thread */
     701  /* Sitewide Notices loop */ }
    691702  #buddypress table#message-threads {
    692703    border-left: 1px solid rgba(0, 0, 0, 0.2);
    … …  
    765776      width: 30px; }
    766777  #buddypress #message-thread #message-subject {
    767     background: #333333;
     778    background: #4d4d4d;
    768779    color: #fff;
    769780    padding: 0.5em; }
    … …  
    773784    clear: left;
    774785    margin-left: 0; }
     786  #buddypress #message-threads.sitewide-notices td {
     787    width: 100%; }
     788    #buddypress #message-threads.sitewide-notices td strong {
     789      background: #4d4d4d;
     790      color: #fff;
     791      font-size: 16px;
     792      font-size: 1rem;
     793      display: block;
     794      margin-bottom: 0.4em;
     795      padding: 0.2em; }
     796    #buddypress #message-threads.sitewide-notices td a {
     797      display: inline-block;
     798      line-height: initial; }
     799  #buddypress #message-threads.sitewide-notices td:first-child {
     800    display: none; }
     801  #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     802    border-bottom: 0; }
     803    #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     804      line-height: 1; }
     805  #buddypress #message-threads.sitewide-notices td:last-child {
     806    border-bottom-color: rgba(0, 0, 0, 0.2);
     807    line-height: 1;
     808    text-align: right; }
     809    #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     810      line-height: 0;
     811      margin-left: 0.7em;
     812      text-indent: -999em; }
     813    #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     814      content: attr(title);
     815      display: block;
     816      line-height: initial;
     817      text-indent: 0; }
    775818
    776819/**

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

    r9872 r9880  
    119119// titles dark backgrounds
    120120@mixin title-background-dark() {
    121     background: lighten($dark-background, 20%);
     121    background: lighten($dark-background, 30%);
    122122    color: $dark-back-text-color;
    123123}
    … …  
    222222
    223223    .site-content {
     224        padding-bottom: $spacing-val-md;
    224225        padding-top: 4%;
    225226
    … …  
    238239            }
    239240
    240             #buddypress { margin-bottom: $spacing-val-lg; }
    241             } // .article
    242         } // .content
     241            #buddypress {
     242                margin-bottom: $spacing-val-lg;
     243            }
     244
     245        } // .article
     246    } // .content
    243247} // .buddypress ( body class )
    244248
    … …  
    430434                border-left: 0;
    431435                border-right: 0;
    432                 margin: 0 (-$spacing-val-md) $spacing-val-lg;
     436                margin: 0 (-$spacing-val-md) $spacing-val-md;
    433437
    434438                li:focus,
    … …  
    588592                .item {
    589593                    float: left;
    590                     width: 60%;
     594                    width: 55%;
    591595
    592596                    div.item-desc {
    … …  
    899903            clear: both;
    900904            margin-bottom: $spacing-val-xs;
    901             padding-top: $spacing-val-md;
     905            padding-top: $spacing-val-sm;
    902906
    903907            p {margin-bottom: 0;}
    … …  
    10671071/**
    10681072*-------------------------------------------------
    1069 * @subsection 6.2.1 - item-body: groups
     1073* @subsection 6.2.1 - item-body: Groups
    10701074*-------------------------------------------------
    10711075*/
    … …  
    10771081    */
    10781082
    1079 /* manage members */
     1083/* Settings */
     1084
     1085#group-settings-form,
     1086#create-group-form {
     1087
     1088    .radio {
     1089        strong {
     1090            @include font-size(18);
     1091        }
     1092
     1093        ul {
     1094            color: lighten($body-text, 30%);
     1095        }
     1096    }
     1097
     1098    #group-creation-previous {margin: $spacing-val-sm 0;}
     1099}
     1100
     1101/* Manage Members */
    10801102.groups.manage-members {
    10811103    #group-settings-form {
    … …  
    11271149/**
    11281150    *------------------------------
    1129     * 6.2.1.2 - Group members list
     1151    * 6.2.1.2 - Group Members List
    11301152    *------------------------------
    11311153    */
    … …  
    14741496    }
    14751497
     1498    /* Sitewide Notices loop */
     1499    #message-threads.sitewide-notices {
     1500        td {
     1501            width: 100%;
     1502
     1503            strong {
     1504                @include title-background-dark();
     1505                @include font-size(16);
     1506                display: block;
     1507                margin-bottom: 0.4em;
     1508                padding: 0.2em;
     1509            }
     1510
     1511            a {
     1512                display: inline-block;
     1513                line-height: initial;
     1514            }
     1515        }
     1516
     1517        td:first-child {
     1518            display: none;
     1519        }
     1520
     1521        td:first-child + td + td {
     1522        // notice date
     1523            border-bottom: 0;
     1524
     1525            span {
     1526                line-height: 1;
     1527            }
     1528        }
     1529
     1530        td:last-child {
     1531        // notice actions
     1532            border-bottom-color: $border-med;
     1533            line-height: 1;
     1534            text-align: right;
     1535
     1536            a:last-child {
     1537            // hide the 'x' text
     1538                line-height: 0;
     1539                margin-left: 0.7em;
     1540                text-indent: -999em;
     1541            }
     1542
     1543            a:last-child::after {
     1544                content: attr(title);
     1545                display: block;
     1546                line-height: initial;
     1547                text-indent: 0;
     1548            }
     1549        }
     1550    }
     1551
    14761552} // close #buddypress - user acounts item-body
    14771553
Note: See TracChangeset for help on using the changeset viewer.