Skip to:
Content

BuddyPress.org

Changeset 9903


Ignore:
Timestamp:
05/31/2015 08:44:45 AM (10 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.