Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
02/09/2017 07:28:32 AM (8 years ago)
Author:
mercime
Message:

Update stylesheets for the BP 2.8 Welcome Screen.

See #7426.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-core/admin/css/common.css

    r11406 r11423  
    6464 * 1.2.1 Headline Feature
    6565 */
    66 .index_page_bp-about .bp-headline-feature,
    67 .dashboard_page_bp-about .bp-headline-feature {
     66.buddypress .bp-headline-feature {
    6867    margin-bottom: 3em;
    6968    margin-top: 3em;
    … …  
    7170}
    7271
    73 .index_page_bp-about .bp-headline,
    74 .dashboard_page_bp-about .bp-headline {
     72.buddypress .bp-headline {
    7573    margin: 0 auto;
    76     width: 35em;
    77 }
    78 
    79 .index_page_bp-about .bp-headline span.dashicons,
    80 .dashboard_page_bp-about .bp-headline span.dashicons {
     74    width: 45em;
     75}
     76
     77.buddypress .bp-headline span.dashicons {
    8178    background-color: #f1f1f1;
     79    color: #d84800;
    8280    clear: left;
    8381    font-size: 100px;
    … …  
    9088}
    9189
    92 .index_page_bp-about .bp-headline-feature h3,
    93 .index_page_bp-about .bp-headline-feature .headline-title,
    94 .dashboard_page_bp-about .bp-headline-feature h3,
    95 .dashboard_page_bp-about .bp-headline-feature .headline-title {
     90.buddypress .bp-headline-feature .headline-title {
    9691    font-size: 2.2em;
    9792    font-weight: 300;
    9893    line-height: 1;
    99     margin: 0 0 0 125px;
    100 }
    101 
    102 .index_page_bp-about .bp-headline-feature p,
    103 .dashboard_page_bp-about .bp-headline-feature p {
     94    margin: 0;
     95    text-align: center;
     96}
     97
     98.buddypress .bp-headline-feature p {
    10499    font-size: 1.15em;
    105     margin: 1.15em auto 0.6em 125px;
    106 }
    107 
    108 .index_page_bp-about .bp-headline-feature .introduction,
    109 .dashboard_page_bp-about .bp-headline-feature .introduction {
    110     font-weight: 600;
    111 }
    112 
     100    margin: 1.15em auto 0.6em 0;
     101}
    113102
    114103/*
    115104 * 1.2.2 Features Section
    116105 */
    117 .index_page_bp-about .bp-features-section,
    118 .dashboard_page_bp-about .bp-features-section {
     106.buddypress .bp-features-section {
     107    border-bottom: 1px solid #ccc;
    119108    clear: both;
    120109    margin-top: 3em;
    … …  
    123112}
    124113
    125 .index_page_bp-about span.dashicons,
    126 .dashboard_page_bp-about span.dashicons {
     114.buddypress .bp-features-section span.dashicons {
    127115    background-color: #fff;
    128116    border-radius: 50%;
    … …  
    138126}
    139127
    140 .index_page_bp-about .bp-features-section h3,
    141 .dashboard_page_bp-about .bp-features-section h3 {
     128.buddypress .bp-features-section .headline-title {
    142129    font-size: 2em;
    143130    font-weight: 300;
    144131    line-height: 1.5;
    145     margin: 0 auto 3em;
     132    margin: 0 auto 2em;
    146133    text-align: center;
    147134}
    148135
    149 .index_page_bp-about .bp-feature,
    150 .dashboard_page_bp-about .bp-feature {
     136.buddypress .bp-features-section .bp-feature-with-images {
     137    border-bottom: 1px solid #ccc;
     138    margin-bottom: 5em;
     139    padding-bottom: 2em;
     140}
     141
     142.buddypress .bp-features-section .bp-feature,
     143.buddypress .bp-features-section .bp-feature-imaged {
    151144    float: left;
    152145    margin-bottom: 3em;
    … …  
    155148}
    156149
    157 
    158 .index_page_bp-about .bp-feature code,
    159 .dashboard_page_bp-about .bp-feature code{
     150.buddypress .bp-features-section .bp-feature.opposite,
     151.buddypress .bp-features-section .bp-feature-imaged.anon {
     152    margin-right: 0;
     153}
     154
     155.buddypress .bp-features-section .bp-feature code {
    160156    font-size: 0.95em;
    161157    line-height: 1.5;
    162158}
    163159
    164 .index_page_bp-about .bp-feature:nth-of-type(2n),
    165 .dashboard_page_bp-about .bp-feature:nth-of-type(2n) {
    166     margin-right: 0;
    167 }
    168 
    169 .index_page_bp-about .bp-feature::after,
    170 .dashboard_page_bp-about .bp-feature::after {
     160.buddypress .bp-feature::after {
    171161    content: '';
    172162}
    173163
    174 .index_page_bp-about .bp-feature h4,
    175 .dashboard_page_bp-about .bp-feature h4 {
     164.buddypress .bp-feature-imaged .feature-title {
     165    color: #23282d;
     166    font-size: 1.25em;
     167    margin-bottom: 0.6em;
     168    margin-top: 0;
     169}
     170
     171.buddypress .bp-feature-imaged p {
     172    clear: left;
     173    font-size: 1.1em;
     174}
     175
     176.buddypress .bp-feature-imaged img {
     177    clear: left;
     178}
     179
     180.buddypress .bp-feature .feature-title {
    176181    font-size: 1.25em;
    177182    line-height: 1.5;
    … …  
    182187}
    183188
    184 .index_page_bp-about .bp-feature p,
    185 .dashboard_page_bp-about .bp-feature p {
     189.buddypress .bp-feature p {
    186190    margin-left: 110px;
    187191}
    … …  
    190194 * 1.2.3 Changelog Section
    191195 */
    192 .index_page_bp-about .bp-changelog-section,
    193 .dashboard_page_bp-about .bp-changelog-section {
     196.buddypress .bp-changelog-section {
    194197    clear: both;
    195     margin-bottom: 8em;
     198    margin-bottom: 3em;
    196199    margin-top: 3em;
    197200    overflow: hidden;
    … …  
    199202}
    200203
    201 .index_page_bp-about .bp-changelog-section::after,
    202 .dashboard_page_bp-about .bp-changelog-section::after {
     204.buddypress .bp-changelog-section::after {
    203205    content: '';
    204206}
    205207
    206 .index_page_bp-about .bp-changelog-section .changelog-title,
    207 .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     208.buddypress .bp-changelog-section .changelog-title {
    208209    color: #23282d;
    209     font-size: 1.8em;
    210     font-weight: 300;
     210    font-size: 1.25em;
    211211    line-height: 1.5;
    212     margin: 0 auto 0.5em;
    213     text-align: center;
    214 }
    215 
    216 .index_page_bp-about .bp-changelog-section .two-col > div,
    217 .dashboard_page_bp-about .bp-changelog-section .two-col > div {
     212    margin: 0 auto 1.5em;
     213}
     214
     215.buddypress .bp-changelog-section .two-col div {
    218216    float: left;
    219217    margin-right: 4.799999999%;
    … …  
    222220}
    223221
    224 .index_page_bp-about .bp-changelog-section .two-col > div.last-feature,
    225 .dashboard_page_bp-about .bp-changelog-section .two-col > div.last-feature {
     222.buddypress .bp-changelog-section .three-col .col {
     223    float: left;
     224    margin-right: 5%;
     225    position: relative;
     226    width: 29.95%;
     227}
     228
     229.buddypress .two-col .col:nth-of-type(2n),
     230.buddypress .three-col .col:nth-of-type(3n) {
    226231    margin-right: 0;
    227232}
    228233
    229 .index_page_bp-about .bp-changelog,
    230 .dashboard_page_bp-about .bp-changelog {
     234.buddypress .bp-changelog {
    231235    margin-bottom: 3em;
    232236}
    233237
    234 .index_page_bp-about .bp-changelog h4,
    235 .dashboard_page_bp-about .bp-changelog h4 {
     238.buddypress .bp-changelog .title {
    236239    font-size: 1em;
    237240    margin-bottom: 0;
    … …  
    239242}
    240243
    241 .index_page_bp-about .bp-changelog p,
    242 .dashboard_page_bp-about .bp-changelog p {
     244.buddypress .bp-changelog p {
    243245    margin-bottom: 3em;
    244246}
    … …  
    251253    clear: both;
    252254    margin-bottom: 2em;
     255    margin-top: 2em;
    253256}
    254257
    255258@media screen and ( max-width: 782px ) {
    256     .index_page_bp-about .bp-headline-feature,
    257     .dashboard_page_bp-about .bp-headline-feature {
     259    .bp-headline-feature,
     260    .bp-features-section,
     261    .bp-changelog-section,
     262    .bp-assets {
     263        margin-left: 20px;
     264        margin-right: 20px;
     265    }
     266    .buddypress .bp-headline-feature {
    258267        padding: 0;
    259268    }
    260     .index_page_bp-about .bp-headline,
    261     .dashboard_page_bp-about .bp-headline {
     269    .buddypress .bp-headline {
    262270        margin: 0;
    263271        width: 97%;
    264272    }
    265     .index_page_bp-about .bp-features-section,
    266     .dashboard_page_bp-about .bp-features-section {
     273    .buddypress .bp-features-section {
    267274        clear: both;
    268275        margin-bottom: 0;
    269276        margin-top: 2em;
    270     }
    271     .index_page_bp-about .bp-features-section h3,
    272     .dashboard_page_bp-about .bp-features-section h3,
    273     .index_page_bp-about .bp-changelog-section .changelog-title,
    274     .dashboard_page_bp-about .bp-changelog-section .changelog-title {
    275         font-size: 1.8em;
    276         font-weight: 300;
     277        padding-bottom: 2em;
     278    }
     279    .buddypress .bp-features-section .bp-feature-with-images {
     280        margin-bottom: 2em;
     281    }
     282    .buddypress .bp-features-section .headline-title {
     283        margin-bottom: 1em;
     284    }
     285    .buddypress .bp-changelog-section .changelog-title {
     286        font-size: 1.25em;
    277287        line-height: 1.5;
    278288        margin-bottom: 0.5em;
    279289        margin-top: 0.5em;
    280290    }
    281     .index_page_bp-about .bp-features-section h4,
    282     .dashboard_page_bp-about .bp-features-section h4,
    283     .index_page_bp-about .bp-changelog-section h4,
    284     .dashboard_page_bp-about .bp-changelog-section h4 {
     291    .buddypress .bp-features-section .feature-title,
     292    .buddypress .bp-changelog-section .title {
    285293        font-size: 1.25em;
    286294        line-height: 1.25;
    … …  
    288296        text-align: left;
    289297    }
    290     .index_page_bp-about .bp-feature,
    291     .dashboard_page_bp-about .bp-feature {
     298    .buddypress .bp-features-section .bp-feature,
     299    .buddypress .bp-features-section .bp-feature-imaged {
    292300        clear: both;
    293301        float: left;
    … …  
    298306        width: 100%;
    299307    }
    300     .index_page_bp-about .bp-feature span,
    301     .dashboard_page_bp-about .bp-feature span {
     308    .buddypress .bp-features-section .bp-feature-imaged p {
     309        font-size: 1em;
     310    }
     311    .buddypress .bp-features-section .bp-feature span {
    302312        margin-top: 0.33em;
    303313    }
    304     .index_page_bp-about .bp-feature h4,
    305     .dashboard_page_bp-about .bp-feature h4,
    306     .index_page_bp-about .bp-feature p,
    307     .dashboard_page_bp-about .bp-feature p {
    308         width: 100%;
    309     }
    310     .index_page_bp-about .bp-feature.opposite h4,
    311     .dashboard_page_bp-about .bp-feature.opposite h4,
    312     .index_page_bp-about .bp-feature.opposite p,
    313     .dashboard_page_bp-about .bp-feature.opposite p {
     314    .buddypress .bp-feature.opposite .feature-title,
     315    .buddypress .bp-feature.opposite p {
    314316        float: none;
    315317    }
    316     .index_page_bp-about .bp-changelog-section,
    317     .dashboard_page_bp-about .bp-changelog-section {
     318    .buddypress .bp-changelog-section {
    318319    clear: both;
    319320    margin-bottom: 2em;
    320     }
    321     .index_page_bp-about .bp-changelog-section .changelog-title,
    322     .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     321    margin-top: 2em;
     322    }
     323    .buddypress .bp-changelog-section .changelog-title {
     324        margin-bottom: 1.5em;
     325    }
     326    .buddypress .bp-changelog .title {
     327        font-size: 1em;
     328    }
     329    .buddypress .bp-changelog p {
    323330        margin-bottom: 1em;
    324331    }
    325     .index_page_bp-about .bp-changelog h4,
    326     .dashboard_page_bp-about .bp-changelog h4 {
    327         font-size: 1em;
    328     }
    329     .index_page_bp-about .bp-changelog p,
    330     .dashboard_page_bp-about .bp-changelog p {
    331         margin-bottom: 2em;
    332     }
    333     .index_page_bp-about .bp-changelog-section .two-col > div,
    334     .dashboard_page_bp-about .bp-changelog-section .two-col > div {
     332    .buddypress .bp-changelog-section .two-col > div,
     333    .buddypress .bp-changelog-section .three-col .col {
    335334        margin-top: 0;
    336335        padding-bottom: 0.5em;
    … …  
    339338}
    340339@media screen and ( max-width: 360px ) {
    341     .index_page_bp-about .bp-headline,
    342     .dashboard_page_bp-about .bp-headline {
     340    .buddypress .bp-headline {
    343341        text-align: center;
    344342    }
    345     .index_page_bp-about .bp-headline span.dashicons,
    346     .dashboard_page_bp-about .bp-headline span.dashicons {
     343    .buddypress .bp-headline span.dashicons {
    347344        clear: none;
    348345        font-size: 80px;
    … …  
    353350        width: 80px;
    354351    }
    355     .index_page_bp-about .bp-headline-feature h3,
    356     .index_page_bp-about .bp-headline-feature .headline-title,
    357     .dashboard_page_bp-about .bp-headline-feature h3,
    358     .dashboard_page_bp-about .bp-headline-feature .headline-title {
     352    .buddypress .bp-headline-feature .headline-title,
     353    .buddypress .bp-features-section .headline-title {
     354        font-size: 1.5em;
     355        line-height: 1.5;
     356    }
     357    .buddypress .bp-headline-feature .headline-title {
    359358        margin: 1em 0 0 0;
    360359        text-align: left;
    361360    }
    362     .index_page_bp-about .bp-headline-feature p,
    363     .dashboard_page_bp-about .bp-headline-feature p {
     361    .buddypress .bp-headline-feature p {
    364362        margin: 1.15em auto 0.6em 0;
    365363        text-align: left;
    366     }
    367     .index_page_bp-about .bp-headline-feature .headline-title,
    368     .dashboard_page_bp-about .bp-headline-feature .headline-title {
    369         font-size: 1.5em;
    370         line-height: 1.5;
    371     }
    372     .index_page_bp-about .bp-headline-feature p,
    373     .dashboard_page_bp-about .bp-headline-feature p {
    374364        width: auto;
    375365    }
    376     .index_page_bp-about .bp-feature,
    377     .dashboard_page_bp-about .bp-feature {
     366    .buddypress .bp-features-section .bp-feature {
    378367        text-align: center;
    379368    }
    380     .index_page_bp-about span.dashicons,
    381     .dashboard_page_bp-about span.dashicons {
     369    .buddypress .bp-features-section span.dashicons {
    382370        float: none;
    383371    }
    384     .index_page_bp-about .bp-features-section h4,
    385     .dashboard_page_bp-about .bp-features-section h4,
    386     .index_page_bp-about .bp-features-section p,
    387     .dashboard_page_bp-about .bp-features-section p {
     372    .buddypress .bp-features-section .feature-title,
     373    .buddypress .bp-features-section p {
    388374        margin-left: 0;
    389375        text-align: left;
Note: See TracChangeset for help on using the changeset viewer.