Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
04/18/2015 07:20:40 PM (9 years ago)
Author:
djpaul
Message:

Update CSS for the twentyfifteen companion stylesheet.

See #6291

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r9766 r9769  
    1818>>> TABLE OF CONTENTS:
    1919----------------------------------------------------------------
    20 1.0 Theme Structural Elements
     201.0 Theme Structural Elements & overrides
    21212.0 - Navigation - General
    2222    2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
    … …  
    25254.0 - BP Lists / Loops Generic
    2626    4.1 - Activity Loop
    27         4.1.1 - Activity Listing
    28         4.1.2 - Activity Comments
     27        4.1.1 Whats New Activity
     28        4.1.2 - Activity Listing
     29        4.1.3 - Activity Comments
    2930    4.2 - Members Loop
    3031    4.3 - Groups Loop
    … …  
    4546/**
    4647*-------------------------------------------------------------------------------
    47 * @section 1.0 - Theme - Structural Elements
    48 *-------------------------------------------------------------------------------
    49 */
     48* @section 1.0 - Theme - Structural Elements & overrides
     49*-------------------------------------------------------------------------------
     50*/
     51#buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 {
     52  clear: none; }
     53
    5054.buddypress div.clear {
    51   display: none;
    52 }
     55  display: none; }
    5356.buddypress main {
    54   padding-top: 4%;
    55 }
    56 @media screen and (min-width: 59.6875em) {
    57   .buddypress main {
    58     padding-top: 0;
    59   }
    60 }
    61 .buddypress main article {
    62   margin: 0 4%;
    63   padding-top: 8.3333%;
    64 }
    65 @media screen and (min-width: 59.6875em) {
     57  padding-top: 4%; }
     58  @media screen and (min-width: 59.6875em) {
     59    .buddypress main {
     60      padding-top: 0; } }
    6661  .buddypress main article {
    67     margin: 0 0 0 1px;
    68   }
    69 }
    70 @media screen and (min-width: 87.6875em) {
    71   .buddypress main article {
    72     margin: 0 4.3333% 0 8.3333%;
    73   }
    74 }
    75 .buddypress main article .entry-header,
    76 .buddypress main article .entry-content {
    77   padding: 0 2rem 2rem;
    78 }
    79 .buddypress main article #buddypress {
    80   margin-bottom: 40px;
    81 }
     62    margin: 0 4%;
     63    padding-top: 8.3333%; }
     64    @media screen and (min-width: 59.6875em) {
     65      .buddypress main article {
     66        margin: 0 0 0 1px; } }
     67    @media screen and (min-width: 87.6875em) {
     68      .buddypress main article {
     69        margin: 0 4.3333% 0 8.3333%; } }
     70    .buddypress main article .entry-header, .buddypress main article .entry-content {
     71      padding: 0 2rem 2rem; }
     72    .buddypress main article #buddypress {
     73      margin-bottom: 40px; }
    8274.buddypress .site-footer {
    83   margin: 0 4%;
    84 }
    85 @media screen and (min-width: 59.6875em) {
    86   .buddypress .site-footer {
    87     margin: 0 0 0 35.2941%;
    88     width: 61.8235%;
    89   }
    90 }
     75  margin: 0 4%; }
     76  @media screen and (min-width: 59.6875em) {
     77    .buddypress .site-footer {
     78      margin: 0 0 0 35.2941%;
     79      width: 61.8235%; } }
    9180
    9281/**
    … …  
    9584*-------------------------------------------------------------------------------
    9685*/
    97 .buddypress #buddypress .item-list-tabs a,
    98 .buddypress #buddypress .activity-header a,
    99 .buddypress #buddypress .activity-inner a,
    100 .buddypress #buddypress .activity-comments a,
    101 .buddypress #buddypress .item-title a,
    102 .buddypress #buddypress .load-more a,
    103 .buddypress #buddypress .field-visibility-settings-toggle a,
    104 .buddypress #buddypress #latest-update a,
    105 .buddypress #buddypress table a {
    106   border-bottom: 0;
    107 }
    108 .buddypress #buddypress .pagination-links a,
    109 .buddypress #buddypress .pagination-links span {
    110   border-bottom: 0;
    111 }
     86.buddypress #buddypress .item-list-tabs a, .buddypress #buddypress .activity-header a, .buddypress #buddypress .activity-inner a, .buddypress #buddypress .activity-comments a, .buddypress #buddypress .item-title a, .buddypress #buddypress .load-more a, .buddypress #buddypress .field-visibility-settings-toggle a, .buddypress #buddypress #latest-update a, .buddypress #buddypress table a, .buddypress #buddypress .avatar-nav-items a {
     87  border-bottom: 0; }
     88.buddypress #buddypress .pagination-links a, .buddypress #buddypress .pagination-links span {
     89  border-bottom: 0; }
    11290
    11391/**
    … …  
    11997*/
    12098#buddypress {
    121   /*__ Horizontal menus __*/
    122 }
    123 #buddypress div.item-list-tabs ul li.selected a {
    124   background: #555;
    125   color: #fff;
    126   opacity: 1;
    127 }
    128 #buddypress div.item-list-tabs ul {
    129   background-color: #f7f7f7;
    130   border-bottom: 1px solid rgba(153, 153, 153, 0.4);
    131   overflow: hidden;
    132   padding: 5px 0;
    133 }
    134 #buddypress #object-nav ul {
    135   overflow: hidden;
    136 }
    137 #buddypress #object-nav ul li {
    138   float: none;
    139 }
    140 #buddypress #object-nav ul li:not(.selected) a {
    141   opacity: 0.7;
    142 }
    143 @media screen and (min-width: 38.75em) {
    144   #buddypress #object-nav ul li {
    145     float: left;
    146   }
    147 }
    148 #buddypress div#subnav.item-list-tabs {
    149   margin-top: 0;
    150 }
    151 #buddypress div#subnav.item-list-tabs ul {
    152   background-color: #f7f7f7;
    153   border-bottom: 0;
    154   padding: 0;
    155 }
    156 #buddypress div#subnav.item-list-tabs ul li.last {
    157   background: #fff;
    158   margin-top: 0;
    159   padding: 5px 5px 5px 0;
    160   width: 100%;
    161 }
    162 #buddypress div#subnav.item-list-tabs ul li.last select,
    163 #buddypress div#subnav.item-list-tabs ul li.last select:focus {
    164   background: transparent;
    165   border: 0;
    166   outline: 0;
    167 }
    168 #buddypress div#subnav.item-list-tabs ul li.last select,
    169 #buddypress div#subnav.item-list-tabs ul li.last label,
    170 #buddypress div#subnav.item-list-tabs ul li.last option {
    171   font-size: 14px;
    172   font-size: 1.4rem;
    173 }
    174 #buddypress div#subnav.item-list-tabs ul li.last select {
    175   font-style: italic;
    176 }
    177 @media screen and (min-width: 38.75em) {
    178   #buddypress div#subnav.item-list-tabs ul li.last {
    179     text-align: right;
    180   }
    181 }
    182 #buddypress div.item-list-tabs ul li.selected a,
    183 #buddypress div.item-list-tabs ul li.current a {
    184   background: #555;
    185   color: #fff;
    186   opacity: 1;
    187 }
     99  /*__ Horizontal menus __*/ }
     100  #buddypress div.item-list-tabs ul li.selected a {
     101    background: #555;
     102    color: #fff;
     103    opacity: 1; }
     104  #buddypress div.item-list-tabs ul {
     105    background-color: #f7f7f7;
     106    border-bottom: 1px solid rgba(153, 153, 153, 0.4);
     107    overflow: hidden;
     108    padding: 5px 0; }
     109    #buddypress div.item-list-tabs ul li a span {
     110      border-radius: 25%; }
     111  #buddypress #object-nav ul {
     112    overflow: hidden; }
     113    #buddypress #object-nav ul li {
     114      float: none; }
     115    #buddypress #object-nav ul li:not(.selected) a {
     116      opacity: 0.7; }
     117    @media screen and (min-width: 38.75em) {
     118      #buddypress #object-nav ul li {
     119        float: left; } }
     120  #buddypress div#subnav.item-list-tabs {
     121    margin-top: 0; }
     122    #buddypress div#subnav.item-list-tabs ul {
     123      background-color: #f7f7f7;
     124      border-bottom: 0;
     125      padding: 0; }
     126      #buddypress div#subnav.item-list-tabs ul li.last {
     127        background: #fff;
     128        margin-top: 0;
     129        padding: 5px 5px 5px 0;
     130        width: 100%; }
     131        #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last select:focus {
     132          background: transparent;
     133          border: 0;
     134          outline: 0; }
     135        #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last label, #buddypress div#subnav.item-list-tabs ul li.last option {
     136          font-size: 14px;
     137          font-size: 1.4rem; }
     138        #buddypress div#subnav.item-list-tabs ul li.last select {
     139          font-style: italic; }
     140      @media screen and (min-width: 38.75em) {
     141        #buddypress div#subnav.item-list-tabs ul li.last {
     142          text-align: right; } }
     143  #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a {
     144    background: #555;
     145    color: #fff;
     146    opacity: 1; }
    188147
    189148/*__ Vertical menu User account screens __*/
    190149@media screen and (min-width: 55em) {
    191150  .bp-user #buddypress {
    192     background: #f7f7f7;
    193   }
    194   .bp-user #buddypress #item-header,
    195   .bp-user #buddypress #item-body {
    196     background: #fff;
    197   }
    198   .bp-user #buddypress #object-nav {
    199     border-right: 1px solid rgba(153, 153, 153, 0.1);
    200     float: left;
    201     margin-right: -1px;
    202     width: 200px;
    203   }
    204   .bp-user #buddypress #object-nav ul {
    205     border-bottom: 0;
    206     padding: 0;
    207   }
    208   .bp-user #buddypress #object-nav ul li {
     151    background: #f7f7f7; }
     152    .bp-user #buddypress #item-header, .bp-user #buddypress #item-body {
     153      background: #fff; }
     154    .bp-user #buddypress #object-nav {
     155      border-right: 1px solid rgba(153, 153, 153, 0.1);
     156      float: left;
     157      margin-right: -1px;
     158      width: 200px; }
     159      .bp-user #buddypress #object-nav ul {
     160        border-bottom: 0;
     161        padding: 0; }
     162        .bp-user #buddypress #object-nav ul li {
     163          float: none;
     164          overflow: hidden; }
     165          .bp-user #buddypress #object-nav ul li span {
     166            border-radius: 10%;
     167            float: right;
     168            margin-right: 15px; }
     169    .bp-user #buddypress #item-body {
     170      border-left: 1px solid #ddd;
     171      overflow: hidden;
     172      padding: 0 10px;
     173      width: auto; }
     174      .bp-user #buddypress #item-body #subnav {
     175        margin: 0 -10px; } }
     176
     177/**
     178*-------------------------------------------------------------------------------
     179* @section 2.2 - Pagination
     180*-------------------------------------------------------------------------------
     181*/
     182#buddypress div.pagination {
     183  box-shadow: none; }
     184  #buddypress div.pagination .pag-count {
     185    margin-left: 0; }
     186  #buddypress div.pagination .pagination-links {
     187    margin-right: 0; }
     188    #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a {
     189      height: auto;
     190      line-height: 1;
     191      padding: 5px; }
     192    #buddypress div.pagination .pagination-links .prev, #buddypress div.pagination .pagination-links .next {
     193      background-color: transparent;
     194      color: inherit;
     195      overflow: visible;
     196      width: auto; }
     197      #buddypress div.pagination .pagination-links .prev:before, #buddypress div.pagination .pagination-links .next:before {
     198        display: none; }
     199    #buddypress div.pagination .pagination-links .prev {
     200      left: auto;
     201      position: static; }
     202    #buddypress div.pagination .pagination-links .next {
     203      position: static;
     204      right: auto; }
     205
     206/**
     207*-------------------------------------------------------------------------------
     208* @section 4.0 - BP Lists / Loops Generic
     209*-------------------------------------------------------------------------------
     210*/
     211#buddypress ul.item-list li {
     212  overflow: hidden !important; }
     213  #buddypress ul.item-list li .item-avatar {
     214    margin-bottom: 10px;
     215    text-align: center; }
     216    @media screen and (min-width: 38.75em) {
     217      #buddypress ul.item-list li .item-avatar {
     218        margin-bottom: 0; } }
     219    #buddypress ul.item-list li .item-avatar a {
     220      border-bottom: 0; }
     221    #buddypress ul.item-list li .item-avatar img.avatar {
     222      display: inline-block;
     223      float: none; }
     224      @media screen and (min-width: 38.75em) {
     225        #buddypress ul.item-list li .item-avatar img.avatar {
     226          display: block;
     227          float: left; } }
     228  #buddypress ul.item-list li .item {
     229    margin-left: 25%; }
     230    #buddypress ul.item-list li .item span.activity {
     231      font-style: italic; }
     232    #buddypress ul.item-list li .item .item-desc {
     233      margin-left: 0;
     234      width: 70%; }
     235  @media screen and (min-width: 59.6875em) {
     236    #buddypress ul.item-list li .item-avatar, #buddypress ul.item-list li .item, #buddypress ul.item-list li .action {
     237      float: left; }
     238    #buddypress ul.item-list li .item {
     239      left: 10%;
     240      margin-left: 0;
     241      position: relative;
     242      width: 55%; } }
     243  #buddypress ul.item-list li div.action {
     244    clear: left;
    209245    float: none;
    210     overflow: hidden;
    211   }
    212   .bp-user #buddypress #object-nav ul li span {
    213     border-radius: 10%;
    214     float: right;
    215     margin-right: 15px;
    216   }
    217   .bp-user #buddypress #item-body {
    218     border-left: 1px solid #ddd;
    219     overflow: hidden;
    220     padding: 0 10px;
    221     width: auto;
    222   }
    223   .bp-user #buddypress #item-body #subnav {
    224     margin: 0 -10px;
    225   }
    226 }
    227 /**
    228 *-------------------------------------------------------------------------------
    229 * @section 2.2 - Pagination
    230 *-------------------------------------------------------------------------------
    231 */
    232 #buddypress div.pagination {
    233   box-shadow: none;
    234 }
    235 #buddypress div.pagination .pag-count {
     246    margin-bottom: -20px;
     247    margin-left: 0;
     248    padding: 20px 0 5px;
     249    position: relative;
     250    text-align: left;
     251    top: 0; }
     252    @media screen and (min-width: 59.6875em) {
     253      #buddypress ul.item-list li div.action {
     254        clear: none;
     255        float: right;
     256        margin-bottom: 0;
     257        padding: 0; } }
     258    #buddypress ul.item-list li div.action div {
     259      display: inline-block;
     260      margin: 10px 0;
     261      width: 100%; }
     262      #buddypress ul.item-list li div.action div a {
     263        display: block;
     264        width: 100%; }
     265      @media screen and (min-width: 38.75em) {
     266        #buddypress ul.item-list li div.action div {
     267          margin: 0 10px 10px 0;
     268          width: auto; } }
     269      @media screen and (min-width: 59.6875em) {
     270        #buddypress ul.item-list li div.action div {
     271          clear: right;
     272          float: right;
     273          margin: 0 0 10px 0; } }
     274    #buddypress ul.item-list li div.action .meta {
     275      font-style: italic; }
     276
     277/**
     278*-------------------------------------------------------------------------------
     279* @section 4.1 - Activity
     280*-------------------------------------------------------------------------------
     281*/
     282/**
     283*-------------------------------------------------------------------------------
     284* @section 4.1.1 - Activity Whats New
     285*-------------------------------------------------------------------------------
     286*/
     287#buddypress form#whats-new-form textarea {
     288  width: 100%; }
     289#buddypress form#whats-new-form #whats-new-options[style] {
     290  min-height: 6rem; }
     291#buddypress #item-body form#whats-new-form {
     292  margin: 40px 0; }
     293
     294/**
     295*-------------------------------------------------------------------------------
     296* @section 4.1.2 - Activity Listing
     297*-------------------------------------------------------------------------------
     298*/
     299#buddypress .activity-list li .activity-avatar a img.avatar {
     300  height: 60px;
    236301  margin-left: 0;
    237 }
    238 #buddypress div.pagination .pagination-links {
    239   margin-right: 0;
    240 }
    241 #buddypress div.pagination .pagination-links span,
    242 #buddypress div.pagination .pagination-links a {
    243   height: auto;
    244   line-height: 1;
    245   padding: 5px;
    246 }
    247 #buddypress div.pagination .pagination-links .prev,
    248 #buddypress div.pagination .pagination-links .next {
    249   background-color: transparent;
    250   color: inherit;
    251   overflow: visible;
    252   width: auto;
    253 }
    254 #buddypress div.pagination .pagination-links .prev:before,
    255 #buddypress div.pagination .pagination-links .next:before {
    256   display: none;
    257 }
    258 #buddypress div.pagination .pagination-links .prev {
    259   left: auto;
    260   position: static;
    261 }
    262 #buddypress div.pagination .pagination-links .next {
    263   position: static;
    264   right: auto;
    265 }
    266 
    267 /**
    268 *-------------------------------------------------------------------------------
    269 * @section 4.0 - BP Lists / Loops Generic
    270 *-------------------------------------------------------------------------------
    271 */
    272 #buddypress ul.item-list li {
    273   overflow: hidden !important;
    274 }
    275 #buddypress ul.item-list li .item .item-desc {
    276   margin-left: 0;
    277   width: auto;
    278 }
    279 @media screen and (min-width: 59.6875em) {
    280   #buddypress ul.item-list li .item-avatar,
    281   #buddypress ul.item-list li .item,
    282   #buddypress ul.item-list li .action {
    283     float: left;
    284   }
    285   #buddypress ul.item-list li .item {
    286     left: 10%;
    287     position: relative;
    288     width: 55%;
    289   }
    290 }
    291 #buddypress ul.item-list li div.action {
    292   clear: left;
    293   float: none;
    294   margin-bottom: -20px;
    295   margin-left: 0;
    296   padding: 20px 0 5px;
    297   position: relative;
    298   text-align: left;
    299   top: 0;
    300 }
    301 @media screen and (min-width: 59.6875em) {
    302   #buddypress ul.item-list li div.action {
    303     clear: none;
    304     float: right;
    305     margin-bottom: 0;
    306     padding: 0;
    307   }
    308 }
    309 #buddypress ul.item-list li div.action div {
    310   display: inline-block;
    311   margin: 10px 0;
    312   width: 100%;
    313 }
    314 #buddypress ul.item-list li div.action div a {
    315   display: block;
    316   width: 100%;
    317 }
    318 @media screen and (min-width: 38.75em) {
    319   #buddypress ul.item-list li div.action div {
    320     margin: 0 10px 10px 0;
    321     width: auto;
    322   }
    323 }
    324 @media screen and (min-width: 59.6875em) {
    325   #buddypress ul.item-list li div.action div {
    326     clear: right;
    327     float: right;
    328     margin: 0 0 10px 0;
    329   }
    330 }
    331 #buddypress ul.item-list li div.action .meta {
    332   font-style: italic;
    333 }
    334 
    335 /**
    336 *-------------------------------------------------------------------------------
    337 * @section 4.1 - Activity
    338 *-------------------------------------------------------------------------------
    339 */
    340 /**
    341 *-------------------------------------------------------------------------------
    342 * @section 4.1.2 - Activity Whats New
    343 *-------------------------------------------------------------------------------
    344 */
    345 #buddypress form#whats-new-form textarea {
    346   width: 100%;
    347 }
    348 #buddypress form#whats-new-form #whats-new-options[style] {
    349   min-height: 6rem;
    350 }
    351 #buddypress #item-body form#whats-new-form {
    352   margin: 40px 0;
    353 }
    354 
    355 /**
    356 *-------------------------------------------------------------------------------
    357 * @section 4.1.2 - Activity Listing
    358 *-------------------------------------------------------------------------------
    359 */
     302  width: 60px; }
     303#buddypress .activity-list li.mini .activity-avatar a img.avatar {
     304  height: 30px;
     305  margin-left: 15px;
     306  width: 30px; }
     307#buddypress .activity-list li.mini .activity-content .activity-header {
     308  font-size: 13px;
     309  font-size: 1.3rem; }
    360310#buddypress .activity-list .activity-content {
    361   margin-top: -12px;
    362 }
    363 #buddypress .activity-list .activity-content .activity-header img.avatar {
    364   display: inline-block;
    365 }
    366 #buddypress .activity-list .load-more a {
    367   display: block;
    368 }
    369 
    370 /**
    371 *-------------------------------------------------------------------------------
    372 * @section 4.2 - Members Loop
    373 *-------------------------------------------------------------------------------
    374 */
    375 @media screen and (min-width: 59.6875em) {
    376   #buddypress #members-list li .item-avatar,
    377   #buddypress #members-list li .item {
    378     float: left;
    379   }
    380   #buddypress #members-list li .action {
    381     float: right;
    382   }
    383 }
    384 
    385 /**
    386 *-------------------------------------------------------------------------------
    387 * @section 7.0 - Single User Account Screens
    388 *-------------------------------------------------------------------------------
    389 */
    390 .bp-user .entry-title {
    391   margin-bottom: .5em;
    392 }
    393 @media screen and (min-width: 77.5em) {
    394   .bp-user #buddypress #groups-list li .item {
    395     left: 5%;
    396     width: 50%;
    397   }
    398 }
    399 
    400 /**
    401 *-------------------------------------------------------------------------------
    402 * @section 8.0 - Forms  - General
    403 *-------------------------------------------------------------------------------
    404 */
    405 #buddypress #item-body .standard-form li {
    406   float: none;
    407 }
    408 #buddypress #item-body .standard-form input[type='text'],
    409 #buddypress #item-body .standard-form textarea {
    410   width: 100%;
    411 }
    412 #buddypress div.dir-search,
    413 #buddypress div.message-search {
    414   float: none;
    415   margin: 10px 0;
    416 }
    417 #buddypress div.dir-search form,
    418 #buddypress div.message-search form {
    419   border: 1px solid rgba(153, 153, 153, 0.4);
    420   overflow: hidden;
    421 }
    422 #buddypress div.dir-search form label,
    423 #buddypress div.message-search form label {
    424   float: left;
    425   width: 80%;
    426 }
    427 #buddypress div.dir-search form input[type='text'],
    428 #buddypress div.message-search form input[type='text'] {
    429   float: left;
    430   margin: 0;
    431   width: 80%;
    432 }
    433 #buddypress div.dir-search form input[type='text'],
    434 #buddypress div.dir-search form input[type='submit'],
    435 #buddypress div.message-search form input[type='text'],
    436 #buddypress div.message-search form input[type='submit'] {
    437   font-size: 14px;
    438   font-size: 1.4rem;
    439   border: 0;
    440   line-height: inherit;
    441 }
    442 #buddypress div.dir-search form input[type='text'],
    443 #buddypress div.message-search form input[type='text'] {
    444   border-right: 1px solid rgba(153, 153, 153, 0.4);
    445   padding: 0.2em 0 0.2em 0.2em;
    446 }
    447 #buddypress div.dir-search form input[type='submit'],
    448 #buddypress div.message-search form input[type='submit'] {
    449   float: right;
    450   font-weight: normal;
    451   padding: 0.2em 1em;
    452   text-align: center;
    453   text-transform: none;
    454   width: 20%;
    455 }
    456 @media screen and (min-width: 38.75em) {
    457   #buddypress div.dir-search,
    458   #buddypress div.message-search {
    459     float: right;
    460     margin-bottom: 5px !important;
    461   }
    462   #buddypress div.dir-search form label,
    463   #buddypress div.dir-search form input[type='text'],
    464   #buddypress div.dir-search form input[type='submit'],
    465   #buddypress div.message-search form label,
    466   #buddypress div.message-search form input[type='text'],
    467   #buddypress div.message-search form input[type='submit'] {
    468     width: auto;
    469   }
    470   #buddypress div.message-search {
    471     margin-right: 10px;
    472   }
    473 }
    474 @media screen and (min-width: 77.5em) {
    475   #buddypress .dir-search form input[type='text'],
    476   #buddypress .message-search form input[type='text'] {
     311  margin-top: -12px; }
     312  #buddypress .activity-list .activity-content .activity-header {
    477313    font-size: 16px;
    478314    font-size: 1.6rem;
    479   }
    480   #buddypress .dir-search form input[type='submit'],
    481   #buddypress .message-search form input[type='submit'] {
     315    line-height: inherit;
     316    margin-right: 0; }
     317    #buddypress .activity-list .activity-content .activity-header p {
     318      background-color: #f7f7f7;
     319      border: 1px solid rgba(234, 234, 234, 0.6);
     320      padding: 0 .2em; }
     321    #buddypress .activity-list .activity-content .activity-header img.avatar {
     322      display: inline-block;
     323      margin-bottom: 0 !important; }
     324  #buddypress .activity-list .activity-content .activity-meta a {
     325    display: block;
     326    margin-bottom: 5px; }
     327    @media screen and (min-width: 38.75em) {
     328      #buddypress .activity-list .activity-content .activity-meta a {
     329        display: inline-block;
     330        margin-bottom: 0; } }
     331#buddypress .activity-list .load-more a {
     332  display: block; }
     333
     334/**
     335*-------------------------------------------------------------------------------
     336* @section 4.1.3 - Activity Comments
     337*-------------------------------------------------------------------------------
     338*/
     339#buddypress .activity .activity-comments {
     340  border-left: 1px solid #eaeaea;
     341  margin-top: 5px; }
     342  #buddypress .activity .activity-comments ul {
     343    background: rgba(247, 247, 247, 0.6);
     344    margin: 30px 0 0 2px; }
     345  #buddypress .activity .activity-comments .ac-form input[type="submit"], #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     346    color: rgba(51, 51, 51, 0.8);
     347    display: inline-block;
     348    font-family: inherit;
     349    font-size: 12px;
     350    font-size: 1.2rem;
     351    font-weight: normal;
     352    line-height: 1.2;
     353    padding: 4px 10px;
     354    text-transform: lowercase;
     355    width: 100px; }
     356  #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     357    border: 1px solid rgba(153, 153, 153, 0.7);
     358    text-align: center; }
     359    #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover {
     360      background: #ededed; }
     361
     362/**
     363*-------------------------------------------------------------------------------
     364* @section 4.2 - Members Loop
     365*-------------------------------------------------------------------------------
     366*/
     367#buddypress #members-list {
     368  /*
     369        li {
     370            .item {
     371                .update {
     372                    border-left: 1px solid rgba($border-color, .4);
     373                    display: block;
     374                    margin: .5em 0;
     375                    padding-left: .3em;
     376                }
     377            }
     378        }
     379*/ }
     380  @media screen and (min-width: 59.6875em) {
     381    #buddypress #members-list li .item-avatar, #buddypress #members-list li .item {
     382      float: left; }
     383    #buddypress #members-list li .action {
     384      float: right; } }
     385
     386/**
     387*-------------------------------------------------------------------------------
     388* @section 7.0 - Single User Account Screens
     389*-------------------------------------------------------------------------------
     390*/
     391.bp-user .entry-title {
     392  margin-bottom: .5em; }
     393.bp-user #buddypress {
     394  /* General elements & classes, pagination, filters */
     395  /* Item Header */
     396  /* Profile */
     397  /* Groups */
     398  /* Messages / Notifications */ }
     399  .bp-user #buddypress table th {
     400    font-size: 14px;
     401    font-size: 1.4rem; }
     402  .bp-user #buddypress table td {
     403    font-size: 12px;
     404    font-size: 1.2rem; }
     405  @media screen and (min-width: 46.25em) {
     406    .bp-user #buddypress table th {
     407      font-size: 16px;
     408      font-size: 1.6rem; }
     409    .bp-user #buddypress table td {
     410      font-size: 14px;
     411      font-size: 1.4rem; } }
     412  @media screen and (min-width: 77.5em) {
     413    .bp-user #buddypress table th {
     414      font-size: 18px;
     415      font-size: 1.8rem; }
     416    .bp-user #buddypress table td {
     417      font-size: 16px;
     418      font-size: 1.6rem; } }
     419  .bp-user #buddypress .pag-count {
     420    font-style: italic; }
     421  .bp-user #buddypress .notifications-options-nav {
     422    border: 1px solid rgba(153, 153, 153, 0.5);
     423    float: left;
     424    width: 100%; }
     425    @media screen and (min-width: 38.75em) {
     426      .bp-user #buddypress .notifications-options-nav {
     427        width: 300px; } }
     428    .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input {
     429      border: 0;
     430      font-size: 14px;
     431      font-size: 1.4rem;
     432      outline: 0;
     433      padding: 0; }
     434    .bp-user #buddypress .notifications-options-nav select {
     435      float: left;
     436      margin-right: 0;
     437      width: 60%; }
     438    .bp-user #buddypress .notifications-options-nav input {
     439      float: right;
     440      font-family: inherit;
     441      line-height: 20px;
     442      width: 40%; }
     443  .bp-user #buddypress #item-header {
     444    padding: 20px 0; }
     445    .bp-user #buddypress #item-header #item-header-avatar {
     446      text-align: center;
     447      width: 100%; }
     448      .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     449        border-bottom: 0;
     450        display: inline-block;
     451        float: none; }
     452    @media screen and (min-width: 46.25em) {
     453      .bp-user #buddypress #item-header #item-header-avatar {
     454        float: left;
     455        width: 20%; }
     456        .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     457          float: left;
     458          width: 100%; }
     459      .bp-user #buddypress #item-header #item-header-content {
     460        float: right;
     461        margin-right: 5%;
     462        width: 69%; } }
     463  .bp-user #buddypress .profile .bp-widget h4 {
     464    background: rgba(85, 85, 85, 0.8);
     465    color: #fff;
     466    margin-bottom: 0;
     467    padding: .4em; }
     468  .bp-user #buddypress .profile .bp-widget table {
     469    margin-top: 0; }
     470  .bp-user #buddypress .bp-avatar-nav ul:before, .bp-user #buddypress .bp-avatar-nav ul:after {
     471    content: " ";
     472    display: table; }
     473  .bp-user #buddypress .bp-avatar-nav ul:after {
     474    clear: both; }
     475  .bp-user #buddypress .bp-avatar-nav ul {
     476    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
     477    margin-bottom: 20px; }
     478    .bp-user #buddypress .bp-avatar-nav ul li.current {
     479      border: 1px solid rgba(153, 153, 153, 0.5);
     480      border-bottom-color: #fff;
     481      border-top-left-radius: 4px;
     482      border-top-right-radius: 4px;
     483      margin-bottom: -1px; }
     484      .bp-user #buddypress .bp-avatar-nav ul li.current a {
     485        background: none;
     486        outline: 0; }
     487  @media screen and (min-width: 77.5em) {
     488    .bp-user #buddypress #groups-list li .item {
     489      left: 5%;
     490      width: 50%; } }
     491
     492/**
     493*-------------------------------------------------------------------------------
     494* @section 8.0 - Forms  - General
     495*-------------------------------------------------------------------------------
     496*/
     497#buddypress div.activity-comments form .ac-textarea {
     498  background: #f7f7f7;
     499  border: 1px solid rgba(153, 153, 153, 0.3); }
     500  #buddypress div.activity-comments form .ac-textarea textarea {
     501    background: none;
     502    border: 0; }
     503#buddypress select {
     504  border: 1px solid rgba(153, 153, 153, 0.5); }
     505
     506#buddypress #item-body .standard-form li {
     507  float: none; }
     508#buddypress #item-body .standard-form input[type='text'], #buddypress #item-body .standard-form textarea {
     509  width: 100%; }
     510#buddypress div.dir-search, #buddypress div.message-search {
     511  float: none;
     512  margin: 10px 0; }
     513  #buddypress div.dir-search form, #buddypress div.message-search form {
     514    border: 1px solid rgba(153, 153, 153, 0.4);
     515    overflow: hidden; }
     516    #buddypress div.dir-search form label, #buddypress div.message-search form label {
     517      float: left;
     518      width: 80%; }
     519    #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {
     520      float: left;
     521      margin: 0;
     522      width: 80%; }
     523    #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] {
     524      font-size: 14px;
     525      font-size: 1.4rem;
     526      border: 0;
     527      line-height: inherit; }
     528    #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {
     529      border-right: 1px solid rgba(153, 153, 153, 0.4);
     530      padding: 0.2em 0 0.2em 0.2em; }
     531    #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'] {
     532      float: right;
     533      font-weight: normal;
     534      padding: 0.2em 1em;
     535      text-align: center;
     536      text-transform: none;
     537      width: 20%; }
     538@media screen and (min-width: 38.75em) {
     539  #buddypress div.dir-search, #buddypress div.message-search {
     540    float: right;
     541    margin-bottom: 5px !important; }
     542    #buddypress div.dir-search form label, #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form label, #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] {
     543      width: auto; }
     544  #buddypress div.message-search {
     545    margin-right: 10px; } }
     546@media screen and (min-width: 77.5em) {
     547  #buddypress .dir-search form input[type='text'], #buddypress .message-search form input[type='text'] {
    482548    font-size: 16px;
    483     font-size: 1.6rem;
    484   }
    485 }
     549    font-size: 1.6rem; }
     550  #buddypress .dir-search form input[type='submit'], #buddypress .message-search form input[type='submit'] {
     551    font-size: 16px;
     552    font-size: 1.6rem; } }
    486553
    487554/**
    … …  
    493560  font-size: 14px;
    494561  font-size: 1.4rem;
    495   margin: 20px 0;
    496 }
     562  margin: 20px 0; }
    497563@media screen and (min-width: 55em) {
    498564  #buddypress table {
    499565    font-size: 16px;
    500     font-size: 1.6rem;
    501   }
    502 }
     566    font-size: 1.6rem; } }
    503567
    504568/*__ User Account tables __*/
    505 #buddypress .notifications th,
    506 #buddypress .messages-notices th {
    507   width: 30%;
    508 }
    509 #buddypress .notifications th.bulk-select-all,
    510 #buddypress .messages-notices th.bulk-select-all {
    511   text-align: center;
    512   width: 10%;
    513 }
    514 #buddypress .notifications .bulk-select-check,
    515 #buddypress .messages-notices .bulk-select-check {
    516   text-align: center;
    517 }
    518 #buddypress .notifications .notification-actions,
    519 #buddypress .notifications td.thread-options,
    520 #buddypress .messages-notices .notification-actions,
    521 #buddypress .messages-notices td.thread-options {
    522   text-align: center;
    523 }
    524 #buddypress .notifications .notification-actions a,
    525 #buddypress .notifications td.thread-options a,
    526 #buddypress .messages-notices .notification-actions a,
    527 #buddypress .messages-notices td.thread-options a {
    528   display: inline-block;
    529   margin: 0;
    530   padding: 0;
    531 }
    532 #buddypress .notifications td .button,
    533 #buddypress .messages-notices td .button {
     569#buddypress .notifications th, #buddypress .messages-notices th {
     570  width: 30%; }
     571  #buddypress .notifications th.bulk-select-all, #buddypress .messages-notices th.bulk-select-all {
     572    text-align: center;
     573    width: 10%; }
     574#buddypress .notifications .bulk-select-check, #buddypress .messages-notices .bulk-select-check {
     575  text-align: center; }
     576#buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options {
     577  text-align: center; }
     578  #buddypress .notifications .notification-actions a, #buddypress .notifications td.thread-options a, #buddypress .messages-notices .notification-actions a, #buddypress .messages-notices td.thread-options a {
     579    display: inline-block;
     580    margin: 0;
     581    padding: 0; }
     582#buddypress .notifications td .button, #buddypress .messages-notices td .button {
    534583  border: 0;
    535584  display: block;
    536585  padding: 0;
    537   text-align: center;
    538 }
    539 
    540 /*# sourceMappingURL=twentyfifteen.css.map */
     586  text-align: center; }
Note: See TracChangeset for help on using the changeset viewer.