Skip to:
Content

BuddyPress.org

Ticket #7267: 7267.2.patch

File 7267.2.patch, 29.0 KB (added by mercime, 8 years ago)

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

     
    6666.index_page_bp-about .bp-headline-feature,
    6767.dashboard_page_bp-about .bp-headline-feature {
    6868        margin-bottom: 3em;
     69        margin-top: 3em;
     70        padding: 2em 3em;
     71}
     72
     73.index_page_bp-about .bp-headline,
     74.dashboard_page_bp-about .bp-headline {
     75        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 {
     81        background-color: #f1f1f1;
     82        clear: right;
     83        font-size: 100px;
     84        float: right;
     85        height: 100px;
     86        line-height: 100px;
     87        margin: 0 0 15px 15px ;
    6988        text-align: center;
     89        width: 100px;
    7090}
    7191
    7292.index_page_bp-about .bp-headline-feature h3,
    … …  
    7494.dashboard_page_bp-about .bp-headline-feature h3,
    7595.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7696        font-size: 2.2em;
    77         line-height: 1.3;
    78         margin: 1.25em 0 0.6em;
    79         text-align: center;
     97        font-weight: 300;
     98        line-height: 1;
     99        margin: 0 125px 0 0;
    80100}
    81101
    82102.index_page_bp-about .bp-headline-feature p,
    83103.dashboard_page_bp-about .bp-headline-feature p {
    84104        font-size: 1.15em;
    85         margin: 1.15em auto 0.6em;
    86         max-width: 80%;
     105        margin: 1.15em 125px 0.6em auto;
    87106}
    88107
    89108.index_page_bp-about .bp-headline-feature .introduction,
    … …  
    98117.index_page_bp-about .bp-features-section,
    99118.dashboard_page_bp-about .bp-features-section {
    100119        clear: both;
    101         margin-bottom: 2em;
    102         margin-top: 2em;
     120        margin-top: 3em;
     121        overflow: hidden;
    103122        padding-bottom: 0;
    104123}
    105124
     125.index_page_bp-about span.dashicons,
     126.dashboard_page_bp-about span.dashicons {
     127        background-color: #fff;
     128        border-radius: 50%;
     129        clear: right;
     130        color: #d84800;
     131        font-size: 50px;
     132        float: right;
     133        height: 80px;
     134        line-height: 80px;
     135        margin: 0 0 15px 15px ;
     136        text-align: center;
     137        width: 80px;
     138}
     139
    106140.index_page_bp-about .bp-features-section h3,
    107141.dashboard_page_bp-about .bp-features-section h3 {
    108         font-size: 1.8em;
    109         font-weight: normal;
    110         line-height: 1.5em;
    111         margin: 0 0 0.6em;
     142        font-size: 2em;
     143        font-weight: 300;
     144        line-height: 1.5;
     145        margin: 0 auto 1.5em;
    112146        text-align: center;
    113147}
    114148
    115149.index_page_bp-about .bp-feature,
    116150.dashboard_page_bp-about .bp-feature {
    117         clear: both;
    118         overflow: hidden;
     151        float: right;
    119152        margin-bottom: 3em;
    120         margin-top: 3em;
     153        margin-left: 4.799999999%;
     154        width: 47.6%;
    121155}
    122156
     157.index_page_bp-about .bp-feature:nth-of-type(2n),
     158.dashboard_page_bp-about .bp-feature:nth-of-type(2n) {
     159        margin-left: 0;
     160}
     161
    123162.index_page_bp-about .bp-feature::after,
    124163.dashboard_page_bp-about .bp-feature::after {
    125164        content: '';
    … …  
    127166
    128167.index_page_bp-about .bp-feature h4,
    129168.dashboard_page_bp-about .bp-feature h4 {
    130         color: #23282d;
    131         display: inline-block;
    132169        font-size: 1.25em;
    133         margin-bottom: 0.6em;
     170        line-height: 1.5;
     171        margin-bottom: 0;
     172        margin-right: 110px;
    134173        margin-top: 0;
    135         width: 47%;
     174        text-align: right;
    136175}
    137176
    138177.index_page_bp-about .bp-feature p,
    139178.dashboard_page_bp-about .bp-feature p {
    140         float: right;
    141         font-size: 1.15em;
    142         width: 47%;
     179        margin-right: 110px;
    143180}
    144181
    145 .index_page_bp-about .bp-feature.opposite h4,
    146 .dashboard_page_bp-about .bp-feature.opposite h4,
    147 .index_page_bp-about .bp-feature.opposite p,
    148 .dashboard_page_bp-about .bp-feature.opposite p {
    149         float: left;
    150 }
    151 
    152 .index_page_bp-about .bp-feature img,
    153 .dashboard_page_bp-about .bp-feature img {
    154         clear: left;
    155         float: left;
    156         margin-right: 2.5%;
    157         width: 50%;
    158         max-width: 50%;
    159 }
    160 
    161 .index_page_bp-about .bp-feature.opposite img,
    162 .dashboard_page_bp-about .bp-feature.opposite img{
    163         clear: right;
    164         float: right;
    165         margin-right: 0;
    166         margin-left: 2.5%;
    167 }
    168 
    169 
    170182/*
    171183 * 1.2.3 Changelog Section
    172184 */
    173185.index_page_bp-about .bp-changelog-section,
    174186.dashboard_page_bp-about .bp-changelog-section {
    175         border-top: 1px solid #ccc;
    176187        clear: both;
    177         margin-bottom: 3em;
    178         margin-top: 2em;
     188        margin-bottom: 8em;
     189        margin-top: 3em;
     190        overflow: hidden;
    179191        padding-bottom: 0;
    180192}
    181193
    … …  
    190202        font-size: 1.8em;
    191203        font-weight: 300;
    192204        line-height: 1.5;
    193         margin: 1.25em 0 0.6em;
     205        margin: 0 auto 0.5em;
    194206        text-align: center;
    195207}
    196208
    … …  
    214226
    215227.index_page_bp-about .bp-changelog h4,
    216228.dashboard_page_bp-about .bp-changelog h4 {
    217         font-size: 1.15em;
    218         margin-top: 1.5em;
    219         margin-bottom: 0.6em;
     229        font-size: 1em;
     230        margin-bottom: 0;
     231        margin-top: 0;
    220232}
    221233
    222234.index_page_bp-about .bp-changelog p,
    223235.dashboard_page_bp-about .bp-changelog p {
    224         font-size: 1.05em;
    225         margin-top: 0.75em;
     236        margin-bottom: 3em;
    226237}
    227238
     239.bp-changelog-url {
     240        text-align: center;
     241}
     242
    228243.bp-assets {
    229244        clear: both;
    230245        margin-bottom: 2em;
    231         padding-top: 3em;
    232246}
    233247
    234248@media screen and ( max-width: 782px ) {
    235249        .index_page_bp-about .bp-headline-feature,
    236250        .dashboard_page_bp-about .bp-headline-feature {
    237                 max-width: 100%;
     251                padding: 0;
    238252        }
    239         .index_page_bp-about .bp-headline-feature .headline-title,
    240         .dashboard_page_bp-about .bp-headline-feature .headline-title {
    241                 font-size: 1.5em;
    242                 line-height: 1.5;
     253        .index_page_bp-about .bp-headline,
     254        .dashboard_page_bp-about .bp-headline {
     255                margin: 0;
     256                width: 97%;
    243257        }
    244         .index_page_bp-about .bp-headline-feature p,
    245         .dashboard_page_bp-about .bp-headline-feature p {
    246                 max-width: 100%;
    247         }
    248258        .index_page_bp-about .bp-features-section,
    249259        .dashboard_page_bp-about .bp-features-section {
     260                clear: both;
    250261                margin-bottom: 0;
    251262                margin-top: 2em;
    252263        }
    … …  
    257268                font-size: 1.8em;
    258269                font-weight: 300;
    259270                line-height: 1.5;
     271                margin-bottom: 0.5em;
     272                margin-top: 0.5em;
    260273        }
    261274        .index_page_bp-about .bp-features-section h4,
    262275        .dashboard_page_bp-about .bp-features-section h4,
    … …  
    269282        }
    270283        .index_page_bp-about .bp-feature,
    271284        .dashboard_page_bp-about .bp-feature {
     285                clear: both;
     286                float: right;
    272287                margin-bottom: 1em;
    273288                margin-top: 1em;
     289                margin-left: 0;
     290                padding-left: 1em;
     291                width: 100%;
    274292        }
     293        .index_page_bp-about .bp-feature span,
     294        .dashboard_page_bp-about .bp-feature span {
     295                margin-top: 0.33em;
     296        }
    275297        .index_page_bp-about .bp-feature h4,
    276298        .dashboard_page_bp-about .bp-feature h4,
    277299        .index_page_bp-about .bp-feature p,
    … …  
    284306        .dashboard_page_bp-about .bp-feature.opposite p {
    285307                float: none;
    286308        }
    287         .index_page_bp-about .bp-feature img,
    288         .dashboard_page_bp-about .bp-feature img {
    289                 clear: right;
    290                 float: none;
    291                 margin-right: 0;
    292                 width: 100%;
    293                 max-width: 100%;
     309        .index_page_bp-about .bp-changelog-section,
     310        .dashboard_page_bp-about .bp-changelog-section {
     311        clear: both;
     312        margin-bottom: 2em;
    294313        }
    295         .index_page_bp-about .bp-feature.opposite img,
    296         .dashboard_page_bp-about .bp-feature.opposite img{
    297                 clear: right;
    298                 float: none;
    299                 margin-left: 0;
     314        .index_page_bp-about .bp-changelog-section .changelog-title,
     315        .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     316                margin-bottom: 1em;
    300317        }
     318        .index_page_bp-about .bp-changelog h4,
     319        .dashboard_page_bp-about .bp-changelog h4 {
     320                font-size: 1em;
     321        }
     322        .index_page_bp-about .bp-changelog p,
     323        .dashboard_page_bp-about .bp-changelog p {
     324                margin-bottom: 2em;
     325        }
    301326        .index_page_bp-about .bp-changelog-section .two-col > div,
    302327        .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    303328                margin-top: 0;
    … …  
    305330                width: 100%;
    306331        }
    307332}
    308 
    309 
     333@media screen and ( max-width: 360px ) {
     334        .index_page_bp-about .bp-headline,
     335        .dashboard_page_bp-about .bp-headline {
     336                text-align: center;
     337        }
     338        .index_page_bp-about .bp-headline span.dashicons,
     339        .dashboard_page_bp-about .bp-headline span.dashicons {
     340                clear: none;
     341                font-size: 80px;
     342                float: none;
     343                height: 80px;
     344                line-height: 80px;
     345                margin: 0 auto;
     346                width: 80px;
     347        }
     348        .index_page_bp-about .bp-headline-feature h3,
     349        .index_page_bp-about .bp-headline-feature .headline-title,
     350        .dashboard_page_bp-about .bp-headline-feature h3,
     351        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     352                margin: 1em 0 0 0;
     353                text-align: right;
     354        }
     355        .index_page_bp-about .bp-headline-feature p,
     356        .dashboard_page_bp-about .bp-headline-feature p {
     357                margin: 1.15em 0 0.6em auto;
     358                text-align: right;
     359        }
     360        .index_page_bp-about .bp-headline-feature .headline-title,
     361        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     362                font-size: 1.5em;
     363                line-height: 1.5;
     364        }
     365        .index_page_bp-about .bp-headline-feature p,
     366        .dashboard_page_bp-about .bp-headline-feature p {
     367                width: auto;
     368        }
     369        .index_page_bp-about .bp-feature,
     370        .dashboard_page_bp-about .bp-feature {
     371                text-align: center;
     372        }
     373        .index_page_bp-about span.dashicons,
     374        .dashboard_page_bp-about span.dashicons {
     375                float: none;
     376        }
     377        .index_page_bp-about .bp-features-section h4,
     378        .dashboard_page_bp-about .bp-features-section h4,
     379        .index_page_bp-about .bp-features-section p,
     380        .dashboard_page_bp-about .bp-features-section p {
     381                margin-right: 0;
     382                text-align: right;
     383        }
     384}
    310385/*------------------------------------------------------------------------------
    311386 * 2.0 Dashicons
    312387 *----------------------------------------------------------------------------*/

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

     
    6666.index_page_bp-about .bp-headline-feature,
    6767.dashboard_page_bp-about .bp-headline-feature {
    6868        margin-bottom: 3em;
     69        margin-top: 3em;
     70        padding: 2em 3em;
     71}
     72
     73.index_page_bp-about .bp-headline,
     74.dashboard_page_bp-about .bp-headline {
     75        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 {
     81        background-color: #f1f1f1;
     82        clear: left;
     83        font-size: 100px;
     84        float: left;
     85        height: 100px;
     86        line-height: 100px;
     87        margin: 0 15px 15px 0 ;
    6988        text-align: center;
     89        width: 100px;
    7090}
    7191
    7292.index_page_bp-about .bp-headline-feature h3,
    … …  
    7494.dashboard_page_bp-about .bp-headline-feature h3,
    7595.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7696        font-size: 2.2em;
    77         line-height: 1.3;
    78         margin: 1.25em 0 0.6em;
    79         text-align: center;
     97        font-weight: 300;
     98        line-height: 1;
     99        margin: 0 0 0 125px;
    80100}
    81101
    82102.index_page_bp-about .bp-headline-feature p,
    83103.dashboard_page_bp-about .bp-headline-feature p {
    84104        font-size: 1.15em;
    85         margin: 1.15em auto 0.6em;
    86         max-width: 80%;
     105        margin: 1.15em auto 0.6em 125px;
    87106}
    88107
    89108.index_page_bp-about .bp-headline-feature .introduction,
    … …  
    98117.index_page_bp-about .bp-features-section,
    99118.dashboard_page_bp-about .bp-features-section {
    100119        clear: both;
    101         margin-bottom: 2em;
    102         margin-top: 2em;
     120        margin-top: 3em;
     121        overflow: hidden;
    103122        padding-bottom: 0;
    104123}
    105124
     125.index_page_bp-about span.dashicons,
     126.dashboard_page_bp-about span.dashicons {
     127        background-color: #fff;
     128        border-radius: 50%;
     129        clear: left;
     130        color: #d84800;
     131        font-size: 50px;
     132        float: left;
     133        height: 80px;
     134        line-height: 80px;
     135        margin: 0 15px 15px 0 ;
     136        text-align: center;
     137        width: 80px;
     138}
     139
    106140.index_page_bp-about .bp-features-section h3,
    107141.dashboard_page_bp-about .bp-features-section h3 {
    108         font-size: 1.8em;
    109         font-weight: normal;
    110         line-height: 1.5em;
    111         margin: 0 0 0.6em;
     142        font-size: 2em;
     143        font-weight: 300;
     144        line-height: 1.5;
     145        margin: 0 auto 1.5em;
    112146        text-align: center;
    113147}
    114148
    115149.index_page_bp-about .bp-feature,
    116150.dashboard_page_bp-about .bp-feature {
    117         clear: both;
    118         overflow: hidden;
     151        float: left;
    119152        margin-bottom: 3em;
    120         margin-top: 3em;
     153        margin-right: 4.799999999%;
     154        width: 47.6%;
    121155}
    122156
     157.index_page_bp-about .bp-feature:nth-of-type(2n),
     158.dashboard_page_bp-about .bp-feature:nth-of-type(2n) {
     159        margin-right: 0;
     160}
     161
    123162.index_page_bp-about .bp-feature::after,
    124163.dashboard_page_bp-about .bp-feature::after {
    125164        content: '';
    … …  
    127166
    128167.index_page_bp-about .bp-feature h4,
    129168.dashboard_page_bp-about .bp-feature h4 {
    130         color: #23282d;
    131         display: inline-block;
    132169        font-size: 1.25em;
    133         margin-bottom: 0.6em;
     170        line-height: 1.5;
     171        margin-bottom: 0;
     172        margin-left: 110px;
    134173        margin-top: 0;
    135         width: 47%;
     174        text-align: left;
    136175}
    137176
    138177.index_page_bp-about .bp-feature p,
    139178.dashboard_page_bp-about .bp-feature p {
    140         float: left;
    141         font-size: 1.15em;
    142         width: 47%;
     179        margin-left: 110px;
    143180}
    144181
    145 .index_page_bp-about .bp-feature.opposite h4,
    146 .dashboard_page_bp-about .bp-feature.opposite h4,
    147 .index_page_bp-about .bp-feature.opposite p,
    148 .dashboard_page_bp-about .bp-feature.opposite p {
    149         float: right;
    150 }
    151 
    152 .index_page_bp-about .bp-feature img,
    153 .dashboard_page_bp-about .bp-feature img {
    154         clear: right;
    155         float: right;
    156         margin-left: 2.5%;
    157         width: 50%;
    158         max-width: 50%;
    159 }
    160 
    161 .index_page_bp-about .bp-feature.opposite img,
    162 .dashboard_page_bp-about .bp-feature.opposite img{
    163         clear: left;
    164         float: left;
    165         margin-left: 0;
    166         margin-right: 2.5%;
    167 }
    168 
    169 
    170182/*
    171183 * 1.2.3 Changelog Section
    172184 */
    173185.index_page_bp-about .bp-changelog-section,
    174186.dashboard_page_bp-about .bp-changelog-section {
    175         border-top: 1px solid #ccc;
    176187        clear: both;
    177         margin-bottom: 3em;
    178         margin-top: 2em;
     188        margin-bottom: 8em;
     189        margin-top: 3em;
     190        overflow: hidden;
    179191        padding-bottom: 0;
    180192}
    181193
    … …  
    190202        font-size: 1.8em;
    191203        font-weight: 300;
    192204        line-height: 1.5;
    193         margin: 1.25em 0 0.6em;
     205        margin: 0 auto 0.5em;
    194206        text-align: center;
    195207}
    196208
    … …  
    214226
    215227.index_page_bp-about .bp-changelog h4,
    216228.dashboard_page_bp-about .bp-changelog h4 {
    217         font-size: 1.15em;
    218         margin-top: 1.5em;
    219         margin-bottom: 0.6em;
     229        font-size: 1em;
     230        margin-bottom: 0;
     231        margin-top: 0;
    220232}
    221233
    222234.index_page_bp-about .bp-changelog p,
    223235.dashboard_page_bp-about .bp-changelog p {
    224         font-size: 1.05em;
    225         margin-top: 0.75em;
     236        margin-bottom: 3em;
    226237}
    227238
     239.bp-changelog-url {
     240        text-align: center;
     241}
     242
    228243.bp-assets {
    229244        clear: both;
    230245        margin-bottom: 2em;
    231         padding-top: 3em;
    232246}
    233247
    234248@media screen and ( max-width: 782px ) {
    235249        .index_page_bp-about .bp-headline-feature,
    236250        .dashboard_page_bp-about .bp-headline-feature {
    237                 max-width: 100%;
     251                padding: 0;
    238252        }
    239         .index_page_bp-about .bp-headline-feature .headline-title,
    240         .dashboard_page_bp-about .bp-headline-feature .headline-title {
    241                 font-size: 1.5em;
    242                 line-height: 1.5;
     253        .index_page_bp-about .bp-headline,
     254        .dashboard_page_bp-about .bp-headline {
     255                margin: 0;
     256                width: 97%;
    243257        }
    244         .index_page_bp-about .bp-headline-feature p,
    245         .dashboard_page_bp-about .bp-headline-feature p {
    246                 max-width: 100%;
    247         }
    248258        .index_page_bp-about .bp-features-section,
    249259        .dashboard_page_bp-about .bp-features-section {
     260                clear: both;
    250261                margin-bottom: 0;
    251262                margin-top: 2em;
    252263        }
    … …  
    257268                font-size: 1.8em;
    258269                font-weight: 300;
    259270                line-height: 1.5;
     271                margin-bottom: 0.5em;
     272                margin-top: 0.5em;
    260273        }
    261274        .index_page_bp-about .bp-features-section h4,
    262275        .dashboard_page_bp-about .bp-features-section h4,
    … …  
    269282        }
    270283        .index_page_bp-about .bp-feature,
    271284        .dashboard_page_bp-about .bp-feature {
     285                clear: both;
     286                float: left;
    272287                margin-bottom: 1em;
    273288                margin-top: 1em;
     289                margin-right: 0;
     290                padding-right: 1em;
     291                width: 100%;
    274292        }
     293        .index_page_bp-about .bp-feature span,
     294        .dashboard_page_bp-about .bp-feature span {
     295                margin-top: 0.33em;
     296        }
    275297        .index_page_bp-about .bp-feature h4,
    276298        .dashboard_page_bp-about .bp-feature h4,
    277299        .index_page_bp-about .bp-feature p,
    … …  
    284306        .dashboard_page_bp-about .bp-feature.opposite p {
    285307                float: none;
    286308        }
    287         .index_page_bp-about .bp-feature img,
    288         .dashboard_page_bp-about .bp-feature img {
    289                 clear: left;
    290                 float: none;
    291                 margin-left: 0;
    292                 width: 100%;
    293                 max-width: 100%;
     309        .index_page_bp-about .bp-changelog-section,
     310        .dashboard_page_bp-about .bp-changelog-section {
     311        clear: both;
     312        margin-bottom: 2em;
    294313        }
    295         .index_page_bp-about .bp-feature.opposite img,
    296         .dashboard_page_bp-about .bp-feature.opposite img{
    297                 clear: left;
    298                 float: none;
    299                 margin-right: 0;
     314        .index_page_bp-about .bp-changelog-section .changelog-title,
     315        .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     316                margin-bottom: 1em;
    300317        }
     318        .index_page_bp-about .bp-changelog h4,
     319        .dashboard_page_bp-about .bp-changelog h4 {
     320                font-size: 1em;
     321        }
     322        .index_page_bp-about .bp-changelog p,
     323        .dashboard_page_bp-about .bp-changelog p {
     324                margin-bottom: 2em;
     325        }
    301326        .index_page_bp-about .bp-changelog-section .two-col > div,
    302327        .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    303328                margin-top: 0;
    … …  
    305330                width: 100%;
    306331        }
    307332}
    308 
    309 
     333@media screen and ( max-width: 360px ) {
     334        .index_page_bp-about .bp-headline,
     335        .dashboard_page_bp-about .bp-headline {
     336                text-align: center;
     337        }
     338        .index_page_bp-about .bp-headline span.dashicons,
     339        .dashboard_page_bp-about .bp-headline span.dashicons {
     340                clear: none;
     341                font-size: 80px;
     342                float: none;
     343                height: 80px;
     344                line-height: 80px;
     345                margin: 0 auto;
     346                width: 80px;
     347        }
     348        .index_page_bp-about .bp-headline-feature h3,
     349        .index_page_bp-about .bp-headline-feature .headline-title,
     350        .dashboard_page_bp-about .bp-headline-feature h3,
     351        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     352                margin: 1em 0 0 0;
     353                text-align: left;
     354        }
     355        .index_page_bp-about .bp-headline-feature p,
     356        .dashboard_page_bp-about .bp-headline-feature p {
     357                margin: 1.15em auto 0.6em 0;
     358                text-align: left;
     359        }
     360        .index_page_bp-about .bp-headline-feature .headline-title,
     361        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     362                font-size: 1.5em;
     363                line-height: 1.5;
     364        }
     365        .index_page_bp-about .bp-headline-feature p,
     366        .dashboard_page_bp-about .bp-headline-feature p {
     367                width: auto;
     368        }
     369        .index_page_bp-about .bp-feature,
     370        .dashboard_page_bp-about .bp-feature {
     371                text-align: center;
     372        }
     373        .index_page_bp-about span.dashicons,
     374        .dashboard_page_bp-about span.dashicons {
     375                float: none;
     376        }
     377        .index_page_bp-about .bp-features-section h4,
     378        .dashboard_page_bp-about .bp-features-section h4,
     379        .index_page_bp-about .bp-features-section p,
     380        .dashboard_page_bp-about .bp-features-section p {
     381                margin-left: 0;
     382                text-align: left;
     383        }
     384}
    310385/*------------------------------------------------------------------------------
    311386 * 2.0 Dashicons
    312387 *----------------------------------------------------------------------------*/

  • src/bp-core/classes/class-bp-admin.php

     
    613613                        <?php endif; ?>
    614614
    615615                        <div class="bp-headline-feature">
    616                                 <h3 class="headline-title"><?php esc_html_e( 'Activity Embeds', 'buddypress' ); ?></h3>
     616                                <div class="bp-headline">
     617                                        <span class="dashicons dashicons-list-view" aria-hidden="true"></span>
     618                                        <h3 class="headline-title"><?php esc_html_e( 'Groups Query Overhaul', 'buddypress' ); ?></h3>
    617619
    618                                 <?php if ( $embedded_activity ) :
    619                                         wp_enqueue_script( 'wp-embed' );
    620                                 ?>
    621                                         <div class="embed-container">
    622                                                 <?php echo $embedded_activity ; ?>
    623                                         </div>
     620                                        <p class="introduction"><?php _e( 'Huge performance improvements on sites using persistent caching.', 'buddypress' ); ?> <?php _e( ' ', 'buddypress' ); ?> <a href="https://bpdevel.wordpress.com/2016/09/19/group-queries-have-been-rewritten-for-bp-2-7/"><?php esc_html_e( 'Learn more about the Groups Query rewrite.', 'buddypress' ); ?></a></p>
     621                                </div>
     622                        </div>
    624623
    625                                 <?php else : ?>
     624                        <div class="bp-features-section">
    626625
    627                                         <div class="featured-image">
    628                                                 <a href="http://wordpress.tv/2016/06/15/buddypress-2-6-introducing-buddypress-activity-embeds/" title="<?php esc_attr_e( 'View the Activity Embeds demo', 'buddypress' ); ?>">
    629                                                 <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/activity-embeds.png' ); ?>" alt="<?php esc_attr_e( 'Embed activities into your WordPress posts or pages.', 'buddypress' ); ?>">
    630                                                 </a>
    631                                         </div>
     626                                <h3 class="headline-title"><?php esc_html_e( 'For Developers &amp; Site Administrators', 'buddypress' ); ?></h3>
    632627
    633                                 <?php endif ; ?>
     628                                <div class="bp-feature">
     629                                        <span class="dashicons dashicons-calendar" aria-hidden="true"></span>
     630                                        <h4 class="feature-title"><?php esc_html_e( 'Improved xProfile Date Field', 'buddypress' ); ?></h4>
     631                                        <p><?php _e( 'New Date Field settings, "Date format" and "Range", make it easier for site administrators to decide how date-based data will be collected and displayed.', 'buddypress' ); ?></p>
     632                                </div>
    634633
    635                                 <p class="introduction"><?php _e( 'Embed activities into your WordPress posts or pages.', 'buddypress' ); ?>  </p>
    636                                 <p><?php _e( 'Copy the permalink URL of the activity of your choice, paste it into the content editor of your WordPress post or page, and <em>voilà</em>&#33;, you&#39;ve embedded an activity update.', 'buddypress' ); ?> <a href="http://wordpress.tv/2016/06/15/buddypress-2-6-introducing-buddypress-activity-embeds/"><?php esc_html_e( 'View the Activity Embeds demo', 'buddypress' ); ?></a></p>
     634                                <div class="bp-feature opposite">
     635                                        <span class="dashicons dashicons-groups" aria-hidden="true"></span>
     636                                        <h4 class="feature-title"><?php esc_html_e( 'Group Types Integration in Templates', 'buddypress' ); ?></h4>
     637                                        <p><?php esc_html_e( 'Enable developers to show Group Types in the front end as well as control where the group type information is rendered.', 'buddypress' ); ?> <a href="https://codex.buddypress.org/developer/group-types/"><?php esc_html_e( 'Learn how to implement this.', 'buddypress' ); ?></a></p>
     638                                </div>
    637639
    638                                 <div class="clear"></div>
    639                         </div>
     640                                <div class="bp-feature">
     641                                        <span class="dashicons dashicons-clock" aria-hidden="true"></span>
     642                                        <h4 class="feature-title"><?php esc_html_e( 'Localized Timestamps', 'buddypress' ); ?></h4>
     643                                        <p><?php esc_html_e( 'Fix inaccurate timestamps due to time zones or page caching with new client-side timestamp handling.', 'buddypress' ); ?></p>
     644                                </div>
    640645
    641                         <hr />
     646                                <div class="bp-feature opposite">
     647                                        <span class="dashicons dashicons-email" aria-hidden="true"></span>
     648                                        <h4 class="feature-title"><?php esc_html_e( 'Links to Unsubscribe from Emails', 'buddypress' ); ?></h4>
     649                                        <p><?php esc_html_e( 'Improve user experience by facilitating the removal of any or all subscriptions through the new email tokens and unsuscribe links.', 'buddypress' ); ?></p>
     650                                </div>
    642651
    643                         <div class="bp-features-section">
    644                                 <h3 class="headline-title"><?php esc_html_e( 'Features', 'buddypress' ); ?></h3>
     652                                <div class="bp-feature">
     653                                        <span class="dashicons dashicons-filter" aria-hidden="true"></span>
     654                                        <h4 class="title"><?php esc_html_e( 'Member Type and Group Type Filters in Users and Groups admin screens', 'buddypress' ); ?></h4>
     655                                        <p><?php esc_html_e( 'Easily filter your members and groups by type and set types in bulk on the users and groups list tables in the dashboard.', 'buddypress' ); ?></p>
     656                                </div>
    645657
     658                                <div class="bp-feature opposite">
     659                                        <span class="dashicons dashicons-universal-access" aria-hidden="true"></span>
     660                                        <h4 class="title"><?php esc_html_e( 'Accessibility Updates for the Front-end and Back-end', 'buddypress' ); ?></h4>
     661                                        <p><?php esc_html_e( 'Continued improvements for universal acceess help make BuddyPress&#39; back- and front-end screens usable for everyone &#40;and on more devices&#41;.', 'buddypress' ); ?></p>
     662                                </div>
     663
    646664                                <div class="bp-feature">
    647                                         <h4 class="feature-title"><?php esc_html_e( 'Custom Front Page for Member Profile ', 'buddypress' ); ?></h4>
    648                                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/user-frontpage.png' ); ?>" alt="<?php esc_attr_e( 'A member custom front page using widgets.', 'buddypress' ); ?>">
    649                                         <p><?php _e( 'Theme developers or site owners can create custom front pages for their community&#39;s members by adding a <code>front.php</code> template to their template overrides. A specific template hierarchy is also available to make them even more unique.', 'buddypress' ); ?> <a href="https://bpdevel.wordpress.com/2016/05/24/custom-front-pages-for-your-users-profiles/"><?php esc_html_e( 'Read all about this new feature.', 'buddypress' ); ?></a></p>
     665                                        <span class="dashicons dashicons-admin-page" aria-hidden="true"></span>
     666                                        <h4 class="title"><?php esc_html_e( 'Use WP Page Names for Headings of BP Directory Pages', 'buddypress' ); ?></h4>
     667                                        <p><?php esc_html_e( 'Whatever you choose as the title of your Activity, Sites, Members, or Groups directory pages in the back end, is what you\'ll get as the heading in the front end.', 'buddypress' ); ?></p>
    650668                                </div>
    651669
    652670                                <div class="bp-feature opposite">
    653                                         <h4 class="feature-title"><?php esc_html_e( 'Group Types API', 'buddypress' ); ?></h4>
    654                                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/group-type-pop.png' ); ?>" alt="<?php esc_attr_e( 'Group types metabox in Groups admin page.', 'buddypress' ); ?>">
    655                                         <p><?php esc_html_e( 'Registering group types finally enables a strict separation of different and explicit types of groups. This new feature is available to plugin developers starting with BuddyPress 2.6.', 'buddypress' ); ?> <a href="https://codex.buddypress.org/developer/group-types/"><?php esc_html_e( 'Learn how to set up Group Types.', 'buddypress' ); ?></a></p>
     671                                        <span class="dashicons dashicons-image-filter" aria-hidden="true"></span>
     672                                        <h4 class="title"><?php esc_html_e( 'Improvements to a Single Group\'s Management Screens', 'buddypress' ); ?></h4>
     673                                                <p><?php esc_html_e( 'Improved markup, new modular group management templates, and a new member search form are just some of the enhancements added to the single group admin screens.', 'buddypress' ); ?></p>
    656674                                </div>
    657675
    658676                                <div class="bp-feature">
    659                                         <h4 class="feature-title"><?php esc_html_e( 'New Navigation API', 'buddypress' ); ?></h4>
    660                                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/new-nav-api.png' ); ?>" alt="<?php esc_attr_e( 'Sample code for using the new navigation API', 'buddypress' ); ?>">
    661                                         <p><?php esc_html_e( 'The member and group navigation system has been totally rewritten, making it easier than ever to customize BuddyPress nav items.', 'buddypress' ); ?> <a href="https://codex.buddypress.org/developer/navigation-api/"><?php esc_html_e( 'Read the informative commit message.', 'buddypress' ); ?></a></p>
     677                                        <span class="dashicons  dashicons-groups" aria-hidden="true"></span>
     678                                        <h4 class="title"><?php esc_html_e( 'Support for Querying for Groups by New Column "parent_id"', 'buddypress' ); ?></h4>
     679                                        <p><?php esc_html_e( 'Query support for hierarchical groups which allows developers to extend this with their own plugins to add custom front-end functionality as needed.', 'buddypress' ); ?></p>
    662680                                </div>
    663681
    664682                                <div class="bp-feature opposite">
    665                                         <h4 class="feature-title"><?php esc_html_e( 'Stylesheets for Twenty Eleven and Twenty Ten', 'buddypress' ); ?></h4>
    666                                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/default-themes.png' ); ?>" alt="<?php esc_attr_e( 'Styled BuddyPress components in Twenty Eleven and Twenty Ten', 'buddypress' ); ?>">
    667                                         <p><?php esc_html_e( 'BuddyPress feels right at home now in the classic default themes, Twenty Ten and Twenty Eleven.', 'buddypress' ); ?></p>
     683                                        <span class="dashicons dashicons-chart-bar" aria-hidden="true"></span>
     684                                        <h4 class="title"><?php esc_html_e( 'Many, Many Performance Improvements', 'buddypress' ); ?></h4>
     685                                        <p><?php esc_html_e( 'Improve performance by removing extra database queries, adding new cache calls, and removing the number of loops in "bp_get_user_groups()".', 'buddypress' ); ?></p>
    668686                                </div>
     687
     688
     689                                <div class="clear"></div>
    669690                        </div>
    670691
    671692                        <div class="bp-changelog-section">
    672                                 <h3 class="changelog-title"><?php esc_html_e( 'Under The Hood', 'buddypress' ); ?></h3>
     693                                <h3 class="changelog-title"><?php esc_html_e( 'And so much more!', 'buddypress' ); ?></h3>
     694                                <p class="bp-changelog-url"><a href="https://codex.buddypress.org/version-2-7-0/"><?php esc_html_e( 'Changelog for BuddyPress 2.7.0.', 'buddypress' ); ?></a></p>
    673695
    674                                 <div class="bp-changelog col two-col">
    675                                         <div>
    676                                                 <h4 class="title"><?php esc_html_e( 'Performance Enhancements', 'buddypress' ); ?></h4>
    677                                                 <p><?php esc_html_e( 'Class autoloading reduces the memory needed to run BuddyPress on your server. Improved caching strategies for group membership statuses mean fewer round trips to your overworked database server.', 'buddypress' ); ?></p>
    678                                                 <h4 class="title"><?php esc_html_e( 'Localization Improvements', 'buddypress' ); ?></h4>
    679                                                 <p><?php esc_html_e( 'Improved localization strings and comments help translators do their much-appreciated work: making BuddyPress available in many languages.', 'buddypress' ); ?></p>
    680                                         </div>
    681 
    682                                         <div class="last-feature">
    683                                                 <h4 class="title"><?php esc_html_e( 'Notifications Updates', 'buddypress' ); ?></h4>
    684                                                 <p><?php esc_html_e( 'Adjustments to the notifications component allow members to receive timely and relevant updates about activity in your community.', 'buddypress' ); ?></p>
    685                                                 <h4 class="title"><?php esc_html_e( 'Accessibility Upgrades', 'buddypress' ); ?></h4>
    686                                                 <p><?php esc_html_e( 'Continued improvements help make BuddyPress&#39; back- and front-end screens usable for everyone &#40;and on more devices&#41;.', 'buddypress' ); ?></p>
    687                                                 <h4 class="title"><?php esc_html_e( 'Developer Reference', 'buddypress' ); ?></h4>
    688                                                 <p><?php esc_html_e( 'Regular updates to inline code documentation make it easier for developers to understand how BuddyPress works.', 'buddypress' ); ?></p>
    689                                         </div>
    690                                 </div>
    691 
    692696                        </div>
    693697
    694698                        <div class="bp-assets">