Skip to:
Content

BuddyPress.org

Changeset 10617


Ignore:
Timestamp:
02/22/2016 04:35:19 PM (6 years ago)
Author:
mercime
Message:

Update stylesheets for the Welcome Screen.

Provide style support for our Welcome Screen in the older versions
of WordPress which we still support and ensure that our layout doesn't
break when WP core's about.css is changed.

Fixes #6826.

Location:
trunk/src/bp-core/admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-core/admin/css/common-rtl.css

    r10610 r10617  
    1 /**
    2  * CSS that is always loaded when in wp-admin
    3  *
    4  * @since 1.6.0
    5  */
    6 
    7 /* Welcome Screen
     1/*------------------------------------------------------------------------------
     2
     3This stylesheet is always loaded in wp-admin.
     4
     5@since 1.6.0
     6@since 2.5.0
     7
     8--------------------------------------------------------------------------------
     9TABLE OF CONTENTS:
     10--------------------------------------------------------------------------------
     111.0 Welcome Screen
     12    1.1 Version Badge
     13    1.2 About Panel
     14        1.2.1 Headline Feature
     15        1.2.2 Columns
     16        1.2.3 Features Section
     17        1.2.4 Changelog Section
     182.0 Dashicons
     19    2.1 Top level menus
     20    2.2 Settings - Components
     21    2.3 Tools
     223.0 User's Lists
     234.0 Emails - Edit page
    824------------------------------------------------------------------------------*/
    925
    10 body.dashboard_page_bp-about span.dashicons,
    11 body.index_page_bp-about span.dashicons {
     26/*------------------------------------------------------------------------------
     27 * 1.0 Welcome Screen
     28 *----------------------------------------------------------------------------*/
     29
     30/*
     31 * 1.1 Version Badge
     32 */
     33.bp-badge {
     34    color: #d84800;
     35    display: inline-block;
     36    font: normal 150px/1 'dashicons' !important;
     37}
     38
     39.bp-badge:before {
     40    content: "\f448";
     41}
     42
     43.about-wrap .bp-badge {
     44    position: absolute;
     45    top: 0;
     46    left: 0;
     47}
     48
     49@media only screen and (max-width: 500px) {
     50    .about-wrap .bp-badge {
     51        position: relative;
     52        margin: 10px auto;
     53        top: auto;
     54        left: auto;
     55    }
     56}
     57
     58/*
     59 * 1.2 About Panel
     60 */
     61
     62/*
     63 * 1.2.1 Headline Feature
     64 */
     65.index_page_bp-about .about-wrap .headline-feature,
     66.dashboard_page_bp-about .about-wrap .headline-feature {
     67    margin-bottom: 2em;
     68    text-align: center;
     69}
     70
     71.index_page_bp-about .about-wrap .headline-feature h3,
     72.index_page_bp-about .headline-feature .headline-title,
     73.dashboard_page_bp-about .about-wrap .headline-feature h3,
     74.dashboard_page_bp-about .headline-feature .headline-title {
     75    font-size: 2.2em;
     76    font-weight: normal;
     77    line-height: 1.3;
     78    margin: 1.25em 0 0.6em;
     79    text-align: center;
     80}
     81
     82.index_page_bp-about .about-wrap .headline-feature p,
     83.dashboard_page_bp-about .about-wrap .headline-feature p {
     84    font-size: 1.15em;
     85    margin: 1.15em auto 0.6em;
     86}
     87
     88.index_page_bp-about .about-wrap .headline-feature .introduction,
     89.dashboard_page_bp-about .about-wrap .headline-feature .introduction {
     90    font-weight: 600;
     91}
     92
     93/*
     94 * 1.2.2 Columns
     95 */
     96.index_page_bp-about .about-wrap .two-col > div,
     97.dashboard_page_bp-about .about-wrap .two-col > div {
    1298    float: right;
    13     clear: right;
    14     margin: 15px 0 0 15px ;
    15     height: 90px;
    16     width: 90px;
    17     background-color: #cccccc;
    18     -webkit-border-radius: 50%;
    19     border-radius: 50%;
    20     border: 1px solid #c1c1c1;
    21     font-size: 65px;
    22     line-height: 90px;
    23     color: #999;
    24     text-align: center;
    25 }
    26 
    27 /* About Page - since 2.3.3 (WP 4.3) */
    28 
    29 .about-wrap .two-col > div {
     99    margin-left: 4.799999999%;
    30100    position: relative;
    31101    width: 47.6%;
    32     margin-left: 4.799999999%;
     102}
     103
     104.index_page_bp-about .about-wrap .two-col .last-feature,
     105.dashboard_page_bp-about .about-wrap .two-col .last-feature {
     106    margin-left: 0;
     107}
     108
     109/*
     110 * 1.2.3 Features Section
     111 */
     112.index_page_bp-about .bp-features-section,
     113.dashboard_page_bp-about .bp-features-section {
     114    margin-bottom: 2em;
     115}
     116
     117.index_page_bp-about .about-wrap .feature-section,
     118.dashboard_page_bp-about .about-wrap .feature-section {
     119    clear: both;
     120    margin-top: 2em;
     121    overflow: hidden;
     122    padding-bottom: 0;
     123}
     124
     125.index_page_bp-about .about-wrap .changelog .feature-section,
     126.dashboard_page_bp-about .about-wrap .changelog .feature-section {
     127    margin-top: 0;
     128}
     129
     130.index_page_bp-about .about-wrap .feature-section h3,
     131.dashboard_page_bp-about .about-wrap .feature-section h3 {
     132    font-size: 1.25em;
     133    line-height: 1.5em;
     134    margin: 0 0 0.6em;
     135}
     136
     137.index_page_bp-about .about-wrap .changelog h4,
     138.dashboard_page_bp-about .about-wrap .changelog h4 {
     139    color: #23282d;
     140    font-size: 1em;
     141    margin: 1.4em 0 0.6em;
     142}
     143
     144/*
     145 * 1.2.4 Changelog Section
     146 */
     147.index_page_bp-about .about-wrap .changelog,
     148.dashboard_page_bp-about .about-wrap .changelog {
     149    border-top: 1px solid #eee;
     150    margin-bottom: 3em;
     151}
     152
     153.index_page_bp-about .about-wrap .changelog .changelog-title,
     154.dashboard_page_bp-about .about-wrap .changelog .changelog-title {
     155    font-size: 1.25em;
     156    line-height: 1.5em;
     157    margin: 1.25em 0 .6em;
     158    text-align: center;
     159}
     160
     161@media screen and ( max-width: 782px ) {
     162    .index_page_bp-about .about-wrap .headline-feature,
     163    .dashboard_page_bp-about .about-wrap .headline-feature {
     164        max-width: 100%;
     165    }
     166    .index_page_bp-about .about-wrap .headline-feature h3,
     167    .dahsboard_page_bp-about .about-wrap .headline-feature h3,
     168    .index_page_bp-about .about-wrap .headline-feature .headline-title,
     169    .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
     170        font-size: 2em;
     171    }
     172    .index_page_bp-about .bp-features-section,
     173    .dashboard_page_bp-about .bp-features-section {
     174        margin-bottom: 0;
     175    }
     176    .index_page_bp-about .about-wrap .feature-section,
     177    .dashboard_page_bp-about .about-wrap .feature-section {
     178        margin-top: 0;
     179    }
     180    .index_page_bp-about .about-wrap .two-col > div,
     181    .dashboard_page_bp-about .about-wrap .two-col > div {
     182        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     183        margin-top: 1.25em;
     184        padding-bottom: 1em;
     185        width: 100%;
     186    }
     187    .index_page_bp-about .changelog .two-col > div,
     188    .dashboard_page_bp-about .changelog .two-col > div {
     189        margin-top: 0;
     190        padding-bottom: 0;
     191    }
     192    .index_page_bp-about .about-wrap .changelog .changelog-title,
     193    .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
     194        text-align: right;
     195    }
     196}
     197
     198
     199/*------------------------------------------------------------------------------
     200 * 2.0 Dashicons
     201 *----------------------------------------------------------------------------*/
     202
     203/*
     204 * 2.1 Top level menus
     205 */
     206#adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
     207#adminmenu #toplevel_page_bp-activity_user .wp-menu-image:before,
     208#adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before {
     209    content: "\f452";
     210}
     211
     212#adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
     213#adminmenu #toplevel_page_bp-groups_user .wp-menu-image:before,
     214#adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before {
     215    content: "\f456";
     216}
     217
     218#adminmenu #toplevel_page_bp-notifications .wp-menu-image:before,
     219#adminmenu #toplevel_page_bp-notifications_user .wp-menu-image:before,
     220#adminmenu #toplevel_page_bp-notifications_network .wp-menu-image:before {
     221    content: "\f439";
     222}
     223
     224#adminmenu #toplevel_page_bp-messages .wp-menu-image:before,
     225#adminmenu #toplevel_page_bp-messages_user .wp-menu-image:before,
     226#adminmenu #toplevel_page_bp-messages_network .wp-menu-image:before {
     227    content: "\f457";
     228}
     229
     230#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
     231#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
     232#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     233    content: "\f454";
     234}
     235
     236#adminmenu #toplevel_page_bp-settings .wp-menu-image:before,
     237#adminmenu #toplevel_page_bp-settings_user .wp-menu-image:before,
     238#adminmenu #toplevel_page_bp-settings_network .wp-menu-image:before {
     239    content: "\f108";
     240}
     241
     242#adminmenu li.toplevel_page_bp-components .wp-menu-image,
     243#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
     244    content: "\f448";
     245}
     246
     247/*
     248 * 2.2 Settings - Components
     249 */
     250.settings_page_bp-components td.plugin-title span {
    33251    float: right;
    34 }
    35 
    36 .about-wrap [class$=col] .last-feature {
    37     margin-left: 0;
    38 }
    39 
    40 .about-wrap .feature-list.finer-points h4,
    41 .about-wrap .feature-list.finer-points p {
    42     margin-right: 115px;
     252    width: 18px;
     253    height: 18px;
     254    margin-left: 5px;
     255}
     256
     257.settings_page_bp-components td.plugin-title span:before {
     258    font-family: 'dashicons';
     259    font-size: 18px;
     260}
     261
     262.settings_page_bp-components tr.activity td.plugin-title span:before {
     263    content: "\f452";
     264}
     265
     266.settings_page_bp-components tr.notifications td.plugin-title span:before {
     267    content: "\f339";
     268}
     269
     270.settings_page_bp-components tr.xprofile td.plugin-title span:before {
     271    content: "\f336";
     272}
     273
     274.settings_page_bp-components tr.settings td.plugin-title span:before {
     275    content: "\f108";
     276}
     277
     278.settings_page_bp-components tr.groups td.plugin-title span:before {
     279    content: "\f456";
     280}
     281
     282.settings_page_bp-components tr.messages td.plugin-title span:before {
     283    content: "\f457";
     284}
     285
     286.settings_page_bp-components tr.forums td.plugin-title span:before {
     287    content: "\f452";
     288}
     289
     290.settings_page_bp-components tr.blogs td.plugin-title span:before {
     291    content: "\f120";
     292}
     293
     294.settings_page_bp-components tr.friends td.plugin-title span:before {
     295    content: "\f454";
     296}
     297
     298.settings_page_bp-components tr.core td.plugin-title span:before {
     299    content: "\f448";
     300}
     301
     302.settings_page_bp-components tr.members td.plugin-title span:before {
     303    content: "\f307";
     304}
     305
     306#bp-admin-component-form .wp-list-table.plugins .plugin-title {
     307    width: 25%;
    43308}
    44309
    45310@media screen and ( max-width: 782px ) {
    46     .about-wrap .two-col > div {
    47         width: 100%;
    48         margin: 30px 0 0;
    49         padding: 0 0 30px;
    50         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    51     }
    52     body.dashboard_page_bp-about span.dashicons,
    53     body.index_page_bp-about span.dashicons {
    54         font-size: 55px;
    55         line-height: 70px;
    56         height: 70px;
    57         width: 70px;
    58     }
    59     .about-wrap .feature-list h2 {
    60       margin: 30px 0 0;
    61       text-align: center;
    62     }
    63     .about-wrap .feature-list.finer-points h4,
    64     .about-wrap .feature-list.finer-points p {
    65         margin-right: 90px;
    66     }
    67 }
    68 
    69 /* About Page - since 2.4.0 (WP 4.4-trunk) */
    70 
    71 .about-wrap .headline-feature {
    72     margin-bottom: 1px solid rgba(0, 0, 0, 0.1);
    73 }
    74 
    75 .about-wrap .headline-feature p {
    76     font-size: 1.15em;
    77     margin: 1.25em;
    78     text-align: center;
    79 }
    80 
    81 .about-wrap .headline-feature h3 {
    82     font-size: 1.75em;
    83     font-weight: normal;
    84     margin: 1.25em 0 0.6em;
    85     text-align: center;
    86 }
    87 
    88 .about-wrap .feature-section {
    89     margin-top: 40px;
    90 }
    91 
    92 .about-wrap  .changelog .feature-section {
    93     margin-top: 0;
    94 }
    95 
    96 /* User's Lists
    97 ------------------------------------------------------------------------------*/
    98 
     311    .settings_page_bp-components td.plugin-title span {
     312        margin-top: 5px;
     313    }
     314    #bp-admin-component-form .wp-list-table.plugins .plugin-title {
     315        display: block;
     316        width: auto;
     317    }
     318    #bp-admin-component-form .subsubsub {
     319        margin-bottom: 0;
     320        padding-bottom: 35px;
     321    }
     322}
     323
     324/*
     325 * 2.3 Tools
     326 */
     327#adminmenu .toplevel_page_network-tools div.wp-menu-image:before {
     328    content: "";
     329}
     330
     331
     332/*------------------------------------------------------------------------------
     333 * 3.0 User's Lists
     334 *----------------------------------------------------------------------------*/
    99335body.site-users-php th#role,
    100336body.users-php th#role,
     
    125361}
    126362
    127 /* Tools */
    128 #adminmenu .toplevel_page_network-tools div.wp-menu-image:before {
    129     content: "";
    130 }
    131 
    132 /* Components
    133 ------------------------------------------------------------------------------*/
    134 
    135 /* Dashicons */
    136 #adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
    137 #adminmenu #toplevel_page_bp-activity_user .wp-menu-image:before,
    138 #adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before {
    139     content: "\f452";
    140 }
    141 
    142 #adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
    143 #adminmenu #toplevel_page_bp-groups_user .wp-menu-image:before,
    144 #adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before {
    145     content: "\f456";
    146 }
    147 
    148 #adminmenu #toplevel_page_bp-notifications .wp-menu-image:before,
    149 #adminmenu #toplevel_page_bp-notifications_user .wp-menu-image:before,
    150 #adminmenu #toplevel_page_bp-notifications_network .wp-menu-image:before {
    151     content: "\f439";
    152 }
    153 
    154 #adminmenu #toplevel_page_bp-messages .wp-menu-image:before,
    155 #adminmenu #toplevel_page_bp-messages_user .wp-menu-image:before,
    156 #adminmenu #toplevel_page_bp-messages_network .wp-menu-image:before {
    157     content: "\f457";
    158 }
    159 
    160 #adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    161 #adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    162 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
    163     content: "\f454";
    164 }
    165 
    166 #adminmenu #toplevel_page_bp-settings .wp-menu-image:before,
    167 #adminmenu #toplevel_page_bp-settings_user .wp-menu-image:before,
    168 #adminmenu #toplevel_page_bp-settings_network .wp-menu-image:before {
    169     content: "\f108";
    170 }
    171 
    172 #adminmenu li.toplevel_page_bp-components .wp-menu-image,
    173 #adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
    174     content: "\f448";
    175 }
    176 
    177 /* Settings - Dashicons (WP 3.8+) */
    178 .settings_page_bp-components td.plugin-title span {
    179     float: right;
    180     width: 18px;
    181     height: 18px;
    182     margin-left: 5px;
    183 }
    184 
    185 .settings_page_bp-components td.plugin-title span:before {
    186     font-family: 'dashicons';
    187     font-size: 18px;
    188 }
    189 
    190 .settings_page_bp-components tr.activity td.plugin-title span:before {
    191     content: "\f452";
    192 }
    193 
    194 .settings_page_bp-components tr.notifications td.plugin-title span:before {
    195     content: "\f339";
    196 }
    197 
    198 .settings_page_bp-components tr.xprofile td.plugin-title span:before {
    199     content: "\f336";
    200 }
    201 
    202 .settings_page_bp-components tr.settings td.plugin-title span:before {
    203     content: "\f108";
    204 }
    205 
    206 .settings_page_bp-components tr.groups td.plugin-title span:before {
    207     content: "\f456";
    208 }
    209 
    210 .settings_page_bp-components tr.messages td.plugin-title span:before {
    211     content: "\f457";
    212 }
    213 
    214 .settings_page_bp-components tr.forums td.plugin-title span:before {
    215     content: "\f452";
    216 }
    217 
    218 .settings_page_bp-components tr.blogs td.plugin-title span:before {
    219     content: "\f120";
    220 }
    221 
    222 .settings_page_bp-components tr.friends td.plugin-title span:before {
    223     content: "\f454";
    224 }
    225 
    226 .settings_page_bp-components tr.core td.plugin-title span:before {
    227     content: "\f448";
    228 }
    229 
    230 .settings_page_bp-components tr.members td.plugin-title span:before {
    231     content: "\f307";
    232 }
    233 
    234 #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    235     width: 25%;
    236 }
    237 
    238 @media screen and ( max-width: 782px ) {
    239     .settings_page_bp-components td.plugin-title span {
    240         margin-top: 5px;
    241     }
    242     #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    243         display: block;
    244         width: auto;
    245     }
    246     #bp-admin-component-form .subsubsub {
    247         margin-bottom: 0;
    248         padding-bottom: 35px;
    249     }
    250 }
    251 
    252 
    253 /* Version Badge */
    254 
    255 .bp-badge {
    256     font: normal 150px/1 'dashicons' !important;
    257     color: #D84800;
    258     display: inline-block;
    259 }
    260 
    261 .bp-badge:before {
    262     content: "\f448";
    263 }
    264 
    265 .about-wrap .bp-badge {
    266     position: absolute;
    267     top: 0;
    268     left: 0;
    269 }
    270 
    271 /* About Page - since 2.3.3 (WP 4.3) */
    272 
    273 @media only screen and (max-width: 500px) {
    274     .about-wrap .bp-badge {
    275         position: relative;
    276         margin: 10px auto;
    277         top: auto;
    278         left: auto;
    279     }
    280 }
    281 
    282 /* Emails - Edit page */
     363
     364/*------------------------------------------------------------------------------
     365 * 4.0 Emails - Edit Page
     366 *----------------------------------------------------------------------------*/
    283367body.post-type-bp-email #excerpt {
    284368    height: auto;
  • trunk/src/bp-core/admin/css/common.css

    r10610 r10617  
    1 /**
    2  * CSS that is always loaded when in wp-admin
    3  *
    4  * @since 1.6.0
    5  */
    6 
    7 /* Welcome Screen
     1/*------------------------------------------------------------------------------
     2
     3This stylesheet is always loaded in wp-admin.
     4
     5@since 1.6.0
     6@since 2.5.0
     7
     8--------------------------------------------------------------------------------
     9TABLE OF CONTENTS:
     10--------------------------------------------------------------------------------
     111.0 Welcome Screen
     12    1.1 Version Badge
     13    1.2 About Panel
     14        1.2.1 Headline Feature
     15        1.2.2 Columns
     16        1.2.3 Features Section
     17        1.2.4 Changelog Section
     182.0 Dashicons
     19    2.1 Top level menus
     20    2.2 Settings - Components
     21    2.3 Tools
     223.0 User's Lists
     234.0 Emails - Edit page
    824------------------------------------------------------------------------------*/
    925
    10 body.dashboard_page_bp-about span.dashicons,
    11 body.index_page_bp-about span.dashicons {
     26/*------------------------------------------------------------------------------
     27 * 1.0 Welcome Screen
     28 *----------------------------------------------------------------------------*/
     29
     30/*
     31 * 1.1 Version Badge
     32 */
     33.bp-badge {
     34    color: #d84800;
     35    display: inline-block;
     36    font: normal 150px/1 'dashicons' !important;
     37}
     38
     39.bp-badge:before {
     40    content: "\f448";
     41}
     42
     43.about-wrap .bp-badge {
     44    position: absolute;
     45    top: 0;
     46    right: 0;
     47}
     48
     49@media only screen and (max-width: 500px) {
     50    .about-wrap .bp-badge {
     51        position: relative;
     52        margin: 10px auto;
     53        top: auto;
     54        right: auto;
     55    }
     56}
     57
     58/*
     59 * 1.2 About Panel
     60 */
     61
     62/*
     63 * 1.2.1 Headline Feature
     64 */
     65.index_page_bp-about .about-wrap .headline-feature,
     66.dashboard_page_bp-about .about-wrap .headline-feature {
     67    margin-bottom: 2em;
     68    text-align: center;
     69}
     70
     71.index_page_bp-about .about-wrap .headline-feature h3,
     72.index_page_bp-about .headline-feature .headline-title,
     73.dashboard_page_bp-about .about-wrap .headline-feature h3,
     74.dashboard_page_bp-about .headline-feature .headline-title {
     75    font-size: 2.2em;
     76    font-weight: normal;
     77    line-height: 1.3;
     78    margin: 1.25em 0 0.6em;
     79    text-align: center;
     80}
     81
     82.index_page_bp-about .about-wrap .headline-feature p,
     83.dashboard_page_bp-about .about-wrap .headline-feature p {
     84    font-size: 1.15em;
     85    margin: 1.15em auto 0.6em;
     86}
     87
     88.index_page_bp-about .about-wrap .headline-feature .introduction,
     89.dashboard_page_bp-about .about-wrap .headline-feature .introduction {
     90    font-weight: 600;
     91}
     92
     93/*
     94 * 1.2.2 Columns
     95 */
     96.index_page_bp-about .about-wrap .two-col > div,
     97.dashboard_page_bp-about .about-wrap .two-col > div {
    1298    float: left;
    13     clear: left;
    14     margin: 15px 15px 0 0 ;
    15     height: 90px;
    16     width: 90px;
    17     background-color: #cccccc;
    18     -webkit-border-radius: 50%;
    19     border-radius: 50%;
    20     border: 1px solid #c1c1c1;
    21     font-size: 65px;
    22     line-height: 90px;
    23     color: #999;
    24     text-align: center;
    25 }
    26 
    27 /* About Page - since 2.3.3 (WP 4.3) */
    28 
    29 .about-wrap .two-col > div {
     99    margin-right: 4.799999999%;
    30100    position: relative;
    31101    width: 47.6%;
    32     margin-right: 4.799999999%;
     102}
     103
     104.index_page_bp-about .about-wrap .two-col .last-feature,
     105.dashboard_page_bp-about .about-wrap .two-col .last-feature {
     106    margin-right: 0;
     107}
     108
     109/*
     110 * 1.2.3 Features Section
     111 */
     112.index_page_bp-about .bp-features-section,
     113.dashboard_page_bp-about .bp-features-section {
     114    margin-bottom: 2em;
     115}
     116
     117.index_page_bp-about .about-wrap .feature-section,
     118.dashboard_page_bp-about .about-wrap .feature-section {
     119    clear: both;
     120    margin-top: 2em;
     121    overflow: hidden;
     122    padding-bottom: 0;
     123}
     124
     125.index_page_bp-about .about-wrap .changelog .feature-section,
     126.dashboard_page_bp-about .about-wrap .changelog .feature-section {
     127    margin-top: 0;
     128}
     129
     130.index_page_bp-about .about-wrap .feature-section h3,
     131.dashboard_page_bp-about .about-wrap .feature-section h3 {
     132    font-size: 1.25em;
     133    line-height: 1.5em;
     134    margin: 0 0 0.6em;
     135}
     136
     137.index_page_bp-about .about-wrap .changelog h4,
     138.dashboard_page_bp-about .about-wrap .changelog h4 {
     139    color: #23282d;
     140    font-size: 1em;
     141    margin: 1.4em 0 0.6em;
     142}
     143
     144/*
     145 * 1.2.4 Changelog Section
     146 */
     147.index_page_bp-about .about-wrap .changelog,
     148.dashboard_page_bp-about .about-wrap .changelog {
     149    border-top: 1px solid #eee;
     150    margin-bottom: 3em;
     151}
     152
     153.index_page_bp-about .about-wrap .changelog .changelog-title,
     154.dashboard_page_bp-about .about-wrap .changelog .changelog-title {
     155    font-size: 1.25em;
     156    line-height: 1.5em;
     157    margin: 1.25em 0 .6em;
     158    text-align: center;
     159}
     160
     161@media screen and ( max-width: 782px ) {
     162    .index_page_bp-about .about-wrap .headline-feature,
     163    .dashboard_page_bp-about .about-wrap .headline-feature {
     164        max-width: 100%;
     165    }
     166    .index_page_bp-about .about-wrap .headline-feature h3,
     167    .dahsboard_page_bp-about .about-wrap .headline-feature h3,
     168    .index_page_bp-about .about-wrap .headline-feature .headline-title,
     169    .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
     170        font-size: 2em;
     171    }
     172    .index_page_bp-about .bp-features-section,
     173    .dashboard_page_bp-about .bp-features-section {
     174        margin-bottom: 0;
     175    }
     176    .index_page_bp-about .about-wrap .feature-section,
     177    .dashboard_page_bp-about .about-wrap .feature-section {
     178        margin-top: 0;
     179    }
     180    .index_page_bp-about .about-wrap .two-col > div,
     181    .dashboard_page_bp-about .about-wrap .two-col > div {
     182        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     183        margin-top: 1.25em;
     184        padding-bottom: 1em;
     185        width: 100%;
     186    }
     187    .index_page_bp-about .changelog .two-col > div,
     188    .dashboard_page_bp-about .changelog .two-col > div {
     189        margin-top: 0;
     190        padding-bottom: 0;
     191    }
     192    .index_page_bp-about .about-wrap .changelog .changelog-title,
     193    .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
     194        text-align: left;
     195    }
     196}
     197
     198
     199/*------------------------------------------------------------------------------
     200 * 2.0 Dashicons
     201 *----------------------------------------------------------------------------*/
     202
     203/*
     204 * 2.1 Top level menus
     205 */
     206#adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
     207#adminmenu #toplevel_page_bp-activity_user .wp-menu-image:before,
     208#adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before {
     209    content: "\f452";
     210}
     211
     212#adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
     213#adminmenu #toplevel_page_bp-groups_user .wp-menu-image:before,
     214#adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before {
     215    content: "\f456";
     216}
     217
     218#adminmenu #toplevel_page_bp-notifications .wp-menu-image:before,
     219#adminmenu #toplevel_page_bp-notifications_user .wp-menu-image:before,
     220#adminmenu #toplevel_page_bp-notifications_network .wp-menu-image:before {
     221    content: "\f439";
     222}
     223
     224#adminmenu #toplevel_page_bp-messages .wp-menu-image:before,
     225#adminmenu #toplevel_page_bp-messages_user .wp-menu-image:before,
     226#adminmenu #toplevel_page_bp-messages_network .wp-menu-image:before {
     227    content: "\f457";
     228}
     229
     230#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
     231#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
     232#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     233    content: "\f454";
     234}
     235
     236#adminmenu #toplevel_page_bp-settings .wp-menu-image:before,
     237#adminmenu #toplevel_page_bp-settings_user .wp-menu-image:before,
     238#adminmenu #toplevel_page_bp-settings_network .wp-menu-image:before {
     239    content: "\f108";
     240}
     241
     242#adminmenu li.toplevel_page_bp-components .wp-menu-image,
     243#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
     244    content: "\f448";
     245}
     246
     247/*
     248 * 2.2 Settings - Components
     249 */
     250.settings_page_bp-components td.plugin-title span {
    33251    float: left;
    34 }
    35 
    36 .about-wrap [class$=col] .last-feature {
    37     margin-right: 0;
    38 }
    39 
    40 .about-wrap .feature-list.finer-points h4,
    41 .about-wrap .feature-list.finer-points p {
    42     margin-left: 115px;
     252    width: 18px;
     253    height: 18px;
     254    margin-right: 5px;
     255}
     256
     257.settings_page_bp-components td.plugin-title span:before {
     258    font-family: 'dashicons';
     259    font-size: 18px;
     260}
     261
     262.settings_page_bp-components tr.activity td.plugin-title span:before {
     263    content: "\f452";
     264}
     265
     266.settings_page_bp-components tr.notifications td.plugin-title span:before {
     267    content: "\f339";
     268}
     269
     270.settings_page_bp-components tr.xprofile td.plugin-title span:before {
     271    content: "\f336";
     272}
     273
     274.settings_page_bp-components tr.settings td.plugin-title span:before {
     275    content: "\f108";
     276}
     277
     278.settings_page_bp-components tr.groups td.plugin-title span:before {
     279    content: "\f456";
     280}
     281
     282.settings_page_bp-components tr.messages td.plugin-title span:before {
     283    content: "\f457";
     284}
     285
     286.settings_page_bp-components tr.forums td.plugin-title span:before {
     287    content: "\f452";
     288}
     289
     290.settings_page_bp-components tr.blogs td.plugin-title span:before {
     291    content: "\f120";
     292}
     293
     294.settings_page_bp-components tr.friends td.plugin-title span:before {
     295    content: "\f454";
     296}
     297
     298.settings_page_bp-components tr.core td.plugin-title span:before {
     299    content: "\f448";
     300}
     301
     302.settings_page_bp-components tr.members td.plugin-title span:before {
     303    content: "\f307";
     304}
     305
     306#bp-admin-component-form .wp-list-table.plugins .plugin-title {
     307    width: 25%;
    43308}
    44309
    45310@media screen and ( max-width: 782px ) {
    46     .about-wrap .two-col > div {
    47         width: 100%;
    48         margin: 30px 0 0;
    49         padding: 0 0 30px;
    50         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    51     }
    52     body.dashboard_page_bp-about span.dashicons,
    53     body.index_page_bp-about span.dashicons {
    54         font-size: 55px;
    55         line-height: 70px;
    56         height: 70px;
    57         width: 70px;
    58     }
    59     .about-wrap .feature-list h2 {
    60       margin: 30px 0 0;
    61       text-align: center;
    62     }
    63     .about-wrap .feature-list.finer-points h4,
    64     .about-wrap .feature-list.finer-points p {
    65         margin-left: 90px;
    66     }
    67 }
    68 
    69 /* About Page - since 2.4.0 (WP 4.4-trunk) */
    70 
    71 .about-wrap .headline-feature {
    72     margin-bottom: 1px solid rgba(0, 0, 0, 0.1);
    73 }
    74 
    75 .about-wrap .headline-feature p {
    76     font-size: 1.15em;
    77     margin: 1.25em;
    78     text-align: center;
    79 }
    80 
    81 .about-wrap .headline-feature h3 {
    82     font-size: 1.75em;
    83     font-weight: normal;
    84     margin: 1.25em 0 0.6em;
    85     text-align: center;
    86 }
    87 
    88 .about-wrap .feature-section {
    89     margin-top: 40px;
    90 }
    91 
    92 .about-wrap  .changelog .feature-section {
    93     margin-top: 0;
    94 }
    95 
    96 /* User's Lists
    97 ------------------------------------------------------------------------------*/
    98 
     311    .settings_page_bp-components td.plugin-title span {
     312        margin-top: 5px;
     313    }
     314    #bp-admin-component-form .wp-list-table.plugins .plugin-title {
     315        display: block;
     316        width: auto;
     317    }
     318    #bp-admin-component-form .subsubsub {
     319        margin-bottom: 0;
     320        padding-bottom: 35px;
     321    }
     322}
     323
     324/*
     325 * 2.3 Tools
     326 */
     327#adminmenu .toplevel_page_network-tools div.wp-menu-image:before {
     328    content: "";
     329}
     330
     331
     332/*------------------------------------------------------------------------------
     333 * 3.0 User's Lists
     334 *----------------------------------------------------------------------------*/
    99335body.site-users-php th#role,
    100336body.users-php th#role,
     
    125361}
    126362
    127 /* Tools */
    128 #adminmenu .toplevel_page_network-tools div.wp-menu-image:before {
    129     content: "";
    130 }
    131 
    132 /* Components
    133 ------------------------------------------------------------------------------*/
    134 
    135 /* Dashicons */
    136 #adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
    137 #adminmenu #toplevel_page_bp-activity_user .wp-menu-image:before,
    138 #adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before {
    139     content: "\f452";
    140 }
    141 
    142 #adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
    143 #adminmenu #toplevel_page_bp-groups_user .wp-menu-image:before,
    144 #adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before {
    145     content: "\f456";
    146 }
    147 
    148 #adminmenu #toplevel_page_bp-notifications .wp-menu-image:before,
    149 #adminmenu #toplevel_page_bp-notifications_user .wp-menu-image:before,
    150 #adminmenu #toplevel_page_bp-notifications_network .wp-menu-image:before {
    151     content: "\f439";
    152 }
    153 
    154 #adminmenu #toplevel_page_bp-messages .wp-menu-image:before,
    155 #adminmenu #toplevel_page_bp-messages_user .wp-menu-image:before,
    156 #adminmenu #toplevel_page_bp-messages_network .wp-menu-image:before {
    157     content: "\f457";
    158 }
    159 
    160 #adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    161 #adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    162 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
    163     content: "\f454";
    164 }
    165 
    166 #adminmenu #toplevel_page_bp-settings .wp-menu-image:before,
    167 #adminmenu #toplevel_page_bp-settings_user .wp-menu-image:before,
    168 #adminmenu #toplevel_page_bp-settings_network .wp-menu-image:before {
    169     content: "\f108";
    170 }
    171 
    172 #adminmenu li.toplevel_page_bp-components .wp-menu-image,
    173 #adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
    174     content: "\f448";
    175 }
    176 
    177 /* Settings - Dashicons (WP 3.8+) */
    178 .settings_page_bp-components td.plugin-title span {
    179     float: left;
    180     width: 18px;
    181     height: 18px;
    182     margin-right: 5px;
    183 }
    184 
    185 .settings_page_bp-components td.plugin-title span:before {
    186     font-family: 'dashicons';
    187     font-size: 18px;
    188 }
    189 
    190 .settings_page_bp-components tr.activity td.plugin-title span:before {
    191     content: "\f452";
    192 }
    193 
    194 .settings_page_bp-components tr.notifications td.plugin-title span:before {
    195     content: "\f339";
    196 }
    197 
    198 .settings_page_bp-components tr.xprofile td.plugin-title span:before {
    199     content: "\f336";
    200 }
    201 
    202 .settings_page_bp-components tr.settings td.plugin-title span:before {
    203     content: "\f108";
    204 }
    205 
    206 .settings_page_bp-components tr.groups td.plugin-title span:before {
    207     content: "\f456";
    208 }
    209 
    210 .settings_page_bp-components tr.messages td.plugin-title span:before {
    211     content: "\f457";
    212 }
    213 
    214 .settings_page_bp-components tr.forums td.plugin-title span:before {
    215     content: "\f452";
    216 }
    217 
    218 .settings_page_bp-components tr.blogs td.plugin-title span:before {
    219     content: "\f120";
    220 }
    221 
    222 .settings_page_bp-components tr.friends td.plugin-title span:before {
    223     content: "\f454";
    224 }
    225 
    226 .settings_page_bp-components tr.core td.plugin-title span:before {
    227     content: "\f448";
    228 }
    229 
    230 .settings_page_bp-components tr.members td.plugin-title span:before {
    231     content: "\f307";
    232 }
    233 
    234 #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    235     width: 25%;
    236 }
    237 
    238 @media screen and ( max-width: 782px ) {
    239     .settings_page_bp-components td.plugin-title span {
    240         margin-top: 5px;
    241     }
    242     #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    243         display: block;
    244         width: auto;
    245     }
    246     #bp-admin-component-form .subsubsub {
    247         margin-bottom: 0;
    248         padding-bottom: 35px;
    249     }
    250 }
    251 
    252 
    253 /* Version Badge */
    254 
    255 .bp-badge {
    256     font: normal 150px/1 'dashicons' !important;
    257     color: #D84800;
    258     display: inline-block;
    259 }
    260 
    261 .bp-badge:before {
    262     content: "\f448";
    263 }
    264 
    265 .about-wrap .bp-badge {
    266     position: absolute;
    267     top: 0;
    268     right: 0;
    269 }
    270 
    271 /* About Page - since 2.3.3 (WP 4.3) */
    272 
    273 @media only screen and (max-width: 500px) {
    274     .about-wrap .bp-badge {
    275         position: relative;
    276         margin: 10px auto;
    277         top: auto;
    278         right: auto;
    279     }
    280 }
    281 
    282 /* Emails - Edit page */
     363
     364/*------------------------------------------------------------------------------
     365 * 4.0 Emails - Edit Page
     366 *----------------------------------------------------------------------------*/
    283367body.post-type-bp-email #excerpt {
    284368    height: auto;
Note: See TracChangeset for help on using the changeset viewer.