Skip to:
Content

BuddyPress.org

Changeset 10617


Ignore:
Timestamp:
02/22/2016 04:35:19 PM (10 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.