Skip to:
Content

BuddyPress.org

Changeset 9903


Ignore:
Timestamp:
05/31/2015 08:44:45 AM (11 years ago)
Author:
johnjamesjacoby
Message:

Theme Compat: Update Twenty Fifteen and Twenty Fourteen styling.

Includes whitespace fixes from updated grunt-sass parameters.

Props mercime, hnla. Fixes #6461.

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

Legend:

Unmodified
Added
Removed

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

    r9899 r9903  
     1@charset "UTF-8";
    12/*------------------------------------------------------------------------------
    23
    … …  
    5859*-------------------------------------------------------------------------------
    5960*/
    60 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 {
    61   clear: none; }
     61#buddypress h1,
     62#buddypress h2,
     63#buddypress h3,
     64#buddypress h4,
     65#buddypress h5,
     66#buddypress h6 {
     67        clear: none;
     68}
    6269
    6370.buddypress div.clear {
    64   display: none; }
     71        display: none;
     72}
     73
    6574.buddypress main {
    66   padding-top: 4%; }
    67   @media screen and (min-width: 59.6875em) {
    68     .buddypress main {
    69       padding-top: 0; } }
    70   .buddypress main article {
    71     margin: 0 4%;
    72     padding-top: 8.3333%; }
    73     @media screen and (min-width: 59.6875em) {
    74       .buddypress main article {
    75         margin: 0 1px 0 0; } }
    76     @media screen and (min-width: 87.6875em) {
    77       .buddypress main article {
    78         margin: 0 8.3333% 0 4.3333%; } }
    79     .buddypress main article .entry-header, .buddypress main article .entry-content {
    80       padding: 0 3rem 3rem 3rem; }
    81     .buddypress main article #buddypress {
    82       margin-bottom: 40px; }
     75        padding-top: 4%;
     76}
     77
     78@media screen and (min-width: 59.6875em) {
     79        .buddypress main {
     80                padding-top: 0;
     81        }
     82}
     83
     84.buddypress main article {
     85        margin: 0 4%;
     86        padding-top: 8.3333%;
     87}
     88
     89@media screen and (min-width: 59.6875em) {
     90        .buddypress main article {
     91                margin: 0 1px 0 0;
     92        }
     93}
     94
     95@media screen and (min-width: 87.6875em) {
     96        .buddypress main article {
     97                margin: 0 8.3333% 0 4.3333%;
     98        }
     99}
     100
     101.buddypress main article .entry-header,
     102.buddypress main article .entry-content {
     103        padding: 0 3rem 3rem 3rem;
     104}
     105
     106.buddypress main article #buddypress {
     107        margin-bottom: 40px;
     108}
     109
    83110.buddypress .site-footer {
    84   margin: 0 4%; }
    85   @media screen and (min-width: 59.6875em) {
    86     .buddypress .site-footer {
    87       margin: 0 35.2941% 0 0;
    88       width: 61.8235%; } }
     111        margin: 0 4%;
     112}
     113
     114@media screen and (min-width: 59.6875em) {
     115        .buddypress .site-footer {
     116                margin: 0 35.2941% 0 0;
     117                width: 61.8235%;
     118        }
     119}
    89120
    90121/**
    … …  
    93124*-------------------------------------------------------------------------------
    94125*/
    95 .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 {
    96   border-bottom: 0; }
    97 .buddypress #buddypress .pagination-links a, .buddypress #buddypress .pagination-links span {
    98   border-bottom: 0; }
     126.buddypress #buddypress .item-list-tabs a,
     127.buddypress #buddypress .activity-header a,
     128.buddypress #buddypress .activity-inner a,
     129.buddypress #buddypress .activity-comments a,
     130.buddypress #buddypress .item-title a,
     131.buddypress #buddypress .load-more a,
     132.buddypress #buddypress .field-visibility-settings-toggle a,
     133.buddypress #buddypress #latest-update a,
     134.buddypress #buddypress table a,
     135.buddypress #buddypress .avatar-nav-items a {
     136        border-bottom: 0;
     137}
     138
     139.buddypress #buddypress .pagination-links a,
     140.buddypress #buddypress .pagination-links span {
     141        border-bottom: 0;
     142}
    99143
    100144/**
    … …  
    106150*/
    107151#buddypress {
    108   /*__ Horizontal menus __*/ }
    109   #buddypress div.item-list-tabs ul li.selected a {
    110     background: #555;
    111     color: #fff;
    112     opacity: 1; }
    113   #buddypress div.item-list-tabs ul {
    114     background-color: #f7f7f7;
    115     border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    116     border-top: 1px solid rgba(234, 234, 234, 0.9);
    117     overflow: hidden;
    118     padding: 5px 0; }
    119     #buddypress div.item-list-tabs ul li a span {
    120       border-radius: 25%; }
    121   #buddypress #object-nav ul {
    122     overflow: hidden; }
    123     #buddypress #object-nav ul li {
    124       float: none; }
    125     #buddypress #object-nav ul li:not(.selected) a {
    126       opacity: 0.7; }
    127     @media screen and (min-width: 38.75em) {
    128       #buddypress #object-nav ul li {
    129         float: right; } }
    130   #buddypress div#subnav.item-list-tabs {
    131     margin-top: 0; }
    132     #buddypress div#subnav.item-list-tabs ul {
    133       background-color: #f7f7f7;
    134       border-bottom: 0;
    135       padding: 0; }
    136       #buddypress div#subnav.item-list-tabs ul li.last {
    137         background: #fff;
    138         margin-top: 0;
    139         padding: 5px 0 5px 5px;
    140         width: 100%; }
    141         #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last select:focus {
    142           background: transparent;
    143           border: 0;
    144           outline: 0; }
    145         #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 {
    146           font-size: 14px;
    147           font-size: 1.4rem; }
    148         #buddypress div#subnav.item-list-tabs ul li.last select {
    149           font-style: italic; }
    150       @media screen and (min-width: 38.75em) {
    151         #buddypress div#subnav.item-list-tabs ul li.last {
    152           text-align: left; } }
    153   #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a {
    154     background: #555;
    155     color: #fff;
    156     opacity: 1; }
     152        /*__ Horizontal menus __*/
     153}
     154
     155#buddypress div.item-list-tabs ul li.selected a {
     156        background: #555;
     157        color: #fff;
     158        opacity: 1;
     159}
     160
     161#buddypress div.item-list-tabs ul {
     162        background-color: #f7f7f7;
     163        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
     164        border-top: 1px solid rgba(234, 234, 234, 0.9);
     165        overflow: hidden;
     166        padding: 5px 0;
     167}
     168
     169#buddypress div.item-list-tabs ul li a span {
     170        border-radius: 25%;
     171}
     172
     173#buddypress #object-nav ul {
     174        overflow: hidden;
     175}
     176
     177#buddypress #object-nav ul li {
     178        float: none;
     179}
     180
     181#buddypress #object-nav ul li:not(.selected) a {
     182        opacity: 0.7;
     183}
     184
     185@media screen and (min-width: 38.75em) {
     186        #buddypress #object-nav ul li {
     187                float: right;
     188        }
     189}
     190
     191#buddypress div#subnav.item-list-tabs {
     192        margin-top: 0;
     193}
     194
     195#buddypress div#subnav.item-list-tabs ul {
     196        background-color: #f7f7f7;
     197        border-bottom: 0;
     198        padding: 0;
     199}
     200
     201#buddypress div#subnav.item-list-tabs ul li.last {
     202        background: #fff;
     203        margin-top: 0;
     204        padding: 5px 0 5px 5px;
     205        width: 100%;
     206}
     207
     208#buddypress div#subnav.item-list-tabs ul li.last select,
     209#buddypress div#subnav.item-list-tabs ul li.last select:focus {
     210        background: transparent;
     211        border: 0;
     212        outline: 0;
     213}
     214
     215#buddypress div#subnav.item-list-tabs ul li.last select,
     216#buddypress div#subnav.item-list-tabs ul li.last label,
     217#buddypress div#subnav.item-list-tabs ul li.last option {
     218        font-size: 14px;
     219        font-size: 1.4rem;
     220}
     221
     222#buddypress div#subnav.item-list-tabs ul li.last select {
     223        font-style: italic;
     224}
     225
     226@media screen and (min-width: 38.75em) {
     227        #buddypress div#subnav.item-list-tabs ul li.last {
     228                text-align: left;
     229        }
     230}
     231
     232#buddypress div.item-list-tabs ul li.selected a,
     233#buddypress div.item-list-tabs ul li.current a {
     234        background: #555;
     235        color: #fff;
     236        opacity: 1;
     237}
    157238
    158239/*__ Vertical menu User Account / Group single screens __*/
    159240@media screen and (min-width: 55em) {
    160   .bp-user #buddypress, .single-item.groups #buddypress {
    161     background: #f7f7f7; }
    162   #buddypress #item-header, #buddypress #item-body {
    163     background: #fff; }
    164   #buddypress #object-nav {
    165     border-left: 1px solid #ddd;
    166     float: right;
    167     margin-left: -1px;
    168     width: 200px; }
    169     #buddypress #object-nav ul {
    170       border-bottom: 0;
    171       padding: 0; }
    172       #buddypress #object-nav ul li {
    173         float: none;
    174         overflow: hidden; }
    175         #buddypress #object-nav ul li span {
    176           background: #fff;
    177           border-radius: 10%;
    178           float: left;
    179           margin-left: 2px; }
    180   #buddypress #item-body {
    181     border-right: 1px solid #ddd;
    182     overflow: hidden;
    183     padding: 0 20px 0 0;
    184     width: auto; }
    185     #buddypress #item-body #subnav {
    186       margin: 0 -20px 0 0; } }
     241        .bp-user #buddypress,
     242        .single-item.groups #buddypress {
     243                background: #f7f7f7;
     244        }
     245        #buddypress #item-header,
     246        #buddypress #item-body {
     247                background: #fff;
     248        }
     249        #buddypress #object-nav {
     250                border-left: 1px solid #ddd;
     251                float: right;
     252                margin-left: -1px;
     253                width: 200px;
     254        }
     255        #buddypress #object-nav ul {
     256                border-bottom: 0;
     257                padding: 0;
     258        }
     259        #buddypress #object-nav ul li {
     260                float: none;
     261                overflow: hidden;
     262        }
     263        #buddypress #object-nav ul li span {
     264                background: #fff;
     265                border-radius: 10%;
     266                float: left;
     267                margin-left: 2px;
     268        }
     269        #buddypress #item-body {
     270                border-right: 1px solid #ddd;
     271                overflow: hidden;
     272                padding: 0 20px 0 0;
     273                width: auto;
     274        }
     275        #buddypress #item-body #subnav {
     276                margin: 0 -20px 0 0;
     277        }
     278}
    187279
    188280/**
    … …  
    192284*/
    193285#buddypress div.pagination {
    194   box-shadow: none; }
    195   #buddypress div.pagination .pag-count {
    196     margin-right: 0; }
    197   #buddypress div.pagination .pagination-links {
    198     margin-left: 0; }
    199     #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a {
    200       height: auto;
    201       line-height: 1;
    202       padding: 5px; }
    203     #buddypress div.pagination .pagination-links .prev, #buddypress div.pagination .pagination-links .next {
    204       background-color: transparent;
    205       color: inherit;
    206       overflow: visible;
    207       width: auto; }
    208       #buddypress div.pagination .pagination-links .prev:before, #buddypress div.pagination .pagination-links .next:before {
    209         display: none; }
    210     #buddypress div.pagination .pagination-links .prev {
    211       right: auto;
    212       position: static; }
    213     #buddypress div.pagination .pagination-links .next {
    214       position: static;
    215       left: auto; }
     286        box-shadow: none;
     287}
     288
     289#buddypress div.pagination .pag-count {
     290        margin-right: 0;
     291}
     292
     293#buddypress div.pagination .pagination-links {
     294        margin-left: 0;
     295}
     296
     297#buddypress div.pagination .pagination-links span,
     298#buddypress div.pagination .pagination-links a {
     299        height: auto;
     300        line-height: 1;
     301        padding: 5px;
     302}
     303
     304#buddypress div.pagination .pagination-links .prev,
     305#buddypress div.pagination .pagination-links .next {
     306        background-color: transparent;
     307        color: inherit;
     308        overflow: visible;
     309        width: auto;
     310}
     311
     312#buddypress div.pagination .pagination-links .prev:before,
     313#buddypress div.pagination .pagination-links .next:before {
     314        display: none;
     315}
     316
     317#buddypress div.pagination .pagination-links .prev {
     318        right: auto;
     319        position: static;
     320}
     321
     322#buddypress div.pagination .pagination-links .next {
     323        position: static;
     324        left: auto;
     325}
    216326
    217327/**
    … …  
    220330*-------------------------------------------------------------------------------
    221331*/
    222 #buddypress .item-list .activity-header, #buddypress .item-list .activity-meta {
    223   font-family: "Noto Sans", sans-serif; }
     332#buddypress .item-list .activity-header,
     333#buddypress .item-list .activity-meta {
     334        font-family: "Noto Sans", sans-serif;
     335}
    224336
    225337#buddypress ul.item-list li {
    226   overflow: hidden !important; }
    227   #buddypress ul.item-list li .item-avatar {
    228     margin-bottom: 10px;
    229     text-align: center; }
    230     @media screen and (min-width: 38.75em) {
    231       #buddypress ul.item-list li .item-avatar {
    232         margin-bottom: 0; } }
    233     #buddypress ul.item-list li .item-avatar a {
    234       border-bottom: 0; }
    235     #buddypress ul.item-list li .item-avatar img.avatar {
    236       display: inline-block;
    237       float: none; }
    238       @media screen and (min-width: 38.75em) {
    239         #buddypress ul.item-list li .item-avatar img.avatar {
    240           display: block;
    241           float: right; } }
    242   #buddypress ul.item-list li .item {
    243     margin-right: 25%; }
    244     #buddypress ul.item-list li .item span.activity {
    245       font-style: italic; }
    246     #buddypress ul.item-list li .item .item-desc {
    247       margin-right: 0;
    248       width: 70%; }
    249   @media screen and (min-width: 59.6875em) {
    250     #buddypress ul.item-list li .item-avatar, #buddypress ul.item-list li .item, #buddypress ul.item-list li .action {
    251       float: right; }
    252     #buddypress ul.item-list li .item {
    253       right: 10%;
    254       margin-right: 0;
    255       position: relative;
    256       width: 55%; } }
    257   #buddypress ul.item-list li div.action {
    258     clear: right;
    259     float: none;
    260     margin-bottom: -20px;
    261     margin-right: 0;
    262     padding: 20px 0 5px;
    263     position: relative;
    264     text-align: right;
    265     top: 0; }
    266     @media screen and (min-width: 59.6875em) {
    267       #buddypress ul.item-list li div.action {
    268         clear: none;
    269         float: left;
    270         margin-bottom: 0;
    271         padding: 0; } }
    272     #buddypress ul.item-list li div.action div {
    273       display: inline-block;
    274       margin: 10px 0;
    275       width: 100%; }
    276       #buddypress ul.item-list li div.action div a {
    277         display: block;
    278         width: 100%; }
    279       @media screen and (min-width: 38.75em) {
    280         #buddypress ul.item-list li div.action div {
    281           margin: 0 0 10px 10px;
    282           width: auto; } }
    283       @media screen and (min-width: 59.6875em) {
    284         #buddypress ul.item-list li div.action div {
    285           clear: left;
    286           float: left;
    287           margin: 0 0 10px 0; } }
    288     #buddypress ul.item-list li div.action .meta {
    289       font-style: italic; }
     338        overflow: hidden !important;
     339}
     340
     341#buddypress ul.item-list li .item-avatar {
     342        margin-bottom: 10px;
     343        text-align: center;
     344}
     345
     346@media screen and (min-width: 38.75em) {
     347        #buddypress ul.item-list li .item-avatar {
     348                margin-bottom: 0;
     349        }
     350}
     351
     352#buddypress ul.item-list li .item-avatar a {
     353        border-bottom: 0;
     354}
     355
     356#buddypress ul.item-list li .item-avatar img.avatar {
     357        display: inline-block;
     358        float: none;
     359}
     360
     361@media screen and (min-width: 38.75em) {
     362        #buddypress ul.item-list li .item-avatar img.avatar {
     363                display: block;
     364                float: right;
     365        }
     366}
     367
     368#buddypress ul.item-list li .item {
     369        margin-right: 25%;
     370}
     371
     372#buddypress ul.item-list li .item span.activity {
     373        font-style: italic;
     374}
     375
     376#buddypress ul.item-list li .item .item-desc {
     377        margin-right: 0;
     378        width: 70%;
     379}
     380
     381@media screen and (min-width: 59.6875em) {
     382        #buddypress ul.item-list li .item-avatar,
     383        #buddypress ul.item-list li .item,
     384        #buddypress ul.item-list li .action {
     385                float: right;
     386        }
     387        #buddypress ul.item-list li .item {
     388                right: 10%;
     389                margin-right: 0;
     390                position: relative;
     391                width: 55%;
     392        }
     393}
     394
     395#buddypress ul.item-list li div.action {
     396        clear: right;
     397        float: none;
     398        margin-bottom: -20px;
     399        margin-right: 0;
     400        padding: 20px 0 5px;
     401        position: relative;
     402        text-align: right;
     403        top: 0;
     404}
     405
     406@media screen and (min-width: 59.6875em) {
     407        #buddypress ul.item-list li div.action {
     408                clear: none;
     409                float: left;
     410                margin-bottom: 0;
     411                padding: 0;
     412        }
     413}
     414
     415#buddypress ul.item-list li div.action div {
     416        display: inline-block;
     417        margin: 10px 0;
     418        width: 100%;
     419}
     420
     421#buddypress ul.item-list li div.action div a {
     422        display: block;
     423        width: 100%;
     424}
     425
     426@media screen and (min-width: 38.75em) {
     427        #buddypress ul.item-list li div.action div {
     428                margin: 0 0 10px 10px;
     429                width: auto;
     430        }
     431}
     432
     433@media screen and (min-width: 59.6875em) {
     434        #buddypress ul.item-list li div.action div {
     435                clear: left;
     436                float: left;
     437                margin: 0 0 10px 0;
     438        }
     439}
     440
     441#buddypress ul.item-list li div.action .meta {
     442        font-style: italic;
     443}
    290444
    291445/**
    … …  
    300454*/
    301455#buddypress form#whats-new-form p.activity-greeting {
    302   line-height: 1.4; }
     456        line-height: 1.4;
     457}
     458
    303459#buddypress form#whats-new-form textarea {
    304   width: 100%; }
     460        width: 100%;
     461}
     462
    305463@media screen and (max-width: 30em) {
    306   #buddypress form#whats-new-form #whats-new-post-in-box select {
    307     font-size: 14px;
    308     font-size: 1.4rem;
    309     max-width: 120px; } }
     464        #buddypress form#whats-new-form #whats-new-post-in-box select {
     465                font-size: 14px;
     466                font-size: 1.4rem;
     467                max-width: 120px;
     468        }
     469}
     470
    310471@media screen and (max-width: 38.75em) {
    311   #buddypress form#whats-new-form #whats-new-content {
    312     clear: right;
    313     margin: 10px 0 40px;
    314     padding: 10px 0 0; }
    315     #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
    316       float: none; }
    317       #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
    318         width: 100%; }
    319   #buddypress form#whats-new-form #whats-new-options {
    320     display: flex;
    321     flex-direction: column; }
    322     #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
    323       order: 2; }
    324     #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
    325       order: 1; } }
     472        #buddypress form#whats-new-form #whats-new-content {
     473                clear: right;
     474                margin: 10px 0 40px;
     475                padding: 10px 0 0;
     476        }
     477        #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
     478                float: none;
     479        }
     480        #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
     481                width: 100%;
     482        }
     483        #buddypress form#whats-new-form #whats-new-options {
     484                display: flex;
     485                flex-direction: column;
     486        }
     487        #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
     488                order: 2;
     489        }
     490        #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
     491                order: 1;
     492        }
     493}
     494
    326495#buddypress form#whats-new-form #whats-new-options[style] {
    327   min-height: 6rem;
    328   overflow: visible; }
    329   #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    330     border: 1px solid rgba(153, 153, 153, 0.5);
    331     float: right;
    332     line-height: 1.5em;
    333     margin-top: 12px;
    334     padding-right: 0.2em;
    335     width: 100%; }
    336     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
    337       background: none;
    338       border: 0;
    339       float: left;
    340       margin: 0;
    341       min-height: 1.5em;
    342       outline: 0;
    343       padding-right: 0.4em; }
    344   @media screen and (min-width: 30em) {
    345     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    346       width: auto; }
    347     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
    348       float: left; } }
     496        min-height: 6rem;
     497        overflow: visible;
     498}
     499
     500#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     501        border: 1px solid rgba(153, 153, 153, 0.5);
     502        float: right;
     503        line-height: 1.5em;
     504        margin-top: 12px;
     505        padding-right: 0.2em;
     506        width: 100%;
     507}
     508
     509#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     510        background: none;
     511        border: 0;
     512        float: left;
     513        margin: 0;
     514        min-height: 1.5em;
     515        outline: 0;
     516        padding-right: 0.4em;
     517}
     518
     519@media screen and (min-width: 30em) {
     520        #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     521                width: auto;
     522        }
     523        #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     524                float: left;
     525        }
     526}
     527
    349528#buddypress #item-body form#whats-new-form {
    350   margin: 40px 0; }
     529        margin: 40px 0;
     530}
    351531
    352532/**
    … …  
    356536*/
    357537#buddypress #activity-stream li {
    358   padding: 25px 0 15px; }
    359   #buddypress #activity-stream li .activity-avatar {
    360     float: none;
    361     text-align: center; }
    362     #buddypress #activity-stream li .activity-avatar a {
    363       display: inline-block; }
    364       #buddypress #activity-stream li .activity-avatar a img.avatar {
    365         display: inline;
    366         float: none;
    367         height: 60px;
    368         margin-bottom: 20px;
    369         margin-right: 0;
    370         width: 60px; }
    371   #buddypress #activity-stream li .activity-content {
    372     margin-right: 0; }
    373     #buddypress #activity-stream li .activity-content .activity-header {
    374       font-size: 14px;
    375       font-size: 1.4rem; }
    376   @media screen and (min-width: 46.25em) {
    377     #buddypress #activity-stream li .activity-avatar {
    378       float: right;
    379       margin-left: 10px;
    380       text-align: right; }
    381       #buddypress #activity-stream li .activity-avatar a {
    382         border-bottom: 0; }
    383     #buddypress #activity-stream li .activity-content {
    384       margin: 0;
    385       overflow: hidden; }
    386       #buddypress #activity-stream li .activity-content .activity-header {
    387         font-size: 16px;
    388         font-size: 1.6rem; } }
     538        padding: 25px 0 15px;
     539}
     540
     541#buddypress #activity-stream li .activity-avatar {
     542        float: none;
     543        text-align: center;
     544}
     545
     546#buddypress #activity-stream li .activity-avatar a {
     547        display: inline-block;
     548}
     549
     550#buddypress #activity-stream li .activity-avatar a img.avatar {
     551        display: inline;
     552        float: none;
     553        height: 60px;
     554        margin-bottom: 20px;
     555        margin-right: 0;
     556        width: 60px;
     557}
     558
     559#buddypress #activity-stream li .activity-content {
     560        margin-right: 0;
     561}
     562
     563#buddypress #activity-stream li .activity-content .activity-header {
     564        font-size: 14px;
     565        font-size: 1.4rem;
     566}
     567
     568@media screen and (min-width: 46.25em) {
     569        #buddypress #activity-stream li .activity-avatar {
     570                float: right;
     571                margin-left: 10px;
     572                text-align: right;
     573        }
     574        #buddypress #activity-stream li .activity-avatar a {
     575                border-bottom: 0;
     576        }
     577        #buddypress #activity-stream li .activity-content {
     578                margin: 0;
     579                overflow: hidden;
     580        }
     581        #buddypress #activity-stream li .activity-content .activity-header {
     582                font-size: 16px;
     583                font-size: 1.6rem;
     584        }
     585}
     586
    389587#buddypress #activity-stream li.mini .activity-avatar a img.avatar {
    390   height: 30px;
    391   margin-right: 15px;
    392   width: 30px; }
     588        height: 30px;
     589        margin-right: 15px;
     590        width: 30px;
     591}
     592
    393593#buddypress #activity-stream li.mini .activity-content .activity-header {
    394   font-size: 13px;
    395   font-size: 1.3rem; }
     594        font-size: 13px;
     595        font-size: 1.3rem;
     596}
     597
    396598#buddypress #activity-stream .activity-content {
    397   margin-top: -12px; }
    398   #buddypress #activity-stream .activity-content .activity-header {
    399     line-height: inherit;
    400     margin-left: 0; }
    401     #buddypress #activity-stream .activity-content .activity-header p {
    402       background-color: #f7f7f7;
    403       border: 1px solid rgba(234, 234, 234, 0.6);
    404       padding: 0 0.2em; }
    405     #buddypress #activity-stream .activity-content .activity-header img.avatar {
    406       display: inline-block;
    407       margin-bottom: 0 !important; }
    408   #buddypress #activity-stream .activity-content .activity-meta a {
    409     display: block;
    410     margin: 0 0 5px; }
    411     @media screen and (min-width: 38.75em) {
    412       #buddypress #activity-stream .activity-content .activity-meta a {
    413         display: inline-block;
    414         margin: 0; } }
     599        margin-top: -12px;
     600}
     601
     602#buddypress #activity-stream .activity-content .activity-header {
     603        line-height: inherit;
     604        margin-left: 0;
     605}
     606
     607#buddypress #activity-stream .activity-content .activity-header p {
     608        background-color: #f7f7f7;
     609        border: 1px solid rgba(234, 234, 234, 0.6);
     610        padding: 0 0.2em;
     611}
     612
     613#buddypress #activity-stream .activity-content .activity-header img.avatar {
     614        display: inline-block;
     615        margin-bottom: 0 !important;
     616}
     617
     618#buddypress #activity-stream .activity-content .activity-meta a {
     619        display: block;
     620        margin: 0 0 5px;
     621}
     622
     623@media screen and (min-width: 38.75em) {
     624        #buddypress #activity-stream .activity-content .activity-meta a {
     625                display: inline-block;
     626                margin: 0;
     627        }
     628}
     629
    415630#buddypress #activity-stream .load-more {
    416   background: #f7f7f7;
    417   border: 1px solid transparent;
    418   padding: 10px; }
    419   #buddypress #activity-stream .load-more:focus, #buddypress #activity-stream .load-more:hover {
    420     background: #f4f4f4;
    421     border: 1px solid rgba(159, 209, 226, 0.3); }
    422     #buddypress #activity-stream .load-more:focus a, #buddypress #activity-stream .load-more:hover a {
    423       font-style: italic; }
    424   #buddypress #activity-stream .load-more a {
    425     display: block; }
     631        background: #f7f7f7;
     632        border: 1px solid transparent;
     633        padding: 10px;
     634}
     635
     636#buddypress #activity-stream .load-more:focus,
     637#buddypress #activity-stream .load-more:hover {
     638        background: #f4f4f4;
     639        border: 1px solid rgba(159, 209, 226, 0.3);
     640}
     641
     642#buddypress #activity-stream .load-more:focus a,
     643#buddypress #activity-stream .load-more:hover a {
     644        font-style: italic;
     645}
     646
     647#buddypress #activity-stream .load-more a {
     648        display: block;
     649}
    426650
    427651/* Single activity view  - activity permalink */
    428652.activity-permalink #buddypress {
    429   background: none; }
    430   .activity-permalink #buddypress #activity-stream li.activity-item {
    431     padding: 20px 0; }
    432   .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    433     font-size: 16px;
    434     font-size: 1.6rem;
    435     margin-bottom: 40px; }
    436     @media screen and (min-width: 46.25em) {
    437       .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    438         font-size: 20px;
    439         font-size: 2rem; } }
    440     .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
    441       padding: 20px; }
     653        background: none;
     654}
     655
     656.activity-permalink #buddypress #activity-stream li.activity-item {
     657        padding: 20px 0;
     658}
     659
     660.activity-permalink #buddypress #activity-stream li.mini .activity-header {
     661        font-size: 16px;
     662        font-size: 1.6rem;
     663        margin-bottom: 40px;
     664}
     665
     666@media screen and (min-width: 46.25em) {
     667        .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     668                font-size: 20px;
     669                font-size: 2rem;
     670        }
     671}
     672
     673.activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     674        padding: 20px;
     675}
    442676
    443677/**
    … …  
    447681*/
    448682#buddypress #activity-stream .activity-comments {
    449   margin: 10px 0 0; }
    450   #buddypress #activity-stream .activity-comments.has-comments {
    451     border-right: 1px solid #eaeaea; }
    452   #buddypress #activity-stream .activity-comments .ac-form {
    453     padding: 20px 0 0; }
    454   #buddypress #activity-stream .activity-comments > ul {
    455     background: rgba(247, 247, 247, 0.6);
    456     margin: 15px 2px 0 0; }
    457     @media screen and (min-width: 38.75em) {
    458       #buddypress #activity-stream .activity-comments > ul {
    459         margin-right: 70px; } }
    460     #buddypress #activity-stream .activity-comments > ul ul {
    461       margin-right: 1%;
    462       padding-right: 0; }
    463       @media screen and (min-width: 30em) {
    464         #buddypress #activity-stream .activity-comments > ul ul {
    465           margin-right: 1%;
    466           padding-right: 1em; } }
    467     #buddypress #activity-stream .activity-comments > ul ul li {
    468       border-right: 1px solid #eaeaea;
    469       border-top: 0;
    470       padding-right: 0.2em; }
    471     #buddypress #activity-stream .activity-comments > ul .acomment-meta {
    472       border-bottom: 1px solid #eaeaea;
    473       font-style: italic; }
    474     @media screen and (max-width: 38.75em) {
    475       #buddypress #activity-stream .activity-comments > ul .acomment-avatar {
    476         display: block;
    477         text-align: center; }
    478         #buddypress #activity-stream .activity-comments > ul .acomment-avatar a, #buddypress #activity-stream .activity-comments > ul .acomment-avatar img.avatar {
    479           display: inline;
    480           float: none; }
    481       #buddypress #activity-stream .activity-comments > ul .acomment-content, #buddypress #activity-stream .activity-comments > ul .acomment-meta, #buddypress #activity-stream .activity-comments > ul .acomment-options {
    482         margin: 5px; }
    483       #buddypress #activity-stream .activity-comments > ul .acomment-content {
    484         padding: 0 10px; } }
    485   #buddypress #activity-stream .activity-comments .ac-reply-avatar {
    486     display: none; }
    487   #buddypress #activity-stream .activity-comments .ac-reply-content {
    488     margin-right: 0;
    489     padding-right: 0; }
    490   @media screen and (min-width: 38.75em) {
    491     #buddypress #activity-stream .activity-comments .ac-reply-avatar {
    492       display: block; }
    493     #buddypress #activity-stream .activity-comments .ac-reply-content {
    494       overflow: hidden; } }
    495   #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    496     color: rgba(51, 51, 51, 0.8);
    497     display: inline-block;
    498     font-family: inherit;
    499     font-size: 12px;
    500     font-size: 1.2rem;
    501     font-weight: normal;
    502     line-height: 1.2;
    503     padding: 4px 10px;
    504     text-transform: lowercase;
    505     width: 100px; }
    506   #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    507     border: 1px solid rgba(153, 153, 153, 0.7);
    508     text-align: center; }
    509     #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:hover {
    510       background: #ededed; }
     683        margin: 10px 0 0;
     684}
     685
     686#buddypress #activity-stream .activity-comments.has-comments {
     687        border-right: 1px solid #eaeaea;
     688}
     689
     690#buddypress #activity-stream .activity-comments .ac-form {
     691        padding: 20px 0 0;
     692}
     693
     694#buddypress #activity-stream .activity-comments > ul {
     695        background: rgba(247, 247, 247, 0.6);
     696        margin: 15px 2px 0 0;
     697}
     698
     699@media screen and (min-width: 38.75em) {
     700        #buddypress #activity-stream .activity-comments > ul {
     701                margin-right: 70px;
     702        }
     703}
     704
     705#buddypress #activity-stream .activity-comments > ul ul {
     706        margin-right: 1%;
     707        padding-right: 0;
     708}
     709
     710@media screen and (min-width: 30em) {
     711        #buddypress #activity-stream .activity-comments > ul ul {
     712                margin-right: 1%;
     713                padding-right: 1em;
     714        }
     715}
     716
     717#buddypress #activity-stream .activity-comments > ul ul li {
     718        border-right: 1px solid #eaeaea;
     719        border-top: 0;
     720        padding-right: 0.2em;
     721}
     722
     723#buddypress #activity-stream .activity-comments > ul .acomment-meta {
     724        border-bottom: 1px solid #eaeaea;
     725        font-style: italic;
     726}
     727
     728@media screen and (max-width: 38.75em) {
     729        #buddypress #activity-stream .activity-comments > ul .acomment-avatar {
     730                display: block;
     731                text-align: center;
     732        }
     733        #buddypress #activity-stream .activity-comments > ul .acomment-avatar a,
     734        #buddypress #activity-stream .activity-comments > ul .acomment-avatar img.avatar {
     735                display: inline;
     736                float: none;
     737        }
     738        #buddypress #activity-stream .activity-comments > ul .acomment-content,
     739        #buddypress #activity-stream .activity-comments > ul .acomment-meta,
     740        #buddypress #activity-stream .activity-comments > ul .acomment-options {
     741                margin: 5px;
     742        }
     743        #buddypress #activity-stream .activity-comments > ul .acomment-content {
     744                padding: 0 10px;
     745        }
     746}
     747
     748#buddypress #activity-stream .activity-comments .ac-reply-avatar {
     749        display: none;
     750}
     751
     752#buddypress #activity-stream .activity-comments .ac-reply-content {
     753        margin-right: 0;
     754        padding-right: 0;
     755}
     756
     757@media screen and (min-width: 38.75em) {
     758        #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     759                display: block;
     760        }
     761        #buddypress #activity-stream .activity-comments .ac-reply-content {
     762                overflow: hidden;
     763        }
     764}
     765
     766#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
     767#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
     768        color: rgba(51, 51, 51, 0.8);
     769        display: inline-block;
     770        font-family: inherit;
     771        font-size: 12px;
     772        font-size: 1.2rem;
     773        font-weight: normal;
     774        line-height: 1.2;
     775        padding: 4px 10px;
     776        text-transform: lowercase;
     777        width: 100px;
     778}
     779
     780#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
     781        border: 1px solid rgba(153, 153, 153, 0.7);
     782        text-align: center;
     783}
     784
     785#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:focus,
     786#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:hover {
     787        background: #ededed;
     788}
    511789
    512790/**
    … …  
    516794*/
    517795@media screen and (min-width: 59.6875em) {
    518   #buddypress #members-list li .item-avatar, #buddypress #members-list li .item {
    519     float: right; }
    520   #buddypress #members-list li .action {
    521     float: left; } }
     796        #buddypress #members-list li .item-avatar,
     797        #buddypress #members-list li .item {
     798                float: right;
     799        }
     800        #buddypress #members-list li .action {
     801                float: left;
     802        }
     803}
    522804
    523805/**
    … …  
    532814*/
    533815@media screen and (max-width: 46.25em) {
    534   .bp-user main header.entry-header, .single-item.groups main header.entry-header {
    535     padding-bottom: 1rem; } }
     816        .bp-user main header.entry-header,
     817        .single-item.groups main header.entry-header {
     818                padding-bottom: 1rem;
     819        }
     820}
     821
    536822@media screen and (max-width: 38.75em) {
    537   .bp-user h1, .bp-user #item-header-content, .single-item.groups h1, .single-item.groups #item-header-content {
    538     text-align: center; } }
     823        .bp-user h1,
     824        .bp-user #item-header-content,
     825        .single-item.groups h1,
     826        .single-item.groups #item-header-content {
     827                text-align: center;
     828        }
     829}
     830
    539831@media screen and (max-width: 46.25em) {
    540   .bp-user #buddypress #item-header .generic-button, .single-item.groups #buddypress #item-header .generic-button {
    541     float: none;
    542     margin: 1.5em 0 0 0; } }
     832        .bp-user #buddypress #item-header .generic-button,
     833        .single-item.groups #buddypress #item-header .generic-button {
     834                float: none;
     835                margin: 1.5em 0 0 0;
     836        }
     837}
     838
    543839@media screen and (max-width: 38.75em) {
    544   .bp-user #buddypress h1, .single-item.groups #buddypress h1 {
    545     margin-bottom: 0; }
    546   .bp-user #buddypress #item-header-avatar img.avatar, .single-item.groups #buddypress #item-header-avatar img.avatar {
    547     margin-left: 0; }
    548   .bp-user #buddypress #item-header-content, .single-item.groups #buddypress #item-header-content {
    549     width: 100%; } }
     840        .bp-user #buddypress h1,
     841        .single-item.groups #buddypress h1 {
     842                margin-bottom: 0;
     843        }
     844        .bp-user #buddypress #item-header-avatar img.avatar,
     845        .single-item.groups #buddypress #item-header-avatar img.avatar {
     846                margin-left: 0;
     847        }
     848        .bp-user #buddypress #item-header-content,
     849        .single-item.groups #buddypress #item-header-content {
     850                width: 100%;
     851        }
     852}
    550853
    551854/**
    … …  
    557860*/
    558861@media screen and (max-width: 46.25em) {
    559   .single-item.groups #buddypress #item-header #item-meta {
    560     margin-bottom: 20px; } }
     862        .single-item.groups #buddypress #item-header #item-meta {
     863                margin-bottom: 20px;
     864        }
     865}
     866
    561867@media screen and (max-width: 38.75em) {
    562   .single-item.groups #buddypress div#item-header {
    563     display: flex;
    564     flex-direction: column; }
    565     .single-item.groups #buddypress div#item-header #item-header-avatar {
    566       order: 1;
    567       text-align: center; }
    568       .single-item.groups #buddypress div#item-header #item-header-avatar a {
    569         border-bottom: 0; }
    570         .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    571           display: inline-block;
    572           float: none; }
    573     .single-item.groups #buddypress div#item-header #item-header-content {
    574       order: 2; }
    575     .single-item.groups #buddypress div#item-header #item-actions {
    576       order: 3; } }
     868        .single-item.groups #buddypress div#item-header {
     869                display: flex;
     870                flex-direction: column;
     871        }
     872        .single-item.groups #buddypress div#item-header #item-header-avatar {
     873                order: 1;
     874                text-align: center;
     875        }
     876        .single-item.groups #buddypress div#item-header #item-header-avatar a {
     877                border-bottom: 0;
     878        }
     879        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
     880                display: inline-block;
     881                float: none;
     882        }
     883        .single-item.groups #buddypress div#item-header #item-header-content {
     884                order: 2;
     885        }
     886        .single-item.groups #buddypress div#item-header #item-actions {
     887                order: 3;
     888        }
     889}
     890
    577891.single-item.groups #buddypress div#item-header {
    578   padding-bottom: 40px; }
    579   .single-item.groups #buddypress div#item-header div#item-actions {
    580     margin: 0;
    581     width: 100%; }
    582     @media screen and (min-width: 38.75em) {
    583       .single-item.groups #buddypress div#item-header div#item-actions {
    584         clear: none;
    585         float: left;
    586         width: 50%; } }
    587     .single-item.groups #buddypress div#item-header div#item-actions h3 {
    588       background: #555;
    589       color: #fff;
    590       font-size: 14px;
    591       font-size: 1.4rem;
    592       padding: 0.2em; }
    593       @media screen and (min-width: 46.25em) {
    594         .single-item.groups #buddypress div#item-header div#item-actions h3 {
    595           font-size: 16px;
    596           font-size: 1.6rem; } }
    597   @media screen and (min-width: 46.25em) {
    598     .single-item.groups #buddypress div#item-header #item-header-avatar, .single-item.groups #buddypress div#item-header #item-header-content {
    599       float: right; }
    600     .single-item.groups #buddypress div#item-header #item-header-avatar {
    601       width: 21%; }
    602     .single-item.groups #buddypress div#item-header #item-header-content {
    603       margin-right: 4%;
    604       width: 40%; }
    605     .single-item.groups #buddypress div#item-header div#item-actions {
    606       float: left;
    607       width: 28%; } }
     892        padding-bottom: 40px;
     893}
     894
     895.single-item.groups #buddypress div#item-header div#item-actions {
     896        margin: 0;
     897        width: 100%;
     898}
     899
     900@media screen and (min-width: 38.75em) {
     901        .single-item.groups #buddypress div#item-header div#item-actions {
     902                clear: none;
     903                float: left;
     904                width: 50%;
     905        }
     906}
     907
     908.single-item.groups #buddypress div#item-header div#item-actions h3 {
     909        background: #555;
     910        color: #fff;
     911        font-size: 14px;
     912        font-size: 1.4rem;
     913        padding: 0.2em;
     914}
     915
     916@media screen and (min-width: 46.25em) {
     917        .single-item.groups #buddypress div#item-header div#item-actions h3 {
     918                font-size: 16px;
     919                font-size: 1.6rem;
     920        }
     921}
     922
     923@media screen and (min-width: 46.25em) {
     924        .single-item.groups #buddypress div#item-header #item-header-avatar,
     925        .single-item.groups #buddypress div#item-header #item-header-content {
     926                float: right;
     927        }
     928        .single-item.groups #buddypress div#item-header #item-header-avatar {
     929                width: 21%;
     930        }
     931        .single-item.groups #buddypress div#item-header #item-header-content {
     932                margin-right: 4%;
     933                width: 40%;
     934        }
     935        .single-item.groups #buddypress div#item-header div#item-actions {
     936                float: left;
     937                width: 28%;
     938        }
     939}
    608940
    609941/**
    … …  
    615947*/
    616948.bp-user #buddypress #item-header {
    617   padding: 20px 0; }
    618   .bp-user #buddypress #item-header #item-header-avatar {
    619     text-align: center;
    620     width: 100%; }
    621     .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    622       border-bottom: 0;
    623       display: inline-block;
    624       float: none; }
    625   @media screen and (min-width: 46.25em) {
    626     .bp-user #buddypress #item-header #item-header-avatar {
    627       float: right;
    628       width: 20%; }
    629       .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    630         float: right;
    631         width: 100%; }
    632     .bp-user #buddypress #item-header #item-header-content {
    633       float: left;
    634       margin-left: 5%;
    635       width: 69%; } }
     949        padding: 20px 0;
     950}
     951
     952.bp-user #buddypress #item-header #item-header-avatar {
     953        text-align: center;
     954        width: 100%;
     955}
     956
     957.bp-user #buddypress #item-header #item-header-avatar img.avatar,
     958.bp-user #buddypress #item-header #item-header-avatar a {
     959        border-bottom: 0;
     960        display: inline-block;
     961        float: none;
     962}
     963
     964@media screen and (min-width: 46.25em) {
     965        .bp-user #buddypress #item-header #item-header-avatar {
     966                float: right;
     967                width: 20%;
     968        }
     969        .bp-user #buddypress #item-header #item-header-avatar img.avatar,
     970        .bp-user #buddypress #item-header #item-header-avatar a {
     971                float: right;
     972                width: 100%;
     973        }
     974        .bp-user #buddypress #item-header #item-header-content {
     975                float: left;
     976                margin-left: 5%;
     977                width: 69%;
     978        }
     979}
    636980
    637981/**
    … …  
    640984*-----------------------------------------------------------
    641985*/
    642 #item-body h1, #item-body h2, #item-body h3, #item-body h4, #item-body h5, #item-body h6 {
    643   margin: 1em 0; }
    644   #item-body h1 a, #item-body h2 a, #item-body h3 a, #item-body h4 a, #item-body h5 a, #item-body h6 a {
    645     border-bottom: 0; }
     986#item-body h1,
     987#item-body h2,
     988#item-body h3,
     989#item-body h4,
     990#item-body h5,
     991#item-body h6 {
     992        margin: 1em 0;
     993}
     994
     995#item-body h1 a,
     996#item-body h2 a,
     997#item-body h3 a,
     998#item-body h4 a,
     999#item-body h5 a,
     1000#item-body h6 a {
     1001        border-bottom: 0;
     1002}
    6461003
    6471004/**
    … …  
    6581015*/
    6591016.groups #group-settings-form h4 {
    660   background: #555;
    661   color: #fff;
    662   padding: 0.2em; }
     1017        background: #555;
     1018        color: #fff;
     1019        padding: 0.2em;
     1020}
     1021
    6631022.groups #group-settings-form #request-list h4 {
    664   background: none;
    665   color: inherit; }
     1023        background: none;
     1024        color: inherit;
     1025}
    6661026
    6671027.groups.edit-details #group-settings-form label {
    668   background: #555;
    669   -webkit-border-top-left-radius: 4px;
    670   border-top-left-radius: 4px;
    671   -webkit-border-top-right-radius: 4px;
    672   border-top-right-radius: 4px;
    673   background-clip: padding-box;
    674   color: #fff;
    675   display: inline-block;
    676   margin-bottom: 0;
    677   padding: 0.2em;
    678   width: 80%; }
    679   @media screen and (min-width: 38.75em) {
    680     .groups.edit-details #group-settings-form label {
    681       width: 60%; } }
     1028        background: #555;
     1029        -webkit-border-top-left-radius: 4px;
     1030        border-top-left-radius: 4px;
     1031        -webkit-border-top-right-radius: 4px;
     1032        border-top-right-radius: 4px;
     1033        background-clip: padding-box;
     1034        color: #fff;
     1035        display: inline-block;
     1036        margin-bottom: 0;
     1037        padding: 0.2em;
     1038        width: 80%;
     1039}
     1040
     1041@media screen and (min-width: 38.75em) {
     1042        .groups.edit-details #group-settings-form label {
     1043                width: 60%;
     1044        }
     1045}
     1046
    6821047.groups.edit-details #group-settings-form textarea + p label {
    683   background: none;
    684   color: inherit;
    685   font-size: 14px;
    686   font-size: 1.4rem;
    687   width: auto; }
    688 
    689 .groups.group-settings #group-settings-form div.radio label, .groups.group-settings #create-group-form div.radio label {
    690   border: 1px solid #eaeaea;
    691   padding: 0.2em; }
    692 .groups.group-settings #group-settings-form div.radio ul, .groups.group-settings #create-group-form div.radio ul {
    693   color: rgba(51, 51, 51, 0.6);
    694   font-size: 14px;
    695   font-size: 1.4rem; }
     1048        background: none;
     1049        color: inherit;
     1050        font-size: 14px;
     1051        font-size: 1.4rem;
     1052        width: auto;
     1053}
     1054
     1055.groups.group-settings #group-settings-form div.radio label,
     1056.groups.group-settings #create-group-form div.radio label {
     1057        border: 1px solid #eaeaea;
     1058        padding: 0.2em;
     1059}
     1060
     1061.groups.group-settings #group-settings-form div.radio ul,
     1062.groups.group-settings #create-group-form div.radio ul {
     1063        color: rgba(51, 51, 51, 0.6);
     1064        font-size: 14px;
     1065        font-size: 1.4rem;
     1066}
    6961067
    6971068.groups.group-avatar form > p {
    698   margin-top: 20px; }
     1069        margin-top: 20px;
     1070}
    6991071
    7001072.groups.manage-members #group-settings-form .item-list li {
    701   border-bottom: 1px solid #eaeaea; }
    702   .groups.manage-members #group-settings-form .item-list li img, .groups.manage-members #group-settings-form .item-list li h5 {
    703     float: right; }
    704     .groups.manage-members #group-settings-form .item-list li img > a, .groups.manage-members #group-settings-form .item-list li h5 > a {
    705       border-bottom: 0; }
    706   .groups.manage-members #group-settings-form .item-list li span.small {
    707     clear: right;
    708     display: block;
    709     float: none;
    710     margin-top: 10px; }
    711     .groups.manage-members #group-settings-form .item-list li span.small a {
    712       display: inline-block;
    713       margin: 5px 0;
    714       width: 100%; }
    715       @media screen and (min-width: 38.75em) {
    716         .groups.manage-members #group-settings-form .item-list li span.small a {
    717           width: auto; } }
    718   .groups.manage-members #group-settings-form .item-list li h5 {
    719     margin: 0; }
     1073        border-bottom: 1px solid #eaeaea;
     1074}
     1075
     1076.groups.manage-members #group-settings-form .item-list li img,
     1077.groups.manage-members #group-settings-form .item-list li h5 {
     1078        float: right;
     1079}
     1080
     1081.groups.manage-members #group-settings-form .item-list li img > a,
     1082.groups.manage-members #group-settings-form .item-list li h5 > a {
     1083        border-bottom: 0;
     1084}
     1085
     1086.groups.manage-members #group-settings-form .item-list li span.small {
     1087        clear: right;
     1088        display: block;
     1089        float: none;
     1090        margin-top: 10px;
     1091}
     1092
     1093.groups.manage-members #group-settings-form .item-list li span.small a {
     1094        display: inline-block;
     1095        margin: 5px 0;
     1096        width: 100%;
     1097}
     1098
     1099@media screen and (min-width: 38.75em) {
     1100        .groups.manage-members #group-settings-form .item-list li span.small a {
     1101                width: auto;
     1102        }
     1103}
     1104
     1105.groups.manage-members #group-settings-form .item-list li h5 {
     1106        margin: 0;
     1107}
    7201108
    7211109/**
    … …  
    7261114/* Members loop */
    7271115@media screen and (max-width: 30em) {
    728   .groups.group-members #buddypress #members-group-list li > a {
    729     border-bottom: 0;
    730     display: block;
    731     margin-bottom: 10px;
    732     text-align: center; }
    733     .groups.group-members #buddypress #members-group-list li > a img.avatar {
    734       display: inline;
    735       float: none; } }
     1116        .groups.group-members #buddypress #members-group-list li > a {
     1117                border-bottom: 0;
     1118                display: block;
     1119                margin-bottom: 10px;
     1120                text-align: center;
     1121        }
     1122        .groups.group-members #buddypress #members-group-list li > a img.avatar {
     1123                display: inline;
     1124                float: none;
     1125        }
     1126}
     1127
    7361128.groups.group-members #buddypress #members-group-list li h5 {
    737   display: inline-block;
    738   font-size: 14px;
    739   font-size: 1.4rem;
    740   margin: 0; }
    741   @media screen and (min-width: 59.6875em) {
    742     .groups.group-members #buddypress #members-group-list li h5 {
    743       font-size: 16px;
    744       font-size: 1.6rem; } }
    745   .groups.group-members #buddypress #members-group-list li h5 a {
    746     border-bottom: 0; }
     1129        display: inline-block;
     1130        font-size: 14px;
     1131        font-size: 1.4rem;
     1132        margin: 0;
     1133}
     1134
     1135@media screen and (min-width: 59.6875em) {
     1136        .groups.group-members #buddypress #members-group-list li h5 {
     1137                font-size: 16px;
     1138                font-size: 1.6rem;
     1139        }
     1140}
     1141
     1142.groups.group-members #buddypress #members-group-list li h5 a {
     1143        border-bottom: 0;
     1144}
     1145
    7471146.groups.group-members #buddypress #members-group-list li span.activity {
    748   font-size: 12px;
    749   font-size: 1.2rem; }
     1147        font-size: 12px;
     1148        font-size: 1.2rem;
     1149}
     1150
    7501151.groups.group-members #buddypress #members-group-list li .action {
    751   top: 0; }
     1152        top: 0;
     1153}
    7521154
    7531155.groups.group-members #subnav li {
    754   width: 100%; }
    755   @media screen and (max-width: 38.75em) {
    756     .groups.group-members #subnav li {
    757       background: #fff;
    758       padding: 20px 0; } }
    759   .groups.group-members #subnav li #search-members-form {
    760     float: left;
    761     margin: 5px 0 0 5px; }
    762     @media screen and (max-width: 38.75em) {
    763       .groups.group-members #subnav li #search-members-form {
    764         margin: 0;
    765         width: 100%; }
    766         .groups.group-members #subnav li #search-members-form label input[type="text"] {
    767           width: 100%; } }
     1156        width: 100%;
     1157}
     1158
     1159@media screen and (max-width: 38.75em) {
     1160        .groups.group-members #subnav li {
     1161                background: #fff;
     1162                padding: 20px 0;
     1163        }
     1164}
     1165
     1166.groups.group-members #subnav li #search-members-form {
     1167        float: left;
     1168        margin: 5px 0 0 5px;
     1169}
     1170
     1171@media screen and (max-width: 38.75em) {
     1172        .groups.group-members #subnav li #search-members-form {
     1173                margin: 0;
     1174                width: 100%;
     1175        }
     1176        .groups.group-members #subnav li #search-members-form label input[type="text"] {
     1177                width: 100%;
     1178        }
     1179}
    7681180
    7691181/**
    … …  
    7751187*/
    7761188.bp-user .entry-title {
    777   margin-bottom: 0.5em; }
     1189        margin-bottom: 0.5em;
     1190}
    7781191
    7791192/**
    … …  
    7831196*/
    7841197.bp-user #buddypress table th {
    785   font-size: 14px;
    786   font-size: 1.4rem; }
     1198        font-size: 14px;
     1199        font-size: 1.4rem;
     1200}
     1201
    7871202.bp-user #buddypress table td {
    788   font-size: 12px;
    789   font-size: 1.2rem; }
     1203        font-size: 12px;
     1204        font-size: 1.2rem;
     1205}
     1206
    7901207@media screen and (min-width: 46.25em) {
    791   .bp-user #buddypress table th {
    792     font-size: 16px;
    793     font-size: 1.6rem; }
    794   .bp-user #buddypress table td {
    795     font-size: 14px;
    796     font-size: 1.4rem; } }
     1208        .bp-user #buddypress table th {
     1209                font-size: 16px;
     1210                font-size: 1.6rem;
     1211        }
     1212        .bp-user #buddypress table td {
     1213                font-size: 14px;
     1214                font-size: 1.4rem;
     1215        }
     1216}
     1217
    7971218@media screen and (min-width: 77.5em) {
    798   .bp-user #buddypress table th {
    799     font-size: 18px;
    800     font-size: 1.8rem; }
    801   .bp-user #buddypress table td {
    802     font-size: 16px;
    803     font-size: 1.6rem; } }
     1219        .bp-user #buddypress table th {
     1220                font-size: 18px;
     1221                font-size: 1.8rem;
     1222        }
     1223        .bp-user #buddypress table td {
     1224                font-size: 16px;
     1225                font-size: 1.6rem;
     1226        }
     1227}
     1228
    8041229.bp-user #buddypress .pag-count {
    805   font-style: italic; }
    806 .bp-user #buddypress .notifications-options-nav, .bp-user #buddypress .messages-options-nav {
    807   float: right;
    808   width: 100%; }
    809   @media screen and (min-width: 30em) {
    810     .bp-user #buddypress .notifications-options-nav, .bp-user #buddypress .messages-options-nav {
    811       width: 50%; } }
    812   .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav select, .bp-user #buddypress .messages-options-nav input {
    813     font-size: 14px;
    814     font-size: 1.4rem;
    815     outline: 0;
    816     padding: 0; }
    817   .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .messages-options-nav select {
    818     float: right;
    819     margin-left: 0;
    820     width: 100%; }
    821     @media screen and (min-width: 30em) {
    822       .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .messages-options-nav select {
    823         width: 60%; } }
    824   .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav input {
    825     float: left;
    826     font-family: "Noto Serif", serif;
    827     line-height: 1.5;
    828     margin-top: 10px;
    829     width: 100%; }
    830     .bp-user #buddypress .notifications-options-nav input[disabled]:hover, .bp-user #buddypress .messages-options-nav input[disabled]:hover {
    831       background: none; }
    832     @media screen and (min-width: 30em) {
    833       .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav input {
    834         margin-top: 0;
    835         width: 38%; } }
     1230        font-style: italic;
     1231}
     1232
     1233.bp-user #buddypress .notifications-options-nav,
     1234.bp-user #buddypress .messages-options-nav {
     1235        float: right;
     1236        width: 100%;
     1237}
     1238
     1239@media screen and (min-width: 30em) {
     1240        .bp-user #buddypress .notifications-options-nav,
     1241        .bp-user #buddypress .messages-options-nav {
     1242                width: 50%;
     1243        }
     1244}
     1245
     1246.bp-user #buddypress .notifications-options-nav select,
     1247.bp-user #buddypress .notifications-options-nav input,
     1248.bp-user #buddypress .messages-options-nav select,
     1249.bp-user #buddypress .messages-options-nav input {
     1250        font-size: 14px;
     1251        font-size: 1.4rem;
     1252        outline: 0;
     1253        padding: 0;
     1254}
     1255
     1256.bp-user #buddypress .notifications-options-nav select,
     1257.bp-user #buddypress .messages-options-nav select {
     1258        float: right;
     1259        margin-left: 0;
     1260        width: 100%;
     1261}
     1262
     1263@media screen and (min-width: 30em) {
     1264        .bp-user #buddypress .notifications-options-nav select,
     1265        .bp-user #buddypress .messages-options-nav select {
     1266                width: 60%;
     1267        }
     1268}
     1269
     1270.bp-user #buddypress .notifications-options-nav input,
     1271.bp-user #buddypress .messages-options-nav input {
     1272        float: left;
     1273        font-family: "Noto Serif", serif;
     1274        line-height: 1.5;
     1275        margin-top: 10px;
     1276        width: 100%;
     1277}
     1278
     1279.bp-user #buddypress .notifications-options-nav input[disabled]:hover,
     1280.bp-user #buddypress .messages-options-nav input[disabled]:hover {
     1281        background: none;
     1282}
     1283
     1284@media screen and (min-width: 30em) {
     1285        .bp-user #buddypress .notifications-options-nav input,
     1286        .bp-user #buddypress .messages-options-nav input {
     1287                margin-top: 0;
     1288                width: 38%;
     1289        }
     1290}
    8361291
    8371292/**
    … …  
    8411296        */
    8421297.bp-user #buddypress .profile .bp-widget h4 {
    843   background: #6e6e6e;
    844   color: #fff;
    845   margin-bottom: 0;
    846   padding: 0.4em; }
     1298        background: #6e6e6e;
     1299        color: #fff;
     1300        margin-bottom: 0;
     1301        padding: 0.4em;
     1302}
     1303
    8471304.bp-user #buddypress .profile .bp-widget table {
    848   margin-top: 0; }
     1305        margin-top: 0;
     1306}
    8491307
    8501308/* Edit Profile */
    851 .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    852   content: " ";
    853   display: table; }
     1309.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    8541310.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    855   clear: both; }
     1311        content: " ";
     1312        display: table;
     1313}
     1314
     1315.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     1316        clear: both;
     1317}
     1318
    8561319.bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    857   border-bottom: 1px solid #eaeaea;
    858   margin-right: 0; }
    859   .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    860     float: right;
    861     margin-bottom: 0; }
    862     .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    863       border: 1px solid #eaeaea;
    864       border-bottom-color: #fff;
    865       margin-bottom: -1px; }
    866   .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    867     background: none;
    868     border: 0;
    869     font-size: 18px;
    870     font-size: 1.8rem; }
    871 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    872   font-size: 14px;
    873   font-size: 1.4rem; }
    874 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    875   background: #555;
    876   color: #fff;
    877   padding: 0.2em 0.5em; }
     1320        border-bottom: 1px solid #eaeaea;
     1321        margin-right: 0;
     1322}
     1323
     1324.bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     1325        float: right;
     1326        margin-bottom: 0;
     1327}
     1328
     1329.bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     1330        border: 1px solid #eaeaea;
     1331        border-bottom-color: #fff;
     1332        margin-bottom: -1px;
     1333}
     1334
     1335.bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     1336        background: none;
     1337        border: 0;
     1338        font-size: 18px;
     1339        font-size: 1.8rem;
     1340}
     1341
     1342.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1343.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     1344        font-size: 14px;
     1345        font-size: 1.4rem;
     1346}
     1347
     1348.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
     1349.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     1350        background: #555;
     1351        color: #fff;
     1352        padding: 0.2em 0.5em;
     1353}
     1354
    8781355.bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    879   font-size: inherit; }
     1356        font-size: inherit;
     1357}
    8801358
    8811359/**
    … …  
    8851363        */
    8861364@media screen and (min-width: 77.5em) {
    887   .bp-user #buddypress #groups-list li .item {
    888     right: 5%;
    889     width: 50%; } }
     1365        .bp-user #buddypress #groups-list li .item {
     1366                right: 5%;
     1367                width: 50%;
     1368        }
     1369}
    8901370
    8911371/**
    … …  
    8951375        */
    8961376.bp-user #buddypress {
    897   /* Auto Complete background */
    898   /* Sitewide Notices loop */ }
    899   .bp-user #buddypress #message-thread a {
    900     border-bottom: 0; }
    901   .bp-user #buddypress #message-thread #message-subject {
    902     background: #6e6e6e;
    903     color: #fff;
    904     padding: 0.3em 0.2em 0.3em 0; }
    905   .bp-user #buddypress #message-thread #message-recipients {
    906     font-style: italic; }
    907     .bp-user #buddypress #message-thread #message-recipients a.confirm {
    908       border: 1px solid #eaeaea;
    909       font-style: normal; }
    910   .bp-user #buddypress #message-thread .message-metadata {
    911     overflow: hidden; }
    912     .bp-user #buddypress #message-thread .message-metadata img.avatar {
    913       float: none; }
    914     @media screen and (min-width: 46.25em) {
    915       .bp-user #buddypress #message-thread .message-metadata img.avatar {
    916         float: right; } }
    917     .bp-user #buddypress #message-thread .message-metadata .message-star-actions {
    918       float: left;
    919       margin-left: 5px;
    920       position: static; }
    921   .bp-user #buddypress #message-thread .message-content {
    922     background: #f7f7f7;
    923     border: 1px solid #eaeaea;
    924     margin: 10px 0 0 0;
    925     padding: 0.3em; }
    926   .bp-user #buddypress #message-thread #send-reply .message-content {
    927     background: #fff;
    928     border: 0; }
    929   .bp-user #buddypress #message-thread .alt {
    930     background: #fff; }
    931   .bp-user #buddypress #message-threads thead tr {
    932     background: #6e6e6e; }
    933   .bp-user #buddypress #message-threads tr td {
    934     background: #fff;
    935     display: inline-block;
    936     float: right; }
    937   .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    938     border-bottom-color: #b7b7b7;
    939     border-bottom-width: 2px;
    940     height: 2.4em;
    941     padding-bottom: 0.2em;
    942     padding-top: 0.2em; }
    943     @media screen and (max-width: 46.25em) {
    944       .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    945         padding-top: 0; } }
    946   .bp-user #buddypress #message-threads tr td.bulk-select-check, .bp-user #buddypress #message-threads tr td.thread-from {
    947     height: 2.6em; }
    948     @media screen and (max-width: 38.75em) {
    949       .bp-user #buddypress #message-threads tr td.bulk-select-check, .bp-user #buddypress #message-threads tr td.thread-from {
    950         height: 5.2em; } }
    951   .bp-user #buddypress #message-threads tr td.thread-from, .bp-user #buddypress #message-threads tr td.thread-options {
    952     border-right: 0 !important;
    953     width: -webkit-calc(100% - 30px);
    954     width: -moz-calc(100% - 30px);
    955     width: calc(100% - 30px);
    956     margin-right: 0; }
    957   .bp-user #buddypress #message-threads tr td.thread-info {
    958     padding-right: 41px;
    959     width: 100%; }
    960     .bp-user #buddypress #message-threads tr td.thread-info a::after {
    961       content: " \2013 \00a0" attr(title);
    962       font-size: 12px;
    963       font-size: 1.2rem; }
    964   .bp-user #buddypress #message-threads tr td.thread-options {
    965     text-align: left; }
    966     .bp-user #buddypress #message-threads tr td.thread-options a {
    967       font-size: 12px;
    968       font-size: 1.2rem;
    969       line-height: 2.2; }
    970   .bp-user #buddypress #message-threads tr span.from {
    971     display: none; }
    972   .bp-user #buddypress #message-threads tr span.activity {
    973     display: block;
    974     float: left;
    975     line-height: 2; }
    976     @media screen and (max-width: 38.75em) {
    977       .bp-user #buddypress #message-threads tr span.activity {
    978         clear: both;
    979         font-size: 11px;
    980         font-size: 1.1rem;
    981         width: 100%; } }
    982   .bp-user #buddypress #message-threads tr.unread td {
    983     background: #dce5ff;
    984     border-bottom-color: #b7b7b7;
    985     border-color: #d1d1d1; }
    986   .bp-user #buddypress #message-threads th {
    987     display: none; }
    988   .bp-user #buddypress #message-threads th.bulk-select-all {
    989     border-bottom: 0;
    990     display: inline-block;
    991     text-align: right; }
    992   .bp-user #buddypress #message-threads th.bulk-select-all, .bp-user #buddypress #message-threads td.bulk-select-check, .bp-user #buddypress #message-threads td.thread-star {
    993     border-left: 0;
    994     width: 30px; }
    995   .bp-user #buddypress .acfb-holder li.friend-tab {
    996     margin-left: 0; }
    997     .bp-user #buddypress .acfb-holder li.friend-tab a {
    998       border-bottom: 0; }
    999       .bp-user #buddypress .acfb-holder li.friend-tab a img {
    1000         display: inline;
    1001         height: 20px;
    1002         margin-left: 0.5em;
    1003         width: 20px !important; }
    1004   .bp-user #buddypress #message-threads.sitewide-notices td {
    1005     width: 100%; }
    1006     .bp-user #buddypress #message-threads.sitewide-notices td strong {
    1007       background: #6e6e6e;
    1008       color: #fff;
    1009       display: block;
    1010       margin-bottom: 0.4em;
    1011       padding-right: 0.2em; }
    1012     .bp-user #buddypress #message-threads.sitewide-notices td a {
    1013       display: inline-block; }
    1014   .bp-user #buddypress #message-threads.sitewide-notices td:first-child {
    1015     display: none; }
    1016   .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
    1017     border-bottom: 0; }
    1018     .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
    1019       line-height: 1; }
    1020   .bp-user #buddypress #message-threads.sitewide-notices td:last-child {
    1021     border-bottom-color: #b7b7b7;
    1022     line-height: 1;
    1023     text-align: left; }
    1024     .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
    1025       line-height: 0;
    1026       margin-right: 0.7em;
    1027       text-indent: -999em; }
    1028     .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
    1029       content: attr(title);
    1030       display: block;
    1031       line-height: initial;
    1032       text-indent: 0; }
     1377        /* Auto Complete background */
     1378        /* Sitewide Notices loop */
     1379}
     1380
     1381.bp-user #buddypress #message-thread a {
     1382        border-bottom: 0;
     1383}
     1384
     1385.bp-user #buddypress #message-thread #message-subject {
     1386        background: #6e6e6e;
     1387        color: #fff;
     1388        padding: 0.3em 0.2em 0.3em 0;
     1389}
     1390
     1391.bp-user #buddypress #message-thread #message-recipients {
     1392        font-style: italic;
     1393}
     1394
     1395.bp-user #buddypress #message-thread #message-recipients a.confirm {
     1396        border: 1px solid #eaeaea;
     1397        font-style: normal;
     1398}
     1399
     1400.bp-user #buddypress #message-thread .message-metadata {
     1401        overflow: hidden;
     1402}
     1403
     1404.bp-user #buddypress #message-thread .message-metadata img.avatar {
     1405        float: none;
     1406}
     1407
     1408@media screen and (min-width: 46.25em) {
     1409        .bp-user #buddypress #message-thread .message-metadata img.avatar {
     1410                float: right;
     1411        }
     1412}
     1413
     1414.bp-user #buddypress #message-thread .message-metadata .message-star-actions {
     1415        float: left;
     1416        margin-left: 5px;
     1417        position: static;
     1418}
     1419
     1420.bp-user #buddypress #message-thread .message-content {
     1421        background: #f7f7f7;
     1422        border: 1px solid #eaeaea;
     1423        margin: 10px 0 0 0;
     1424        padding: 0.3em;
     1425}
     1426
     1427.bp-user #buddypress #message-thread #send-reply .message-content {
     1428        background: #fff;
     1429        border: 0;
     1430}
     1431
     1432.bp-user #buddypress #message-thread .alt {
     1433        background: #fff;
     1434}
     1435
     1436.bp-user #buddypress #message-threads thead tr {
     1437        background: #6e6e6e;
     1438}
     1439
     1440.bp-user #buddypress #message-threads tr td {
     1441        background: #fff;
     1442        display: inline-block;
     1443        float: right;
     1444}
     1445
     1446.bp-user #buddypress #message-threads tr td.thread-star,
     1447.bp-user #buddypress #message-threads tr td.thread-options {
     1448        border-bottom-color: #b7b7b7;
     1449        border-bottom-width: 2px;
     1450        height: 2.4em;
     1451        padding-bottom: 0.2em;
     1452        padding-top: 0.2em;
     1453}
     1454
     1455@media screen and (max-width: 46.25em) {
     1456        .bp-user #buddypress #message-threads tr td.thread-star,
     1457        .bp-user #buddypress #message-threads tr td.thread-options {
     1458                padding-top: 0;
     1459        }
     1460}
     1461
     1462.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1463.bp-user #buddypress #message-threads tr td.thread-from {
     1464        height: 2.6em;
     1465}
     1466
     1467@media screen and (max-width: 38.75em) {
     1468        .bp-user #buddypress #message-threads tr td.bulk-select-check,
     1469        .bp-user #buddypress #message-threads tr td.thread-from {
     1470                height: 5.2em;
     1471        }
     1472}
     1473
     1474.bp-user #buddypress #message-threads tr td.thread-from,
     1475.bp-user #buddypress #message-threads tr td.thread-options {
     1476        border-right: 0 !important;
     1477        width: -webkit-calc(100% - 30px);
     1478        width: -moz-calc(100% - 30px);
     1479        width: calc(100% - 30px);
     1480        margin-right: 0;
     1481}
     1482
     1483.bp-user #buddypress #message-threads tr td.thread-info {
     1484        padding-right: 41px;
     1485        width: 100%;
     1486}
     1487
     1488.bp-user #buddypress #message-threads tr td.thread-info a::after {
     1489        content: " –  " attr(title);
     1490        font-size: 12px;
     1491        font-size: 1.2rem;
     1492}
     1493
     1494.bp-user #buddypress #message-threads tr td.thread-options {
     1495        text-align: left;
     1496}
     1497
     1498.bp-user #buddypress #message-threads tr td.thread-options a {
     1499        font-size: 12px;
     1500        font-size: 1.2rem;
     1501        line-height: 2.2;
     1502}
     1503
     1504.bp-user #buddypress #message-threads tr span.from {
     1505        display: none;
     1506}
     1507
     1508.bp-user #buddypress #message-threads tr span.activity {
     1509        display: block;
     1510        float: left;
     1511        line-height: 2;
     1512}
     1513
     1514@media screen and (max-width: 38.75em) {
     1515        .bp-user #buddypress #message-threads tr span.activity {
     1516                clear: both;
     1517                font-size: 11px;
     1518                font-size: 1.1rem;
     1519                width: 100%;
     1520        }
     1521}
     1522
     1523.bp-user #buddypress #message-threads tr.unread td {
     1524        background: #dce5ff;
     1525        border-bottom-color: #b7b7b7;
     1526        border-color: #d1d1d1;
     1527}
     1528
     1529.bp-user #buddypress #message-threads th {
     1530        display: none;
     1531}
     1532
     1533.bp-user #buddypress #message-threads th.bulk-select-all {
     1534        border-bottom: 0;
     1535        display: inline-block;
     1536        text-align: right;
     1537}
     1538
     1539.bp-user #buddypress #message-threads th.bulk-select-all,
     1540.bp-user #buddypress #message-threads td.bulk-select-check,
     1541.bp-user #buddypress #message-threads td.thread-star {
     1542        border-left: 0;
     1543        width: 30px;
     1544}
     1545
     1546.bp-user #buddypress .acfb-holder li.friend-tab {
     1547        margin-left: 0;
     1548}
     1549
     1550.bp-user #buddypress .acfb-holder li.friend-tab a {
     1551        border-bottom: 0;
     1552}
     1553
     1554.bp-user #buddypress .acfb-holder li.friend-tab a img {
     1555        display: inline;
     1556        height: 20px;
     1557        margin-left: 0.5em;
     1558        width: 20px !important;
     1559}
     1560
     1561.bp-user #buddypress #message-threads.sitewide-notices td {
     1562        width: 100%;
     1563}
     1564
     1565.bp-user #buddypress #message-threads.sitewide-notices td strong {
     1566        background: #6e6e6e;
     1567        color: #fff;
     1568        display: block;
     1569        margin-bottom: 0.4em;
     1570        padding-right: 0.2em;
     1571}
     1572
     1573.bp-user #buddypress #message-threads.sitewide-notices td a {
     1574        display: inline-block;
     1575}
     1576
     1577.bp-user #buddypress #message-threads.sitewide-notices td:first-child {
     1578        display: none;
     1579}
     1580
     1581.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1582        border-bottom: 0;
     1583}
     1584
     1585.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1586        line-height: 1;
     1587}
     1588
     1589.bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     1590        border-bottom-color: #b7b7b7;
     1591        line-height: 1;
     1592        text-align: left;
     1593}
     1594
     1595.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1596        line-height: 0;
     1597        margin-right: 0.7em;
     1598        text-indent: -999em;
     1599}
     1600
     1601.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1602        content: attr(title);
     1603        display: block;
     1604        line-height: initial;
     1605        text-indent: 0;
     1606}
    10331607
    10341608/**
    … …  
    10381612        */
    10391613.bp-user #buddypress #settings-form > p {
    1040   font-size: 20px;
    1041   font-size: 2rem;
    1042   margin: 20px 0 10px; }
     1614        font-size: 20px;
     1615        font-size: 2rem;
     1616        margin: 20px 0 10px;
     1617}
     1618
    10431619.bp-user #buddypress table.notification-settings th.title {
    1044   width: 75%; }
    1045 .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    1046   vertical-align: middle; }
     1620        width: 75%;
     1621}
     1622
     1623.bp-user #buddypress table.notification-settings td.yes,
     1624.bp-user #buddypress table.notification-settings td.no {
     1625        vertical-align: middle;
     1626}
     1627
    10471628.bp-user #buddypress table.profile-settings {
    1048   width: 100%; }
    1049   .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    1050     width: 50%; }
    1051   @media screen and (min-width: 46.25em) {
    1052     .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    1053       width: 70%; } }
    1054   .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
    1055     width: 30%; }
    1056   .bp-user #buddypress table.profile-settings td.field-visibility select {
    1057     width: 100%; }
     1629        width: 100%;
     1630}
     1631
     1632.bp-user #buddypress table.profile-settings th.field-group-name,
     1633.bp-user #buddypress table.profile-settings td.field-name {
     1634        width: 50%;
     1635}
     1636
     1637@media screen and (min-width: 46.25em) {
     1638        .bp-user #buddypress table.profile-settings th.field-group-name,
     1639        .bp-user #buddypress table.profile-settings td.field-name {
     1640                width: 70%;
     1641        }
     1642}
     1643
     1644.bp-user #buddypress table.profile-settings th.title,
     1645.bp-user #buddypress table.profile-settings td.field-visibility {
     1646        width: 30%;
     1647}
     1648
     1649.bp-user #buddypress table.profile-settings td.field-visibility select {
     1650        width: 100%;
     1651}
    10581652
    10591653/**
    … …  
    10631657*/
    10641658#buddypress div.activity-comments form .ac-textarea {
    1065   background: #f7f7f7;
    1066   border: 1px solid rgba(153, 153, 153, 0.3); }
    1067   #buddypress div.activity-comments form .ac-textarea textarea {
    1068     background: none;
    1069     border: 0; }
     1659        background: #f7f7f7;
     1660        border: 1px solid rgba(153, 153, 153, 0.3);
     1661}
     1662
     1663#buddypress div.activity-comments form .ac-textarea textarea {
     1664        background: none;
     1665        border: 0;
     1666}
     1667
    10701668#buddypress select {
    1071   border: 1px solid rgba(153, 153, 153, 0.5); }
    1072 
    1073 #buddypress .standard-form li, #buddypress .group-create-form li {
    1074   float: none; }
    1075 #buddypress .standard-form input[type='text'], #buddypress .standard-form textarea, #buddypress .group-create-form input[type='text'], #buddypress .group-create-form textarea {
    1076   width: 100%; }
    1077 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    1078   float: none;
    1079   margin: 10px 0; }
    1080   #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form {
    1081     border: 1px solid rgba(153, 153, 153, 0.4);
    1082     overflow: hidden; }
    1083     #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label {
    1084       float: right;
    1085       width: 80%; }
    1086     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    1087       float: right;
    1088       margin: 0;
    1089       width: 80%; }
    1090     #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'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    1091       font-size: 14px;
    1092       font-size: 1.4rem;
    1093       border: 0;
    1094       line-height: inherit; }
    1095     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    1096       border-left: 1px solid rgba(153, 153, 153, 0.4);
    1097       padding: 0.2em 0.2em 0.2em 0; }
    1098     #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] {
    1099       float: left;
    1100       font-weight: normal;
    1101       padding: 0.2em 1em;
    1102       text-align: center;
    1103       text-transform: none;
    1104       width: 20%; }
     1669        border: 1px solid rgba(153, 153, 153, 0.5);
     1670}
     1671
     1672#buddypress .standard-form li,
     1673#buddypress .group-create-form li {
     1674        float: none;
     1675}
     1676
     1677#buddypress .standard-form input[type='text'],
     1678#buddypress .standard-form textarea,
     1679#buddypress .group-create-form input[type='text'],
     1680#buddypress .group-create-form textarea {
     1681        width: 100%;
     1682}
     1683
     1684#buddypress div.dir-search,
     1685#buddypress div.message-search,
     1686#buddypress
     1687li.groups-members-search {
     1688        float: none;
     1689        margin: 10px 0;
     1690}
     1691
     1692#buddypress div.dir-search form,
     1693#buddypress div.message-search form,
     1694#buddypress
     1695li.groups-members-search form {
     1696        border: 1px solid rgba(153, 153, 153, 0.4);
     1697        overflow: hidden;
     1698}
     1699
     1700#buddypress div.dir-search form label,
     1701#buddypress div.message-search form label,
     1702#buddypress
     1703li.groups-members-search form label {
     1704        float: right;
     1705        width: 80%;
     1706}
     1707
     1708#buddypress div.dir-search form input[type='text'],
     1709#buddypress div.message-search form input[type='text'],
     1710#buddypress
     1711li.groups-members-search form input[type='text'] {
     1712        float: right;
     1713        margin: 0;
     1714        width: 80%;
     1715}
     1716
     1717#buddypress div.dir-search form input[type='text'],
     1718#buddypress div.dir-search form input[type='submit'],
     1719#buddypress div.message-search form input[type='text'],
     1720#buddypress div.message-search form input[type='submit'],
     1721#buddypress
     1722li.groups-members-search form input[type='text'],
     1723#buddypress
     1724li.groups-members-search form input[type='submit'] {
     1725        font-size: 14px;
     1726        font-size: 1.4rem;
     1727        border: 0;
     1728        line-height: inherit;
     1729}
     1730
     1731#buddypress div.dir-search form input[type='text'],
     1732#buddypress div.message-search form input[type='text'],
     1733#buddypress
     1734li.groups-members-search form input[type='text'] {
     1735        border-left: 1px solid rgba(153, 153, 153, 0.4);
     1736        padding: 0.2em 0.2em 0.2em 0;
     1737}
     1738
     1739#buddypress div.dir-search form input[type='submit'],
     1740#buddypress div.message-search form input[type='submit'],
     1741#buddypress
     1742li.groups-members-search form input[type='submit'] {
     1743        float: left;
     1744        font-weight: normal;
     1745        padding: 0.2em 1em;
     1746        text-align: center;
     1747        text-transform: none;
     1748        width: 20%;
     1749}
     1750
    11051751@media screen and (min-width: 38.75em) {
    1106   #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    1107     float: left;
    1108     margin-bottom: 5px !important; }
    1109     #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'], #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    1110       width: auto; } }
     1752        #buddypress div.dir-search,
     1753        #buddypress div.message-search,
     1754        #buddypress li.groups-members-search {
     1755                float: left;
     1756                margin-bottom: 5px !important;
     1757        }
     1758        #buddypress div.dir-search form label,
     1759        #buddypress div.dir-search form input[type='text'],
     1760        #buddypress div.dir-search form input[type='submit'],
     1761        #buddypress div.message-search form label,
     1762        #buddypress div.message-search form input[type='text'],
     1763        #buddypress div.message-search form input[type='submit'],
     1764        #buddypress li.groups-members-search form label,
     1765        #buddypress li.groups-members-search form input[type='text'],
     1766        #buddypress li.groups-members-search form input[type='submit'] {
     1767                width: auto;
     1768        }
     1769}
     1770
    11111771@media screen and (min-width: 77.5em) {
    1112   #buddypress .dir-search form input[type='text'], #buddypress .message-search form input[type='text'] {
    1113     font-size: 16px;
    1114     font-size: 1.6rem; }
    1115   #buddypress .dir-search form input[type='submit'], #buddypress .message-search form input[type='submit'] {
    1116     font-size: 16px;
    1117     font-size: 1.6rem; } }
     1772        #buddypress .dir-search form input[type='text'],
     1773        #buddypress .message-search form input[type='text'] {
     1774                font-size: 16px;
     1775                font-size: 1.6rem;
     1776        }
     1777        #buddypress .dir-search form input[type='submit'],
     1778        #buddypress .message-search form input[type='submit'] {
     1779                font-size: 16px;
     1780                font-size: 1.6rem;
     1781        }
     1782}
    11181783
    11191784/**
    … …  
    11231788*/
    11241789#buddypress table {
    1125   font-size: 14px;
    1126   font-size: 1.4rem;
    1127   margin: 20px 0; }
    1128   #buddypress table tr th {
    1129     background: #6e6e6e;
    1130     border-color: #b7b7b7;
    1131     color: #fff; }
    1132   #buddypress table p {
    1133     margin-bottom: 0.5em; }
     1790        font-size: 14px;
     1791        font-size: 1.4rem;
     1792        margin: 20px 0;
     1793}
     1794
     1795#buddypress table tr th {
     1796        background: #6e6e6e;
     1797        border-color: #b7b7b7;
     1798        color: #fff;
     1799}
     1800
     1801#buddypress table p {
     1802        margin-bottom: 0.5em;
     1803}
     1804
    11341805@media screen and (min-width: 55em) {
    1135   #buddypress table {
    1136     font-size: 16px;
    1137     font-size: 1.6rem; } }
     1806        #buddypress table {
     1807                font-size: 16px;
     1808                font-size: 1.6rem;
     1809        }
     1810}
    11381811
    11391812/*__ User Account tables __*/
    1140 #buddypress .notifications th, #buddypress .messages-notices th {
    1141   width: 30%; }
    1142   #buddypress .notifications th.bulk-select-all, #buddypress .messages-notices th.bulk-select-all {
    1143     text-align: center;
    1144     width: 10%; }
    1145 #buddypress .notifications .bulk-select-check, #buddypress .notifications .thread-star, #buddypress .messages-notices .bulk-select-check, #buddypress .messages-notices .thread-star {
    1146   text-align: center; }
    1147 #buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options {
    1148   text-align: center; }
    1149   #buddypress .notifications .notification-actions a, #buddypress .notifications td.thread-options a, #buddypress .messages-notices .notification-actions a, #buddypress .messages-notices td.thread-options a {
    1150     display: inline-block;
    1151     margin: 0;
    1152     padding: 0; }
    1153 #buddypress .notifications td .button, #buddypress .messages-notices td .button {
    1154   border: 0;
    1155   display: block;
    1156   padding: 0;
    1157   text-align: center; }
     1813#buddypress .notifications th,
     1814#buddypress .messages-notices th {
     1815        width: 30%;
     1816}
     1817
     1818#buddypress .notifications th.bulk-select-all,
     1819#buddypress .messages-notices th.bulk-select-all {
     1820        text-align: center;
     1821        width: 10%;
     1822}
     1823
     1824#buddypress .notifications .bulk-select-check,
     1825#buddypress .notifications .thread-star,
     1826#buddypress .messages-notices .bulk-select-check,
     1827#buddypress .messages-notices .thread-star {
     1828        text-align: center;
     1829}
     1830
     1831#buddypress .notifications .notification-actions,
     1832#buddypress .notifications td.thread-options,
     1833#buddypress .messages-notices .notification-actions,
     1834#buddypress .messages-notices td.thread-options {
     1835        text-align: center;
     1836}
     1837
     1838#buddypress .notifications .notification-actions a,
     1839#buddypress .notifications td.thread-options a,
     1840#buddypress .messages-notices .notification-actions a,
     1841#buddypress .messages-notices td.thread-options a {
     1842        display: inline-block;
     1843        margin: 0;
     1844        padding: 0;
     1845}
     1846
     1847#buddypress .notifications td .button,
     1848#buddypress .messages-notices td .button {
     1849        border: 0;
     1850        display: block;
     1851        padding: 0;
     1852        text-align: center;
     1853}
    11581854
    11591855/**
    … …  
    11631859*/
    11641860#buddypress #item-body div#message {
    1165   margin-top: 20px; }
    1166   @media screen and (min-width: 55em) {
    1167     #buddypress #item-body div#message {
    1168       margin-left: 20px; } }
     1861        margin-top: 20px;
     1862}
     1863
     1864@media screen and (min-width: 55em) {
     1865        #buddypress #item-body div#message {
     1866                margin-left: 20px;
     1867        }
     1868}
     1869
    11691870#buddypress div#message p {
    1170   font-size: 18px;
    1171   font-size: 1.8rem;
    1172   font-weight: bold; }
     1871        font-size: 18px;
     1872        font-size: 1.8rem;
     1873        font-weight: bold;
     1874}
     1875
    11731876#buddypress div#message.info p {
    1174   background: #c6e4ee;
    1175   border: 1px solid #78bed6;
    1176   color: #1e5264; }
     1877        background: #c6e4ee;
     1878        border: 1px solid #78bed6;
     1879        color: #1e5264;
     1880}
     1881
    11771882#buddypress div#message.updated p {
    1178   background: #dee6b2;
    1179   border: 1px solid #becc66;
    1180   color: #454d19; }
     1883        background: #dee6b2;
     1884        border: 1px solid #becc66;
     1885        color: #454d19;
     1886}
    11811887
    11821888.delete-group #buddypress div#message.info p {
    1183   background: #db7e7e;
    1184   border: 1px solid #be3535;
    1185   color: #1f0808; }
     1889        background: #db7e7e;
     1890        border: 1px solid #be3535;
     1891        color: #1f0808;
     1892}
    11861893
    11871894/**
    … …  
    11911898*/
    11921899#buddypress {
    1193   /* Auto Complete background */ }
    1194   #buddypress .acfb-holder li.friend-tab {
    1195     background: #9fd1e2;
    1196     border: inherit; }
     1900        /* Auto Complete background */
     1901}
     1902
     1903#buddypress .acfb-holder li.friend-tab {
     1904        background: #9fd1e2;
     1905        border: inherit;
     1906}

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

    r9899 r9903  
     1@charset "UTF-8";
    12/*------------------------------------------------------------------------------
    23
    … …  
    5859*-------------------------------------------------------------------------------
    5960*/
    60 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 {
    61   clear: none; }
     61#buddypress h1,
     62#buddypress h2,
     63#buddypress h3,
     64#buddypress h4,
     65#buddypress h5,
     66#buddypress h6 {
     67        clear: none;
     68}
    6269
    6370.buddypress div.clear {
    64   display: none; }
     71        display: none;
     72}
     73
    6574.buddypress main {
    66   padding-top: 4%; }
    67   @media screen and (min-width: 59.6875em) {
    68     .buddypress main {
    69       padding-top: 0; } }
    70   .buddypress main article {
    71     margin: 0 4%;
    72     padding-top: 8.3333%; }
    73     @media screen and (min-width: 59.6875em) {
    74       .buddypress main article {
    75         margin: 0 0 0 1px; } }
    76     @media screen and (min-width: 87.6875em) {
    77       .buddypress main article {
    78         margin: 0 4.3333% 0 8.3333%; } }
    79     .buddypress main article .entry-header, .buddypress main article .entry-content {
    80       padding: 0 3rem 3rem 3rem; }
    81     .buddypress main article #buddypress {
    82       margin-bottom: 40px; }
     75        padding-top: 4%;
     76}
     77
     78@media screen and (min-width: 59.6875em) {
     79        .buddypress main {
     80                padding-top: 0;
     81        }
     82}
     83
     84.buddypress main article {
     85        margin: 0 4%;
     86        padding-top: 8.3333%;
     87}
     88
     89@media screen and (min-width: 59.6875em) {
     90        .buddypress main article {
     91                margin: 0 0 0 1px;
     92        }
     93}
     94
     95@media screen and (min-width: 87.6875em) {
     96        .buddypress main article {
     97                margin: 0 4.3333% 0 8.3333%;
     98        }
     99}
     100
     101.buddypress main article .entry-header,
     102.buddypress main article .entry-content {
     103        padding: 0 3rem 3rem 3rem;
     104}
     105
     106.buddypress main article #buddypress {
     107        margin-bottom: 40px;
     108}
     109
    83110.buddypress .site-footer {
    84   margin: 0 4%; }
    85   @media screen and (min-width: 59.6875em) {
    86     .buddypress .site-footer {
    87       margin: 0 0 0 35.2941%;
    88       width: 61.8235%; } }
     111        margin: 0 4%;
     112}
     113
     114@media screen and (min-width: 59.6875em) {
     115        .buddypress .site-footer {
     116                margin: 0 0 0 35.2941%;
     117                width: 61.8235%;
     118        }
     119}
    89120
    90121/**
    … …  
    93124*-------------------------------------------------------------------------------
    94125*/
    95 .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 {
    96   border-bottom: 0; }
    97 .buddypress #buddypress .pagination-links a, .buddypress #buddypress .pagination-links span {
    98   border-bottom: 0; }
     126.buddypress #buddypress .item-list-tabs a,
     127.buddypress #buddypress .activity-header a,
     128.buddypress #buddypress .activity-inner a,
     129.buddypress #buddypress .activity-comments a,
     130.buddypress #buddypress .item-title a,
     131.buddypress #buddypress .load-more a,
     132.buddypress #buddypress .field-visibility-settings-toggle a,
     133.buddypress #buddypress #latest-update a,
     134.buddypress #buddypress table a,
     135.buddypress #buddypress .avatar-nav-items a {
     136        border-bottom: 0;
     137}
     138
     139.buddypress #buddypress .pagination-links a,
     140.buddypress #buddypress .pagination-links span {
     141        border-bottom: 0;
     142}
    99143
    100144/**
    … …  
    106150*/
    107151#buddypress {
    108   /*__ Horizontal menus __*/ }
    109   #buddypress div.item-list-tabs ul li.selected a {
    110     background: #555;
    111     color: #fff;
    112     opacity: 1; }
    113   #buddypress div.item-list-tabs ul {
    114     background-color: #f7f7f7;
    115     border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    116     border-top: 1px solid rgba(234, 234, 234, 0.9);
    117     overflow: hidden;
    118     padding: 5px 0; }
    119     #buddypress div.item-list-tabs ul li a span {
    120       border-radius: 25%; }
    121   #buddypress #object-nav ul {
    122     overflow: hidden; }
    123     #buddypress #object-nav ul li {
    124       float: none; }
    125     #buddypress #object-nav ul li:not(.selected) a {
    126       opacity: 0.7; }
    127     @media screen and (min-width: 38.75em) {
    128       #buddypress #object-nav ul li {
    129         float: left; } }
    130   #buddypress div#subnav.item-list-tabs {
    131     margin-top: 0; }
    132     #buddypress div#subnav.item-list-tabs ul {
    133       background-color: #f7f7f7;
    134       border-bottom: 0;
    135       padding: 0; }
    136       #buddypress div#subnav.item-list-tabs ul li.last {
    137         background: #fff;
    138         margin-top: 0;
    139         padding: 5px 5px 5px 0;
    140         width: 100%; }
    141         #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last select:focus {
    142           background: transparent;
    143           border: 0;
    144           outline: 0; }
    145         #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 {
    146           font-size: 14px;
    147           font-size: 1.4rem; }
    148         #buddypress div#subnav.item-list-tabs ul li.last select {
    149           font-style: italic; }
    150       @media screen and (min-width: 38.75em) {
    151         #buddypress div#subnav.item-list-tabs ul li.last {
    152           text-align: right; } }
    153   #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a {
    154     background: #555;
    155     color: #fff;
    156     opacity: 1; }
     152        /*__ Horizontal menus __*/
     153}
     154
     155#buddypress div.item-list-tabs ul li.selected a {
     156        background: #555;
     157        color: #fff;
     158        opacity: 1;
     159}
     160
     161#buddypress div.item-list-tabs ul {
     162        background-color: #f7f7f7;
     163        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
     164        border-top: 1px solid rgba(234, 234, 234, 0.9);
     165        overflow: hidden;
     166        padding: 5px 0;
     167}
     168
     169#buddypress div.item-list-tabs ul li a span {
     170        border-radius: 25%;
     171}
     172
     173#buddypress #object-nav ul {
     174        overflow: hidden;
     175}
     176
     177#buddypress #object-nav ul li {
     178        float: none;
     179}
     180
     181#buddypress #object-nav ul li:not(.selected) a {
     182        opacity: 0.7;
     183}
     184
     185@media screen and (min-width: 38.75em) {
     186        #buddypress #object-nav ul li {
     187                float: left;
     188        }
     189}
     190
     191#buddypress div#subnav.item-list-tabs {
     192        margin-top: 0;
     193}
     194
     195#buddypress div#subnav.item-list-tabs ul {
     196        background-color: #f7f7f7;
     197        border-bottom: 0;
     198        padding: 0;
     199}
     200
     201#buddypress div#subnav.item-list-tabs ul li.last {
     202        background: #fff;
     203        margin-top: 0;
     204        padding: 5px 5px 5px 0;
     205        width: 100%;
     206}
     207
     208#buddypress div#subnav.item-list-tabs ul li.last select,
     209#buddypress div#subnav.item-list-tabs ul li.last select:focus {
     210        background: transparent;
     211        border: 0;
     212        outline: 0;
     213}
     214
     215#buddypress div#subnav.item-list-tabs ul li.last select,
     216#buddypress div#subnav.item-list-tabs ul li.last label,
     217#buddypress div#subnav.item-list-tabs ul li.last option {
     218        font-size: 14px;
     219        font-size: 1.4rem;
     220}
     221
     222#buddypress div#subnav.item-list-tabs ul li.last select {
     223        font-style: italic;
     224}
     225
     226@media screen and (min-width: 38.75em) {
     227        #buddypress div#subnav.item-list-tabs ul li.last {
     228                text-align: right;
     229        }
     230}
     231
     232#buddypress div.item-list-tabs ul li.selected a,
     233#buddypress div.item-list-tabs ul li.current a {
     234        background: #555;
     235        color: #fff;
     236        opacity: 1;
     237}
    157238
    158239/*__ Vertical menu User Account / Group single screens __*/
    159240@media screen and (min-width: 55em) {
    160   .bp-user #buddypress, .single-item.groups #buddypress {
    161     background: #f7f7f7; }
    162   #buddypress #item-header, #buddypress #item-body {
    163     background: #fff; }
    164   #buddypress #object-nav {
    165     border-right: 1px solid #ddd;
    166     float: left;
    167     margin-right: -1px;
    168     width: 200px; }
    169     #buddypress #object-nav ul {
    170       border-bottom: 0;
    171       padding: 0; }
    172       #buddypress #object-nav ul li {
    173         float: none;
    174         overflow: hidden; }
    175         #buddypress #object-nav ul li span {
    176           background: #fff;
    177           border-radius: 10%;
    178           float: right;
    179           margin-right: 2px; }
    180   #buddypress #item-body {
    181     border-left: 1px solid #ddd;
    182     overflow: hidden;
    183     padding: 0 0 0 20px;
    184     width: auto; }
    185     #buddypress #item-body #subnav {
    186       margin: 0 0 0 -20px; } }
     241        .bp-user #buddypress,
     242        .single-item.groups #buddypress {
     243                background: #f7f7f7;
     244        }
     245        #buddypress #item-header,
     246        #buddypress #item-body {
     247                background: #fff;
     248        }
     249        #buddypress #object-nav {
     250                border-right: 1px solid #ddd;
     251                float: left;
     252                margin-right: -1px;
     253                width: 200px;
     254        }
     255        #buddypress #object-nav ul {
     256                border-bottom: 0;
     257                padding: 0;
     258        }
     259        #buddypress #object-nav ul li {
     260                float: none;
     261                overflow: hidden;
     262        }
     263        #buddypress #object-nav ul li span {
     264                background: #fff;
     265                border-radius: 10%;
     266                float: right;
     267                margin-right: 2px;
     268        }
     269        #buddypress #item-body {
     270                border-left: 1px solid #ddd;
     271                overflow: hidden;
     272                padding: 0 0 0 20px;
     273                width: auto;
     274        }
     275        #buddypress #item-body #subnav {
     276                margin: 0 0 0 -20px;
     277        }
     278}
    187279
    188280/**
    … …  
    192284*/
    193285#buddypress div.pagination {
    194   box-shadow: none; }
    195   #buddypress div.pagination .pag-count {
    196     margin-left: 0; }
    197   #buddypress div.pagination .pagination-links {
    198     margin-right: 0; }
    199     #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a {
    200       height: auto;
    201       line-height: 1;
    202       padding: 5px; }
    203     #buddypress div.pagination .pagination-links .prev, #buddypress div.pagination .pagination-links .next {
    204       background-color: transparent;
    205       color: inherit;
    206       overflow: visible;
    207       width: auto; }
    208       #buddypress div.pagination .pagination-links .prev:before, #buddypress div.pagination .pagination-links .next:before {
    209         display: none; }
    210     #buddypress div.pagination .pagination-links .prev {
    211       left: auto;
    212       position: static; }
    213     #buddypress div.pagination .pagination-links .next {
    214       position: static;
    215       right: auto; }
     286        box-shadow: none;
     287}
     288
     289#buddypress div.pagination .pag-count {
     290        margin-left: 0;
     291}
     292
     293#buddypress div.pagination .pagination-links {
     294        margin-right: 0;
     295}
     296
     297#buddypress div.pagination .pagination-links span,
     298#buddypress div.pagination .pagination-links a {
     299        height: auto;
     300        line-height: 1;
     301        padding: 5px;
     302}
     303
     304#buddypress div.pagination .pagination-links .prev,
     305#buddypress div.pagination .pagination-links .next {
     306        background-color: transparent;
     307        color: inherit;
     308        overflow: visible;
     309        width: auto;
     310}
     311
     312#buddypress div.pagination .pagination-links .prev:before,
     313#buddypress div.pagination .pagination-links .next:before {
     314        display: none;
     315}
     316
     317#buddypress div.pagination .pagination-links .prev {
     318        left: auto;
     319        position: static;
     320}
     321
     322#buddypress div.pagination .pagination-links .next {
     323        position: static;
     324        right: auto;
     325}
    216326
    217327/**
    … …  
    220330*-------------------------------------------------------------------------------
    221331*/
    222 #buddypress .item-list .activity-header, #buddypress .item-list .activity-meta {
    223   font-family: "Noto Sans", sans-serif; }
     332#buddypress .item-list .activity-header,
     333#buddypress .item-list .activity-meta {
     334        font-family: "Noto Sans", sans-serif;
     335}
    224336
    225337#buddypress ul.item-list li {
    226   overflow: hidden !important; }
    227   #buddypress ul.item-list li .item-avatar {
    228     margin-bottom: 10px;
    229     text-align: center; }
    230     @media screen and (min-width: 38.75em) {
    231       #buddypress ul.item-list li .item-avatar {
    232         margin-bottom: 0; } }
    233     #buddypress ul.item-list li .item-avatar a {
    234       border-bottom: 0; }
    235     #buddypress ul.item-list li .item-avatar img.avatar {
    236       display: inline-block;
    237       float: none; }
    238       @media screen and (min-width: 38.75em) {
    239         #buddypress ul.item-list li .item-avatar img.avatar {
    240           display: block;
    241           float: left; } }
    242   #buddypress ul.item-list li .item {
    243     margin-left: 25%; }
    244     #buddypress ul.item-list li .item span.activity {
    245       font-style: italic; }
    246     #buddypress ul.item-list li .item .item-desc {
    247       margin-left: 0;
    248       width: 70%; }
    249   @media screen and (min-width: 59.6875em) {
    250     #buddypress ul.item-list li .item-avatar, #buddypress ul.item-list li .item, #buddypress ul.item-list li .action {
    251       float: left; }
    252     #buddypress ul.item-list li .item {
    253       left: 10%;
    254       margin-left: 0;
    255       position: relative;
    256       width: 55%; } }
    257   #buddypress ul.item-list li div.action {
    258     clear: left;
    259     float: none;
    260     margin-bottom: -20px;
    261     margin-left: 0;
    262     padding: 20px 0 5px;
    263     position: relative;
    264     text-align: left;
    265     top: 0; }
    266     @media screen and (min-width: 59.6875em) {
    267       #buddypress ul.item-list li div.action {
    268         clear: none;
    269         float: right;
    270         margin-bottom: 0;
    271         padding: 0; } }
    272     #buddypress ul.item-list li div.action div {
    273       display: inline-block;
    274       margin: 10px 0;
    275       width: 100%; }
    276       #buddypress ul.item-list li div.action div a {
    277         display: block;
    278         width: 100%; }
    279       @media screen and (min-width: 38.75em) {
    280         #buddypress ul.item-list li div.action div {
    281           margin: 0 10px 10px 0;
    282           width: auto; } }
    283       @media screen and (min-width: 59.6875em) {
    284         #buddypress ul.item-list li div.action div {
    285           clear: right;
    286           float: right;
    287           margin: 0 0 10px 0; } }
    288     #buddypress ul.item-list li div.action .meta {
    289       font-style: italic; }
     338        overflow: hidden !important;
     339}
     340
     341#buddypress ul.item-list li .item-avatar {
     342        margin-bottom: 10px;
     343        text-align: center;
     344}
     345
     346@media screen and (min-width: 38.75em) {
     347        #buddypress ul.item-list li .item-avatar {
     348                margin-bottom: 0;
     349        }
     350}
     351
     352#buddypress ul.item-list li .item-avatar a {
     353        border-bottom: 0;
     354}
     355
     356#buddypress ul.item-list li .item-avatar img.avatar {
     357        display: inline-block;
     358        float: none;
     359}
     360
     361@media screen and (min-width: 38.75em) {
     362        #buddypress ul.item-list li .item-avatar img.avatar {
     363                display: block;
     364                float: left;
     365        }
     366}
     367
     368#buddypress ul.item-list li .item {
     369        margin-left: 25%;
     370}
     371
     372#buddypress ul.item-list li .item span.activity {
     373        font-style: italic;
     374}
     375
     376#buddypress ul.item-list li .item .item-desc {
     377        margin-left: 0;
     378        width: 70%;
     379}
     380
     381@media screen and (min-width: 59.6875em) {
     382        #buddypress ul.item-list li .item-avatar,
     383        #buddypress ul.item-list li .item,
     384        #buddypress ul.item-list li .action {
     385                float: left;
     386        }
     387        #buddypress ul.item-list li .item {
     388                left: 10%;
     389                margin-left: 0;
     390                position: relative;
     391                width: 55%;
     392        }
     393}
     394
     395#buddypress ul.item-list li div.action {
     396        clear: left;
     397        float: none;
     398        margin-bottom: -20px;
     399        margin-left: 0;
     400        padding: 20px 0 5px;
     401        position: relative;
     402        text-align: left;
     403        top: 0;
     404}
     405
     406@media screen and (min-width: 59.6875em) {
     407        #buddypress ul.item-list li div.action {
     408                clear: none;
     409                float: right;
     410                margin-bottom: 0;
     411                padding: 0;
     412        }
     413}
     414
     415#buddypress ul.item-list li div.action div {
     416        display: inline-block;
     417        margin: 10px 0;
     418        width: 100%;
     419}
     420
     421#buddypress ul.item-list li div.action div a {
     422        display: block;
     423        width: 100%;
     424}
     425
     426@media screen and (min-width: 38.75em) {
     427        #buddypress ul.item-list li div.action div {
     428                margin: 0 10px 10px 0;
     429                width: auto;
     430        }
     431}
     432
     433@media screen and (min-width: 59.6875em) {
     434        #buddypress ul.item-list li div.action div {
     435                clear: right;
     436                float: right;
     437                margin: 0 0 10px 0;
     438        }
     439}
     440
     441#buddypress ul.item-list li div.action .meta {
     442        font-style: italic;
     443}
    290444
    291445/**
    … …  
    300454*/
    301455#buddypress form#whats-new-form p.activity-greeting {
    302   line-height: 1.4; }
     456        line-height: 1.4;
     457}
     458
    303459#buddypress form#whats-new-form textarea {
    304   width: 100%; }
     460        width: 100%;
     461}
     462
    305463@media screen and (max-width: 30em) {
    306   #buddypress form#whats-new-form #whats-new-post-in-box select {
    307     font-size: 14px;
    308     font-size: 1.4rem;
    309     max-width: 120px; } }
     464        #buddypress form#whats-new-form #whats-new-post-in-box select {
     465                font-size: 14px;
     466                font-size: 1.4rem;
     467                max-width: 120px;
     468        }
     469}
     470
    310471@media screen and (max-width: 38.75em) {
    311   #buddypress form#whats-new-form #whats-new-content {
    312     clear: left;
    313     margin: 10px 0 40px;
    314     padding: 10px 0 0; }
    315     #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
    316       float: none; }
    317       #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
    318         width: 100%; }
    319   #buddypress form#whats-new-form #whats-new-options {
    320     display: flex;
    321     flex-direction: column; }
    322     #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
    323       order: 2; }
    324     #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
    325       order: 1; } }
     472        #buddypress form#whats-new-form #whats-new-content {
     473                clear: left;
     474                margin: 10px 0 40px;
     475                padding: 10px 0 0;
     476        }
     477        #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
     478                float: none;
     479        }
     480        #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
     481                width: 100%;
     482        }
     483        #buddypress form#whats-new-form #whats-new-options {
     484                display: flex;
     485                flex-direction: column;
     486        }
     487        #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
     488                order: 2;
     489        }
     490        #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
     491                order: 1;
     492        }
     493}
     494
    326495#buddypress form#whats-new-form #whats-new-options[style] {
    327   min-height: 6rem;
    328   overflow: visible; }
    329   #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    330     border: 1px solid rgba(153, 153, 153, 0.5);
    331     float: left;
    332     line-height: 1.5em;
    333     margin-top: 12px;
    334     padding-left: 0.2em;
    335     width: 100%; }
    336     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
    337       background: none;
    338       border: 0;
    339       float: right;
    340       margin: 0;
    341       min-height: 1.5em;
    342       outline: 0;
    343       padding-left: 0.4em; }
    344   @media screen and (min-width: 30em) {
    345     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    346       width: auto; }
    347     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
    348       float: right; } }
     496        min-height: 6rem;
     497        overflow: visible;
     498}
     499
     500#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     501        border: 1px solid rgba(153, 153, 153, 0.5);
     502        float: left;
     503        line-height: 1.5em;
     504        margin-top: 12px;
     505        padding-left: 0.2em;
     506        width: 100%;
     507}
     508
     509#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     510        background: none;
     511        border: 0;
     512        float: right;
     513        margin: 0;
     514        min-height: 1.5em;
     515        outline: 0;
     516        padding-left: 0.4em;
     517}
     518
     519@media screen and (min-width: 30em) {
     520        #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     521                width: auto;
     522        }
     523        #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     524                float: right;
     525        }
     526}
     527
    349528#buddypress #item-body form#whats-new-form {
    350   margin: 40px 0; }
     529        margin: 40px 0;
     530}
    351531
    352532/**
    … …  
    356536*/
    357537#buddypress #activity-stream li {
    358   padding: 25px 0 15px; }
    359   #buddypress #activity-stream li .activity-avatar {
    360     float: none;
    361     text-align: center; }
    362     #buddypress #activity-stream li .activity-avatar a {
    363       display: inline-block; }
    364       #buddypress #activity-stream li .activity-avatar a img.avatar {
    365         display: inline;
    366         float: none;
    367         height: 60px;
    368         margin-bottom: 20px;
    369         margin-left: 0;
    370         width: 60px; }
    371   #buddypress #activity-stream li .activity-content {
    372     margin-left: 0; }
    373     #buddypress #activity-stream li .activity-content .activity-header {
    374       font-size: 14px;
    375       font-size: 1.4rem; }
    376   @media screen and (min-width: 46.25em) {
    377     #buddypress #activity-stream li .activity-avatar {
    378       float: left;
    379       margin-right: 10px;
    380       text-align: left; }
    381       #buddypress #activity-stream li .activity-avatar a {
    382         border-bottom: 0; }
    383     #buddypress #activity-stream li .activity-content {
    384       margin: 0;
    385       overflow: hidden; }
    386       #buddypress #activity-stream li .activity-content .activity-header {
    387         font-size: 16px;
    388         font-size: 1.6rem; } }
     538        padding: 25px 0 15px;
     539}
     540
     541#buddypress #activity-stream li .activity-avatar {
     542        float: none;
     543        text-align: center;
     544}
     545
     546#buddypress #activity-stream li .activity-avatar a {
     547        display: inline-block;
     548}
     549
     550#buddypress #activity-stream li .activity-avatar a img.avatar {
     551        display: inline;
     552        float: none;
     553        height: 60px;
     554        margin-bottom: 20px;
     555        margin-left: 0;
     556        width: 60px;
     557}
     558
     559#buddypress #activity-stream li .activity-content {
     560        margin-left: 0;
     561}
     562
     563#buddypress #activity-stream li .activity-content .activity-header {
     564        font-size: 14px;
     565        font-size: 1.4rem;
     566}
     567
     568@media screen and (min-width: 46.25em) {
     569        #buddypress #activity-stream li .activity-avatar {
     570                float: left;
     571                margin-right: 10px;
     572                text-align: left;
     573        }
     574        #buddypress #activity-stream li .activity-avatar a {
     575                border-bottom: 0;
     576        }
     577        #buddypress #activity-stream li .activity-content {
     578                margin: 0;
     579                overflow: hidden;
     580        }
     581        #buddypress #activity-stream li .activity-content .activity-header {
     582                font-size: 16px;
     583                font-size: 1.6rem;
     584        }
     585}
     586
    389587#buddypress #activity-stream li.mini .activity-avatar a img.avatar {
    390   height: 30px;
    391   margin-left: 15px;
    392   width: 30px; }
     588        height: 30px;
     589        margin-left: 15px;
     590        width: 30px;
     591}
     592
    393593#buddypress #activity-stream li.mini .activity-content .activity-header {
    394   font-size: 13px;
    395   font-size: 1.3rem; }
     594        font-size: 13px;
     595        font-size: 1.3rem;
     596}
     597
    396598#buddypress #activity-stream .activity-content {
    397   margin-top: -12px; }
    398   #buddypress #activity-stream .activity-content .activity-header {
    399     line-height: inherit;
    400     margin-right: 0; }
    401     #buddypress #activity-stream .activity-content .activity-header p {
    402       background-color: #f7f7f7;
    403       border: 1px solid rgba(234, 234, 234, 0.6);
    404       padding: 0 0.2em; }
    405     #buddypress #activity-stream .activity-content .activity-header img.avatar {
    406       display: inline-block;
    407       margin-bottom: 0 !important; }
    408   #buddypress #activity-stream .activity-content .activity-meta a {
    409     display: block;
    410     margin: 0 0 5px; }
    411     @media screen and (min-width: 38.75em) {
    412       #buddypress #activity-stream .activity-content .activity-meta a {
    413         display: inline-block;
    414         margin: 0; } }
     599        margin-top: -12px;
     600}
     601
     602#buddypress #activity-stream .activity-content .activity-header {
     603        line-height: inherit;
     604        margin-right: 0;
     605}
     606
     607#buddypress #activity-stream .activity-content .activity-header p {
     608        background-color: #f7f7f7;
     609        border: 1px solid rgba(234, 234, 234, 0.6);
     610        padding: 0 0.2em;
     611}
     612
     613#buddypress #activity-stream .activity-content .activity-header img.avatar {
     614        display: inline-block;
     615        margin-bottom: 0 !important;
     616}
     617
     618#buddypress #activity-stream .activity-content .activity-meta a {
     619        display: block;
     620        margin: 0 0 5px;
     621}
     622
     623@media screen and (min-width: 38.75em) {
     624        #buddypress #activity-stream .activity-content .activity-meta a {
     625                display: inline-block;
     626                margin: 0;
     627        }
     628}
     629
    415630#buddypress #activity-stream .load-more {
    416   background: #f7f7f7;
    417   border: 1px solid transparent;
    418   padding: 10px; }
    419   #buddypress #activity-stream .load-more:focus, #buddypress #activity-stream .load-more:hover {
    420     background: #f4f4f4;
    421     border: 1px solid rgba(159, 209, 226, 0.3); }
    422     #buddypress #activity-stream .load-more:focus a, #buddypress #activity-stream .load-more:hover a {
    423       font-style: italic; }
    424   #buddypress #activity-stream .load-more a {
    425     display: block; }
     631        background: #f7f7f7;
     632        border: 1px solid transparent;
     633        padding: 10px;
     634}
     635
     636#buddypress #activity-stream .load-more:focus,
     637#buddypress #activity-stream .load-more:hover {
     638        background: #f4f4f4;
     639        border: 1px solid rgba(159, 209, 226, 0.3);
     640}
     641
     642#buddypress #activity-stream .load-more:focus a,
     643#buddypress #activity-stream .load-more:hover a {
     644        font-style: italic;
     645}
     646
     647#buddypress #activity-stream .load-more a {
     648        display: block;
     649}
    426650
    427651/* Single activity view  - activity permalink */
    428652.activity-permalink #buddypress {
    429   background: none; }
    430   .activity-permalink #buddypress #activity-stream li.activity-item {
    431     padding: 20px 0; }
    432   .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    433     font-size: 16px;
    434     font-size: 1.6rem;
    435     margin-bottom: 40px; }
    436     @media screen and (min-width: 46.25em) {
    437       .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    438         font-size: 20px;
    439         font-size: 2rem; } }
    440     .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
    441       padding: 20px; }
     653        background: none;
     654}
     655
     656.activity-permalink #buddypress #activity-stream li.activity-item {
     657        padding: 20px 0;
     658}
     659
     660.activity-permalink #buddypress #activity-stream li.mini .activity-header {
     661        font-size: 16px;
     662        font-size: 1.6rem;
     663        margin-bottom: 40px;
     664}
     665
     666@media screen and (min-width: 46.25em) {
     667        .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     668                font-size: 20px;
     669                font-size: 2rem;
     670        }
     671}
     672
     673.activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     674        padding: 20px;
     675}
    442676
    443677/**
    … …  
    447681*/
    448682#buddypress #activity-stream .activity-comments {
    449   margin: 10px 0 0; }
    450   #buddypress #activity-stream .activity-comments.has-comments {
    451     border-left: 1px solid #eaeaea; }
    452   #buddypress #activity-stream .activity-comments .ac-form {
    453     padding: 20px 0 0; }
    454   #buddypress #activity-stream .activity-comments > ul {
    455     background: rgba(247, 247, 247, 0.6);
    456     margin: 15px 0 0 2px; }
    457     @media screen and (min-width: 38.75em) {
    458       #buddypress #activity-stream .activity-comments > ul {
    459         margin-left: 70px; } }
    460     #buddypress #activity-stream .activity-comments > ul ul {
    461       margin-left: 1%;
    462       padding-left: 0; }
    463       @media screen and (min-width: 30em) {
    464         #buddypress #activity-stream .activity-comments > ul ul {
    465           margin-left: 1%;
    466           padding-left: 1em; } }
    467     #buddypress #activity-stream .activity-comments > ul ul li {
    468       border-left: 1px solid #eaeaea;
    469       border-top: 0;
    470       padding-left: 0.2em; }
    471     #buddypress #activity-stream .activity-comments > ul .acomment-meta {
    472       border-bottom: 1px solid #eaeaea;
    473       font-style: italic; }
    474     @media screen and (max-width: 38.75em) {
    475       #buddypress #activity-stream .activity-comments > ul .acomment-avatar {
    476         display: block;
    477         text-align: center; }
    478         #buddypress #activity-stream .activity-comments > ul .acomment-avatar a, #buddypress #activity-stream .activity-comments > ul .acomment-avatar img.avatar {
    479           display: inline;
    480           float: none; }
    481       #buddypress #activity-stream .activity-comments > ul .acomment-content, #buddypress #activity-stream .activity-comments > ul .acomment-meta, #buddypress #activity-stream .activity-comments > ul .acomment-options {
    482         margin: 5px; }
    483       #buddypress #activity-stream .activity-comments > ul .acomment-content {
    484         padding: 0 10px; } }
    485   #buddypress #activity-stream .activity-comments .ac-reply-avatar {
    486     display: none; }
    487   #buddypress #activity-stream .activity-comments .ac-reply-content {
    488     margin-left: 0;
    489     padding-left: 0; }
    490   @media screen and (min-width: 38.75em) {
    491     #buddypress #activity-stream .activity-comments .ac-reply-avatar {
    492       display: block; }
    493     #buddypress #activity-stream .activity-comments .ac-reply-content {
    494       overflow: hidden; } }
    495   #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    496     color: rgba(51, 51, 51, 0.8);
    497     display: inline-block;
    498     font-family: inherit;
    499     font-size: 12px;
    500     font-size: 1.2rem;
    501     font-weight: normal;
    502     line-height: 1.2;
    503     padding: 4px 10px;
    504     text-transform: lowercase;
    505     width: 100px; }
    506   #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    507     border: 1px solid rgba(153, 153, 153, 0.7);
    508     text-align: center; }
    509     #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:hover {
    510       background: #ededed; }
     683        margin: 10px 0 0;
     684}
     685
     686#buddypress #activity-stream .activity-comments.has-comments {
     687        border-left: 1px solid #eaeaea;
     688}
     689
     690#buddypress #activity-stream .activity-comments .ac-form {
     691        padding: 20px 0 0;
     692}
     693
     694#buddypress #activity-stream .activity-comments > ul {
     695        background: rgba(247, 247, 247, 0.6);
     696        margin: 15px 0 0 2px;
     697}
     698
     699@media screen and (min-width: 38.75em) {
     700        #buddypress #activity-stream .activity-comments > ul {
     701                margin-left: 70px;
     702        }
     703}
     704
     705#buddypress #activity-stream .activity-comments > ul ul {
     706        margin-left: 1%;
     707        padding-left: 0;
     708}
     709
     710@media screen and (min-width: 30em) {
     711        #buddypress #activity-stream .activity-comments > ul ul {
     712                margin-left: 1%;
     713                padding-left: 1em;
     714        }
     715}
     716
     717#buddypress #activity-stream .activity-comments > ul ul li {
     718        border-left: 1px solid #eaeaea;
     719        border-top: 0;
     720        padding-left: 0.2em;
     721}
     722
     723#buddypress #activity-stream .activity-comments > ul .acomment-meta {
     724        border-bottom: 1px solid #eaeaea;
     725        font-style: italic;
     726}
     727
     728@media screen and (max-width: 38.75em) {
     729        #buddypress #activity-stream .activity-comments > ul .acomment-avatar {
     730                display: block;
     731                text-align: center;
     732        }
     733        #buddypress #activity-stream .activity-comments > ul .acomment-avatar a,
     734        #buddypress #activity-stream .activity-comments > ul .acomment-avatar img.avatar {
     735                display: inline;
     736                float: none;
     737        }
     738        #buddypress #activity-stream .activity-comments > ul .acomment-content,
     739        #buddypress #activity-stream .activity-comments > ul .acomment-meta,
     740        #buddypress #activity-stream .activity-comments > ul .acomment-options {
     741                margin: 5px;
     742        }
     743        #buddypress #activity-stream .activity-comments > ul .acomment-content {
     744                padding: 0 10px;
     745        }
     746}
     747
     748#buddypress #activity-stream .activity-comments .ac-reply-avatar {
     749        display: none;
     750}
     751
     752#buddypress #activity-stream .activity-comments .ac-reply-content {
     753        margin-left: 0;
     754        padding-left: 0;
     755}
     756
     757@media screen and (min-width: 38.75em) {
     758        #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     759                display: block;
     760        }
     761        #buddypress #activity-stream .activity-comments .ac-reply-content {
     762                overflow: hidden;
     763        }
     764}
     765
     766#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
     767#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
     768        color: rgba(51, 51, 51, 0.8);
     769        display: inline-block;
     770        font-family: inherit;
     771        font-size: 12px;
     772        font-size: 1.2rem;
     773        font-weight: normal;
     774        line-height: 1.2;
     775        padding: 4px 10px;
     776        text-transform: lowercase;
     777        width: 100px;
     778}
     779
     780#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
     781        border: 1px solid rgba(153, 153, 153, 0.7);
     782        text-align: center;
     783}
     784
     785#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:focus,
     786#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:hover {
     787        background: #ededed;
     788}
    511789
    512790/**
    … …  
    516794*/
    517795@media screen and (min-width: 59.6875em) {
    518   #buddypress #members-list li .item-avatar, #buddypress #members-list li .item {
    519     float: left; }
    520   #buddypress #members-list li .action {
    521     float: right; } }
     796        #buddypress #members-list li .item-avatar,
     797        #buddypress #members-list li .item {
     798                float: left;
     799        }
     800        #buddypress #members-list li .action {
     801                float: right;
     802        }
     803}
    522804
    523805/**
    … …  
    532814*/
    533815@media screen and (max-width: 46.25em) {
    534   .bp-user main header.entry-header, .single-item.groups main header.entry-header {
    535     padding-bottom: 1rem; } }
     816        .bp-user main header.entry-header,
     817        .single-item.groups main header.entry-header {
     818                padding-bottom: 1rem;
     819        }
     820}
     821
    536822@media screen and (max-width: 38.75em) {
    537   .bp-user h1, .bp-user #item-header-content, .single-item.groups h1, .single-item.groups #item-header-content {
    538     text-align: center; } }
     823        .bp-user h1,
     824        .bp-user #item-header-content,
     825        .single-item.groups h1,
     826        .single-item.groups #item-header-content {
     827                text-align: center;
     828        }
     829}
     830
    539831@media screen and (max-width: 46.25em) {
    540   .bp-user #buddypress #item-header .generic-button, .single-item.groups #buddypress #item-header .generic-button {
    541     float: none;
    542     margin: 1.5em 0 0 0; } }
     832        .bp-user #buddypress #item-header .generic-button,
     833        .single-item.groups #buddypress #item-header .generic-button {
     834                float: none;
     835                margin: 1.5em 0 0 0;
     836        }
     837}
     838
    543839@media screen and (max-width: 38.75em) {
    544   .bp-user #buddypress h1, .single-item.groups #buddypress h1 {
    545     margin-bottom: 0; }
    546   .bp-user #buddypress #item-header-avatar img.avatar, .single-item.groups #buddypress #item-header-avatar img.avatar {
    547     margin-right: 0; }
    548   .bp-user #buddypress #item-header-content, .single-item.groups #buddypress #item-header-content {
    549     width: 100%; } }
     840        .bp-user #buddypress h1,
     841        .single-item.groups #buddypress h1 {
     842                margin-bottom: 0;
     843        }
     844        .bp-user #buddypress #item-header-avatar img.avatar,
     845        .single-item.groups #buddypress #item-header-avatar img.avatar {
     846                margin-right: 0;
     847        }
     848        .bp-user #buddypress #item-header-content,
     849        .single-item.groups #buddypress #item-header-content {
     850                width: 100%;
     851        }
     852}
    550853
    551854/**
    … …  
    557860*/
    558861@media screen and (max-width: 46.25em) {
    559   .single-item.groups #buddypress #item-header #item-meta {
    560     margin-bottom: 20px; } }
     862        .single-item.groups #buddypress #item-header #item-meta {
     863                margin-bottom: 20px;
     864        }
     865}
     866
    561867@media screen and (max-width: 38.75em) {
    562   .single-item.groups #buddypress div#item-header {
    563     display: flex;
    564     flex-direction: column; }
    565     .single-item.groups #buddypress div#item-header #item-header-avatar {
    566       order: 1;
    567       text-align: center; }
    568       .single-item.groups #buddypress div#item-header #item-header-avatar a {
    569         border-bottom: 0; }
    570         .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    571           display: inline-block;
    572           float: none; }
    573     .single-item.groups #buddypress div#item-header #item-header-content {
    574       order: 2; }
    575     .single-item.groups #buddypress div#item-header #item-actions {
    576       order: 3; } }
     868        .single-item.groups #buddypress div#item-header {
     869                display: flex;
     870                flex-direction: column;
     871        }
     872        .single-item.groups #buddypress div#item-header #item-header-avatar {
     873                order: 1;
     874                text-align: center;
     875        }
     876        .single-item.groups #buddypress div#item-header #item-header-avatar a {
     877                border-bottom: 0;
     878        }
     879        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
     880                display: inline-block;
     881                float: none;
     882        }
     883        .single-item.groups #buddypress div#item-header #item-header-content {
     884                order: 2;
     885        }
     886        .single-item.groups #buddypress div#item-header #item-actions {
     887                order: 3;
     888        }
     889}
     890
    577891.single-item.groups #buddypress div#item-header {
    578   padding-bottom: 40px; }
    579   .single-item.groups #buddypress div#item-header div#item-actions {
    580     margin: 0;
    581     width: 100%; }
    582     @media screen and (min-width: 38.75em) {
    583       .single-item.groups #buddypress div#item-header div#item-actions {
    584         clear: none;
    585         float: right;
    586         width: 50%; } }
    587     .single-item.groups #buddypress div#item-header div#item-actions h3 {
    588       background: #555;
    589       color: #fff;
    590       font-size: 14px;
    591       font-size: 1.4rem;
    592       padding: 0.2em; }
    593       @media screen and (min-width: 46.25em) {
    594         .single-item.groups #buddypress div#item-header div#item-actions h3 {
    595           font-size: 16px;
    596           font-size: 1.6rem; } }
    597   @media screen and (min-width: 46.25em) {
    598     .single-item.groups #buddypress div#item-header #item-header-avatar, .single-item.groups #buddypress div#item-header #item-header-content {
    599       float: left; }
    600     .single-item.groups #buddypress div#item-header #item-header-avatar {
    601       width: 21%; }
    602     .single-item.groups #buddypress div#item-header #item-header-content {
    603       margin-left: 4%;
    604       width: 40%; }
    605     .single-item.groups #buddypress div#item-header div#item-actions {
    606       float: right;
    607       width: 28%; } }
     892        padding-bottom: 40px;
     893}
     894
     895.single-item.groups #buddypress div#item-header div#item-actions {
     896        margin: 0;
     897        width: 100%;
     898}
     899
     900@media screen and (min-width: 38.75em) {
     901        .single-item.groups #buddypress div#item-header div#item-actions {
     902                clear: none;
     903                float: right;
     904                width: 50%;
     905        }
     906}
     907
     908.single-item.groups #buddypress div#item-header div#item-actions h3 {
     909        background: #555;
     910        color: #fff;
     911        font-size: 14px;
     912        font-size: 1.4rem;
     913        padding: 0.2em;
     914}
     915
     916@media screen and (min-width: 46.25em) {
     917        .single-item.groups #buddypress div#item-header div#item-actions h3 {
     918                font-size: 16px;
     919                font-size: 1.6rem;
     920        }
     921}
     922
     923@media screen and (min-width: 46.25em) {
     924        .single-item.groups #buddypress div#item-header #item-header-avatar,
     925        .single-item.groups #buddypress div#item-header #item-header-content {
     926                float: left;
     927        }
     928        .single-item.groups #buddypress div#item-header #item-header-avatar {
     929                width: 21%;
     930        }
     931        .single-item.groups #buddypress div#item-header #item-header-content {
     932                margin-left: 4%;
     933                width: 40%;
     934        }
     935        .single-item.groups #buddypress div#item-header div#item-actions {
     936                float: right;
     937                width: 28%;
     938        }
     939}
    608940
    609941/**
    … …  
    615947*/
    616948.bp-user #buddypress #item-header {
    617   padding: 20px 0; }
    618   .bp-user #buddypress #item-header #item-header-avatar {
    619     text-align: center;
    620     width: 100%; }
    621     .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    622       border-bottom: 0;
    623       display: inline-block;
    624       float: none; }
    625   @media screen and (min-width: 46.25em) {
    626     .bp-user #buddypress #item-header #item-header-avatar {
    627       float: left;
    628       width: 20%; }
    629       .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    630         float: left;
    631         width: 100%; }
    632     .bp-user #buddypress #item-header #item-header-content {
    633       float: right;
    634       margin-right: 5%;
    635       width: 69%; } }
     949        padding: 20px 0;
     950}
     951
     952.bp-user #buddypress #item-header #item-header-avatar {
     953        text-align: center;
     954        width: 100%;
     955}
     956
     957.bp-user #buddypress #item-header #item-header-avatar img.avatar,
     958.bp-user #buddypress #item-header #item-header-avatar a {
     959        border-bottom: 0;
     960        display: inline-block;
     961        float: none;
     962}
     963
     964@media screen and (min-width: 46.25em) {
     965        .bp-user #buddypress #item-header #item-header-avatar {
     966                float: left;
     967                width: 20%;
     968        }
     969        .bp-user #buddypress #item-header #item-header-avatar img.avatar,
     970        .bp-user #buddypress #item-header #item-header-avatar a {
     971                float: left;
     972                width: 100%;
     973        }
     974        .bp-user #buddypress #item-header #item-header-content {
     975                float: right;
     976                margin-right: 5%;
     977                width: 69%;
     978        }
     979}
    636980
    637981/**
    … …  
    640984*-----------------------------------------------------------
    641985*/
    642 #item-body h1, #item-body h2, #item-body h3, #item-body h4, #item-body h5, #item-body h6 {
    643   margin: 1em 0; }
    644   #item-body h1 a, #item-body h2 a, #item-body h3 a, #item-body h4 a, #item-body h5 a, #item-body h6 a {
    645     border-bottom: 0; }
     986#item-body h1,
     987#item-body h2,
     988#item-body h3,
     989#item-body h4,
     990#item-body h5,
     991#item-body h6 {
     992        margin: 1em 0;
     993}
     994
     995#item-body h1 a,
     996#item-body h2 a,
     997#item-body h3 a,
     998#item-body h4 a,
     999#item-body h5 a,
     1000#item-body h6 a {
     1001        border-bottom: 0;
     1002}
    6461003
    6471004/**
    … …  
    6581015*/
    6591016.groups #group-settings-form h4 {
    660   background: #555;
    661   color: #fff;
    662   padding: 0.2em; }
     1017        background: #555;
     1018        color: #fff;
     1019        padding: 0.2em;
     1020}
     1021
    6631022.groups #group-settings-form #request-list h4 {
    664   background: none;
    665   color: inherit; }
     1023        background: none;
     1024        color: inherit;
     1025}
    6661026
    6671027.groups.edit-details #group-settings-form label {
    668   background: #555;
    669   -webkit-border-top-right-radius: 4px;
    670   border-top-right-radius: 4px;
    671   -webkit-border-top-left-radius: 4px;
    672   border-top-left-radius: 4px;
    673   background-clip: padding-box;
    674   color: #fff;
    675   display: inline-block;
    676   margin-bottom: 0;
    677   padding: 0.2em;
    678   width: 80%; }
    679   @media screen and (min-width: 38.75em) {
    680     .groups.edit-details #group-settings-form label {
    681       width: 60%; } }
     1028        background: #555;
     1029        -webkit-border-top-right-radius: 4px;
     1030        border-top-right-radius: 4px;
     1031        -webkit-border-top-left-radius: 4px;
     1032        border-top-left-radius: 4px;
     1033        background-clip: padding-box;
     1034        color: #fff;
     1035        display: inline-block;
     1036        margin-bottom: 0;
     1037        padding: 0.2em;
     1038        width: 80%;
     1039}
     1040
     1041@media screen and (min-width: 38.75em) {
     1042        .groups.edit-details #group-settings-form label {
     1043                width: 60%;
     1044        }
     1045}
     1046
    6821047.groups.edit-details #group-settings-form textarea + p label {
    683   background: none;
    684   color: inherit;
    685   font-size: 14px;
    686   font-size: 1.4rem;
    687   width: auto; }
    688 
    689 .groups.group-settings #group-settings-form div.radio label, .groups.group-settings #create-group-form div.radio label {
    690   border: 1px solid #eaeaea;
    691   padding: 0.2em; }
    692 .groups.group-settings #group-settings-form div.radio ul, .groups.group-settings #create-group-form div.radio ul {
    693   color: rgba(51, 51, 51, 0.6);
    694   font-size: 14px;
    695   font-size: 1.4rem; }
     1048        background: none;
     1049        color: inherit;
     1050        font-size: 14px;
     1051        font-size: 1.4rem;
     1052        width: auto;
     1053}
     1054
     1055.groups.group-settings #group-settings-form div.radio label,
     1056.groups.group-settings #create-group-form div.radio label {
     1057        border: 1px solid #eaeaea;
     1058        padding: 0.2em;
     1059}
     1060
     1061.groups.group-settings #group-settings-form div.radio ul,
     1062.groups.group-settings #create-group-form div.radio ul {
     1063        color: rgba(51, 51, 51, 0.6);
     1064        font-size: 14px;
     1065        font-size: 1.4rem;
     1066}
    6961067
    6971068.groups.group-avatar form > p {
    698   margin-top: 20px; }
     1069        margin-top: 20px;
     1070}
    6991071
    7001072.groups.manage-members #group-settings-form .item-list li {
    701   border-bottom: 1px solid #eaeaea; }
    702   .groups.manage-members #group-settings-form .item-list li img, .groups.manage-members #group-settings-form .item-list li h5 {
    703     float: left; }
    704     .groups.manage-members #group-settings-form .item-list li img > a, .groups.manage-members #group-settings-form .item-list li h5 > a {
    705       border-bottom: 0; }
    706   .groups.manage-members #group-settings-form .item-list li span.small {
    707     clear: left;
    708     display: block;
    709     float: none;
    710     margin-top: 10px; }
    711     .groups.manage-members #group-settings-form .item-list li span.small a {
    712       display: inline-block;
    713       margin: 5px 0;
    714       width: 100%; }
    715       @media screen and (min-width: 38.75em) {
    716         .groups.manage-members #group-settings-form .item-list li span.small a {
    717           width: auto; } }
    718   .groups.manage-members #group-settings-form .item-list li h5 {
    719     margin: 0; }
     1073        border-bottom: 1px solid #eaeaea;
     1074}
     1075
     1076.groups.manage-members #group-settings-form .item-list li img,
     1077.groups.manage-members #group-settings-form .item-list li h5 {
     1078        float: left;
     1079}
     1080
     1081.groups.manage-members #group-settings-form .item-list li img > a,
     1082.groups.manage-members #group-settings-form .item-list li h5 > a {
     1083        border-bottom: 0;
     1084}
     1085
     1086.groups.manage-members #group-settings-form .item-list li span.small {
     1087        clear: left;
     1088        display: block;
     1089        float: none;
     1090        margin-top: 10px;
     1091}
     1092
     1093.groups.manage-members #group-settings-form .item-list li span.small a {
     1094        display: inline-block;
     1095        margin: 5px 0;
     1096        width: 100%;
     1097}
     1098
     1099@media screen and (min-width: 38.75em) {
     1100        .groups.manage-members #group-settings-form .item-list li span.small a {
     1101                width: auto;
     1102        }
     1103}
     1104
     1105.groups.manage-members #group-settings-form .item-list li h5 {
     1106        margin: 0;
     1107}
    7201108
    7211109/**
    … …  
    7261114/* Members loop */
    7271115@media screen and (max-width: 30em) {
    728   .groups.group-members #buddypress #members-group-list li > a {
    729     border-bottom: 0;
    730     display: block;
    731     margin-bottom: 10px;
    732     text-align: center; }
    733     .groups.group-members #buddypress #members-group-list li > a img.avatar {
    734       display: inline;
    735       float: none; } }
     1116        .groups.group-members #buddypress #members-group-list li > a {
     1117                border-bottom: 0;
     1118                display: block;
     1119                margin-bottom: 10px;
     1120                text-align: center;
     1121        }
     1122        .groups.group-members #buddypress #members-group-list li > a img.avatar {
     1123                display: inline;
     1124                float: none;
     1125        }
     1126}
     1127
    7361128.groups.group-members #buddypress #members-group-list li h5 {
    737   display: inline-block;
    738   font-size: 14px;
    739   font-size: 1.4rem;
    740   margin: 0; }
    741   @media screen and (min-width: 59.6875em) {
    742     .groups.group-members #buddypress #members-group-list li h5 {
    743       font-size: 16px;
    744       font-size: 1.6rem; } }
    745   .groups.group-members #buddypress #members-group-list li h5 a {
    746     border-bottom: 0; }
     1129        display: inline-block;
     1130        font-size: 14px;
     1131        font-size: 1.4rem;
     1132        margin: 0;
     1133}
     1134
     1135@media screen and (min-width: 59.6875em) {
     1136        .groups.group-members #buddypress #members-group-list li h5 {
     1137                font-size: 16px;
     1138                font-size: 1.6rem;
     1139        }
     1140}
     1141
     1142.groups.group-members #buddypress #members-group-list li h5 a {
     1143        border-bottom: 0;
     1144}
     1145
    7471146.groups.group-members #buddypress #members-group-list li span.activity {
    748   font-size: 12px;
    749   font-size: 1.2rem; }
     1147        font-size: 12px;
     1148        font-size: 1.2rem;
     1149}
     1150
    7501151.groups.group-members #buddypress #members-group-list li .action {
    751   top: 0; }
     1152        top: 0;
     1153}
    7521154
    7531155.groups.group-members #subnav li {
    754   width: 100%; }
    755   @media screen and (max-width: 38.75em) {
    756     .groups.group-members #subnav li {
    757       background: #fff;
    758       padding: 20px 0; } }
    759   .groups.group-members #subnav li #search-members-form {
    760     float: right;
    761     margin: 5px 5px 0 0; }
    762     @media screen and (max-width: 38.75em) {
    763       .groups.group-members #subnav li #search-members-form {
    764         margin: 0;
    765         width: 100%; }
    766         .groups.group-members #subnav li #search-members-form label input[type="text"] {
    767           width: 100%; } }
     1156        width: 100%;
     1157}
     1158
     1159@media screen and (max-width: 38.75em) {
     1160        .groups.group-members #subnav li {
     1161                background: #fff;
     1162                padding: 20px 0;
     1163        }
     1164}
     1165
     1166.groups.group-members #subnav li #search-members-form {
     1167        float: right;
     1168        margin: 5px 5px 0 0;
     1169}
     1170
     1171@media screen and (max-width: 38.75em) {
     1172        .groups.group-members #subnav li #search-members-form {
     1173                margin: 0;
     1174                width: 100%;
     1175        }
     1176        .groups.group-members #subnav li #search-members-form label input[type="text"] {
     1177                width: 100%;
     1178        }
     1179}
    7681180
    7691181/**
    … …  
    7751187*/
    7761188.bp-user .entry-title {
    777   margin-bottom: 0.5em; }
     1189        margin-bottom: 0.5em;
     1190}
    7781191
    7791192/**
    … …  
    7831196*/
    7841197.bp-user #buddypress table th {
    785   font-size: 14px;
    786   font-size: 1.4rem; }
     1198        font-size: 14px;
     1199        font-size: 1.4rem;
     1200}
     1201
    7871202.bp-user #buddypress table td {
    788   font-size: 12px;
    789   font-size: 1.2rem; }
     1203        font-size: 12px;
     1204        font-size: 1.2rem;
     1205}
     1206
    7901207@media screen and (min-width: 46.25em) {
    791   .bp-user #buddypress table th {
    792     font-size: 16px;
    793     font-size: 1.6rem; }
    794   .bp-user #buddypress table td {
    795     font-size: 14px;
    796     font-size: 1.4rem; } }
     1208        .bp-user #buddypress table th {
     1209                font-size: 16px;
     1210                font-size: 1.6rem;
     1211        }
     1212        .bp-user #buddypress table td {
     1213                font-size: 14px;
     1214                font-size: 1.4rem;
     1215        }
     1216}
     1217
    7971218@media screen and (min-width: 77.5em) {
    798   .bp-user #buddypress table th {
    799     font-size: 18px;
    800     font-size: 1.8rem; }
    801   .bp-user #buddypress table td {
    802     font-size: 16px;
    803     font-size: 1.6rem; } }
     1219        .bp-user #buddypress table th {
     1220                font-size: 18px;
     1221                font-size: 1.8rem;
     1222        }
     1223        .bp-user #buddypress table td {
     1224                font-size: 16px;
     1225                font-size: 1.6rem;
     1226        }
     1227}
     1228
    8041229.bp-user #buddypress .pag-count {
    805   font-style: italic; }
    806 .bp-user #buddypress .notifications-options-nav, .bp-user #buddypress .messages-options-nav {
    807   float: left;
    808   width: 100%; }
    809   @media screen and (min-width: 30em) {
    810     .bp-user #buddypress .notifications-options-nav, .bp-user #buddypress .messages-options-nav {
    811       width: 50%; } }
    812   .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav select, .bp-user #buddypress .messages-options-nav input {
    813     font-size: 14px;
    814     font-size: 1.4rem;
    815     outline: 0;
    816     padding: 0; }
    817   .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .messages-options-nav select {
    818     float: left;
    819     margin-right: 0;
    820     width: 100%; }
    821     @media screen and (min-width: 30em) {
    822       .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .messages-options-nav select {
    823         width: 60%; } }
    824   .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav input {
    825     float: right;
    826     font-family: "Noto Serif", serif;
    827     line-height: 1.5;
    828     margin-top: 10px;
    829     width: 100%; }
    830     .bp-user #buddypress .notifications-options-nav input[disabled]:hover, .bp-user #buddypress .messages-options-nav input[disabled]:hover {
    831       background: none; }
    832     @media screen and (min-width: 30em) {
    833       .bp-user #buddypress .notifications-options-nav input, .bp-user #buddypress .messages-options-nav input {
    834         margin-top: 0;
    835         width: 38%; } }
     1230        font-style: italic;
     1231}
     1232
     1233.bp-user #buddypress .notifications-options-nav,
     1234.bp-user #buddypress .messages-options-nav {
     1235        float: left;
     1236        width: 100%;
     1237}
     1238
     1239@media screen and (min-width: 30em) {
     1240        .bp-user #buddypress .notifications-options-nav,
     1241        .bp-user #buddypress .messages-options-nav {
     1242                width: 50%;
     1243        }
     1244}
     1245
     1246.bp-user #buddypress .notifications-options-nav select,
     1247.bp-user #buddypress .notifications-options-nav input,
     1248.bp-user #buddypress .messages-options-nav select,
     1249.bp-user #buddypress .messages-options-nav input {
     1250        font-size: 14px;
     1251        font-size: 1.4rem;
     1252        outline: 0;
     1253        padding: 0;
     1254}
     1255
     1256.bp-user #buddypress .notifications-options-nav select,
     1257.bp-user #buddypress .messages-options-nav select {
     1258        float: left;
     1259        margin-right: 0;
     1260        width: 100%;
     1261}
     1262
     1263@media screen and (min-width: 30em) {
     1264        .bp-user #buddypress .notifications-options-nav select,
     1265        .bp-user #buddypress .messages-options-nav select {
     1266                width: 60%;
     1267        }
     1268}
     1269
     1270.bp-user #buddypress .notifications-options-nav input,
     1271.bp-user #buddypress .messages-options-nav input {
     1272        float: right;
     1273        font-family: "Noto Serif", serif;
     1274        line-height: 1.5;
     1275        margin-top: 10px;
     1276        width: 100%;
     1277}
     1278
     1279.bp-user #buddypress .notifications-options-nav input[disabled]:hover,
     1280.bp-user #buddypress .messages-options-nav input[disabled]:hover {
     1281        background: none;
     1282}
     1283
     1284@media screen and (min-width: 30em) {
     1285        .bp-user #buddypress .notifications-options-nav input,
     1286        .bp-user #buddypress .messages-options-nav input {
     1287                margin-top: 0;
     1288                width: 38%;
     1289        }
     1290}
    8361291
    8371292/**
    … …  
    8411296        */
    8421297.bp-user #buddypress .profile .bp-widget h4 {
    843   background: #6e6e6e;
    844   color: #fff;
    845   margin-bottom: 0;
    846   padding: 0.4em; }
     1298        background: #6e6e6e;
     1299        color: #fff;
     1300        margin-bottom: 0;
     1301        padding: 0.4em;
     1302}
     1303
    8471304.bp-user #buddypress .profile .bp-widget table {
    848   margin-top: 0; }
     1305        margin-top: 0;
     1306}
    8491307
    8501308/* Edit Profile */
    851 .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    852   content: " ";
    853   display: table; }
     1309.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
    8541310.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    855   clear: both; }
     1311        content: " ";
     1312        display: table;
     1313}
     1314
     1315.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     1316        clear: both;
     1317}
     1318
    8561319.bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    857   border-bottom: 1px solid #eaeaea;
    858   margin-left: 0; }
    859   .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    860     float: left;
    861     margin-bottom: 0; }
    862     .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    863       border: 1px solid #eaeaea;
    864       border-bottom-color: #fff;
    865       margin-bottom: -1px; }
    866   .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    867     background: none;
    868     border: 0;
    869     font-size: 18px;
    870     font-size: 1.8rem; }
    871 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    872   font-size: 14px;
    873   font-size: 1.4rem; }
    874 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    875   background: #555;
    876   color: #fff;
    877   padding: 0.2em 0.5em; }
     1320        border-bottom: 1px solid #eaeaea;
     1321        margin-left: 0;
     1322}
     1323
     1324.bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     1325        float: left;
     1326        margin-bottom: 0;
     1327}
     1328
     1329.bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     1330        border: 1px solid #eaeaea;
     1331        border-bottom-color: #fff;
     1332        margin-bottom: -1px;
     1333}
     1334
     1335.bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     1336        background: none;
     1337        border: 0;
     1338        font-size: 18px;
     1339        font-size: 1.8rem;
     1340}
     1341
     1342.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1343.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     1344        font-size: 14px;
     1345        font-size: 1.4rem;
     1346}
     1347
     1348.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
     1349.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     1350        background: #555;
     1351        color: #fff;
     1352        padding: 0.2em 0.5em;
     1353}
     1354
    8781355.bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    879   font-size: inherit; }
     1356        font-size: inherit;
     1357}
    8801358
    8811359/**
    … …  
    8851363        */
    8861364@media screen and (min-width: 77.5em) {
    887   .bp-user #buddypress #groups-list li .item {
    888     left: 5%;
    889     width: 50%; } }
     1365        .bp-user #buddypress #groups-list li .item {
     1366                left: 5%;
     1367                width: 50%;
     1368        }
     1369}
    8901370
    8911371/**
    … …  
    8951375        */
    8961376.bp-user #buddypress {
    897   /* Auto Complete background */
    898   /* Sitewide Notices loop */ }
    899   .bp-user #buddypress #message-thread a {
    900     border-bottom: 0; }
    901   .bp-user #buddypress #message-thread #message-subject {
    902     background: #6e6e6e;
    903     color: #fff;
    904     padding: 0.3em 0 0.3em 0.2em; }
    905   .bp-user #buddypress #message-thread #message-recipients {
    906     font-style: italic; }
    907     .bp-user #buddypress #message-thread #message-recipients a.confirm {
    908       border: 1px solid #eaeaea;
    909       font-style: normal; }
    910   .bp-user #buddypress #message-thread .message-metadata {
    911     overflow: hidden; }
    912     .bp-user #buddypress #message-thread .message-metadata img.avatar {
    913       float: none; }
    914     @media screen and (min-width: 46.25em) {
    915       .bp-user #buddypress #message-thread .message-metadata img.avatar {
    916         float: left; } }
    917     .bp-user #buddypress #message-thread .message-metadata .message-star-actions {
    918       float: right;
    919       margin-right: 5px;
    920       position: static; }
    921   .bp-user #buddypress #message-thread .message-content {
    922     background: #f7f7f7;
    923     border: 1px solid #eaeaea;
    924     margin: 10px 0 0 0;
    925     padding: 0.3em; }
    926   .bp-user #buddypress #message-thread #send-reply .message-content {
    927     background: #fff;
    928     border: 0; }
    929   .bp-user #buddypress #message-thread .alt {
    930     background: #fff; }
    931   .bp-user #buddypress #message-threads thead tr {
    932     background: #6e6e6e; }
    933   .bp-user #buddypress #message-threads tr td {
    934     background: #fff;
    935     display: inline-block;
    936     float: left; }
    937   .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    938     border-bottom-color: #b7b7b7;
    939     border-bottom-width: 2px;
    940     height: 2.4em;
    941     padding-bottom: 0.2em;
    942     padding-top: 0.2em; }
    943     @media screen and (max-width: 46.25em) {
    944       .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    945         padding-top: 0; } }
    946   .bp-user #buddypress #message-threads tr td.bulk-select-check, .bp-user #buddypress #message-threads tr td.thread-from {
    947     height: 2.6em; }
    948     @media screen and (max-width: 38.75em) {
    949       .bp-user #buddypress #message-threads tr td.bulk-select-check, .bp-user #buddypress #message-threads tr td.thread-from {
    950         height: 5.2em; } }
    951   .bp-user #buddypress #message-threads tr td.thread-from, .bp-user #buddypress #message-threads tr td.thread-options {
    952     border-left: 0 !important;
    953     width: -webkit-calc(100% - 30px);
    954     width: -moz-calc(100% - 30px);
    955     width: calc(100% - 30px);
    956     margin-left: 0; }
    957   .bp-user #buddypress #message-threads tr td.thread-info {
    958     padding-left: 41px;
    959     width: 100%; }
    960     .bp-user #buddypress #message-threads tr td.thread-info a::after {
    961       content: " \2013 \00a0" attr(title);
    962       font-size: 12px;
    963       font-size: 1.2rem; }
    964   .bp-user #buddypress #message-threads tr td.thread-options {
    965     text-align: right; }
    966     .bp-user #buddypress #message-threads tr td.thread-options a {
    967       font-size: 12px;
    968       font-size: 1.2rem;
    969       line-height: 2.2; }
    970   .bp-user #buddypress #message-threads tr span.from {
    971     display: none; }
    972   .bp-user #buddypress #message-threads tr span.activity {
    973     display: block;
    974     float: right;
    975     line-height: 2; }
    976     @media screen and (max-width: 38.75em) {
    977       .bp-user #buddypress #message-threads tr span.activity {
    978         clear: both;
    979         font-size: 11px;
    980         font-size: 1.1rem;
    981         width: 100%; } }
    982   .bp-user #buddypress #message-threads tr.unread td {
    983     background: #dce5ff;
    984     border-bottom-color: #b7b7b7;
    985     border-color: #d1d1d1; }
    986   .bp-user #buddypress #message-threads th {
    987     display: none; }
    988   .bp-user #buddypress #message-threads th.bulk-select-all {
    989     border-bottom: 0;
    990     display: inline-block;
    991     text-align: left; }
    992   .bp-user #buddypress #message-threads th.bulk-select-all, .bp-user #buddypress #message-threads td.bulk-select-check, .bp-user #buddypress #message-threads td.thread-star {
    993     border-right: 0;
    994     width: 30px; }
    995   .bp-user #buddypress .acfb-holder li.friend-tab {
    996     margin-right: 0; }
    997     .bp-user #buddypress .acfb-holder li.friend-tab a {
    998       border-bottom: 0; }
    999       .bp-user #buddypress .acfb-holder li.friend-tab a img {
    1000         display: inline;
    1001         height: 20px;
    1002         margin-right: 0.5em;
    1003         width: 20px !important; }
    1004   .bp-user #buddypress #message-threads.sitewide-notices td {
    1005     width: 100%; }
    1006     .bp-user #buddypress #message-threads.sitewide-notices td strong {
    1007       background: #6e6e6e;
    1008       color: #fff;
    1009       display: block;
    1010       margin-bottom: 0.4em;
    1011       padding-left: 0.2em; }
    1012     .bp-user #buddypress #message-threads.sitewide-notices td a {
    1013       display: inline-block; }
    1014   .bp-user #buddypress #message-threads.sitewide-notices td:first-child {
    1015     display: none; }
    1016   .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
    1017     border-bottom: 0; }
    1018     .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
    1019       line-height: 1; }
    1020   .bp-user #buddypress #message-threads.sitewide-notices td:last-child {
    1021     border-bottom-color: #b7b7b7;
    1022     line-height: 1;
    1023     text-align: right; }
    1024     .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
    1025       line-height: 0;
    1026       margin-left: 0.7em;
    1027       text-indent: -999em; }
    1028     .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
    1029       content: attr(title);
    1030       display: block;
    1031       line-height: initial;
    1032       text-indent: 0; }
     1377        /* Auto Complete background */
     1378        /* Sitewide Notices loop */
     1379}
     1380
     1381.bp-user #buddypress #message-thread a {
     1382        border-bottom: 0;
     1383}
     1384
     1385.bp-user #buddypress #message-thread #message-subject {
     1386        background: #6e6e6e;
     1387        color: #fff;
     1388        padding: 0.3em 0 0.3em 0.2em;
     1389}
     1390
     1391.bp-user #buddypress #message-thread #message-recipients {
     1392        font-style: italic;
     1393}
     1394
     1395.bp-user #buddypress #message-thread #message-recipients a.confirm {
     1396        border: 1px solid #eaeaea;
     1397        font-style: normal;
     1398}
     1399
     1400.bp-user #buddypress #message-thread .message-metadata {
     1401        overflow: hidden;
     1402}
     1403
     1404.bp-user #buddypress #message-thread .message-metadata img.avatar {
     1405        float: none;
     1406}
     1407
     1408@media screen and (min-width: 46.25em) {
     1409        .bp-user #buddypress #message-thread .message-metadata img.avatar {
     1410                float: left;
     1411        }
     1412}
     1413
     1414.bp-user #buddypress #message-thread .message-metadata .message-star-actions {
     1415        float: right;
     1416        margin-right: 5px;
     1417        position: static;
     1418}
     1419
     1420.bp-user #buddypress #message-thread .message-content {
     1421        background: #f7f7f7;
     1422        border: 1px solid #eaeaea;
     1423        margin: 10px 0 0 0;
     1424        padding: 0.3em;
     1425}
     1426
     1427.bp-user #buddypress #message-thread #send-reply .message-content {
     1428        background: #fff;
     1429        border: 0;
     1430}
     1431
     1432.bp-user #buddypress #message-thread .alt {
     1433        background: #fff;
     1434}
     1435
     1436.bp-user #buddypress #message-threads thead tr {
     1437        background: #6e6e6e;
     1438}
     1439
     1440.bp-user #buddypress #message-threads tr td {
     1441        background: #fff;
     1442        display: inline-block;
     1443        float: left;
     1444}
     1445
     1446.bp-user #buddypress #message-threads tr td.thread-star,
     1447.bp-user #buddypress #message-threads tr td.thread-options {
     1448        border-bottom-color: #b7b7b7;
     1449        border-bottom-width: 2px;
     1450        height: 2.4em;
     1451        padding-bottom: 0.2em;
     1452        padding-top: 0.2em;
     1453}
     1454
     1455@media screen and (max-width: 46.25em) {
     1456        .bp-user #buddypress #message-threads tr td.thread-star,
     1457        .bp-user #buddypress #message-threads tr td.thread-options {
     1458                padding-top: 0;
     1459        }
     1460}
     1461
     1462.bp-user #buddypress #message-threads tr td.bulk-select-check,
     1463.bp-user #buddypress #message-threads tr td.thread-from {
     1464        height: 2.6em;
     1465}
     1466
     1467@media screen and (max-width: 38.75em) {
     1468        .bp-user #buddypress #message-threads tr td.bulk-select-check,
     1469        .bp-user #buddypress #message-threads tr td.thread-from {
     1470                height: 5.2em;
     1471        }
     1472}
     1473
     1474.bp-user #buddypress #message-threads tr td.thread-from,
     1475.bp-user #buddypress #message-threads tr td.thread-options {
     1476        border-left: 0 !important;
     1477        width: -webkit-calc(100% - 30px);
     1478        width: -moz-calc(100% - 30px);
     1479        width: calc(100% - 30px);
     1480        margin-left: 0;
     1481}
     1482
     1483.bp-user #buddypress #message-threads tr td.thread-info {
     1484        padding-left: 41px;
     1485        width: 100%;
     1486}
     1487
     1488.bp-user #buddypress #message-threads tr td.thread-info a::after {
     1489        content: " –  " attr(title);
     1490        font-size: 12px;
     1491        font-size: 1.2rem;
     1492}
     1493
     1494.bp-user #buddypress #message-threads tr td.thread-options {
     1495        text-align: right;
     1496}
     1497
     1498.bp-user #buddypress #message-threads tr td.thread-options a {
     1499        font-size: 12px;
     1500        font-size: 1.2rem;
     1501        line-height: 2.2;
     1502}
     1503
     1504.bp-user #buddypress #message-threads tr span.from {
     1505        display: none;
     1506}
     1507
     1508.bp-user #buddypress #message-threads tr span.activity {
     1509        display: block;
     1510        float: right;
     1511        line-height: 2;
     1512}
     1513
     1514@media screen and (max-width: 38.75em) {
     1515        .bp-user #buddypress #message-threads tr span.activity {
     1516                clear: both;
     1517                font-size: 11px;
     1518                font-size: 1.1rem;
     1519                width: 100%;
     1520        }
     1521}
     1522
     1523.bp-user #buddypress #message-threads tr.unread td {
     1524        background: #dce5ff;
     1525        border-bottom-color: #b7b7b7;
     1526        border-color: #d1d1d1;
     1527}
     1528
     1529.bp-user #buddypress #message-threads th {
     1530        display: none;
     1531}
     1532
     1533.bp-user #buddypress #message-threads th.bulk-select-all {
     1534        border-bottom: 0;
     1535        display: inline-block;
     1536        text-align: left;
     1537}
     1538
     1539.bp-user #buddypress #message-threads th.bulk-select-all,
     1540.bp-user #buddypress #message-threads td.bulk-select-check,
     1541.bp-user #buddypress #message-threads td.thread-star {
     1542        border-right: 0;
     1543        width: 30px;
     1544}
     1545
     1546.bp-user #buddypress .acfb-holder li.friend-tab {
     1547        margin-right: 0;
     1548}
     1549
     1550.bp-user #buddypress .acfb-holder li.friend-tab a {
     1551        border-bottom: 0;
     1552}
     1553
     1554.bp-user #buddypress .acfb-holder li.friend-tab a img {
     1555        display: inline;
     1556        height: 20px;
     1557        margin-right: 0.5em;
     1558        width: 20px !important;
     1559}
     1560
     1561.bp-user #buddypress #message-threads.sitewide-notices td {
     1562        width: 100%;
     1563}
     1564
     1565.bp-user #buddypress #message-threads.sitewide-notices td strong {
     1566        background: #6e6e6e;
     1567        color: #fff;
     1568        display: block;
     1569        margin-bottom: 0.4em;
     1570        padding-left: 0.2em;
     1571}
     1572
     1573.bp-user #buddypress #message-threads.sitewide-notices td a {
     1574        display: inline-block;
     1575}
     1576
     1577.bp-user #buddypress #message-threads.sitewide-notices td:first-child {
     1578        display: none;
     1579}
     1580
     1581.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1582        border-bottom: 0;
     1583}
     1584
     1585.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1586        line-height: 1;
     1587}
     1588
     1589.bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     1590        border-bottom-color: #b7b7b7;
     1591        line-height: 1;
     1592        text-align: right;
     1593}
     1594
     1595.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1596        line-height: 0;
     1597        margin-left: 0.7em;
     1598        text-indent: -999em;
     1599}
     1600
     1601.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1602        content: attr(title);
     1603        display: block;
     1604        line-height: initial;
     1605        text-indent: 0;
     1606}
    10331607
    10341608/**
    … …  
    10381612        */
    10391613.bp-user #buddypress #settings-form > p {
    1040   font-size: 20px;
    1041   font-size: 2rem;
    1042   margin: 20px 0 10px; }
     1614        font-size: 20px;
     1615        font-size: 2rem;
     1616        margin: 20px 0 10px;
     1617}
     1618
    10431619.bp-user #buddypress table.notification-settings th.title {
    1044   width: 75%; }
    1045 .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    1046   vertical-align: middle; }
     1620        width: 75%;
     1621}
     1622
     1623.bp-user #buddypress table.notification-settings td.yes,
     1624.bp-user #buddypress table.notification-settings td.no {
     1625        vertical-align: middle;
     1626}
     1627
    10471628.bp-user #buddypress table.profile-settings {
    1048   width: 100%; }
    1049   .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    1050     width: 50%; }
    1051   @media screen and (min-width: 46.25em) {
    1052     .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    1053       width: 70%; } }
    1054   .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
    1055     width: 30%; }
    1056   .bp-user #buddypress table.profile-settings td.field-visibility select {
    1057     width: 100%; }
     1629        width: 100%;
     1630}
     1631
     1632.bp-user #buddypress table.profile-settings th.field-group-name,
     1633.bp-user #buddypress table.profile-settings td.field-name {
     1634        width: 50%;
     1635}
     1636
     1637@media screen and (min-width: 46.25em) {
     1638        .bp-user #buddypress table.profile-settings th.field-group-name,
     1639        .bp-user #buddypress table.profile-settings td.field-name {
     1640                width: 70%;
     1641        }
     1642}
     1643
     1644.bp-user #buddypress table.profile-settings th.title,
     1645.bp-user #buddypress table.profile-settings td.field-visibility {
     1646        width: 30%;
     1647}
     1648
     1649.bp-user #buddypress table.profile-settings td.field-visibility select {
     1650        width: 100%;
     1651}
    10581652
    10591653/**
    … …  
    10631657*/
    10641658#buddypress div.activity-comments form .ac-textarea {
    1065   background: #f7f7f7;
    1066   border: 1px solid rgba(153, 153, 153, 0.3); }
    1067   #buddypress div.activity-comments form .ac-textarea textarea {
    1068     background: none;
    1069     border: 0; }
     1659        background: #f7f7f7;
     1660        border: 1px solid rgba(153, 153, 153, 0.3);
     1661}
     1662
     1663#buddypress div.activity-comments form .ac-textarea textarea {
     1664        background: none;
     1665        border: 0;
     1666}
     1667
    10701668#buddypress select {
    1071   border: 1px solid rgba(153, 153, 153, 0.5); }
    1072 
    1073 #buddypress .standard-form li, #buddypress .group-create-form li {
    1074   float: none; }
    1075 #buddypress .standard-form input[type='text'], #buddypress .standard-form textarea, #buddypress .group-create-form input[type='text'], #buddypress .group-create-form textarea {
    1076   width: 100%; }
    1077 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    1078   float: none;
    1079   margin: 10px 0; }
    1080   #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form {
    1081     border: 1px solid rgba(153, 153, 153, 0.4);
    1082     overflow: hidden; }
    1083     #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label {
    1084       float: left;
    1085       width: 80%; }
    1086     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    1087       float: left;
    1088       margin: 0;
    1089       width: 80%; }
    1090     #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'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    1091       font-size: 14px;
    1092       font-size: 1.4rem;
    1093       border: 0;
    1094       line-height: inherit; }
    1095     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    1096       border-right: 1px solid rgba(153, 153, 153, 0.4);
    1097       padding: 0.2em 0 0.2em 0.2em; }
    1098     #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] {
    1099       float: right;
    1100       font-weight: normal;
    1101       padding: 0.2em 1em;
    1102       text-align: center;
    1103       text-transform: none;
    1104       width: 20%; }
     1669        border: 1px solid rgba(153, 153, 153, 0.5);
     1670}
     1671
     1672#buddypress .standard-form li,
     1673#buddypress .group-create-form li {
     1674        float: none;
     1675}
     1676
     1677#buddypress .standard-form input[type='text'],
     1678#buddypress .standard-form textarea,
     1679#buddypress .group-create-form input[type='text'],
     1680#buddypress .group-create-form textarea {
     1681        width: 100%;
     1682}
     1683
     1684#buddypress div.dir-search,
     1685#buddypress div.message-search,
     1686#buddypress
     1687li.groups-members-search {
     1688        float: none;
     1689        margin: 10px 0;
     1690}
     1691
     1692#buddypress div.dir-search form,
     1693#buddypress div.message-search form,
     1694#buddypress
     1695li.groups-members-search form {
     1696        border: 1px solid rgba(153, 153, 153, 0.4);
     1697        overflow: hidden;
     1698}
     1699
     1700#buddypress div.dir-search form label,
     1701#buddypress div.message-search form label,
     1702#buddypress
     1703li.groups-members-search form label {
     1704        float: left;
     1705        width: 80%;
     1706}
     1707
     1708#buddypress div.dir-search form input[type='text'],
     1709#buddypress div.message-search form input[type='text'],
     1710#buddypress
     1711li.groups-members-search form input[type='text'] {
     1712        float: left;
     1713        margin: 0;
     1714        width: 80%;
     1715}
     1716
     1717#buddypress div.dir-search form input[type='text'],
     1718#buddypress div.dir-search form input[type='submit'],
     1719#buddypress div.message-search form input[type='text'],
     1720#buddypress div.message-search form input[type='submit'],
     1721#buddypress
     1722li.groups-members-search form input[type='text'],
     1723#buddypress
     1724li.groups-members-search form input[type='submit'] {
     1725        font-size: 14px;
     1726        font-size: 1.4rem;
     1727        border: 0;
     1728        line-height: inherit;
     1729}
     1730
     1731#buddypress div.dir-search form input[type='text'],
     1732#buddypress div.message-search form input[type='text'],
     1733#buddypress
     1734li.groups-members-search form input[type='text'] {
     1735        border-right: 1px solid rgba(153, 153, 153, 0.4);
     1736        padding: 0.2em 0 0.2em 0.2em;
     1737}
     1738
     1739#buddypress div.dir-search form input[type='submit'],
     1740#buddypress div.message-search form input[type='submit'],
     1741#buddypress
     1742li.groups-members-search form input[type='submit'] {
     1743        float: right;
     1744        font-weight: normal;
     1745        padding: 0.2em 1em;
     1746        text-align: center;
     1747        text-transform: none;
     1748        width: 20%;
     1749}
     1750
    11051751@media screen and (min-width: 38.75em) {
    1106   #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    1107     float: right;
    1108     margin-bottom: 5px !important; }
    1109     #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'], #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    1110       width: auto; } }
     1752        #buddypress div.dir-search,
     1753        #buddypress div.message-search,
     1754        #buddypress li.groups-members-search {
     1755                float: right;
     1756                margin-bottom: 5px !important;
     1757        }
     1758        #buddypress div.dir-search form label,
     1759        #buddypress div.dir-search form input[type='text'],
     1760        #buddypress div.dir-search form input[type='submit'],
     1761        #buddypress div.message-search form label,
     1762        #buddypress div.message-search form input[type='text'],
     1763        #buddypress div.message-search form input[type='submit'],
     1764        #buddypress li.groups-members-search form label,
     1765        #buddypress li.groups-members-search form input[type='text'],
     1766        #buddypress li.groups-members-search form input[type='submit'] {
     1767                width: auto;
     1768        }
     1769}
     1770
    11111771@media screen and (min-width: 77.5em) {
    1112   #buddypress .dir-search form input[type='text'], #buddypress .message-search form input[type='text'] {
    1113     font-size: 16px;
    1114     font-size: 1.6rem; }
    1115   #buddypress .dir-search form input[type='submit'], #buddypress .message-search form input[type='submit'] {
    1116     font-size: 16px;
    1117     font-size: 1.6rem; } }
     1772        #buddypress .dir-search form input[type='text'],
     1773        #buddypress .message-search form input[type='text'] {
     1774                font-size: 16px;
     1775                font-size: 1.6rem;
     1776        }
     1777        #buddypress .dir-search form input[type='submit'],
     1778        #buddypress .message-search form input[type='submit'] {
     1779                font-size: 16px;
     1780                font-size: 1.6rem;
     1781        }
     1782}
    11181783
    11191784/**
    … …  
    11231788*/
    11241789#buddypress table {
    1125   font-size: 14px;
    1126   font-size: 1.4rem;
    1127   margin: 20px 0; }
    1128   #buddypress table tr th {
    1129     background: #6e6e6e;
    1130     border-color: #b7b7b7;
    1131     color: #fff; }
    1132   #buddypress table p {
    1133     margin-bottom: 0.5em; }
     1790        font-size: 14px;
     1791        font-size: 1.4rem;
     1792        margin: 20px 0;
     1793}
     1794
     1795#buddypress table tr th {
     1796        background: #6e6e6e;
     1797        border-color: #b7b7b7;
     1798        color: #fff;
     1799}
     1800
     1801#buddypress table p {
     1802        margin-bottom: 0.5em;
     1803}
     1804
    11341805@media screen and (min-width: 55em) {
    1135   #buddypress table {
    1136     font-size: 16px;
    1137     font-size: 1.6rem; } }
     1806        #buddypress table {
     1807                font-size: 16px;
     1808                font-size: 1.6rem;
     1809        }
     1810}
    11381811
    11391812/*__ User Account tables __*/
    1140 #buddypress .notifications th, #buddypress .messages-notices th {
    1141   width: 30%; }
    1142   #buddypress .notifications th.bulk-select-all, #buddypress .messages-notices th.bulk-select-all {
    1143     text-align: center;
    1144     width: 10%; }
    1145 #buddypress .notifications .bulk-select-check, #buddypress .notifications .thread-star, #buddypress .messages-notices .bulk-select-check, #buddypress .messages-notices .thread-star {
    1146   text-align: center; }
    1147 #buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options {
    1148   text-align: center; }
    1149   #buddypress .notifications .notification-actions a, #buddypress .notifications td.thread-options a, #buddypress .messages-notices .notification-actions a, #buddypress .messages-notices td.thread-options a {
    1150     display: inline-block;
    1151     margin: 0;
    1152     padding: 0; }
    1153 #buddypress .notifications td .button, #buddypress .messages-notices td .button {
    1154   border: 0;
    1155   display: block;
    1156   padding: 0;
    1157   text-align: center; }
     1813#buddypress .notifications th,
     1814#buddypress .messages-notices th {
     1815        width: 30%;
     1816}
     1817
     1818#buddypress .notifications th.bulk-select-all,
     1819#buddypress .messages-notices th.bulk-select-all {
     1820        text-align: center;
     1821        width: 10%;
     1822}
     1823
     1824#buddypress .notifications .bulk-select-check,
     1825#buddypress .notifications .thread-star,
     1826#buddypress .messages-notices .bulk-select-check,
     1827#buddypress .messages-notices .thread-star {
     1828        text-align: center;
     1829}
     1830
     1831#buddypress .notifications .notification-actions,
     1832#buddypress .notifications td.thread-options,
     1833#buddypress .messages-notices .notification-actions,
     1834#buddypress .messages-notices td.thread-options {
     1835        text-align: center;
     1836}
     1837
     1838#buddypress .notifications .notification-actions a,
     1839#buddypress .notifications td.thread-options a,
     1840#buddypress .messages-notices .notification-actions a,
     1841#buddypress .messages-notices td.thread-options a {
     1842        display: inline-block;
     1843        margin: 0;
     1844        padding: 0;
     1845}
     1846
     1847#buddypress .notifications td .button,
     1848#buddypress .messages-notices td .button {
     1849        border: 0;
     1850        display: block;
     1851        padding: 0;
     1852        text-align: center;
     1853}
    11581854
    11591855/**
    … …  
    11631859*/
    11641860#buddypress #item-body div#message {
    1165   margin-top: 20px; }
    1166   @media screen and (min-width: 55em) {
    1167     #buddypress #item-body div#message {
    1168       margin-right: 20px; } }
     1861        margin-top: 20px;
     1862}
     1863
     1864@media screen and (min-width: 55em) {
     1865        #buddypress #item-body div#message {
     1866                margin-right: 20px;
     1867        }
     1868}
     1869
    11691870#buddypress div#message p {
    1170   font-size: 18px;
    1171   font-size: 1.8rem;
    1172   font-weight: bold; }
     1871        font-size: 18px;
     1872        font-size: 1.8rem;
     1873        font-weight: bold;
     1874}
     1875
    11731876#buddypress div#message.info p {
    1174   background: #c6e4ee;
    1175   border: 1px solid #78bed6;
    1176   color: #1e5264; }
     1877        background: #c6e4ee;
     1878        border: 1px solid #78bed6;
     1879        color: #1e5264;
     1880}
     1881
    11771882#buddypress div#message.updated p {
    1178   background: #dee6b2;
    1179   border: 1px solid #becc66;
    1180   color: #454d19; }
     1883        background: #dee6b2;
     1884        border: 1px solid #becc66;
     1885        color: #454d19;
     1886}
    11811887
    11821888.delete-group #buddypress div#message.info p {
    1183   background: #db7e7e;
    1184   border: 1px solid #be3535;
    1185   color: #1f0808; }
     1889        background: #db7e7e;
     1890        border: 1px solid #be3535;
     1891        color: #1f0808;
     1892}
    11861893
    11871894/**
    … …  
    11911898*/
    11921899#buddypress {
    1193   /* Auto Complete background */ }
    1194   #buddypress .acfb-holder li.friend-tab {
    1195     background: #9fd1e2;
    1196     border: inherit; }
     1900        /* Auto Complete background */
     1901}
     1902
     1903#buddypress .acfb-holder li.friend-tab {
     1904        background: #9fd1e2;
     1905        border: inherit;
     1906}

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

    r9895 r9903  
     1@charset "UTF-8";
    12/*------------------------------------------------------------------------------
    23
    … …  
    6061*-------------------------------------------------------------------------------
    6162*/
    62 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 {
    63   clear: none; }
     63#buddypress h1,
     64#buddypress h2,
     65#buddypress h3,
     66#buddypress h4,
     67#buddypress h5,
     68#buddypress h6 {
     69        clear: none;
     70}
    6471
    6572.buddypress .site-content {
    66   padding-bottom: 20px;
    67   padding-top: 4%; }
    68   @media screen and (min-width: 59.6875em) {
    69     .buddypress .site-content {
    70       padding-top: 0; } }
    71   .buddypress .site-content article {
    72     margin: 0 4%;
    73     padding-top: 0; }
    74     .buddypress .site-content article .entry-header, .buddypress .site-content article .entry-content {
    75       max-width: 100%;
    76       padding: 0; }
    77     .buddypress .site-content article #buddypress {
    78       margin-bottom: 40px; }
     73        padding-bottom: 20px;
     74        padding-top: 4%;
     75}
     76
     77@media screen and (min-width: 59.6875em) {
     78        .buddypress .site-content {
     79                padding-top: 0;
     80        }
     81}
     82
     83.buddypress .site-content article {
     84        margin: 0 4%;
     85        padding-top: 0;
     86}
     87
     88.buddypress .site-content article .entry-header,
     89.buddypress .site-content article .entry-content {
     90        max-width: 100%;
     91        padding: 0;
     92}
     93
     94.buddypress .site-content article #buddypress {
     95        margin-bottom: 40px;
     96}
    7997
    8098/**
    … …  
    91109*/
    92110#buddypress .item-list-tabs ul li {
    93   width: 100%; }
     111        width: 100%;
     112}
     113
    94114@media screen and (min-width: 400px) {
    95   #buddypress .item-list-tabs ul li {
    96     width: 50%; } }
     115        #buddypress .item-list-tabs ul li {
     116                width: 50%;
     117        }
     118}
     119
    97120@media screen and (min-width: 594px) {
    98   #buddypress .item-list-tabs ul li {
    99     width: auto; } }
    100 
    101 .directory #buddypress .item-list-tabs ul:before, .directory #buddypress .item-list-tabs ul:after {
    102   content: " ";
    103   display: table; }
     121        #buddypress .item-list-tabs ul li {
     122                width: auto;
     123        }
     124}
     125
     126.directory #buddypress .item-list-tabs ul:before,
    104127.directory #buddypress .item-list-tabs ul:after {
    105   clear: both; }
     128        content: " ";
     129        display: table;
     130}
     131
     132.directory #buddypress .item-list-tabs ul:after {
     133        clear: both;
     134}
     135
    106136.directory #buddypress .item-list-tabs ul {
    107   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    108   padding-bottom: 10px; }
     137        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     138        padding-bottom: 10px;
     139}
     140
    109141@media screen and (min-width: 783px) {
    110   .directory #buddypress .item-list-tabs ul {
    111     padding-bottom: 0; }
    112     .directory #buddypress .item-list-tabs ul li.selected {
    113       border: 1px solid rgba(0, 0, 0, 0.2);
    114       border-bottom-color: #fff;
    115       -webkit-border-top-left-radius: 4px;
    116       border-top-left-radius: 4px;
    117       -webkit-border-top-right-radius: 4px;
    118       border-top-right-radius: 4px;
    119       background-clip: padding-box;
    120       margin-bottom: -1px; }
    121       .directory #buddypress .item-list-tabs ul li.selected a {
    122         background: none;
    123         outline: none; } }
     142        .directory #buddypress .item-list-tabs ul {
     143                padding-bottom: 0;
     144        }
     145        .directory #buddypress .item-list-tabs ul li.selected {
     146                border: 1px solid rgba(0, 0, 0, 0.2);
     147                border-bottom-color: #fff;
     148                -webkit-border-top-left-radius: 4px;
     149                border-top-left-radius: 4px;
     150                -webkit-border-top-right-radius: 4px;
     151                border-top-right-radius: 4px;
     152                background-clip: padding-box;
     153                margin-bottom: -1px;
     154        }
     155        .directory #buddypress .item-list-tabs ul li.selected a {
     156                background: none;
     157                outline: none;
     158        }
     159}
     160
    124161.directory #buddypress #subnav ul {
    125   border-bottom: 0; }
     162        border-bottom: 0;
     163}
    126164
    127165/* List last filters global */
    128166#buddypress #subnav li#activity-filter-select.last {
    129   line-height: 2.1;
    130   margin-top: 0; }
     167        line-height: 2.1;
     168        margin-top: 0;
     169}
    131170
    132171@media screen and (max-width: 783px) {
    133   #buddypress #object-nav ul {
    134     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    135     overflow: hidden;
    136     padding-bottom: 10px; }
    137   #buddypress div#subnav.item-list-tabs {
    138     margin-bottom: 40px; }
    139     #buddypress div#subnav.item-list-tabs ul li {
    140       width: auto; } }
     172        #buddypress #object-nav ul {
     173                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     174                overflow: hidden;
     175                padding-bottom: 10px;
     176        }
     177        #buddypress div#subnav.item-list-tabs {
     178                margin-bottom: 40px;
     179        }
     180        #buddypress div#subnav.item-list-tabs ul li {
     181                width: auto;
     182        }
     183}
    141184
    142185/*__ Vertical Menu User Account Screens __*/
    143186@media screen and (min-width: 783px) {
    144   .bp-user #buddypress, .single-item.groups #buddypress {
    145     background: #d8d8d8; }
    146   #buddypress #item-header, #buddypress #item-body {
    147     background: #fff; }
    148   #buddypress #item-body {
    149     border-right: 1px solid #bebebe; }
    150   #buddypress #object-nav {
    151     background: #d8d8d8;
    152     border-left: 1px solid #bebebe;
    153     float: right;
    154     margin-left: -1px;
    155     width: 200px; }
    156     #buddypress #object-nav ul {
    157       border-bottom: 0;
    158       border-top: 1px solid #bebebe;
    159       padding: 0; }
    160       #buddypress #object-nav ul li {
    161         float: none;
    162         overflow: hidden; }
    163         #buddypress #object-nav ul li:focus, #buddypress #object-nav ul li:hover {
    164           background: #bebebe; }
    165         #buddypress #object-nav ul li span {
    166           border-radius: 10%;
    167           float: left;
    168           margin-left: 15px; }
    169       #buddypress #object-nav ul li.current {
    170         background: #f1f1f1; }
    171   #buddypress #item-body {
    172     overflow: hidden;
    173     padding: 0 20px;
    174     width: auto; }
    175     #buddypress #item-body #subnav {
    176       border: 1px solid #bebebe;
    177       border-right: 0;
    178       border-left: 0;
    179       margin: 0 -20px 20px; }
    180       #buddypress #item-body #subnav li:focus, #buddypress #item-body #subnav li:hover {
    181         background: #bebebe; }
    182       #buddypress #item-body #subnav li.current {
    183         background: #f1f1f1; }
    184       #buddypress #item-body #subnav li#activity-filter-select:focus, #buddypress #item-body #subnav li#activity-filter-select:hover {
    185         background: none; }
    186       #buddypress #item-body #subnav li#activity-filter-select select {
    187         max-width: 130px; } }
     187        .bp-user #buddypress,
     188        .single-item.groups #buddypress {
     189                background: #d8d8d8;
     190        }
     191        #buddypress #item-header,
     192        #buddypress #item-body {
     193                background: #fff;
     194        }
     195        #buddypress #item-body {
     196                border-right: 1px solid #bebebe;
     197        }
     198        #buddypress #object-nav {
     199                background: #d8d8d8;
     200                border-left: 1px solid #bebebe;
     201                float: right;
     202                margin-left: -1px;
     203                width: 200px;
     204        }
     205        #buddypress #object-nav ul {
     206                border-bottom: 0;
     207                border-top: 1px solid #bebebe;
     208                padding: 0;
     209        }
     210        #buddypress #object-nav ul li {
     211                float: none;
     212                overflow: hidden;
     213        }
     214        #buddypress #object-nav ul li:focus,
     215        #buddypress #object-nav ul li:hover {
     216                background: #bebebe;
     217        }
     218        #buddypress #object-nav ul li span {
     219                border-radius: 10%;
     220                float: left;
     221                margin-left: 15px;
     222        }
     223        #buddypress #object-nav ul li.current {
     224                background: #f1f1f1;
     225        }
     226        #buddypress #item-body {
     227                overflow: hidden;
     228                padding: 0 20px;
     229                width: auto;
     230        }
     231        #buddypress #item-body #subnav {
     232                border: 1px solid #bebebe;
     233                border-right: 0;
     234                border-left: 0;
     235                margin: 0 -20px 20px;
     236        }
     237        #buddypress #item-body #subnav li:focus,
     238        #buddypress #item-body #subnav li:hover {
     239                background: #bebebe;
     240        }
     241        #buddypress #item-body #subnav li.current {
     242                background: #f1f1f1;
     243        }
     244        #buddypress #item-body #subnav li#activity-filter-select:focus,
     245        #buddypress #item-body #subnav li#activity-filter-select:hover {
     246                background: none;
     247        }
     248        #buddypress #item-body #subnav li#activity-filter-select select {
     249                max-width: 130px;
     250        }
     251}
    188252
    189253/**
    … …  
    193257*/
    194258#buddypress div.pagination .pag-count {
    195   margin-right: 0; }
     259        margin-right: 0;
     260}
    196261
    197262/**
    … …  
    201266*/
    202267#buddypress .item-list .item-title a {
    203   display: block;
    204   font-size: 22px;
    205   font-size: 1.375rem;
    206   text-decoration: none; }
    207 #buddypress .item-list .item-title span.update, #buddypress .item-list .item-title span a {
    208   font-size: 12px;
    209   font-size: 0.75rem; }
     268        display: block;
     269        font-size: 22px;
     270        font-size: 1.375rem;
     271        text-decoration: none;
     272}
     273
     274#buddypress .item-list .item-title span.update,
     275#buddypress .item-list .item-title span a {
     276        font-size: 12px;
     277        font-size: 0.75rem;
     278}
    210279
    211280#buddypress ul.item-list li {
    212   overflow: hidden !important; }
    213   #buddypress ul.item-list li .item-avatar {
    214     float: none;
    215     margin-bottom: 20px;
    216     text-align: center; }
    217     #buddypress ul.item-list li .item-avatar a img.avatar {
    218       float: none; }
    219   #buddypress ul.item-list li div.item-title {
    220     float: none;
    221     width: 100%; }
    222     #buddypress ul.item-list li div.item-title > a {
    223       text-align: center; }
    224   #buddypress ul.item-list li .item {
    225     margin-right: 0; }
    226   #buddypress ul.item-list li div.item-desc {
    227     margin-right: 0;
    228     width: auto; }
    229   #buddypress ul.item-list li div.action {
    230     clear: both;
    231     float: none;
    232     margin: 0;
    233     position: relative;
    234     text-align: right; }
    235     #buddypress ul.item-list li div.action div {
    236       margin: 0 0 10px; }
    237   #buddypress ul.item-list li .activity-meta, #buddypress ul.item-list li .action {
    238     float: none; }
    239     #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div, #buddypress ul.item-list li .action a, #buddypress ul.item-list li .action div {
    240       display: block;
    241       margin: 5px 0; }
    242   @media screen and (min-width: 594px) {
    243     #buddypress ul.item-list li .item-avatar {
    244       float: right;
    245       margin-bottom: 0; }
    246     #buddypress ul.item-list li div.item-title > a {
    247       text-align: right; }
    248     #buddypress ul.item-list li .item {
    249       float: left;
    250       margin-right: 5%;
    251       width: 80%; }
    252     #buddypress ul.item-list li .activity-meta {
    253       clear: both; }
    254       #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div {
    255         display: inline-block;
    256         margin: 5px 0 0 5px; } }
    257   @media screen and (min-width: 783px) {
    258     #buddypress ul.item-list li .item {
    259       float: right;
    260       width: 55%; }
    261       #buddypress ul.item-list li .item div.item-desc {
    262         margin: 0;
    263         width: auto; }
    264     #buddypress ul.item-list li div.action {
    265       clear: none;
    266       float: left;
    267       top: 0;
    268       width: 25%; }
    269       #buddypress ul.item-list li div.action div {
    270         display: block; }
    271         #buddypress ul.item-list li div.action div a {
    272           -webkit-box-sizing: border-box;
    273           -moz-box-sizing: border-box;
    274           box-sizing: border-box;
    275           display: block;
    276           width: 100%; }
    277       #buddypress ul.item-list li div.action .meta {
    278         text-align: center; } }
    279   #buddypress ul.item-list li .meta, #buddypress ul.item-list li .item-meta .activity {
    280     font-style: italic; }
     281        overflow: hidden !important;
     282}
     283
     284#buddypress ul.item-list li .item-avatar {
     285        float: none;
     286        margin-bottom: 20px;
     287        text-align: center;
     288}
     289
     290#buddypress ul.item-list li .item-avatar a img.avatar {
     291        float: none;
     292}
     293
     294#buddypress ul.item-list li div.item-title {
     295        float: none;
     296        width: 100%;
     297}
     298
     299#buddypress ul.item-list li div.item-title > a {
     300        text-align: center;
     301}
     302
     303#buddypress ul.item-list li .item {
     304        margin-right: 0;
     305}
     306
     307#buddypress ul.item-list li div.item-desc {
     308        margin-right: 0;
     309        width: auto;
     310}
     311
     312#buddypress ul.item-list li div.action {
     313        clear: both;
     314        float: none;
     315        margin: 0;
     316        position: relative;
     317        text-align: right;
     318}
     319
     320#buddypress ul.item-list li div.action div {
     321        margin: 0 0 10px;
     322}
     323
     324#buddypress ul.item-list li .activity-meta,
     325#buddypress ul.item-list li .action {
     326        float: none;
     327}
     328
     329#buddypress ul.item-list li .activity-meta a,
     330#buddypress ul.item-list li .activity-meta div,
     331#buddypress ul.item-list li .action a,
     332#buddypress ul.item-list li .action div {
     333        display: block;
     334        margin: 5px 0;
     335}
     336
     337@media screen and (min-width: 594px) {
     338        #buddypress ul.item-list li .item-avatar {
     339                float: right;
     340                margin-bottom: 0;
     341        }
     342        #buddypress ul.item-list li div.item-title > a {
     343                text-align: right;
     344        }
     345        #buddypress ul.item-list li .item {
     346                float: left;
     347                margin-right: 5%;
     348                width: 80%;
     349        }
     350        #buddypress ul.item-list li .activity-meta {
     351                clear: both;
     352        }
     353        #buddypress ul.item-list li .activity-meta a,
     354        #buddypress ul.item-list li .activity-meta div {
     355                display: inline-block;
     356                margin: 5px 0 0 5px;
     357        }
     358}
     359
     360@media screen and (min-width: 783px) {
     361        #buddypress ul.item-list li .item {
     362                float: right;
     363                width: 55%;
     364        }
     365        #buddypress ul.item-list li .item div.item-desc {
     366                margin: 0;
     367                width: auto;
     368        }
     369        #buddypress ul.item-list li div.action {
     370                clear: none;
     371                float: left;
     372                top: 0;
     373                width: 25%;
     374        }
     375        #buddypress ul.item-list li div.action div {
     376                display: block;
     377        }
     378        #buddypress ul.item-list li div.action div a {
     379                -webkit-box-sizing: border-box;
     380                -moz-box-sizing: border-box;
     381                box-sizing: border-box;
     382                display: block;
     383                width: 100%;
     384        }
     385        #buddypress ul.item-list li div.action .meta {
     386                text-align: center;
     387        }
     388}
     389
     390#buddypress ul.item-list li .meta,
     391#buddypress ul.item-list li .item-meta .activity {
     392        font-style: italic;
     393}
    281394
    282395/**
    … …  
    291404*/
    292405#buddypress form#whats-new-form {
    293   margin: 40px 0; }
    294   #buddypress form#whats-new-form #whats-new-avatar {
    295     float: none;
    296     margin-bottom: 20px;
    297     text-align: center; }
    298   #buddypress form#whats-new-form #whats-new-content, #buddypress form#whats-new-form p.activity-greeting {
    299     margin-right: 0;
    300     padding-right: 0; }
    301   #buddypress form#whats-new-form p.activity-greeting {
    302     clear: right;
    303     line-height: inherit;
    304     margin-bottom: 5px; }
    305   #buddypress form#whats-new-form textarea#whats-new {
    306     width: 100%; }
    307   #buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
    308     height: auto !important; }
    309   @media screen and (max-width: 594px) {
    310     #buddypress form#whats-new-form #whats-new-content #whats-new-options {
    311       display: flex;
    312       flex-direction: column; }
    313       #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
    314         order: 2; }
    315         #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
    316           width: 100%; }
    317       #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
    318         margin-top: 10px;
    319         order: 1; }
    320         #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
    321           margin-top: 5px;
    322           max-width: 100%;
    323           width: 100%; } }
    324   @media screen and (min-width: 594px) {
    325     #buddypress form#whats-new-form #whats-new-avatar {
    326       float: right; }
    327     #buddypress form#whats-new-form #whats-new-content, #buddypress form#whats-new-form p.activity-greeting {
    328       clear: none;
    329       overflow: hidden;
    330       padding-right: 20px; } }
     406        margin: 40px 0;
     407}
     408
     409#buddypress form#whats-new-form #whats-new-avatar {
     410        float: none;
     411        margin-bottom: 20px;
     412        text-align: center;
     413}
     414
     415#buddypress form#whats-new-form #whats-new-content,
     416#buddypress form#whats-new-form p.activity-greeting {
     417        margin-right: 0;
     418        padding-right: 0;
     419}
     420
     421#buddypress form#whats-new-form p.activity-greeting {
     422        clear: right;
     423        line-height: inherit;
     424        margin-bottom: 5px;
     425}
     426
     427#buddypress form#whats-new-form textarea#whats-new {
     428        width: 100%;
     429}
     430
     431#buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
     432        height: auto !important;
     433}
     434
     435@media screen and (max-width: 594px) {
     436        #buddypress form#whats-new-form #whats-new-content #whats-new-options {
     437                display: flex;
     438                flex-direction: column;
     439        }
     440        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
     441                order: 2;
     442        }
     443        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
     444                width: 100%;
     445        }
     446        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
     447                margin-top: 10px;
     448                order: 1;
     449        }
     450        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
     451                margin-top: 5px;
     452                max-width: 100%;
     453                width: 100%;
     454        }
     455}
     456
     457@media screen and (min-width: 594px) {
     458        #buddypress form#whats-new-form #whats-new-avatar {
     459                float: right;
     460        }
     461        #buddypress form#whats-new-form #whats-new-content,
     462        #buddypress form#whats-new-form p.activity-greeting {
     463                clear: none;
     464                overflow: hidden;
     465                padding-right: 20px;
     466        }
     467}
    331468
    332469/**
    … …  
    336473*/
    337474#buddypress #activity-stream {
    338   margin-top: 40px; }
     475        margin-top: 40px;
     476}
     477
    339478#buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
    340   float: none;
    341   margin-bottom: 10px;
    342   text-align: center; }
    343   #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
    344     display: inline;
    345     float: none; }
     479        float: none;
     480        margin-bottom: 10px;
     481        text-align: center;
     482}
     483
     484#buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
     485        display: inline;
     486        float: none;
     487}
     488
    346489#buddypress .activity-list li.mini .activity-avatar img.avatar {
    347   margin-right: 0; }
     490        margin-right: 0;
     491}
     492
    348493#buddypress .activity-list li.mini .activity-meta a {
    349   font-size: 12px;
    350   font-size: 0.75rem; }
     494        font-size: 12px;
     495        font-size: 0.75rem;
     496}
     497
    351498#buddypress .activity-list .activity-content {
    352   margin: 0; }
    353   #buddypress .activity-list .activity-content .activity-header {
    354     margin: -0.5em 0 0; }
    355     #buddypress .activity-list .activity-content .activity-header > p {
    356       line-height: 1.4;
    357       margin-top: -10px; }
    358     #buddypress .activity-list .activity-content .activity-header img.avatar {
    359       margin-bottom: 0 !important;
    360       vertical-align: middle; }
    361   #buddypress .activity-list .activity-content .activity-inner {
    362     margin: 10px 0; }
     499        margin: 0;
     500}
     501
     502#buddypress .activity-list .activity-content .activity-header {
     503        margin: -0.5em 0 0;
     504}
     505
     506#buddypress .activity-list .activity-content .activity-header > p {
     507        line-height: 1.4;
     508        margin-top: -10px;
     509}
     510
     511#buddypress .activity-list .activity-content .activity-header img.avatar {
     512        margin-bottom: 0 !important;
     513        vertical-align: middle;
     514}
     515
     516#buddypress .activity-list .activity-content .activity-inner {
     517        margin: 10px 0;
     518}
     519
    363520@media screen and (min-width: 594px) {
    364   #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
    365     float: right;
    366     margin: 0 0 0 20px; }
    367     #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
    368       display: inline;
    369       float: none; }
    370   #buddypress .activity-list li.mini .activity-avatar {
    371     margin: 0 5% 0 10px; }
    372   #buddypress .activity-list .activity-content {
    373     margin-right: 0;
    374     overflow: hidden; } }
     521        #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
     522                float: right;
     523                margin: 0 0 0 20px;
     524        }
     525        #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
     526                display: inline;
     527                float: none;
     528        }
     529        #buddypress .activity-list li.mini .activity-avatar {
     530                margin: 0 5% 0 10px;
     531        }
     532        #buddypress .activity-list .activity-content {
     533                margin-right: 0;
     534                overflow: hidden;
     535        }
     536}
    375537
    376538body.activity-permalink #buddypress {
    377   background: transparent; }
    378   @media screen and (max-width: 760px) {
    379     body.activity-permalink #buddypress .activity-list li .activity-content, body.activity-permalink #buddypress .activity-list li .activity-comments {
    380       margin-right: 0; } }
     539        background: transparent;
     540}
     541
     542@media screen and (max-width: 760px) {
     543        body.activity-permalink #buddypress .activity-list li .activity-content,
     544        body.activity-permalink #buddypress .activity-list li .activity-comments {
     545                margin-right: 0;
     546        }
     547}
    381548
    382549/**
    … …  
    386553*/
    387554#buddypress .activity .activity-comments {
    388   margin-right: 0;
    389   margin-top: 5px; }
    390   @media screen and (min-width: 594px) {
    391     #buddypress .activity .activity-comments {
    392       margin-right: 70px; } }
    393   #buddypress .activity .activity-comments ul {
    394     background: rgba(247, 247, 247, 0.6);
    395     margin: 30px 2px 0 0; }
    396   #buddypress .activity .activity-comments ul ul {
    397     border-right: 1px solid rgba(0, 0, 0, 0.1);
    398     padding-right: 2%; }
    399   @media screen and (max-width: 400px) {
    400     #buddypress .activity .activity-comments .acomment-avatar {
    401       display: block;
    402       text-align: center; }
    403       #buddypress .activity .activity-comments .acomment-avatar a, #buddypress .activity .activity-comments .acomment-avatar img.avatar {
    404         display: inline;
    405         float: none; }
    406     #buddypress .activity .activity-comments .acomment-content, #buddypress .activity .activity-comments .acomment-meta, #buddypress .activity .activity-comments .acomment-options {
    407       margin: 5px; }
    408     #buddypress .activity .activity-comments .acomment-content {
    409       padding: 0 10px; } }
    410   #buddypress .activity .activity-comments .ac-form input[type="submit"], #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
    411     color: rgba(43, 43, 43, 0.8);
    412     display: inline-block;
    413     font-family: inherit;
    414     font-size: 12px;
    415     font-size: 0.75rem;
    416     font-weight: normal;
    417     line-height: 1.2;
    418     padding: 4px 10px;
    419     text-transform: lowercase;
    420     width: 100px; }
    421   #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
    422     border: 1px solid rgba(0, 0, 0, 0.2);
    423     text-align: center; }
    424     #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover {
    425       background: #ededed; }
     555        margin-right: 0;
     556        margin-top: 5px;
     557}
     558
     559@media screen and (min-width: 594px) {
     560        #buddypress .activity .activity-comments {
     561                margin-right: 70px;
     562        }
     563}
     564
     565#buddypress .activity .activity-comments ul {
     566        background: rgba(247, 247, 247, 0.6);
     567        margin: 30px 2px 0 0;
     568}
     569
     570#buddypress .activity .activity-comments ul ul {
     571        border-right: 1px solid rgba(0, 0, 0, 0.1);
     572        padding-right: 2%;
     573}
     574
     575@media screen and (max-width: 400px) {
     576        #buddypress .activity .activity-comments .acomment-avatar {
     577                display: block;
     578                text-align: center;
     579        }
     580        #buddypress .activity .activity-comments .acomment-avatar a,
     581        #buddypress .activity .activity-comments .acomment-avatar img.avatar {
     582                display: inline;
     583                float: none;
     584        }
     585        #buddypress .activity .activity-comments .acomment-content,
     586        #buddypress .activity .activity-comments .acomment-meta,
     587        #buddypress .activity .activity-comments .acomment-options {
     588                margin: 5px;
     589        }
     590        #buddypress .activity .activity-comments .acomment-content {
     591                padding: 0 10px;
     592        }
     593}
     594
     595#buddypress .activity .activity-comments .ac-form input[type="submit"],
     596#buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     597        color: rgba(43, 43, 43, 0.8);
     598        display: inline-block;
     599        font-family: inherit;
     600        font-size: 12px;
     601        font-size: 0.75rem;
     602        font-weight: normal;
     603        line-height: 1.2;
     604        padding: 4px 10px;
     605        text-transform: lowercase;
     606        width: 100px;
     607}
     608
     609#buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     610        border: 1px solid rgba(0, 0, 0, 0.2);
     611        text-align: center;
     612}
     613
     614#buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus,
     615#buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover {
     616        background: #ededed;
     617}
    426618
    427619/**
    … …  
    436628*/
    437629/* groups & user account page entry title */
    438 .single-item.groups .entry-title, .bp-user .entry-title {
    439   background: #4d4d4d;
    440   color: #fff;
    441   font-size: 22px;
    442   font-size: 1.375rem;
    443   margin-bottom: 10px;
    444   padding: 0.2em; }
     630.single-item.groups .entry-title,
     631.bp-user .entry-title {
     632        background: #4d4d4d;
     633        color: #fff;
     634        font-size: 22px;
     635        font-size: 1.375rem;
     636        margin-bottom: 10px;
     637        padding: 0.2em;
     638}
     639
    445640@media screen and (min-width: 673px) {
    446   .single-item.groups .entry-title, .bp-user .entry-title {
    447     font-size: 28px;
    448     font-size: 1.75rem; } }
     641        .single-item.groups .entry-title,
     642        .bp-user .entry-title {
     643                font-size: 28px;
     644                font-size: 1.75rem;
     645        }
     646}
    449647
    450648/**
    … …  
    454652*/
    455653#buddypress div#item-header {
    456   padding-bottom: 10px; }
    457   #buddypress div#item-header img.avatar {
    458     margin: 0 0 10px 20px; }
    459   #buddypress div#item-header #message {
    460     clear: both;
    461     margin-bottom: 5px;
    462     padding-top: 10px; }
    463     #buddypress div#item-header #message p {
    464       margin-bottom: 0; }
     654        padding-bottom: 10px;
     655}
     656
     657#buddypress div#item-header img.avatar {
     658        margin: 0 0 10px 20px;
     659}
     660
     661#buddypress div#item-header #message {
     662        clear: both;
     663        margin-bottom: 5px;
     664        padding-top: 10px;
     665}
     666
     667#buddypress div#item-header #message p {
     668        margin-bottom: 0;
     669}
    465670
    466671/**
    … …  
    470675*/
    471676@media screen and (max-width: 594px) {
    472   .single-item.groups #buddypress div#item-header {
    473     display: flex;
    474     flex-direction: column; }
    475     .single-item.groups #buddypress div#item-header #item-header-avatar {
    476       order: 1;
    477       text-align: center; }
    478       .single-item.groups #buddypress div#item-header #item-header-avatar a {
    479         border-bottom: 0; }
    480         .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    481           display: inline-block;
    482           float: none; }
    483     .single-item.groups #buddypress div#item-header #item-header-content {
    484       order: 2; }
    485     .single-item.groups #buddypress div#item-header #item-actions {
    486       margin-right: 0;
    487       order: 3;
    488       text-align: right; }
    489       .single-item.groups #buddypress div#item-header #item-actions ul {
    490         margin-right: 0; }
    491         .single-item.groups #buddypress div#item-header #item-actions ul li {
    492           float: right; }
    493     .single-item.groups #buddypress div#item-header #message {
    494       order: 4; } }
     677        .single-item.groups #buddypress div#item-header {
     678                display: flex;
     679                flex-direction: column;
     680        }
     681        .single-item.groups #buddypress div#item-header #item-header-avatar {
     682                order: 1;
     683                text-align: center;
     684        }
     685        .single-item.groups #buddypress div#item-header #item-header-avatar a {
     686                border-bottom: 0;
     687        }
     688        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
     689                display: inline-block;
     690                float: none;
     691        }
     692        .single-item.groups #buddypress div#item-header #item-header-content {
     693                order: 2;
     694        }
     695        .single-item.groups #buddypress div#item-header #item-actions {
     696                margin-right: 0;
     697                order: 3;
     698                text-align: right;
     699        }
     700        .single-item.groups #buddypress div#item-header #item-actions ul {
     701                margin-right: 0;
     702        }
     703        .single-item.groups #buddypress div#item-header #item-actions ul li {
     704                float: right;
     705        }
     706        .single-item.groups #buddypress div#item-header #message {
     707                order: 4;
     708        }
     709}
     710
    495711.single-item.groups #buddypress #item-header #item-actions {
    496   float: none;
    497   margin: 0 20px 0 0;
    498   width: auto; }
    499   .single-item.groups #buddypress #item-header #item-actions h3 {
    500     font-size: 20px;
    501     font-size: 1.25rem; }
     712        float: none;
     713        margin: 0 20px 0 0;
     714        width: auto;
     715}
     716
     717.single-item.groups #buddypress #item-header #item-actions h3 {
     718        font-size: 20px;
     719        font-size: 1.25rem;
     720}
     721
    502722.single-item.groups #buddypress #item-header #item-header-avatar {
    503   text-align: center; }
     723        text-align: center;
     724}
     725
    504726.single-item.groups #buddypress #item-header #item-header-content {
    505   float: none;
    506   overflow: hidden; }
     727        float: none;
     728        overflow: hidden;
     729}
     730
    507731@media screen and (min-width: 594px) {
    508   .single-item.groups #buddypress #item-header #item-actions {
    509     float: left; }
    510   .single-item.groups #buddypress #item-header #item-header-avatar {
    511     float: right; }
    512   .single-item.groups #buddypress #item-header #item-header-content {
    513     float: none;
    514     overflow: hidden; } }
     732        .single-item.groups #buddypress #item-header #item-actions {
     733                float: left;
     734        }
     735        .single-item.groups #buddypress #item-header #item-header-avatar {
     736                float: right;
     737        }
     738        .single-item.groups #buddypress #item-header #item-header-content {
     739                float: none;
     740                overflow: hidden;
     741        }
     742}
    515743
    516744/**
    … …  
    520748*/
    521749.bp-user #buddypress #item-header #item-header-avatar {
    522   text-align: center;
    523   width: 100%; }
    524   .bp-user #buddypress #item-header #item-header-avatar img {
    525     float: none; }
     750        text-align: center;
     751        width: 100%;
     752}
     753
     754.bp-user #buddypress #item-header #item-header-avatar img {
     755        float: none;
     756}
     757
    526758.bp-user #buddypress #item-header #latest-update {
    527   margin-bottom: 10px; }
     759        margin-bottom: 10px;
     760}
     761
    528762@media screen and (max-width: 594px) {
    529   .bp-user #buddypress #item-header #item-buttons div.generic-button {
    530     display: inline-block;
    531     float: none;
    532     margin: 0 0 5px 0;
    533     width: 100%; }
    534     .bp-user #buddypress #item-header #item-buttons div.generic-button a {
    535       -webkit-box-sizing: border-box;
    536       -moz-box-sizing: border-box;
    537       box-sizing: border-box;
    538       display: block;
    539       width: 100%; } }
     763        .bp-user #buddypress #item-header #item-buttons div.generic-button {
     764                display: inline-block;
     765                float: none;
     766                margin: 0 0 5px 0;
     767                width: 100%;
     768        }
     769        .bp-user #buddypress #item-header #item-buttons div.generic-button a {
     770                -webkit-box-sizing: border-box;
     771                -moz-box-sizing: border-box;
     772                box-sizing: border-box;
     773                display: block;
     774                width: 100%;
     775        }
     776}
     777
    540778@media screen and (min-width: 673px) {
    541   .bp-user #buddypress #item-header #item-header-avatar {
    542     float: right;
    543     overflow: hidden;
    544     text-align: right;
    545     width: 20%; }
    546     .bp-user #buddypress #item-header #item-header-avatar img {
    547       margin: 0; }
    548   .bp-user #buddypress #item-header #item-header-content {
    549     float: left;
    550     width: 78%; }
    551     .bp-user #buddypress #item-header #item-header-content #latest-update {
    552       margin-bottom: 20px; } }
     779        .bp-user #buddypress #item-header #item-header-avatar {
     780                float: right;
     781                overflow: hidden;
     782                text-align: right;
     783                width: 20%;
     784        }
     785        .bp-user #buddypress #item-header #item-header-avatar img {
     786                margin: 0;
     787        }
     788        .bp-user #buddypress #item-header #item-header-content {
     789                float: left;
     790                width: 78%;
     791        }
     792        .bp-user #buddypress #item-header #item-header-content #latest-update {
     793                margin-bottom: 20px;
     794        }
     795}
    553796
    554797/**
    … …  
    568811        */
    569812/* Settings */
    570 #group-settings-form .radio strong, #create-group-form .radio strong {
    571   font-size: 18px;
    572   font-size: 1.125rem; }
    573 #group-settings-form .radio ul, #create-group-form .radio ul {
    574   color: #777777; }
    575 #group-settings-form #group-creation-previous, #create-group-form #group-creation-previous {
    576   margin: 10px 0; }
     813#group-settings-form .radio strong,
     814#create-group-form .radio strong {
     815        font-size: 18px;
     816        font-size: 1.125rem;
     817}
     818
     819#group-settings-form .radio ul,
     820#create-group-form .radio ul {
     821        color: #777777;
     822}
     823
     824#group-settings-form #group-creation-previous,
     825#create-group-form #group-creation-previous {
     826        margin: 10px 0;
     827}
    577828
    578829/* Manage Members */
    579830.groups.manage-members #group-settings-form h4 {
    580   margin-top: 40px; }
     831        margin-top: 40px;
     832}
     833
    581834.groups.manage-members #group-settings-form .item-list {
    582   background: #f7f7f7;
    583   border-top: 0;
    584   padding: 0 0.5em; }
    585   .groups.manage-members #group-settings-form .item-list li {
    586     border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    587     .groups.manage-members #group-settings-form .item-list li:last-child {
    588       border-bottom: 0; }
    589     .groups.manage-members #group-settings-form .item-list li img, .groups.manage-members #group-settings-form .item-list li h5 {
    590       clear: none;
    591       float: right; }
    592       .groups.manage-members #group-settings-form .item-list li img > a, .groups.manage-members #group-settings-form .item-list li h5 > a {
    593         border-bottom: 0; }
    594     .groups.manage-members #group-settings-form .item-list li span.small {
    595       display: block;
    596       float: none;
    597       margin-top: 10px;
    598       width: 100%; }
    599       .groups.manage-members #group-settings-form .item-list li span.small a {
    600         display: inline-block;
    601         margin: 5px 0;
    602         width: 100%; }
    603         @media screen and (min-width: 38.75em) {
    604           .groups.manage-members #group-settings-form .item-list li span.small a {
    605             width: auto; } }
    606     .groups.manage-members #group-settings-form .item-list li h5 {
    607       margin: 0; }
     835        background: #f7f7f7;
     836        border-top: 0;
     837        padding: 0 0.5em;
     838}
     839
     840.groups.manage-members #group-settings-form .item-list li {
     841        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     842}
     843
     844.groups.manage-members #group-settings-form .item-list li:last-child {
     845        border-bottom: 0;
     846}
     847
     848.groups.manage-members #group-settings-form .item-list li img,
     849.groups.manage-members #group-settings-form .item-list li h5 {
     850        clear: none;
     851        float: right;
     852}
     853
     854.groups.manage-members #group-settings-form .item-list li img > a,
     855.groups.manage-members #group-settings-form .item-list li h5 > a {
     856        border-bottom: 0;
     857}
     858
     859.groups.manage-members #group-settings-form .item-list li span.small {
     860        display: block;
     861        float: none;
     862        margin-top: 10px;
     863        width: 100%;
     864}
     865
     866.groups.manage-members #group-settings-form .item-list li span.small a {
     867        display: inline-block;
     868        margin: 5px 0;
     869        width: 100%;
     870}
     871
     872@media screen and (min-width: 38.75em) {
     873        .groups.manage-members #group-settings-form .item-list li span.small a {
     874                width: auto;
     875        }
     876}
     877
     878.groups.manage-members #group-settings-form .item-list li h5 {
     879        margin: 0;
     880}
    608881
    609882/**
    … …  
    613886        */
    614887#buddypress #members-group-list .item-list h5 {
    615   display: inline-block;
    616   margin: 0; }
     888        display: inline-block;
     889        margin: 0;
     890}
     891
    617892#buddypress #members-group-list .item-list span.activity {
    618   padding-right: 10px; }
    619 
    620 #buddypress #item-body #subnav li.groups-members-search:focus, #buddypress #item-body #subnav li.groups-members-search:hover, #buddypress #item-body #subnav li.last:focus, #buddypress #item-body #subnav li.last:hover {
    621   background: none; }
    622 
    623 .groups.group-members #subnav ul:before, .groups.group-members #subnav ul:after {
    624   content: " ";
    625   display: table; }
     893        padding-right: 10px;
     894}
     895
     896#buddypress #item-body #subnav li.groups-members-search:focus,
     897#buddypress #item-body #subnav li.groups-members-search:hover,
     898#buddypress #item-body #subnav li.last:focus,
     899#buddypress #item-body #subnav li.last:hover {
     900        background: none;
     901}
     902
     903.groups.group-members #subnav ul:before,
    626904.groups.group-members #subnav ul:after {
    627   clear: both; }
     905        content: " ";
     906        display: table;
     907}
     908
     909.groups.group-members #subnav ul:after {
     910        clear: both;
     911}
     912
    628913.groups.group-members #subnav ul {
    629   padding: 5px 0; }
     914        padding: 5px 0;
     915}
     916
    630917@media screen and (max-width: 400px) {
    631   .groups.group-members #subnav li {
    632     background: #fff;
    633     padding: 10px 0;
    634     width: 100% !important; } }
     918        .groups.group-members #subnav li {
     919                background: #fff;
     920                padding: 10px 0;
     921                width: 100% !important;
     922        }
     923}
     924
    635925.groups.group-members #subnav li #search-members-form {
    636   -webkit-box-sizing: border-box;
    637   -moz-box-sizing: border-box;
    638   box-sizing: border-box;
    639   float: right; }
    640   @media screen and (max-width: 400px) {
    641     .groups.group-members #subnav li #search-members-form {
    642       margin: 0;
    643       width: 100%; }
    644       .groups.group-members #subnav li #search-members-form label input[type="text"] {
    645         width: 100%; } }
    646   @media screen and (min-width: 783px) {
    647     .groups.group-members #subnav li #search-members-form {
    648       margin-right: 3px; } }
     926        -webkit-box-sizing: border-box;
     927        -moz-box-sizing: border-box;
     928        box-sizing: border-box;
     929        float: right;
     930}
     931
     932@media screen and (max-width: 400px) {
     933        .groups.group-members #subnav li #search-members-form {
     934                margin: 0;
     935                width: 100%;
     936        }
     937        .groups.group-members #subnav li #search-members-form label input[type="text"] {
     938                width: 100%;
     939        }
     940}
     941
     942@media screen and (min-width: 783px) {
     943        .groups.group-members #subnav li #search-members-form {
     944                margin-right: 3px;
     945        }
     946}
    649947
    650948/**
    … …  
    654952        */
    655953@media screen and (min-width: 783px) {
    656   .send-invites #buddypress #item-body {
    657     border-top: 1px solid #bebebe; } }
     954        .send-invites #buddypress #item-body {
     955                border-top: 1px solid #bebebe;
     956        }
     957}
     958
    658959.send-invites #buddypress #item-body #invite-list {
    659   width: 120px; }
     960        width: 120px;
     961}
     962
    660963.send-invites #buddypress #item-body .main-column {
    661   margin-right: 160px; }
     964        margin-right: 160px;
     965}
     966
    662967.send-invites #buddypress #item-body li img.avatar {
    663   display: block;
    664   float: none;
    665   margin: 10px auto; }
     968        display: block;
     969        float: none;
     970        margin: 10px auto;
     971}
     972
    666973.send-invites #buddypress #item-body li .action {
    667   margin-top: 10px;
    668   text-align: right;
    669   width: 100%; }
    670   @media screen and (min-width: 38.75em) {
    671     .send-invites #buddypress #item-body li .action {
    672       text-align: left; } }
     974        margin-top: 10px;
     975        text-align: right;
     976        width: 100%;
     977}
     978
     979@media screen and (min-width: 38.75em) {
     980        .send-invites #buddypress #item-body li .action {
     981                text-align: left;
     982        }
     983}
     984
    673985@media screen and (min-width: 594px) {
    674   .send-invites #buddypress #item-body #invite-list {
    675     width: 160px; }
    676   .send-invites #buddypress #item-body .main-column {
    677     margin-right: 190px; }
    678   .send-invites #buddypress #item-body li img.avatar {
    679     float: right;
    680     margin: 0 0 0 10px; } }
     986        .send-invites #buddypress #item-body #invite-list {
     987                width: 160px;
     988        }
     989        .send-invites #buddypress #item-body .main-column {
     990                margin-right: 190px;
     991        }
     992        .send-invites #buddypress #item-body li img.avatar {
     993                float: right;
     994                margin: 0 0 0 10px;
     995        }
     996}
    681997
    682998/**
    … …  
    6911007        */
    6921008#buddypress .profile .bp-widget h4 {
    693   background: #999;
    694   color: #fff;
    695   padding: 0.4em 0.2em; }
    696 #buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
    697   content: " ";
    698   display: table; }
     1009        background: #999;
     1010        color: #fff;
     1011        padding: 0.4em 0.2em;
     1012}
     1013
     1014#buddypress .profile #profile-edit-form .button-nav:before,
    6991015#buddypress .profile #profile-edit-form .button-nav:after {
    700   clear: both; }
     1016        content: " ";
     1017        display: table;
     1018}
     1019
     1020#buddypress .profile #profile-edit-form .button-nav:after {
     1021        clear: both;
     1022}
     1023
    7011024#buddypress .profile #profile-edit-form ul.button-nav {
    702   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    703   margin-right: 0; }
    704   #buddypress .profile #profile-edit-form ul.button-nav li {
    705     float: right;
    706     margin-bottom: 0; }
    707     #buddypress .profile #profile-edit-form ul.button-nav li.current {
    708       border: 1px solid rgba(0, 0, 0, 0.1);
    709       border-bottom-color: #fff;
    710       margin-bottom: -1px; }
    711   #buddypress .profile #profile-edit-form ul.button-nav a {
    712     background: none;
    713     border: 0;
    714     font-size: 18px;
    715     font-size: 1.125rem; }
    716 #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
    717   font-size: 14px;
    718   font-size: 0.875rem; }
    719 #buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
    720   background: #000;
    721   color: #fff;
    722   padding: 0.2em 0.5em; }
     1025        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     1026        margin-right: 0;
     1027}
     1028
     1029#buddypress .profile #profile-edit-form ul.button-nav li {
     1030        float: right;
     1031        margin-bottom: 0;
     1032}
     1033
     1034#buddypress .profile #profile-edit-form ul.button-nav li.current {
     1035        border: 1px solid rgba(0, 0, 0, 0.1);
     1036        border-bottom-color: #fff;
     1037        margin-bottom: -1px;
     1038}
     1039
     1040#buddypress .profile #profile-edit-form ul.button-nav a {
     1041        background: none;
     1042        border: 0;
     1043        font-size: 18px;
     1044        font-size: 1.125rem;
     1045}
     1046
     1047#buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1048#buddypress .profile #profile-edit-form .field-visibility-settings {
     1049        font-size: 14px;
     1050        font-size: 0.875rem;
     1051}
     1052
     1053#buddypress .profile #profile-edit-form .field-visibility-settings-close,
     1054#buddypress .profile #profile-edit-form .visibility-toggle-link {
     1055        background: #000;
     1056        color: #fff;
     1057        padding: 0.2em 0.5em;
     1058}
    7231059
    7241060/**
    … …  
    7281064        */
    7291065#buddypress {
    730   /* Read Single thread */
    731   /* Sitewide Notices loop */ }
    732   #buddypress table#message-threads {
    733     border-right: 1px solid rgba(0, 0, 0, 0.2);
    734     border-left: 1px solid rgba(0, 0, 0, 0.2); }
    735     #buddypress table#message-threads tbody > tr:first-child td.bulk-select-check, #buddypress table#message-threads tbody > tr:first-child td.thread-from {
    736       border-top: 1px solid rgba(0, 0, 0, 0.2); }
    737     #buddypress table#message-threads tr td {
    738       background: #fff;
    739       border-left: 0 !important;
    740       -webkit-box-sizing: border-box;
    741       -moz-box-sizing: border-box;
    742       box-sizing: border-box;
    743       display: inline-block;
    744       float: right; }
    745     #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
    746       border-bottom-color: rgba(0, 0, 0, 0.2);
    747       border-bottom-width: 2px;
    748       border-right: 0;
    749       height: 2.4em;
    750       padding-bottom: 0.2em;
    751       padding-top: 0.2em; }
    752       @media screen and (max-width: 549px) {
    753         #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
    754           padding-top: 0; } }
    755     #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
    756       border-right: 0;
    757       height: 2.6em; }
    758       @media screen and (max-width: 320px) {
    759         #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
    760           height: 5.2em; } }
    761     #buddypress table#message-threads tr td.thread-from, #buddypress table#message-threads tr td.thread-options {
    762       border-right: 0;
    763       width: -webkit-calc(100% - 30px);
    764       width: -moz-calc(100% - 30px);
    765       width: calc(100% - 30px);
    766       margin-right: 0; }
    767     #buddypress table#message-threads tr td.thread-info {
    768       border-right: 0;
    769       padding-right: 41px;
    770       width: 100%; }
    771       #buddypress table#message-threads tr td.thread-info a::after {
    772         content: " \2013 \00a0" attr(title);
    773         font-size: 12px;
    774         font-size: 0.75rem; }
    775     #buddypress table#message-threads tr td.thread-options {
    776       text-align: left; }
    777       #buddypress table#message-threads tr td.thread-options a {
    778         font-size: 12px;
    779         font-size: 0.75rem;
    780         line-height: 2.2; }
    781     #buddypress table#message-threads tr span.from {
    782       display: none; }
    783     #buddypress table#message-threads tr span.activity {
    784       display: block;
    785       float: left;
    786       line-height: 2; }
    787       @media screen and (max-width: 320px) {
    788         #buddypress table#message-threads tr span.activity {
    789           clear: both;
    790           font-size: 11px;
    791           font-size: 0.6875rem;
    792           width: 100%; } }
    793     #buddypress table#message-threads tr.unread td {
    794       background: #f1f4ff;
    795       border-color: rgba(0, 0, 0, 0.2);
    796       border-top: 0;
    797       border-width: 1px; }
    798     #buddypress table#message-threads th {
    799       display: none; }
    800     #buddypress table#message-threads th.bulk-select-all {
    801       border-bottom: 0;
    802       display: inline-block;
    803       text-align: right; }
    804     #buddypress table#message-threads th.bulk-select-all, #buddypress table#message-threads td.bulk-select-check, #buddypress table#message-threads td.thread-star {
    805       border-left: 0;
    806       width: 30px; }
    807   #buddypress #message-thread #message-subject {
    808     background: #4d4d4d;
    809     color: #fff;
    810     padding: 0.5em; }
    811   #buddypress #message-thread .message-box .message-metadata {
    812     margin-bottom: 10px; }
    813   #buddypress #message-thread .message-box .message-content {
    814     clear: right;
    815     margin-right: 0; }
    816   #buddypress #message-threads.sitewide-notices td {
    817     width: 100%; }
    818     #buddypress #message-threads.sitewide-notices td strong {
    819       background: #4d4d4d;
    820       color: #fff;
    821       font-size: 16px;
    822       font-size: 1rem;
    823       display: block;
    824       margin-bottom: 0.4em;
    825       padding: 0.2em; }
    826     #buddypress #message-threads.sitewide-notices td a {
    827       display: inline-block;
    828       line-height: initial; }
    829   #buddypress #message-threads.sitewide-notices td:first-child {
    830     display: none; }
    831   #buddypress #message-threads.sitewide-notices td:first-child + td + td {
    832     border-bottom: 0; }
    833     #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
    834       line-height: 1; }
    835   #buddypress #message-threads.sitewide-notices td:last-child {
    836     border-bottom-color: rgba(0, 0, 0, 0.2);
    837     line-height: 1;
    838     text-align: left; }
    839     #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
    840       line-height: 0;
    841       margin-right: 0.7em;
    842       text-indent: -999em; }
    843     #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
    844       content: attr(title);
    845       display: block;
    846       line-height: initial;
    847       text-indent: 0; }
     1066        /* Read Single thread */
     1067        /* Sitewide Notices loop */
     1068}
     1069
     1070#buddypress table#message-threads {
     1071        border-right: 1px solid rgba(0, 0, 0, 0.2);
     1072        border-left: 1px solid rgba(0, 0, 0, 0.2);
     1073}
     1074
     1075#buddypress table#message-threads tbody > tr:first-child td.bulk-select-check,
     1076#buddypress table#message-threads tbody > tr:first-child td.thread-from {
     1077        border-top: 1px solid rgba(0, 0, 0, 0.2);
     1078}
     1079
     1080#buddypress table#message-threads tr td {
     1081        background: #fff;
     1082        border-left: 0 !important;
     1083        -webkit-box-sizing: border-box;
     1084        -moz-box-sizing: border-box;
     1085        box-sizing: border-box;
     1086        display: inline-block;
     1087        float: right;
     1088}
     1089
     1090#buddypress table#message-threads tr td.thread-star,
     1091#buddypress table#message-threads tr td.thread-options {
     1092        border-bottom-color: rgba(0, 0, 0, 0.2);
     1093        border-bottom-width: 2px;
     1094        border-right: 0;
     1095        height: 2.4em;
     1096        padding-bottom: 0.2em;
     1097        padding-top: 0.2em;
     1098}
     1099
     1100@media screen and (max-width: 549px) {
     1101        #buddypress table#message-threads tr td.thread-star,
     1102        #buddypress table#message-threads tr td.thread-options {
     1103                padding-top: 0;
     1104        }
     1105}
     1106
     1107#buddypress table#message-threads tr td.bulk-select-check,
     1108#buddypress table#message-threads tr td.thread-from {
     1109        border-right: 0;
     1110        height: 2.6em;
     1111}
     1112
     1113@media screen and (max-width: 320px) {
     1114        #buddypress table#message-threads tr td.bulk-select-check,
     1115        #buddypress table#message-threads tr td.thread-from {
     1116                height: 5.2em;
     1117        }
     1118}
     1119
     1120#buddypress table#message-threads tr td.thread-from,
     1121#buddypress table#message-threads tr td.thread-options {
     1122        border-right: 0;
     1123        width: -webkit-calc(100% - 30px);
     1124        width: -moz-calc(100% - 30px);
     1125        width: calc(100% - 30px);
     1126        margin-right: 0;
     1127}
     1128
     1129#buddypress table#message-threads tr td.thread-info {
     1130        border-right: 0;
     1131        padding-right: 41px;
     1132        width: 100%;
     1133}
     1134
     1135#buddypress table#message-threads tr td.thread-info a::after {
     1136        content: " –  " attr(title);
     1137        font-size: 12px;
     1138        font-size: 0.75rem;
     1139}
     1140
     1141#buddypress table#message-threads tr td.thread-options {
     1142        text-align: left;
     1143}
     1144
     1145#buddypress table#message-threads tr td.thread-options a {
     1146        font-size: 12px;
     1147        font-size: 0.75rem;
     1148        line-height: 2.2;
     1149}
     1150
     1151#buddypress table#message-threads tr span.from {
     1152        display: none;
     1153}
     1154
     1155#buddypress table#message-threads tr span.activity {
     1156        display: block;
     1157        float: left;
     1158        line-height: 2;
     1159}
     1160
     1161@media screen and (max-width: 320px) {
     1162        #buddypress table#message-threads tr span.activity {
     1163                clear: both;
     1164                font-size: 11px;
     1165                font-size: 0.6875rem;
     1166                width: 100%;
     1167        }
     1168}
     1169
     1170#buddypress table#message-threads tr.unread td {
     1171        background: #f1f4ff;
     1172        border-color: rgba(0, 0, 0, 0.2);
     1173        border-top: 0;
     1174        border-width: 1px;
     1175}
     1176
     1177#buddypress table#message-threads th {
     1178        display: none;
     1179}
     1180
     1181#buddypress table#message-threads th.bulk-select-all {
     1182        border-bottom: 0;
     1183        display: inline-block;
     1184        text-align: right;
     1185}
     1186
     1187#buddypress table#message-threads th.bulk-select-all,
     1188#buddypress table#message-threads td.bulk-select-check,
     1189#buddypress table#message-threads td.thread-star {
     1190        border-left: 0;
     1191        width: 30px;
     1192}
     1193
     1194#buddypress #message-thread #message-subject {
     1195        background: #4d4d4d;
     1196        color: #fff;
     1197        padding: 0.5em;
     1198}
     1199
     1200#buddypress #message-thread .message-box .message-metadata {
     1201        margin-bottom: 10px;
     1202}
     1203
     1204#buddypress #message-thread .message-box .message-content {
     1205        clear: right;
     1206        margin-right: 0;
     1207}
     1208
     1209#buddypress #message-threads.sitewide-notices td {
     1210        width: 100%;
     1211}
     1212
     1213#buddypress #message-threads.sitewide-notices td strong {
     1214        background: #4d4d4d;
     1215        color: #fff;
     1216        font-size: 16px;
     1217        font-size: 1rem;
     1218        display: block;
     1219        margin-bottom: 0.4em;
     1220        padding: 0.2em;
     1221}
     1222
     1223#buddypress #message-threads.sitewide-notices td a {
     1224        display: inline-block;
     1225        line-height: initial;
     1226}
     1227
     1228#buddypress #message-threads.sitewide-notices td:first-child {
     1229        display: none;
     1230}
     1231
     1232#buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1233        border-bottom: 0;
     1234}
     1235
     1236#buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1237        line-height: 1;
     1238}
     1239
     1240#buddypress #message-threads.sitewide-notices td:last-child {
     1241        border-bottom-color: rgba(0, 0, 0, 0.2);
     1242        line-height: 1;
     1243        text-align: left;
     1244}
     1245
     1246#buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1247        line-height: 0;
     1248        margin-right: 0.7em;
     1249        text-indent: -999em;
     1250}
     1251
     1252#buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1253        content: attr(title);
     1254        display: block;
     1255        line-height: initial;
     1256        text-indent: 0;
     1257}
    8481258
    8491259/**
    … …  
    8531263        */
    8541264#buddypress #settings-form > p {
    855   font-size: 20px;
    856   font-size: 1.25rem; }
    857 #buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
    858   vertical-align: middle; }
     1265        font-size: 20px;
     1266        font-size: 1.25rem;
     1267}
     1268
     1269#buddypress table.notification-settings td.yes,
     1270#buddypress table.notification-settings td.no {
     1271        vertical-align: middle;
     1272}
     1273
    8591274#buddypress table.profile-settings {
    860   width: 100%; }
    861   #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    862     width: 50%; }
    863   @media screen and (min-width: 401px) {
    864     #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    865       width: 70%; } }
    866   #buddypress table.profile-settings td.field-visibility select {
    867     width: 100%; }
     1275        width: 100%;
     1276}
     1277
     1278#buddypress table.profile-settings th.field-group-name,
     1279#buddypress table.profile-settings td.field-name {
     1280        width: 50%;
     1281}
     1282
     1283@media screen and (min-width: 401px) {
     1284        #buddypress table.profile-settings th.field-group-name,
     1285        #buddypress table.profile-settings td.field-name {
     1286                width: 70%;
     1287        }
     1288}
     1289
     1290#buddypress table.profile-settings td.field-visibility select {
     1291        width: 100%;
     1292}
    8681293
    8691294/*------------------------------------------------------------------------------
    … …  
    8711296*-------------------------------------------------------------------------------
    8721297*/
    873 #buddypress input[type="text"], #buddypress input[type="email"], #buddypress input[type="password"], #buddypress input[type="submit"], #buddypress select, #buddypress textarea {
    874   border: 1px solid rgba(0, 0, 0, 0.2); }
    875 #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="submit"], #buddypress .standard-form textarea {
    876   width: 100%; }
     1298#buddypress input[type="text"],
     1299#buddypress input[type="email"],
     1300#buddypress input[type="password"],
     1301#buddypress input[type="submit"],
     1302#buddypress select,
     1303#buddypress textarea {
     1304        border: 1px solid rgba(0, 0, 0, 0.2);
     1305}
     1306
     1307#buddypress .standard-form input[type="text"],
     1308#buddypress .standard-form input[type="email"],
     1309#buddypress .standard-form input[type="password"],
     1310#buddypress .standard-form input[type="submit"],
     1311#buddypress .standard-form textarea {
     1312        width: 100%;
     1313}
     1314
    8771315#buddypress #send-reply.standard-form textarea {
    878   width: 100%; }
     1316        width: 100%;
     1317}
     1318
    8791319#buddypress div.activity-comments form .ac-textarea {
    880   background: #f7f7f7;
    881   border: 1px solid rgba(0, 0, 0, 0.2); }
    882   #buddypress div.activity-comments form .ac-textarea textarea {
    883     background: none;
    884     border: 0; }
    885 
    886 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    887   clear: both;
    888   float: none;
    889   margin: 10px 0; }
    890   #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form {
    891     border: 1px solid #ccc;
    892     overflow: hidden; }
    893     #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label {
    894       float: right;
    895       width: 80%; }
    896     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    897       float: right;
    898       margin: 0;
    899       width: 80%; }
    900     #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'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    901       border: 0;
    902       font-size: 14px;
    903       font-size: 0.875rem;
    904       line-height: inherit; }
    905     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    906       border-left: 1px solid #ccc;
    907       padding: 0.2em 0.2em 0.2em 0; }
    908     #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] {
    909       float: left;
    910       font-weight: normal;
    911       padding: 0.2em 1em;
    912       text-align: center;
    913       text-transform: none;
    914       width: 20%; }
     1320        background: #f7f7f7;
     1321        border: 1px solid rgba(0, 0, 0, 0.2);
     1322}
     1323
     1324#buddypress div.activity-comments form .ac-textarea textarea {
     1325        background: none;
     1326        border: 0;
     1327}
     1328
     1329#buddypress div.dir-search,
     1330#buddypress div.message-search,
     1331#buddypress li.groups-members-search {
     1332        clear: both;
     1333        float: none;
     1334        margin: 10px 0;
     1335}
     1336
     1337#buddypress div.dir-search form,
     1338#buddypress div.message-search form,
     1339#buddypress li.groups-members-search form {
     1340        border: 1px solid #ccc;
     1341        overflow: hidden;
     1342}
     1343
     1344#buddypress div.dir-search form label,
     1345#buddypress div.message-search form label,
     1346#buddypress li.groups-members-search form label {
     1347        float: right;
     1348        width: 80%;
     1349}
     1350
     1351#buddypress div.dir-search form input[type='text'],
     1352#buddypress div.message-search form input[type='text'],
     1353#buddypress li.groups-members-search form input[type='text'] {
     1354        float: right;
     1355        margin: 0;
     1356        width: 80%;
     1357}
     1358
     1359#buddypress div.dir-search form input[type='text'],
     1360#buddypress div.dir-search form input[type='submit'],
     1361#buddypress div.message-search form input[type='text'],
     1362#buddypress div.message-search form input[type='submit'],
     1363#buddypress li.groups-members-search form input[type='text'],
     1364#buddypress li.groups-members-search form input[type='submit'] {
     1365        border: 0;
     1366        font-size: 14px;
     1367        font-size: 0.875rem;
     1368        line-height: inherit;
     1369}
     1370
     1371#buddypress div.dir-search form input[type='text'],
     1372#buddypress div.message-search form input[type='text'],
     1373#buddypress li.groups-members-search form input[type='text'] {
     1374        border-left: 1px solid #ccc;
     1375        padding: 0.2em 0.2em 0.2em 0;
     1376}
     1377
     1378#buddypress div.dir-search form input[type='submit'],
     1379#buddypress div.message-search form input[type='submit'],
     1380#buddypress li.groups-members-search form input[type='submit'] {
     1381        float: left;
     1382        font-weight: normal;
     1383        padding: 0.2em 1em;
     1384        text-align: center;
     1385        text-transform: none;
     1386        width: 20%;
     1387}
     1388
    9151389@media screen and (min-width: 401px) {
    916   #buddypress div.dir-search, #buddypress div.message-search {
    917     clear: none;
    918     float: left; }
    919     #buddypress div.dir-search form label, #buddypress div.dir-search form input[type='submit'], #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form label, #buddypress div.message-search form input[type='submit'], #buddypress div.message-search form input[type='text'] {
    920       width: auto; }
    921   #buddypress div.message-search {
    922     margin: 3px 0 0; }
    923   #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'] {
    924     width: auto; } }
     1390        #buddypress div.dir-search,
     1391        #buddypress div.message-search {
     1392                clear: none;
     1393                float: left;
     1394        }
     1395        #buddypress div.dir-search form label,
     1396        #buddypress div.dir-search form input[type='submit'],
     1397        #buddypress div.dir-search form input[type='text'],
     1398        #buddypress div.message-search form label,
     1399        #buddypress div.message-search form input[type='submit'],
     1400        #buddypress div.message-search form input[type='text'] {
     1401                width: auto;
     1402        }
     1403        #buddypress div.message-search {
     1404                margin: 3px 0 0;
     1405        }
     1406        #buddypress li.groups-members-search form label,
     1407        #buddypress li.groups-members-search form input[type='submit'],
     1408        #buddypress li.groups-members-search form input[type='text'] {
     1409                width: auto;
     1410        }
     1411}
    9251412
    9261413/**
    … …  
    9301417*/
    9311418#buddypress table {
    932   border-color: rgba(0, 0, 0, 0.2); }
     1419        border-color: rgba(0, 0, 0, 0.2);
     1420}
    9331421
    9341422/*__ User Account tables __*/
    … …  
    9391427*/
    9401428#buddypress div#message p {
    941   font-size: 18px;
    942   font-size: 1.125rem;
    943   font-weight: bold; }
     1429        font-size: 18px;
     1430        font-size: 1.125rem;
     1431        font-weight: bold;
     1432}
     1433
    9441434#buddypress div#message.info p {
    945   background: #c6e4ee;
    946   border: 1px solid #78bed6;
    947   color: #1e5264; }
     1435        background: #c6e4ee;
     1436        border: 1px solid #78bed6;
     1437        color: #1e5264;
     1438}
     1439
    9481440#buddypress div#message.updated p {
    949   background: #dee6b2;
    950   border: 1px solid #becc66;
    951   color: #454d19; }
     1441        background: #dee6b2;
     1442        border: 1px solid #becc66;
     1443        color: #454d19;
     1444}
    9521445
    9531446.delete-group #buddypress div#message.info p {
    954   background: #db7e7e;
    955   border: 1px solid #be3535;
    956   color: #1f0808; }
     1447        background: #db7e7e;
     1448        border: 1px solid #be3535;
     1449        color: #1f0808;
     1450}
    9571451
    9581452/**
    … …  
    9621456*/
    9631457#buddypress {
    964   /* Auto Complete background */ }
    965   #buddypress .acfb-holder li.friend-tab {
    966     background: #9fd1e2;
    967     border: inherit; }
     1458        /* Auto Complete background */
     1459}
     1460
     1461#buddypress .acfb-holder li.friend-tab {
     1462        background: #9fd1e2;
     1463        border: inherit;
     1464}

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

    r9895 r9903  
     1@charset "UTF-8";
    12/*------------------------------------------------------------------------------
    23
    … …  
    6061*-------------------------------------------------------------------------------
    6162*/
    62 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 {
    63   clear: none; }
     63#buddypress h1,
     64#buddypress h2,
     65#buddypress h3,
     66#buddypress h4,
     67#buddypress h5,
     68#buddypress h6 {
     69        clear: none;
     70}
    6471
    6572.buddypress .site-content {
    66   padding-bottom: 20px;
    67   padding-top: 4%; }
    68   @media screen and (min-width: 59.6875em) {
    69     .buddypress .site-content {
    70       padding-top: 0; } }
    71   .buddypress .site-content article {
    72     margin: 0 4%;
    73     padding-top: 0; }
    74     .buddypress .site-content article .entry-header, .buddypress .site-content article .entry-content {
    75       max-width: 100%;
    76       padding: 0; }
    77     .buddypress .site-content article #buddypress {
    78       margin-bottom: 40px; }
     73        padding-bottom: 20px;
     74        padding-top: 4%;
     75}
     76
     77@media screen and (min-width: 59.6875em) {
     78        .buddypress .site-content {
     79                padding-top: 0;
     80        }
     81}
     82
     83.buddypress .site-content article {
     84        margin: 0 4%;
     85        padding-top: 0;
     86}
     87
     88.buddypress .site-content article .entry-header,
     89.buddypress .site-content article .entry-content {
     90        max-width: 100%;
     91        padding: 0;
     92}
     93
     94.buddypress .site-content article #buddypress {
     95        margin-bottom: 40px;
     96}
    7997
    8098/**
    … …  
    91109*/
    92110#buddypress .item-list-tabs ul li {
    93   width: 100%; }
     111        width: 100%;
     112}
     113
    94114@media screen and (min-width: 400px) {
    95   #buddypress .item-list-tabs ul li {
    96     width: 50%; } }
     115        #buddypress .item-list-tabs ul li {
     116                width: 50%;
     117        }
     118}
     119
    97120@media screen and (min-width: 594px) {
    98   #buddypress .item-list-tabs ul li {
    99     width: auto; } }
    100 
    101 .directory #buddypress .item-list-tabs ul:before, .directory #buddypress .item-list-tabs ul:after {
    102   content: " ";
    103   display: table; }
     121        #buddypress .item-list-tabs ul li {
     122                width: auto;
     123        }
     124}
     125
     126.directory #buddypress .item-list-tabs ul:before,
    104127.directory #buddypress .item-list-tabs ul:after {
    105   clear: both; }
     128        content: " ";
     129        display: table;
     130}
     131
     132.directory #buddypress .item-list-tabs ul:after {
     133        clear: both;
     134}
     135
    106136.directory #buddypress .item-list-tabs ul {
    107   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    108   padding-bottom: 10px; }
     137        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     138        padding-bottom: 10px;
     139}
     140
    109141@media screen and (min-width: 783px) {
    110   .directory #buddypress .item-list-tabs ul {
    111     padding-bottom: 0; }
    112     .directory #buddypress .item-list-tabs ul li.selected {
    113       border: 1px solid rgba(0, 0, 0, 0.2);
    114       border-bottom-color: #fff;
    115       -webkit-border-top-right-radius: 4px;
    116       border-top-right-radius: 4px;
    117       -webkit-border-top-left-radius: 4px;
    118       border-top-left-radius: 4px;
    119       background-clip: padding-box;
    120       margin-bottom: -1px; }
    121       .directory #buddypress .item-list-tabs ul li.selected a {
    122         background: none;
    123         outline: none; } }
     142        .directory #buddypress .item-list-tabs ul {
     143                padding-bottom: 0;
     144        }
     145        .directory #buddypress .item-list-tabs ul li.selected {
     146                border: 1px solid rgba(0, 0, 0, 0.2);
     147                border-bottom-color: #fff;
     148                -webkit-border-top-right-radius: 4px;
     149                border-top-right-radius: 4px;
     150                -webkit-border-top-left-radius: 4px;
     151                border-top-left-radius: 4px;
     152                background-clip: padding-box;
     153                margin-bottom: -1px;
     154        }
     155        .directory #buddypress .item-list-tabs ul li.selected a {
     156                background: none;
     157                outline: none;
     158        }
     159}
     160
    124161.directory #buddypress #subnav ul {
    125   border-bottom: 0; }
     162        border-bottom: 0;
     163}
    126164
    127165/* List last filters global */
    128166#buddypress #subnav li#activity-filter-select.last {
    129   line-height: 2.1;
    130   margin-top: 0; }
     167        line-height: 2.1;
     168        margin-top: 0;
     169}
    131170
    132171@media screen and (max-width: 783px) {
    133   #buddypress #object-nav ul {
    134     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    135     overflow: hidden;
    136     padding-bottom: 10px; }
    137   #buddypress div#subnav.item-list-tabs {
    138     margin-bottom: 40px; }
    139     #buddypress div#subnav.item-list-tabs ul li {
    140       width: auto; } }
     172        #buddypress #object-nav ul {
     173                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     174                overflow: hidden;
     175                padding-bottom: 10px;
     176        }
     177        #buddypress div#subnav.item-list-tabs {
     178                margin-bottom: 40px;
     179        }
     180        #buddypress div#subnav.item-list-tabs ul li {
     181                width: auto;
     182        }
     183}
    141184
    142185/*__ Vertical Menu User Account Screens __*/
    143186@media screen and (min-width: 783px) {
    144   .bp-user #buddypress, .single-item.groups #buddypress {
    145     background: #d8d8d8; }
    146   #buddypress #item-header, #buddypress #item-body {
    147     background: #fff; }
    148   #buddypress #item-body {
    149     border-left: 1px solid #bebebe; }
    150   #buddypress #object-nav {
    151     background: #d8d8d8;
    152     border-right: 1px solid #bebebe;
    153     float: left;
    154     margin-right: -1px;
    155     width: 200px; }
    156     #buddypress #object-nav ul {
    157       border-bottom: 0;
    158       border-top: 1px solid #bebebe;
    159       padding: 0; }
    160       #buddypress #object-nav ul li {
    161         float: none;
    162         overflow: hidden; }
    163         #buddypress #object-nav ul li:focus, #buddypress #object-nav ul li:hover {
    164           background: #bebebe; }
    165         #buddypress #object-nav ul li span {
    166           border-radius: 10%;
    167           float: right;
    168           margin-right: 15px; }
    169       #buddypress #object-nav ul li.current {
    170         background: #f1f1f1; }
    171   #buddypress #item-body {
    172     overflow: hidden;
    173     padding: 0 20px;
    174     width: auto; }
    175     #buddypress #item-body #subnav {
    176       border: 1px solid #bebebe;
    177       border-left: 0;
    178       border-right: 0;
    179       margin: 0 -20px 20px; }
    180       #buddypress #item-body #subnav li:focus, #buddypress #item-body #subnav li:hover {
    181         background: #bebebe; }
    182       #buddypress #item-body #subnav li.current {
    183         background: #f1f1f1; }
    184       #buddypress #item-body #subnav li#activity-filter-select:focus, #buddypress #item-body #subnav li#activity-filter-select:hover {
    185         background: none; }
    186       #buddypress #item-body #subnav li#activity-filter-select select {
    187         max-width: 130px; } }
     187        .bp-user #buddypress,
     188        .single-item.groups #buddypress {
     189                background: #d8d8d8;
     190        }
     191        #buddypress #item-header,
     192        #buddypress #item-body {
     193                background: #fff;
     194        }
     195        #buddypress #item-body {
     196                border-left: 1px solid #bebebe;
     197        }
     198        #buddypress #object-nav {
     199                background: #d8d8d8;
     200                border-right: 1px solid #bebebe;
     201                float: left;
     202                margin-right: -1px;
     203                width: 200px;
     204        }
     205        #buddypress #object-nav ul {
     206                border-bottom: 0;
     207                border-top: 1px solid #bebebe;
     208                padding: 0;
     209        }
     210        #buddypress #object-nav ul li {
     211                float: none;
     212                overflow: hidden;
     213        }
     214        #buddypress #object-nav ul li:focus,
     215        #buddypress #object-nav ul li:hover {
     216                background: #bebebe;
     217        }
     218        #buddypress #object-nav ul li span {
     219                border-radius: 10%;
     220                float: right;
     221                margin-right: 15px;
     222        }
     223        #buddypress #object-nav ul li.current {
     224                background: #f1f1f1;
     225        }
     226        #buddypress #item-body {
     227                overflow: hidden;
     228                padding: 0 20px;
     229                width: auto;
     230        }
     231        #buddypress #item-body #subnav {
     232                border: 1px solid #bebebe;
     233                border-left: 0;
     234                border-right: 0;
     235                margin: 0 -20px 20px;
     236        }
     237        #buddypress #item-body #subnav li:focus,
     238        #buddypress #item-body #subnav li:hover {
     239                background: #bebebe;
     240        }
     241        #buddypress #item-body #subnav li.current {
     242                background: #f1f1f1;
     243        }
     244        #buddypress #item-body #subnav li#activity-filter-select:focus,
     245        #buddypress #item-body #subnav li#activity-filter-select:hover {
     246                background: none;
     247        }
     248        #buddypress #item-body #subnav li#activity-filter-select select {
     249                max-width: 130px;
     250        }
     251}
    188252
    189253/**
    … …  
    193257*/
    194258#buddypress div.pagination .pag-count {
    195   margin-left: 0; }
     259        margin-left: 0;
     260}
    196261
    197262/**
    … …  
    201266*/
    202267#buddypress .item-list .item-title a {
    203   display: block;
    204   font-size: 22px;
    205   font-size: 1.375rem;
    206   text-decoration: none; }
    207 #buddypress .item-list .item-title span.update, #buddypress .item-list .item-title span a {
    208   font-size: 12px;
    209   font-size: 0.75rem; }
     268        display: block;
     269        font-size: 22px;
     270        font-size: 1.375rem;
     271        text-decoration: none;
     272}
     273
     274#buddypress .item-list .item-title span.update,
     275#buddypress .item-list .item-title span a {
     276        font-size: 12px;
     277        font-size: 0.75rem;
     278}
    210279
    211280#buddypress ul.item-list li {
    212   overflow: hidden !important; }
    213   #buddypress ul.item-list li .item-avatar {
    214     float: none;
    215     margin-bottom: 20px;
    216     text-align: center; }
    217     #buddypress ul.item-list li .item-avatar a img.avatar {
    218       float: none; }
    219   #buddypress ul.item-list li div.item-title {
    220     float: none;
    221     width: 100%; }
    222     #buddypress ul.item-list li div.item-title > a {
    223       text-align: center; }
    224   #buddypress ul.item-list li .item {
    225     margin-left: 0; }
    226   #buddypress ul.item-list li div.item-desc {
    227     margin-left: 0;
    228     width: auto; }
    229   #buddypress ul.item-list li div.action {
    230     clear: both;
    231     float: none;
    232     margin: 0;
    233     position: relative;
    234     text-align: left; }
    235     #buddypress ul.item-list li div.action div {
    236       margin: 0 0 10px; }
    237   #buddypress ul.item-list li .activity-meta, #buddypress ul.item-list li .action {
    238     float: none; }
    239     #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div, #buddypress ul.item-list li .action a, #buddypress ul.item-list li .action div {
    240       display: block;
    241       margin: 5px 0; }
    242   @media screen and (min-width: 594px) {
    243     #buddypress ul.item-list li .item-avatar {
    244       float: left;
    245       margin-bottom: 0; }
    246     #buddypress ul.item-list li div.item-title > a {
    247       text-align: left; }
    248     #buddypress ul.item-list li .item {
    249       float: right;
    250       margin-left: 5%;
    251       width: 80%; }
    252     #buddypress ul.item-list li .activity-meta {
    253       clear: both; }
    254       #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div {
    255         display: inline-block;
    256         margin: 5px 5px 0 0; } }
    257   @media screen and (min-width: 783px) {
    258     #buddypress ul.item-list li .item {
    259       float: left;
    260       width: 55%; }
    261       #buddypress ul.item-list li .item div.item-desc {
    262         margin: 0;
    263         width: auto; }
    264     #buddypress ul.item-list li div.action {
    265       clear: none;
    266       float: right;
    267       top: 0;
    268       width: 25%; }
    269       #buddypress ul.item-list li div.action div {
    270         display: block; }
    271         #buddypress ul.item-list li div.action div a {
    272           -webkit-box-sizing: border-box;
    273           -moz-box-sizing: border-box;
    274           box-sizing: border-box;
    275           display: block;
    276           width: 100%; }
    277       #buddypress ul.item-list li div.action .meta {
    278         text-align: center; } }
    279   #buddypress ul.item-list li .meta, #buddypress ul.item-list li .item-meta .activity {
    280     font-style: italic; }
     281        overflow: hidden !important;
     282}
     283
     284#buddypress ul.item-list li .item-avatar {
     285        float: none;
     286        margin-bottom: 20px;
     287        text-align: center;
     288}
     289
     290#buddypress ul.item-list li .item-avatar a img.avatar {
     291        float: none;
     292}
     293
     294#buddypress ul.item-list li div.item-title {
     295        float: none;
     296        width: 100%;
     297}
     298
     299#buddypress ul.item-list li div.item-title > a {
     300        text-align: center;
     301}
     302
     303#buddypress ul.item-list li .item {
     304        margin-left: 0;
     305}
     306
     307#buddypress ul.item-list li div.item-desc {
     308        margin-left: 0;
     309        width: auto;
     310}
     311
     312#buddypress ul.item-list li div.action {
     313        clear: both;
     314        float: none;
     315        margin: 0;
     316        position: relative;
     317        text-align: left;
     318}
     319
     320#buddypress ul.item-list li div.action div {
     321        margin: 0 0 10px;
     322}
     323
     324#buddypress ul.item-list li .activity-meta,
     325#buddypress ul.item-list li .action {
     326        float: none;
     327}
     328
     329#buddypress ul.item-list li .activity-meta a,
     330#buddypress ul.item-list li .activity-meta div,
     331#buddypress ul.item-list li .action a,
     332#buddypress ul.item-list li .action div {
     333        display: block;
     334        margin: 5px 0;
     335}
     336
     337@media screen and (min-width: 594px) {
     338        #buddypress ul.item-list li .item-avatar {
     339                float: left;
     340                margin-bottom: 0;
     341        }
     342        #buddypress ul.item-list li div.item-title > a {
     343                text-align: left;
     344        }
     345        #buddypress ul.item-list li .item {
     346                float: right;
     347                margin-left: 5%;
     348                width: 80%;
     349        }
     350        #buddypress ul.item-list li .activity-meta {
     351                clear: both;
     352        }
     353        #buddypress ul.item-list li .activity-meta a,
     354        #buddypress ul.item-list li .activity-meta div {
     355                display: inline-block;
     356                margin: 5px 5px 0 0;
     357        }
     358}
     359
     360@media screen and (min-width: 783px) {
     361        #buddypress ul.item-list li .item {
     362                float: left;
     363                width: 55%;
     364        }
     365        #buddypress ul.item-list li .item div.item-desc {
     366                margin: 0;
     367                width: auto;
     368        }
     369        #buddypress ul.item-list li div.action {
     370                clear: none;
     371                float: right;
     372                top: 0;
     373                width: 25%;
     374        }
     375        #buddypress ul.item-list li div.action div {
     376                display: block;
     377        }
     378        #buddypress ul.item-list li div.action div a {
     379                -webkit-box-sizing: border-box;
     380                -moz-box-sizing: border-box;
     381                box-sizing: border-box;
     382                display: block;
     383                width: 100%;
     384        }
     385        #buddypress ul.item-list li div.action .meta {
     386                text-align: center;
     387        }
     388}
     389
     390#buddypress ul.item-list li .meta,
     391#buddypress ul.item-list li .item-meta .activity {
     392        font-style: italic;
     393}
    281394
    282395/**
    … …  
    291404*/
    292405#buddypress form#whats-new-form {
    293   margin: 40px 0; }
    294   #buddypress form#whats-new-form #whats-new-avatar {
    295     float: none;
    296     margin-bottom: 20px;
    297     text-align: center; }
    298   #buddypress form#whats-new-form #whats-new-content, #buddypress form#whats-new-form p.activity-greeting {
    299     margin-left: 0;
    300     padding-left: 0; }
    301   #buddypress form#whats-new-form p.activity-greeting {
    302     clear: left;
    303     line-height: inherit;
    304     margin-bottom: 5px; }
    305   #buddypress form#whats-new-form textarea#whats-new {
    306     width: 100%; }
    307   #buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
    308     height: auto !important; }
    309   @media screen and (max-width: 594px) {
    310     #buddypress form#whats-new-form #whats-new-content #whats-new-options {
    311       display: flex;
    312       flex-direction: column; }
    313       #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
    314         order: 2; }
    315         #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
    316           width: 100%; }
    317       #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
    318         margin-top: 10px;
    319         order: 1; }
    320         #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
    321           margin-top: 5px;
    322           max-width: 100%;
    323           width: 100%; } }
    324   @media screen and (min-width: 594px) {
    325     #buddypress form#whats-new-form #whats-new-avatar {
    326       float: left; }
    327     #buddypress form#whats-new-form #whats-new-content, #buddypress form#whats-new-form p.activity-greeting {
    328       clear: none;
    329       overflow: hidden;
    330       padding-left: 20px; } }
     406        margin: 40px 0;
     407}
     408
     409#buddypress form#whats-new-form #whats-new-avatar {
     410        float: none;
     411        margin-bottom: 20px;
     412        text-align: center;
     413}
     414
     415#buddypress form#whats-new-form #whats-new-content,
     416#buddypress form#whats-new-form p.activity-greeting {
     417        margin-left: 0;
     418        padding-left: 0;
     419}
     420
     421#buddypress form#whats-new-form p.activity-greeting {
     422        clear: left;
     423        line-height: inherit;
     424        margin-bottom: 5px;
     425}
     426
     427#buddypress form#whats-new-form textarea#whats-new {
     428        width: 100%;
     429}
     430
     431#buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
     432        height: auto !important;
     433}
     434
     435@media screen and (max-width: 594px) {
     436        #buddypress form#whats-new-form #whats-new-content #whats-new-options {
     437                display: flex;
     438                flex-direction: column;
     439        }
     440        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
     441                order: 2;
     442        }
     443        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
     444                width: 100%;
     445        }
     446        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
     447                margin-top: 10px;
     448                order: 1;
     449        }
     450        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
     451                margin-top: 5px;
     452                max-width: 100%;
     453                width: 100%;
     454        }
     455}
     456
     457@media screen and (min-width: 594px) {
     458        #buddypress form#whats-new-form #whats-new-avatar {
     459                float: left;
     460        }
     461        #buddypress form#whats-new-form #whats-new-content,
     462        #buddypress form#whats-new-form p.activity-greeting {
     463                clear: none;
     464                overflow: hidden;
     465                padding-left: 20px;
     466        }
     467}
    331468
    332469/**
    … …  
    336473*/
    337474#buddypress #activity-stream {
    338   margin-top: 40px; }
     475        margin-top: 40px;
     476}
     477
    339478#buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
    340   float: none;
    341   margin-bottom: 10px;
    342   text-align: center; }
    343   #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
    344     display: inline;
    345     float: none; }
     479        float: none;
     480        margin-bottom: 10px;
     481        text-align: center;
     482}
     483
     484#buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
     485        display: inline;
     486        float: none;
     487}
     488
    346489#buddypress .activity-list li.mini .activity-avatar img.avatar {
    347   margin-left: 0; }
     490        margin-left: 0;
     491}
     492
    348493#buddypress .activity-list li.mini .activity-meta a {
    349   font-size: 12px;
    350   font-size: 0.75rem; }
     494        font-size: 12px;
     495        font-size: 0.75rem;
     496}
     497
    351498#buddypress .activity-list .activity-content {
    352   margin: 0; }
    353   #buddypress .activity-list .activity-content .activity-header {
    354     margin: -0.5em 0 0; }
    355     #buddypress .activity-list .activity-content .activity-header > p {
    356       line-height: 1.4;
    357       margin-top: -10px; }
    358     #buddypress .activity-list .activity-content .activity-header img.avatar {
    359       margin-bottom: 0 !important;
    360       vertical-align: middle; }
    361   #buddypress .activity-list .activity-content .activity-inner {
    362     margin: 10px 0; }
     499        margin: 0;
     500}
     501
     502#buddypress .activity-list .activity-content .activity-header {
     503        margin: -0.5em 0 0;
     504}
     505
     506#buddypress .activity-list .activity-content .activity-header > p {
     507        line-height: 1.4;
     508        margin-top: -10px;
     509}
     510
     511#buddypress .activity-list .activity-content .activity-header img.avatar {
     512        margin-bottom: 0 !important;
     513        vertical-align: middle;
     514}
     515
     516#buddypress .activity-list .activity-content .activity-inner {
     517        margin: 10px 0;
     518}
     519
    363520@media screen and (min-width: 594px) {
    364   #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
    365     float: left;
    366     margin: 0 20px 0 0; }
    367     #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
    368       display: inline;
    369       float: none; }
    370   #buddypress .activity-list li.mini .activity-avatar {
    371     margin: 0 10px 0 5%; }
    372   #buddypress .activity-list .activity-content {
    373     margin-left: 0;
    374     overflow: hidden; } }
     521        #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar {
     522                float: left;
     523                margin: 0 20px 0 0;
     524        }
     525        #buddypress .activity-list li.activity-item:not(.mini) .activity-avatar img.avatar {
     526                display: inline;
     527                float: none;
     528        }
     529        #buddypress .activity-list li.mini .activity-avatar {
     530                margin: 0 10px 0 5%;
     531        }
     532        #buddypress .activity-list .activity-content {
     533                margin-left: 0;
     534                overflow: hidden;
     535        }
     536}
    375537
    376538body.activity-permalink #buddypress {
    377   background: transparent; }
    378   @media screen and (max-width: 760px) {
    379     body.activity-permalink #buddypress .activity-list li .activity-content, body.activity-permalink #buddypress .activity-list li .activity-comments {
    380       margin-left: 0; } }
     539        background: transparent;
     540}
     541
     542@media screen and (max-width: 760px) {
     543        body.activity-permalink #buddypress .activity-list li .activity-content,
     544        body.activity-permalink #buddypress .activity-list li .activity-comments {
     545                margin-left: 0;
     546        }
     547}
    381548
    382549/**
    … …  
    386553*/
    387554#buddypress .activity .activity-comments {
    388   margin-left: 0;
    389   margin-top: 5px; }
    390   @media screen and (min-width: 594px) {
    391     #buddypress .activity .activity-comments {
    392       margin-left: 70px; } }
    393   #buddypress .activity .activity-comments ul {
    394     background: rgba(247, 247, 247, 0.6);
    395     margin: 30px 0 0 2px; }
    396   #buddypress .activity .activity-comments ul ul {
    397     border-left: 1px solid rgba(0, 0, 0, 0.1);
    398     padding-left: 2%; }
    399   @media screen and (max-width: 400px) {
    400     #buddypress .activity .activity-comments .acomment-avatar {
    401       display: block;
    402       text-align: center; }
    403       #buddypress .activity .activity-comments .acomment-avatar a, #buddypress .activity .activity-comments .acomment-avatar img.avatar {
    404         display: inline;
    405         float: none; }
    406     #buddypress .activity .activity-comments .acomment-content, #buddypress .activity .activity-comments .acomment-meta, #buddypress .activity .activity-comments .acomment-options {
    407       margin: 5px; }
    408     #buddypress .activity .activity-comments .acomment-content {
    409       padding: 0 10px; } }
    410   #buddypress .activity .activity-comments .ac-form input[type="submit"], #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
    411     color: rgba(43, 43, 43, 0.8);
    412     display: inline-block;
    413     font-family: inherit;
    414     font-size: 12px;
    415     font-size: 0.75rem;
    416     font-weight: normal;
    417     line-height: 1.2;
    418     padding: 4px 10px;
    419     text-transform: lowercase;
    420     width: 100px; }
    421   #buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
    422     border: 1px solid rgba(0, 0, 0, 0.2);
    423     text-align: center; }
    424     #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover {
    425       background: #ededed; }
     555        margin-left: 0;
     556        margin-top: 5px;
     557}
     558
     559@media screen and (min-width: 594px) {
     560        #buddypress .activity .activity-comments {
     561                margin-left: 70px;
     562        }
     563}
     564
     565#buddypress .activity .activity-comments ul {
     566        background: rgba(247, 247, 247, 0.6);
     567        margin: 30px 0 0 2px;
     568}
     569
     570#buddypress .activity .activity-comments ul ul {
     571        border-left: 1px solid rgba(0, 0, 0, 0.1);
     572        padding-left: 2%;
     573}
     574
     575@media screen and (max-width: 400px) {
     576        #buddypress .activity .activity-comments .acomment-avatar {
     577                display: block;
     578                text-align: center;
     579        }
     580        #buddypress .activity .activity-comments .acomment-avatar a,
     581        #buddypress .activity .activity-comments .acomment-avatar img.avatar {
     582                display: inline;
     583                float: none;
     584        }
     585        #buddypress .activity .activity-comments .acomment-content,
     586        #buddypress .activity .activity-comments .acomment-meta,
     587        #buddypress .activity .activity-comments .acomment-options {
     588                margin: 5px;
     589        }
     590        #buddypress .activity .activity-comments .acomment-content {
     591                padding: 0 10px;
     592        }
     593}
     594
     595#buddypress .activity .activity-comments .ac-form input[type="submit"],
     596#buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     597        color: rgba(43, 43, 43, 0.8);
     598        display: inline-block;
     599        font-family: inherit;
     600        font-size: 12px;
     601        font-size: 0.75rem;
     602        font-weight: normal;
     603        line-height: 1.2;
     604        padding: 4px 10px;
     605        text-transform: lowercase;
     606        width: 100px;
     607}
     608
     609#buddypress .activity .activity-comments .ac-form .ac-reply-cancel {
     610        border: 1px solid rgba(0, 0, 0, 0.2);
     611        text-align: center;
     612}
     613
     614#buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus,
     615#buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover {
     616        background: #ededed;
     617}
    426618
    427619/**
    … …  
    436628*/
    437629/* groups & user account page entry title */
    438 .single-item.groups .entry-title, .bp-user .entry-title {
    439   background: #4d4d4d;
    440   color: #fff;
    441   font-size: 22px;
    442   font-size: 1.375rem;
    443   margin-bottom: 10px;
    444   padding: 0.2em; }
     630.single-item.groups .entry-title,
     631.bp-user .entry-title {
     632        background: #4d4d4d;
     633        color: #fff;
     634        font-size: 22px;
     635        font-size: 1.375rem;
     636        margin-bottom: 10px;
     637        padding: 0.2em;
     638}
     639
    445640@media screen and (min-width: 673px) {
    446   .single-item.groups .entry-title, .bp-user .entry-title {
    447     font-size: 28px;
    448     font-size: 1.75rem; } }
     641        .single-item.groups .entry-title,
     642        .bp-user .entry-title {
     643                font-size: 28px;
     644                font-size: 1.75rem;
     645        }
     646}
    449647
    450648/**
    … …  
    454652*/
    455653#buddypress div#item-header {
    456   padding-bottom: 10px; }
    457   #buddypress div#item-header img.avatar {
    458     margin: 0 20px 10px 0; }
    459   #buddypress div#item-header #message {
    460     clear: both;
    461     margin-bottom: 5px;
    462     padding-top: 10px; }
    463     #buddypress div#item-header #message p {
    464       margin-bottom: 0; }
     654        padding-bottom: 10px;
     655}
     656
     657#buddypress div#item-header img.avatar {
     658        margin: 0 20px 10px 0;
     659}
     660
     661#buddypress div#item-header #message {
     662        clear: both;
     663        margin-bottom: 5px;
     664        padding-top: 10px;
     665}
     666
     667#buddypress div#item-header #message p {
     668        margin-bottom: 0;
     669}
    465670
    466671/**
    … …  
    470675*/
    471676@media screen and (max-width: 594px) {
    472   .single-item.groups #buddypress div#item-header {
    473     display: flex;
    474     flex-direction: column; }
    475     .single-item.groups #buddypress div#item-header #item-header-avatar {
    476       order: 1;
    477       text-align: center; }
    478       .single-item.groups #buddypress div#item-header #item-header-avatar a {
    479         border-bottom: 0; }
    480         .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    481           display: inline-block;
    482           float: none; }
    483     .single-item.groups #buddypress div#item-header #item-header-content {
    484       order: 2; }
    485     .single-item.groups #buddypress div#item-header #item-actions {
    486       margin-left: 0;
    487       order: 3;
    488       text-align: left; }
    489       .single-item.groups #buddypress div#item-header #item-actions ul {
    490         margin-left: 0; }
    491         .single-item.groups #buddypress div#item-header #item-actions ul li {
    492           float: left; }
    493     .single-item.groups #buddypress div#item-header #message {
    494       order: 4; } }
     677        .single-item.groups #buddypress div#item-header {
     678                display: flex;
     679                flex-direction: column;
     680        }
     681        .single-item.groups #buddypress div#item-header #item-header-avatar {
     682                order: 1;
     683                text-align: center;
     684        }
     685        .single-item.groups #buddypress div#item-header #item-header-avatar a {
     686                border-bottom: 0;
     687        }
     688        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
     689                display: inline-block;
     690                float: none;
     691        }
     692        .single-item.groups #buddypress div#item-header #item-header-content {
     693                order: 2;
     694        }
     695        .single-item.groups #buddypress div#item-header #item-actions {
     696                margin-left: 0;
     697                order: 3;
     698                text-align: left;
     699        }
     700        .single-item.groups #buddypress div#item-header #item-actions ul {
     701                margin-left: 0;
     702        }
     703        .single-item.groups #buddypress div#item-header #item-actions ul li {
     704                float: left;
     705        }
     706        .single-item.groups #buddypress div#item-header #message {
     707                order: 4;
     708        }
     709}
     710
    495711.single-item.groups #buddypress #item-header #item-actions {
    496   float: none;
    497   margin: 0 0 0 20px;
    498   width: auto; }
    499   .single-item.groups #buddypress #item-header #item-actions h3 {
    500     font-size: 20px;
    501     font-size: 1.25rem; }
     712        float: none;
     713        margin: 0 0 0 20px;
     714        width: auto;
     715}
     716
     717.single-item.groups #buddypress #item-header #item-actions h3 {
     718        font-size: 20px;
     719        font-size: 1.25rem;
     720}
     721
    502722.single-item.groups #buddypress #item-header #item-header-avatar {
    503   text-align: center; }
     723        text-align: center;
     724}
     725
    504726.single-item.groups #buddypress #item-header #item-header-content {
    505   float: none;
    506   overflow: hidden; }
     727        float: none;
     728        overflow: hidden;
     729}
     730
    507731@media screen and (min-width: 594px) {
    508   .single-item.groups #buddypress #item-header #item-actions {
    509     float: right; }
    510   .single-item.groups #buddypress #item-header #item-header-avatar {
    511     float: left; }
    512   .single-item.groups #buddypress #item-header #item-header-content {
    513     float: none;
    514     overflow: hidden; } }
     732        .single-item.groups #buddypress #item-header #item-actions {
     733                float: right;
     734        }
     735        .single-item.groups #buddypress #item-header #item-header-avatar {
     736                float: left;
     737        }
     738        .single-item.groups #buddypress #item-header #item-header-content {
     739                float: none;
     740                overflow: hidden;
     741        }
     742}
    515743
    516744/**
    … …  
    520748*/
    521749.bp-user #buddypress #item-header #item-header-avatar {
    522   text-align: center;
    523   width: 100%; }
    524   .bp-user #buddypress #item-header #item-header-avatar img {
    525     float: none; }
     750        text-align: center;
     751        width: 100%;
     752}
     753
     754.bp-user #buddypress #item-header #item-header-avatar img {
     755        float: none;
     756}
     757
    526758.bp-user #buddypress #item-header #latest-update {
    527   margin-bottom: 10px; }
     759        margin-bottom: 10px;
     760}
     761
    528762@media screen and (max-width: 594px) {
    529   .bp-user #buddypress #item-header #item-buttons div.generic-button {
    530     display: inline-block;
    531     float: none;
    532     margin: 0 0 5px 0;
    533     width: 100%; }
    534     .bp-user #buddypress #item-header #item-buttons div.generic-button a {
    535       -webkit-box-sizing: border-box;
    536       -moz-box-sizing: border-box;
    537       box-sizing: border-box;
    538       display: block;
    539       width: 100%; } }
     763        .bp-user #buddypress #item-header #item-buttons div.generic-button {
     764                display: inline-block;
     765                float: none;
     766                margin: 0 0 5px 0;
     767                width: 100%;
     768        }
     769        .bp-user #buddypress #item-header #item-buttons div.generic-button a {
     770                -webkit-box-sizing: border-box;
     771                -moz-box-sizing: border-box;
     772                box-sizing: border-box;
     773                display: block;
     774                width: 100%;
     775        }
     776}
     777
    540778@media screen and (min-width: 673px) {
    541   .bp-user #buddypress #item-header #item-header-avatar {
    542     float: left;
    543     overflow: hidden;
    544     text-align: left;
    545     width: 20%; }
    546     .bp-user #buddypress #item-header #item-header-avatar img {
    547       margin: 0; }
    548   .bp-user #buddypress #item-header #item-header-content {
    549     float: right;
    550     width: 78%; }
    551     .bp-user #buddypress #item-header #item-header-content #latest-update {
    552       margin-bottom: 20px; } }
     779        .bp-user #buddypress #item-header #item-header-avatar {
     780                float: left;
     781                overflow: hidden;
     782                text-align: left;
     783                width: 20%;
     784        }
     785        .bp-user #buddypress #item-header #item-header-avatar img {
     786                margin: 0;
     787        }
     788        .bp-user #buddypress #item-header #item-header-content {
     789                float: right;
     790                width: 78%;
     791        }
     792        .bp-user #buddypress #item-header #item-header-content #latest-update {
     793                margin-bottom: 20px;
     794        }
     795}
    553796
    554797/**
    … …  
    568811        */
    569812/* Settings */
    570 #group-settings-form .radio strong, #create-group-form .radio strong {
    571   font-size: 18px;
    572   font-size: 1.125rem; }
    573 #group-settings-form .radio ul, #create-group-form .radio ul {
    574   color: #777777; }
    575 #group-settings-form #group-creation-previous, #create-group-form #group-creation-previous {
    576   margin: 10px 0; }
     813#group-settings-form .radio strong,
     814#create-group-form .radio strong {
     815        font-size: 18px;
     816        font-size: 1.125rem;
     817}
     818
     819#group-settings-form .radio ul,
     820#create-group-form .radio ul {
     821        color: #777777;
     822}
     823
     824#group-settings-form #group-creation-previous,
     825#create-group-form #group-creation-previous {
     826        margin: 10px 0;
     827}
    577828
    578829/* Manage Members */
    579830.groups.manage-members #group-settings-form h4 {
    580   margin-top: 40px; }
     831        margin-top: 40px;
     832}
     833
    581834.groups.manage-members #group-settings-form .item-list {
    582   background: #f7f7f7;
    583   border-top: 0;
    584   padding: 0 0.5em; }
    585   .groups.manage-members #group-settings-form .item-list li {
    586     border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    587     .groups.manage-members #group-settings-form .item-list li:last-child {
    588       border-bottom: 0; }
    589     .groups.manage-members #group-settings-form .item-list li img, .groups.manage-members #group-settings-form .item-list li h5 {
    590       clear: none;
    591       float: left; }
    592       .groups.manage-members #group-settings-form .item-list li img > a, .groups.manage-members #group-settings-form .item-list li h5 > a {
    593         border-bottom: 0; }
    594     .groups.manage-members #group-settings-form .item-list li span.small {
    595       display: block;
    596       float: none;
    597       margin-top: 10px;
    598       width: 100%; }
    599       .groups.manage-members #group-settings-form .item-list li span.small a {
    600         display: inline-block;
    601         margin: 5px 0;
    602         width: 100%; }
    603         @media screen and (min-width: 38.75em) {
    604           .groups.manage-members #group-settings-form .item-list li span.small a {
    605             width: auto; } }
    606     .groups.manage-members #group-settings-form .item-list li h5 {
    607       margin: 0; }
     835        background: #f7f7f7;
     836        border-top: 0;
     837        padding: 0 0.5em;
     838}
     839
     840.groups.manage-members #group-settings-form .item-list li {
     841        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     842}
     843
     844.groups.manage-members #group-settings-form .item-list li:last-child {
     845        border-bottom: 0;
     846}
     847
     848.groups.manage-members #group-settings-form .item-list li img,
     849.groups.manage-members #group-settings-form .item-list li h5 {
     850        clear: none;
     851        float: left;
     852}
     853
     854.groups.manage-members #group-settings-form .item-list li img > a,
     855.groups.manage-members #group-settings-form .item-list li h5 > a {
     856        border-bottom: 0;
     857}
     858
     859.groups.manage-members #group-settings-form .item-list li span.small {
     860        display: block;
     861        float: none;
     862        margin-top: 10px;
     863        width: 100%;
     864}
     865
     866.groups.manage-members #group-settings-form .item-list li span.small a {
     867        display: inline-block;
     868        margin: 5px 0;
     869        width: 100%;
     870}
     871
     872@media screen and (min-width: 38.75em) {
     873        .groups.manage-members #group-settings-form .item-list li span.small a {
     874                width: auto;
     875        }
     876}
     877
     878.groups.manage-members #group-settings-form .item-list li h5 {
     879        margin: 0;
     880}
    608881
    609882/**
    … …  
    613886        */
    614887#buddypress #members-group-list .item-list h5 {
    615   display: inline-block;
    616   margin: 0; }
     888        display: inline-block;
     889        margin: 0;
     890}
     891
    617892#buddypress #members-group-list .item-list span.activity {
    618   padding-left: 10px; }
    619 
    620 #buddypress #item-body #subnav li.groups-members-search:focus, #buddypress #item-body #subnav li.groups-members-search:hover, #buddypress #item-body #subnav li.last:focus, #buddypress #item-body #subnav li.last:hover {
    621   background: none; }
    622 
    623 .groups.group-members #subnav ul:before, .groups.group-members #subnav ul:after {
    624   content: " ";
    625   display: table; }
     893        padding-left: 10px;
     894}
     895
     896#buddypress #item-body #subnav li.groups-members-search:focus,
     897#buddypress #item-body #subnav li.groups-members-search:hover,
     898#buddypress #item-body #subnav li.last:focus,
     899#buddypress #item-body #subnav li.last:hover {
     900        background: none;
     901}
     902
     903.groups.group-members #subnav ul:before,
    626904.groups.group-members #subnav ul:after {
    627   clear: both; }
     905        content: " ";
     906        display: table;
     907}
     908
     909.groups.group-members #subnav ul:after {
     910        clear: both;
     911}
     912
    628913.groups.group-members #subnav ul {
    629   padding: 5px 0; }
     914        padding: 5px 0;
     915}
     916
    630917@media screen and (max-width: 400px) {
    631   .groups.group-members #subnav li {
    632     background: #fff;
    633     padding: 10px 0;
    634     width: 100% !important; } }
     918        .groups.group-members #subnav li {
     919                background: #fff;
     920                padding: 10px 0;
     921                width: 100% !important;
     922        }
     923}
     924
    635925.groups.group-members #subnav li #search-members-form {
    636   -webkit-box-sizing: border-box;
    637   -moz-box-sizing: border-box;
    638   box-sizing: border-box;
    639   float: left; }
    640   @media screen and (max-width: 400px) {
    641     .groups.group-members #subnav li #search-members-form {
    642       margin: 0;
    643       width: 100%; }
    644       .groups.group-members #subnav li #search-members-form label input[type="text"] {
    645         width: 100%; } }
    646   @media screen and (min-width: 783px) {
    647     .groups.group-members #subnav li #search-members-form {
    648       margin-left: 3px; } }
     926        -webkit-box-sizing: border-box;
     927        -moz-box-sizing: border-box;
     928        box-sizing: border-box;
     929        float: left;
     930}
     931
     932@media screen and (max-width: 400px) {
     933        .groups.group-members #subnav li #search-members-form {
     934                margin: 0;
     935                width: 100%;
     936        }
     937        .groups.group-members #subnav li #search-members-form label input[type="text"] {
     938                width: 100%;
     939        }
     940}
     941
     942@media screen and (min-width: 783px) {
     943        .groups.group-members #subnav li #search-members-form {
     944                margin-left: 3px;
     945        }
     946}
    649947
    650948/**
    … …  
    654952        */
    655953@media screen and (min-width: 783px) {
    656   .send-invites #buddypress #item-body {
    657     border-top: 1px solid #bebebe; } }
     954        .send-invites #buddypress #item-body {
     955                border-top: 1px solid #bebebe;
     956        }
     957}
     958
    658959.send-invites #buddypress #item-body #invite-list {
    659   width: 120px; }
     960        width: 120px;
     961}
     962
    660963.send-invites #buddypress #item-body .main-column {
    661   margin-left: 160px; }
     964        margin-left: 160px;
     965}
     966
    662967.send-invites #buddypress #item-body li img.avatar {
    663   display: block;
    664   float: none;
    665   margin: 10px auto; }
     968        display: block;
     969        float: none;
     970        margin: 10px auto;
     971}
     972
    666973.send-invites #buddypress #item-body li .action {
    667   margin-top: 10px;
    668   text-align: left;
    669   width: 100%; }
    670   @media screen and (min-width: 38.75em) {
    671     .send-invites #buddypress #item-body li .action {
    672       text-align: right; } }
     974        margin-top: 10px;
     975        text-align: left;
     976        width: 100%;
     977}
     978
     979@media screen and (min-width: 38.75em) {
     980        .send-invites #buddypress #item-body li .action {
     981                text-align: right;
     982        }
     983}
     984
    673985@media screen and (min-width: 594px) {
    674   .send-invites #buddypress #item-body #invite-list {
    675     width: 160px; }
    676   .send-invites #buddypress #item-body .main-column {
    677     margin-left: 190px; }
    678   .send-invites #buddypress #item-body li img.avatar {
    679     float: left;
    680     margin: 0 10px 0 0; } }
     986        .send-invites #buddypress #item-body #invite-list {
     987                width: 160px;
     988        }
     989        .send-invites #buddypress #item-body .main-column {
     990                margin-left: 190px;
     991        }
     992        .send-invites #buddypress #item-body li img.avatar {
     993                float: left;
     994                margin: 0 10px 0 0;
     995        }
     996}
    681997
    682998/**
    … …  
    6911007        */
    6921008#buddypress .profile .bp-widget h4 {
    693   background: #999;
    694   color: #fff;
    695   padding: 0.4em 0.2em; }
    696 #buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
    697   content: " ";
    698   display: table; }
     1009        background: #999;
     1010        color: #fff;
     1011        padding: 0.4em 0.2em;
     1012}
     1013
     1014#buddypress .profile #profile-edit-form .button-nav:before,
    6991015#buddypress .profile #profile-edit-form .button-nav:after {
    700   clear: both; }
     1016        content: " ";
     1017        display: table;
     1018}
     1019
     1020#buddypress .profile #profile-edit-form .button-nav:after {
     1021        clear: both;
     1022}
     1023
    7011024#buddypress .profile #profile-edit-form ul.button-nav {
    702   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    703   margin-left: 0; }
    704   #buddypress .profile #profile-edit-form ul.button-nav li {
    705     float: left;
    706     margin-bottom: 0; }
    707     #buddypress .profile #profile-edit-form ul.button-nav li.current {
    708       border: 1px solid rgba(0, 0, 0, 0.1);
    709       border-bottom-color: #fff;
    710       margin-bottom: -1px; }
    711   #buddypress .profile #profile-edit-form ul.button-nav a {
    712     background: none;
    713     border: 0;
    714     font-size: 18px;
    715     font-size: 1.125rem; }
    716 #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
    717   font-size: 14px;
    718   font-size: 0.875rem; }
    719 #buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
    720   background: #000;
    721   color: #fff;
    722   padding: 0.2em 0.5em; }
     1025        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     1026        margin-left: 0;
     1027}
     1028
     1029#buddypress .profile #profile-edit-form ul.button-nav li {
     1030        float: left;
     1031        margin-bottom: 0;
     1032}
     1033
     1034#buddypress .profile #profile-edit-form ul.button-nav li.current {
     1035        border: 1px solid rgba(0, 0, 0, 0.1);
     1036        border-bottom-color: #fff;
     1037        margin-bottom: -1px;
     1038}
     1039
     1040#buddypress .profile #profile-edit-form ul.button-nav a {
     1041        background: none;
     1042        border: 0;
     1043        font-size: 18px;
     1044        font-size: 1.125rem;
     1045}
     1046
     1047#buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
     1048#buddypress .profile #profile-edit-form .field-visibility-settings {
     1049        font-size: 14px;
     1050        font-size: 0.875rem;
     1051}
     1052
     1053#buddypress .profile #profile-edit-form .field-visibility-settings-close,
     1054#buddypress .profile #profile-edit-form .visibility-toggle-link {
     1055        background: #000;
     1056        color: #fff;
     1057        padding: 0.2em 0.5em;
     1058}
    7231059
    7241060/**
    … …  
    7281064        */
    7291065#buddypress {
    730   /* Read Single thread */
    731   /* Sitewide Notices loop */ }
    732   #buddypress table#message-threads {
    733     border-left: 1px solid rgba(0, 0, 0, 0.2);
    734     border-right: 1px solid rgba(0, 0, 0, 0.2); }
    735     #buddypress table#message-threads tbody > tr:first-child td.bulk-select-check, #buddypress table#message-threads tbody > tr:first-child td.thread-from {
    736       border-top: 1px solid rgba(0, 0, 0, 0.2); }
    737     #buddypress table#message-threads tr td {
    738       background: #fff;
    739       border-right: 0 !important;
    740       -webkit-box-sizing: border-box;
    741       -moz-box-sizing: border-box;
    742       box-sizing: border-box;
    743       display: inline-block;
    744       float: left; }
    745     #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
    746       border-bottom-color: rgba(0, 0, 0, 0.2);
    747       border-bottom-width: 2px;
    748       border-left: 0;
    749       height: 2.4em;
    750       padding-bottom: 0.2em;
    751       padding-top: 0.2em; }
    752       @media screen and (max-width: 549px) {
    753         #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
    754           padding-top: 0; } }
    755     #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
    756       border-left: 0;
    757       height: 2.6em; }
    758       @media screen and (max-width: 320px) {
    759         #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
    760           height: 5.2em; } }
    761     #buddypress table#message-threads tr td.thread-from, #buddypress table#message-threads tr td.thread-options {
    762       border-left: 0;
    763       width: -webkit-calc(100% - 30px);
    764       width: -moz-calc(100% - 30px);
    765       width: calc(100% - 30px);
    766       margin-left: 0; }
    767     #buddypress table#message-threads tr td.thread-info {
    768       border-left: 0;
    769       padding-left: 41px;
    770       width: 100%; }
    771       #buddypress table#message-threads tr td.thread-info a::after {
    772         content: " \2013 \00a0" attr(title);
    773         font-size: 12px;
    774         font-size: 0.75rem; }
    775     #buddypress table#message-threads tr td.thread-options {
    776       text-align: right; }
    777       #buddypress table#message-threads tr td.thread-options a {
    778         font-size: 12px;
    779         font-size: 0.75rem;
    780         line-height: 2.2; }
    781     #buddypress table#message-threads tr span.from {
    782       display: none; }
    783     #buddypress table#message-threads tr span.activity {
    784       display: block;
    785       float: right;
    786       line-height: 2; }
    787       @media screen and (max-width: 320px) {
    788         #buddypress table#message-threads tr span.activity {
    789           clear: both;
    790           font-size: 11px;
    791           font-size: 0.6875rem;
    792           width: 100%; } }
    793     #buddypress table#message-threads tr.unread td {
    794       background: #f1f4ff;
    795       border-color: rgba(0, 0, 0, 0.2);
    796       border-top: 0;
    797       border-width: 1px; }
    798     #buddypress table#message-threads th {
    799       display: none; }
    800     #buddypress table#message-threads th.bulk-select-all {
    801       border-bottom: 0;
    802       display: inline-block;
    803       text-align: left; }
    804     #buddypress table#message-threads th.bulk-select-all, #buddypress table#message-threads td.bulk-select-check, #buddypress table#message-threads td.thread-star {
    805       border-right: 0;
    806       width: 30px; }
    807   #buddypress #message-thread #message-subject {
    808     background: #4d4d4d;
    809     color: #fff;
    810     padding: 0.5em; }
    811   #buddypress #message-thread .message-box .message-metadata {
    812     margin-bottom: 10px; }
    813   #buddypress #message-thread .message-box .message-content {
    814     clear: left;
    815     margin-left: 0; }
    816   #buddypress #message-threads.sitewide-notices td {
    817     width: 100%; }
    818     #buddypress #message-threads.sitewide-notices td strong {
    819       background: #4d4d4d;
    820       color: #fff;
    821       font-size: 16px;
    822       font-size: 1rem;
    823       display: block;
    824       margin-bottom: 0.4em;
    825       padding: 0.2em; }
    826     #buddypress #message-threads.sitewide-notices td a {
    827       display: inline-block;
    828       line-height: initial; }
    829   #buddypress #message-threads.sitewide-notices td:first-child {
    830     display: none; }
    831   #buddypress #message-threads.sitewide-notices td:first-child + td + td {
    832     border-bottom: 0; }
    833     #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
    834       line-height: 1; }
    835   #buddypress #message-threads.sitewide-notices td:last-child {
    836     border-bottom-color: rgba(0, 0, 0, 0.2);
    837     line-height: 1;
    838     text-align: right; }
    839     #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
    840       line-height: 0;
    841       margin-left: 0.7em;
    842       text-indent: -999em; }
    843     #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
    844       content: attr(title);
    845       display: block;
    846       line-height: initial;
    847       text-indent: 0; }
     1066        /* Read Single thread */
     1067        /* Sitewide Notices loop */
     1068}
     1069
     1070#buddypress table#message-threads {
     1071        border-left: 1px solid rgba(0, 0, 0, 0.2);
     1072        border-right: 1px solid rgba(0, 0, 0, 0.2);
     1073}
     1074
     1075#buddypress table#message-threads tbody > tr:first-child td.bulk-select-check,
     1076#buddypress table#message-threads tbody > tr:first-child td.thread-from {
     1077        border-top: 1px solid rgba(0, 0, 0, 0.2);
     1078}
     1079
     1080#buddypress table#message-threads tr td {
     1081        background: #fff;
     1082        border-right: 0 !important;
     1083        -webkit-box-sizing: border-box;
     1084        -moz-box-sizing: border-box;
     1085        box-sizing: border-box;
     1086        display: inline-block;
     1087        float: left;
     1088}
     1089
     1090#buddypress table#message-threads tr td.thread-star,
     1091#buddypress table#message-threads tr td.thread-options {
     1092        border-bottom-color: rgba(0, 0, 0, 0.2);
     1093        border-bottom-width: 2px;
     1094        border-left: 0;
     1095        height: 2.4em;
     1096        padding-bottom: 0.2em;
     1097        padding-top: 0.2em;
     1098}
     1099
     1100@media screen and (max-width: 549px) {
     1101        #buddypress table#message-threads tr td.thread-star,
     1102        #buddypress table#message-threads tr td.thread-options {
     1103                padding-top: 0;
     1104        }
     1105}
     1106
     1107#buddypress table#message-threads tr td.bulk-select-check,
     1108#buddypress table#message-threads tr td.thread-from {
     1109        border-left: 0;
     1110        height: 2.6em;
     1111}
     1112
     1113@media screen and (max-width: 320px) {
     1114        #buddypress table#message-threads tr td.bulk-select-check,
     1115        #buddypress table#message-threads tr td.thread-from {
     1116                height: 5.2em;
     1117        }
     1118}
     1119
     1120#buddypress table#message-threads tr td.thread-from,
     1121#buddypress table#message-threads tr td.thread-options {
     1122        border-left: 0;
     1123        width: -webkit-calc(100% - 30px);
     1124        width: -moz-calc(100% - 30px);
     1125        width: calc(100% - 30px);
     1126        margin-left: 0;
     1127}
     1128
     1129#buddypress table#message-threads tr td.thread-info {
     1130        border-left: 0;
     1131        padding-left: 41px;
     1132        width: 100%;
     1133}
     1134
     1135#buddypress table#message-threads tr td.thread-info a::after {
     1136        content: " –  " attr(title);
     1137        font-size: 12px;
     1138        font-size: 0.75rem;
     1139}
     1140
     1141#buddypress table#message-threads tr td.thread-options {
     1142        text-align: right;
     1143}
     1144
     1145#buddypress table#message-threads tr td.thread-options a {
     1146        font-size: 12px;
     1147        font-size: 0.75rem;
     1148        line-height: 2.2;
     1149}
     1150
     1151#buddypress table#message-threads tr span.from {
     1152        display: none;
     1153}
     1154
     1155#buddypress table#message-threads tr span.activity {
     1156        display: block;
     1157        float: right;
     1158        line-height: 2;
     1159}
     1160
     1161@media screen and (max-width: 320px) {
     1162        #buddypress table#message-threads tr span.activity {
     1163                clear: both;
     1164                font-size: 11px;
     1165                font-size: 0.6875rem;
     1166                width: 100%;
     1167        }
     1168}
     1169
     1170#buddypress table#message-threads tr.unread td {
     1171        background: #f1f4ff;
     1172        border-color: rgba(0, 0, 0, 0.2);
     1173        border-top: 0;
     1174        border-width: 1px;
     1175}
     1176
     1177#buddypress table#message-threads th {
     1178        display: none;
     1179}
     1180
     1181#buddypress table#message-threads th.bulk-select-all {
     1182        border-bottom: 0;
     1183        display: inline-block;
     1184        text-align: left;
     1185}
     1186
     1187#buddypress table#message-threads th.bulk-select-all,
     1188#buddypress table#message-threads td.bulk-select-check,
     1189#buddypress table#message-threads td.thread-star {
     1190        border-right: 0;
     1191        width: 30px;
     1192}
     1193
     1194#buddypress #message-thread #message-subject {
     1195        background: #4d4d4d;
     1196        color: #fff;
     1197        padding: 0.5em;
     1198}
     1199
     1200#buddypress #message-thread .message-box .message-metadata {
     1201        margin-bottom: 10px;
     1202}
     1203
     1204#buddypress #message-thread .message-box .message-content {
     1205        clear: left;
     1206        margin-left: 0;
     1207}
     1208
     1209#buddypress #message-threads.sitewide-notices td {
     1210        width: 100%;
     1211}
     1212
     1213#buddypress #message-threads.sitewide-notices td strong {
     1214        background: #4d4d4d;
     1215        color: #fff;
     1216        font-size: 16px;
     1217        font-size: 1rem;
     1218        display: block;
     1219        margin-bottom: 0.4em;
     1220        padding: 0.2em;
     1221}
     1222
     1223#buddypress #message-threads.sitewide-notices td a {
     1224        display: inline-block;
     1225        line-height: initial;
     1226}
     1227
     1228#buddypress #message-threads.sitewide-notices td:first-child {
     1229        display: none;
     1230}
     1231
     1232#buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1233        border-bottom: 0;
     1234}
     1235
     1236#buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1237        line-height: 1;
     1238}
     1239
     1240#buddypress #message-threads.sitewide-notices td:last-child {
     1241        border-bottom-color: rgba(0, 0, 0, 0.2);
     1242        line-height: 1;
     1243        text-align: right;
     1244}
     1245
     1246#buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1247        line-height: 0;
     1248        margin-left: 0.7em;
     1249        text-indent: -999em;
     1250}
     1251
     1252#buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1253        content: attr(title);
     1254        display: block;
     1255        line-height: initial;
     1256        text-indent: 0;
     1257}
    8481258
    8491259/**
    … …  
    8531263        */
    8541264#buddypress #settings-form > p {
    855   font-size: 20px;
    856   font-size: 1.25rem; }
    857 #buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
    858   vertical-align: middle; }
     1265        font-size: 20px;
     1266        font-size: 1.25rem;
     1267}
     1268
     1269#buddypress table.notification-settings td.yes,
     1270#buddypress table.notification-settings td.no {
     1271        vertical-align: middle;
     1272}
     1273
    8591274#buddypress table.profile-settings {
    860   width: 100%; }
    861   #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    862     width: 50%; }
    863   @media screen and (min-width: 401px) {
    864     #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    865       width: 70%; } }
    866   #buddypress table.profile-settings td.field-visibility select {
    867     width: 100%; }
     1275        width: 100%;
     1276}
     1277
     1278#buddypress table.profile-settings th.field-group-name,
     1279#buddypress table.profile-settings td.field-name {
     1280        width: 50%;
     1281}
     1282
     1283@media screen and (min-width: 401px) {
     1284        #buddypress table.profile-settings th.field-group-name,
     1285        #buddypress table.profile-settings td.field-name {
     1286                width: 70%;
     1287        }
     1288}
     1289
     1290#buddypress table.profile-settings td.field-visibility select {
     1291        width: 100%;
     1292}
    8681293
    8691294/*------------------------------------------------------------------------------
    … …  
    8711296*-------------------------------------------------------------------------------
    8721297*/
    873 #buddypress input[type="text"], #buddypress input[type="email"], #buddypress input[type="password"], #buddypress input[type="submit"], #buddypress select, #buddypress textarea {
    874   border: 1px solid rgba(0, 0, 0, 0.2); }
    875 #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="submit"], #buddypress .standard-form textarea {
    876   width: 100%; }
     1298#buddypress input[type="text"],
     1299#buddypress input[type="email"],
     1300#buddypress input[type="password"],
     1301#buddypress input[type="submit"],
     1302#buddypress select,
     1303#buddypress textarea {
     1304        border: 1px solid rgba(0, 0, 0, 0.2);
     1305}
     1306
     1307#buddypress .standard-form input[type="text"],
     1308#buddypress .standard-form input[type="email"],
     1309#buddypress .standard-form input[type="password"],
     1310#buddypress .standard-form input[type="submit"],
     1311#buddypress .standard-form textarea {
     1312        width: 100%;
     1313}
     1314
    8771315#buddypress #send-reply.standard-form textarea {
    878   width: 100%; }
     1316        width: 100%;
     1317}
     1318
    8791319#buddypress div.activity-comments form .ac-textarea {
    880   background: #f7f7f7;
    881   border: 1px solid rgba(0, 0, 0, 0.2); }
    882   #buddypress div.activity-comments form .ac-textarea textarea {
    883     background: none;
    884     border: 0; }
    885 
    886 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search {
    887   clear: both;
    888   float: none;
    889   margin: 10px 0; }
    890   #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form {
    891     border: 1px solid #ccc;
    892     overflow: hidden; }
    893     #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label {
    894       float: left;
    895       width: 80%; }
    896     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    897       float: left;
    898       margin: 0;
    899       width: 80%; }
    900     #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'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] {
    901       border: 0;
    902       font-size: 14px;
    903       font-size: 0.875rem;
    904       line-height: inherit; }
    905     #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] {
    906       border-right: 1px solid #ccc;
    907       padding: 0.2em 0 0.2em 0.2em; }
    908     #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] {
    909       float: right;
    910       font-weight: normal;
    911       padding: 0.2em 1em;
    912       text-align: center;
    913       text-transform: none;
    914       width: 20%; }
     1320        background: #f7f7f7;
     1321        border: 1px solid rgba(0, 0, 0, 0.2);
     1322}
     1323
     1324#buddypress div.activity-comments form .ac-textarea textarea {
     1325        background: none;
     1326        border: 0;
     1327}
     1328
     1329#buddypress div.dir-search,
     1330#buddypress div.message-search,
     1331#buddypress li.groups-members-search {
     1332        clear: both;
     1333        float: none;
     1334        margin: 10px 0;
     1335}
     1336
     1337#buddypress div.dir-search form,
     1338#buddypress div.message-search form,
     1339#buddypress li.groups-members-search form {
     1340        border: 1px solid #ccc;
     1341        overflow: hidden;
     1342}
     1343
     1344#buddypress div.dir-search form label,
     1345#buddypress div.message-search form label,
     1346#buddypress li.groups-members-search form label {
     1347        float: left;
     1348        width: 80%;
     1349}
     1350
     1351#buddypress div.dir-search form input[type='text'],
     1352#buddypress div.message-search form input[type='text'],
     1353#buddypress li.groups-members-search form input[type='text'] {
     1354        float: left;
     1355        margin: 0;
     1356        width: 80%;
     1357}
     1358
     1359#buddypress div.dir-search form input[type='text'],
     1360#buddypress div.dir-search form input[type='submit'],
     1361#buddypress div.message-search form input[type='text'],
     1362#buddypress div.message-search form input[type='submit'],
     1363#buddypress li.groups-members-search form input[type='text'],
     1364#buddypress li.groups-members-search form input[type='submit'] {
     1365        border: 0;
     1366        font-size: 14px;
     1367        font-size: 0.875rem;
     1368        line-height: inherit;
     1369}
     1370
     1371#buddypress div.dir-search form input[type='text'],
     1372#buddypress div.message-search form input[type='text'],
     1373#buddypress li.groups-members-search form input[type='text'] {
     1374        border-right: 1px solid #ccc;
     1375        padding: 0.2em 0 0.2em 0.2em;
     1376}
     1377
     1378#buddypress div.dir-search form input[type='submit'],
     1379#buddypress div.message-search form input[type='submit'],
     1380#buddypress li.groups-members-search form input[type='submit'] {
     1381        float: right;
     1382        font-weight: normal;
     1383        padding: 0.2em 1em;
     1384        text-align: center;
     1385        text-transform: none;
     1386        width: 20%;
     1387}
     1388
    9151389@media screen and (min-width: 401px) {
    916   #buddypress div.dir-search, #buddypress div.message-search {
    917     clear: none;
    918     float: right; }
    919     #buddypress div.dir-search form label, #buddypress div.dir-search form input[type='submit'], #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form label, #buddypress div.message-search form input[type='submit'], #buddypress div.message-search form input[type='text'] {
    920       width: auto; }
    921   #buddypress div.message-search {
    922     margin: 3px 0 0; }
    923   #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'] {
    924     width: auto; } }
     1390        #buddypress div.dir-search,
     1391        #buddypress div.message-search {
     1392                clear: none;
     1393                float: right;
     1394        }
     1395        #buddypress div.dir-search form label,
     1396        #buddypress div.dir-search form input[type='submit'],
     1397        #buddypress div.dir-search form input[type='text'],
     1398        #buddypress div.message-search form label,
     1399        #buddypress div.message-search form input[type='submit'],
     1400        #buddypress div.message-search form input[type='text'] {
     1401                width: auto;
     1402        }
     1403        #buddypress div.message-search {
     1404                margin: 3px 0 0;
     1405        }
     1406        #buddypress li.groups-members-search form label,
     1407        #buddypress li.groups-members-search form input[type='submit'],
     1408        #buddypress li.groups-members-search form input[type='text'] {
     1409                width: auto;
     1410        }
     1411}
    9251412
    9261413/**
    … …  
    9301417*/
    9311418#buddypress table {
    932   border-color: rgba(0, 0, 0, 0.2); }
     1419        border-color: rgba(0, 0, 0, 0.2);
     1420}
    9331421
    9341422/*__ User Account tables __*/
    … …  
    9391427*/
    9401428#buddypress div#message p {
    941   font-size: 18px;
    942   font-size: 1.125rem;
    943   font-weight: bold; }
     1429        font-size: 18px;
     1430        font-size: 1.125rem;
     1431        font-weight: bold;
     1432}
     1433
    9441434#buddypress div#message.info p {
    945   background: #c6e4ee;
    946   border: 1px solid #78bed6;
    947   color: #1e5264; }
     1435        background: #c6e4ee;
     1436        border: 1px solid #78bed6;
     1437        color: #1e5264;
     1438}
     1439
    9481440#buddypress div#message.updated p {
    949   background: #dee6b2;
    950   border: 1px solid #becc66;
    951   color: #454d19; }
     1441        background: #dee6b2;
     1442        border: 1px solid #becc66;
     1443        color: #454d19;
     1444}
    9521445
    9531446.delete-group #buddypress div#message.info p {
    954   background: #db7e7e;
    955   border: 1px solid #be3535;
    956   color: #1f0808; }
     1447        background: #db7e7e;
     1448        border: 1px solid #be3535;
     1449        color: #1f0808;
     1450}
    9571451
    9581452/**
    … …  
    9621456*/
    9631457#buddypress {
    964   /* Auto Complete background */ }
    965   #buddypress .acfb-holder li.friend-tab {
    966     background: #9fd1e2;
    967     border: inherit; }
     1458        /* Auto Complete background */
     1459}
     1460
     1461#buddypress .acfb-holder li.friend-tab {
     1462        background: #9fd1e2;
     1463        border: inherit;
     1464}
Note: See TracChangeset for help on using the changeset viewer.