Skip to:
Content

BuddyPress.org

Changeset 9880


Ignore:
Timestamp:
05/19/2015 08:04:56 PM (11 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.