Skip to:
Content

BuddyPress.org

Ticket #7267: 7267.patch

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

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

     
    6565.index_page_bp-about .bp-headline-feature,
    6666.dashboard_page_bp-about .bp-headline-feature {
    6767        margin-bottom: 3em;
     68        margin-top: 3em;
     69        padding: 2em 3em;
     70}
     71
     72.index_page_bp-about .bp-headline,
     73.dashboard_page_bp-about .bp-headline {
     74        margin: 0 auto;
     75        width: 35em;
     76}
     77
     78.index_page_bp-about .bp-headline span.dashicons,
     79.dashboard_page_bp-about .bp-headline span.dashicons {
     80        background-color: #f1f1f1;
     81        clear: right;
     82        font-size: 100px;
     83        float: right;
     84        height: 100px;
     85        line-height: 100px;
     86        margin: 0 0 15px 15px ;
    6887        text-align: center;
     88        width: 100px;
    6989}
    7090
    7191.index_page_bp-about .bp-headline-feature h3,
    … …  
    7393.dashboard_page_bp-about .bp-headline-feature h3,
    7494.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7595        font-size: 2.2em;
    76         line-height: 1.3;
    77         margin: 1.25em 0 0.6em;
    78         text-align: center;
     96        font-weight: 300;
     97        line-height: 1;
     98        margin: 0 125px 0 0;
    7999}
    80100
    81101.index_page_bp-about .bp-headline-feature p,
    82102.dashboard_page_bp-about .bp-headline-feature p {
    83103        font-size: 1.15em;
    84         margin: 1.15em auto 0.6em;
    85         max-width: 80%;
     104        margin: 1.15em 125px 0.6em auto;
    86105}
    87106
    88107.index_page_bp-about .bp-headline-feature .introduction,
    … …  
    97116.index_page_bp-about .bp-features-section,
    98117.dashboard_page_bp-about .bp-features-section {
    99118        clear: both;
    100         margin-bottom: 2em;
    101         margin-top: 2em;
     119        margin-top: 3em;
     120        overflow: hidden;
    102121        padding-bottom: 0;
    103122}
    104123
     124.index_page_bp-about span.dashicons,
     125.dashboard_page_bp-about span.dashicons {
     126        background-color: #fff;
     127        border-radius: 50%;
     128        clear: right;
     129        color: #d84800;
     130        font-size: 50px;
     131        float: right;
     132        height: 80px;
     133        line-height: 80px;
     134        margin: 0 0 15px 15px ;
     135        text-align: center;
     136        width: 80px;
     137}
     138
    105139.index_page_bp-about .bp-features-section h3,
    106140.dashboard_page_bp-about .bp-features-section h3 {
    107         font-size: 1.8em;
    108         font-weight: normal;
    109         line-height: 1.5em;
    110         margin: 0 0 0.6em;
     141        font-size: 2em;
     142        font-weight: 300;
     143        line-height: 1.5;
     144        margin: 0 auto 1.5em;
    111145        text-align: center;
    112146}
    113147
    114148.index_page_bp-about .bp-feature,
    115149.dashboard_page_bp-about .bp-feature {
    116         clear: both;
    117         overflow: hidden;
     150        float: right;
    118151        margin-bottom: 3em;
    119         margin-top: 3em;
     152        margin-left: 4.799999999%;
     153        width: 47.6%;
    120154}
    121155
     156.index_page_bp-about .bp-feature:nth-of-type(2n),
     157.dashboard_page_bp-about .bp-feature:nth-of-type(2n) {
     158        margin-left: 0;
     159}
     160
    122161.index_page_bp-about .bp-feature::after,
    123162.dashboard_page_bp-about .bp-feature::after {
    124163        content: '';
    … …  
    126165
    127166.index_page_bp-about .bp-feature h4,
    128167.dashboard_page_bp-about .bp-feature h4 {
    129         color: #23282d;
    130         display: inline-block;
    131168        font-size: 1.25em;
    132         margin-bottom: 0.6em;
     169        line-height: 1.5;
     170        margin-bottom: 0;
     171        margin-right: 110px;
    133172        margin-top: 0;
    134         width: 47%;
     173        text-align: right;
    135174}
    136175
    137176.index_page_bp-about .bp-feature p,
    138177.dashboard_page_bp-about .bp-feature p {
    139         float: right;
    140         font-size: 1.15em;
    141         width: 47%;
     178        margin-right: 110px;
    142179}
    143180
    144 .index_page_bp-about .bp-feature.opposite h4,
    145 .dashboard_page_bp-about .bp-feature.opposite h4,
    146 .index_page_bp-about .bp-feature.opposite p,
    147 .dashboard_page_bp-about .bp-feature.opposite p {
    148         float: left;
    149 }
    150 
    151 .index_page_bp-about .bp-feature img,
    152 .dashboard_page_bp-about .bp-feature img {
    153         clear: left;
    154         float: left;
    155         margin-right: 2.5%;
    156         width: 50%;
    157         max-width: 50%;
    158 }
    159 
    160 .index_page_bp-about .bp-feature.opposite img,
    161 .dashboard_page_bp-about .bp-feature.opposite img{
    162         clear: right;
    163         float: right;
    164         margin-right: 0;
    165         margin-left: 2.5%;
    166 }
    167 
    168 
    169181/*
    170182 * 1.2.3 Changelog Section
    171183 */
    172184.index_page_bp-about .bp-changelog-section,
    173185.dashboard_page_bp-about .bp-changelog-section {
    174         border-top: 1px solid #ccc;
    175186        clear: both;
    176         margin-bottom: 3em;
    177         margin-top: 2em;
     187        margin-bottom: 8em;
     188        margin-top: 3em;
     189        overflow: hidden;
    178190        padding-bottom: 0;
    179191}
    180192
    … …  
    189201        font-size: 1.8em;
    190202        font-weight: 300;
    191203        line-height: 1.5;
    192         margin: 1.25em 0 0.6em;
     204        margin: 0 auto 0.5em;
    193205        text-align: center;
    194206}
    195207
    … …  
    213225
    214226.index_page_bp-about .bp-changelog h4,
    215227.dashboard_page_bp-about .bp-changelog h4 {
    216         font-size: 1.15em;
    217         margin-top: 1.5em;
    218         margin-bottom: 0.6em;
     228        font-size: 1em;
     229        margin-bottom: 0;
     230        margin-top: 0;
    219231}
    220232
    221233.index_page_bp-about .bp-changelog p,
    222234.dashboard_page_bp-about .bp-changelog p {
    223         font-size: 1.05em;
    224         margin-top: 0.75em;
     235        margin-bottom: 3em;
    225236}
    226237
     238.bp-changelog-url {
     239        text-align: center;
     240}
     241
    227242.bp-assets {
    228243        clear: both;
    229244        margin-bottom: 2em;
    230         padding-top: 3em;
    231245}
    232246
    233247@media screen and ( max-width: 782px ) {
    234248        .index_page_bp-about .bp-headline-feature,
    235249        .dashboard_page_bp-about .bp-headline-feature {
    236                 max-width: 100%;
     250                padding: 0;
    237251        }
    238         .index_page_bp-about .bp-headline-feature .headline-title,
    239         .dashboard_page_bp-about .bp-headline-feature .headline-title {
    240                 font-size: 1.5em;
    241                 line-height: 1.5;
     252        .index_page_bp-about .bp-headline,
     253        .dashboard_page_bp-about .bp-headline {
     254                margin: 0;
     255                width: 97%;
    242256        }
    243         .index_page_bp-about .bp-headline-feature p,
    244         .dashboard_page_bp-about .bp-headline-feature p {
    245                 max-width: 100%;
    246         }
    247257        .index_page_bp-about .bp-features-section,
    248258        .dashboard_page_bp-about .bp-features-section {
     259                clear: both;
    249260                margin-bottom: 0;
    250261                margin-top: 2em;
    251262        }
    … …  
    256267                font-size: 1.8em;
    257268                font-weight: 300;
    258269                line-height: 1.5;
     270                margin-bottom: 0.5em;
     271                margin-top: 0.5em;
    259272        }
    260273        .index_page_bp-about .bp-features-section h4,
    261274        .dashboard_page_bp-about .bp-features-section h4,
    … …  
    268281        }
    269282        .index_page_bp-about .bp-feature,
    270283        .dashboard_page_bp-about .bp-feature {
     284                clear: both;
     285                float: right;
    271286                margin-bottom: 1em;
    272287                margin-top: 1em;
     288                margin-left: 0;
     289                padding-left: 1em;
     290                width: 100%;
    273291        }
     292        .index_page_bp-about .bp-feature span,
     293        .dashboard_page_bp-about .bp-feature span {
     294                margin-top: 0.33em;
     295        }
    274296        .index_page_bp-about .bp-feature h4,
    275297        .dashboard_page_bp-about .bp-feature h4,
    276298        .index_page_bp-about .bp-feature p,
    … …  
    283305        .dashboard_page_bp-about .bp-feature.opposite p {
    284306                float: none;
    285307        }
    286         .index_page_bp-about .bp-feature img,
    287         .dashboard_page_bp-about .bp-feature img {
    288                 clear: right;
    289                 float: none;
    290                 margin-right: 0;
    291                 width: 100%;
    292                 max-width: 100%;
     308        .index_page_bp-about .bp-changelog-section,
     309        .dashboard_page_bp-about .bp-changelog-section {
     310        clear: both;
     311        margin-bottom: 2em;
    293312        }
    294         .index_page_bp-about .bp-feature.opposite img,
    295         .dashboard_page_bp-about .bp-feature.opposite img{
    296                 clear: right;
    297                 float: none;
    298                 margin-left: 0;
     313        .index_page_bp-about .bp-changelog-section .changelog-title,
     314        .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     315                margin-bottom: 1em;
    299316        }
     317        .index_page_bp-about .bp-changelog h4,
     318        .dashboard_page_bp-about .bp-changelog h4 {
     319                font-size: 1em;
     320        }
     321        .index_page_bp-about .bp-changelog p,
     322        .dashboard_page_bp-about .bp-changelog p {
     323                margin-bottom: 2em;
     324        }
    300325        .index_page_bp-about .bp-changelog-section .two-col > div,
    301326        .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    302327                margin-top: 0;
    … …  
    304329                width: 100%;
    305330        }
    306331}
    307 
    308 
     332@media screen and ( max-width: 360px ) {
     333        .index_page_bp-about .bp-headline,
     334        .dashboard_page_bp-about .bp-headline {
     335                text-align: center;
     336        }
     337        .index_page_bp-about .bp-headline span.dashicons,
     338        .dashboard_page_bp-about .bp-headline span.dashicons {
     339                clear: none;
     340                font-size: 80px;
     341                float: none;
     342                height: 80px;
     343                line-height: 80px;
     344                margin: 0 auto;
     345                width: 80px;
     346        }
     347        .index_page_bp-about .bp-headline-feature h3,
     348        .index_page_bp-about .bp-headline-feature .headline-title,
     349        .dashboard_page_bp-about .bp-headline-feature h3,
     350        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     351                margin: 1em 0 0 0;
     352                text-align: right;
     353        }
     354        .index_page_bp-about .bp-headline-feature p,
     355        .dashboard_page_bp-about .bp-headline-feature p {
     356                margin: 1.15em 0 0.6em auto;
     357                text-align: right;
     358        }
     359        .index_page_bp-about .bp-headline-feature .headline-title,
     360        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     361                font-size: 1.5em;
     362                line-height: 1.5;
     363        }
     364        .index_page_bp-about .bp-headline-feature p,
     365        .dashboard_page_bp-about .bp-headline-feature p {
     366                width: auto;
     367        }
     368        .index_page_bp-about .bp-feature,
     369        .dashboard_page_bp-about .bp-feature {
     370                text-align: center;
     371        }
     372        .index_page_bp-about span.dashicons,
     373        .dashboard_page_bp-about span.dashicons {
     374                float: none;
     375        }
     376        .index_page_bp-about .bp-features-section h4,
     377        .dashboard_page_bp-about .bp-features-section h4,
     378        .index_page_bp-about .bp-features-section p,
     379        .dashboard_page_bp-about .bp-features-section p {
     380                margin-right: 0;
     381                text-align: right;
     382        }
     383}
    309384/*------------------------------------------------------------------------------
    310385 * 2.0 Dashicons
    311386 *----------------------------------------------------------------------------*/

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

     
    6565.index_page_bp-about .bp-headline-feature,
    6666.dashboard_page_bp-about .bp-headline-feature {
    6767        margin-bottom: 3em;
     68        margin-top: 3em;
     69        padding: 2em 3em;
     70}
     71
     72.index_page_bp-about .bp-headline,
     73.dashboard_page_bp-about .bp-headline {
     74        margin: 0 auto;
     75        width: 35em;
     76}
     77
     78.index_page_bp-about .bp-headline span.dashicons,
     79.dashboard_page_bp-about .bp-headline span.dashicons {
     80        background-color: #f1f1f1;
     81        clear: left;
     82        font-size: 100px;
     83        float: left;
     84        height: 100px;
     85        line-height: 100px;
     86        margin: 0 15px 15px 0 ;
    6887        text-align: center;
     88        width: 100px;
    6989}
    7090
    7191.index_page_bp-about .bp-headline-feature h3,
    … …  
    7393.dashboard_page_bp-about .bp-headline-feature h3,
    7494.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7595        font-size: 2.2em;
    76         line-height: 1.3;
    77         margin: 1.25em 0 0.6em;
    78         text-align: center;
     96        font-weight: 300;
     97        line-height: 1;
     98        margin: 0 0 0 125px;
    7999}
    80100
    81101.index_page_bp-about .bp-headline-feature p,
    82102.dashboard_page_bp-about .bp-headline-feature p {
    83103        font-size: 1.15em;
    84         margin: 1.15em auto 0.6em;
    85         max-width: 80%;
     104        margin: 1.15em auto 0.6em 125px;
    86105}
    87106
    88107.index_page_bp-about .bp-headline-feature .introduction,
    … …  
    97116.index_page_bp-about .bp-features-section,
    98117.dashboard_page_bp-about .bp-features-section {
    99118        clear: both;
    100         margin-bottom: 2em;
    101         margin-top: 2em;
     119        margin-top: 3em;
     120        overflow: hidden;
    102121        padding-bottom: 0;
    103122}
    104123
     124.index_page_bp-about span.dashicons,
     125.dashboard_page_bp-about span.dashicons {
     126        background-color: #fff;
     127        border-radius: 50%;
     128        clear: left;
     129        color: #d84800;
     130        font-size: 50px;
     131        float: left;
     132        height: 80px;
     133        line-height: 80px;
     134        margin: 0 15px 15px 0 ;
     135        text-align: center;
     136        width: 80px;
     137}
     138
    105139.index_page_bp-about .bp-features-section h3,
    106140.dashboard_page_bp-about .bp-features-section h3 {
    107         font-size: 1.8em;
    108         font-weight: normal;
    109         line-height: 1.5em;
    110         margin: 0 0 0.6em;
     141        font-size: 2em;
     142        font-weight: 300;
     143        line-height: 1.5;
     144        margin: 0 auto 1.5em;
    111145        text-align: center;
    112146}
    113147
    114148.index_page_bp-about .bp-feature,
    115149.dashboard_page_bp-about .bp-feature {
    116         clear: both;
    117         overflow: hidden;
     150        float: left;
    118151        margin-bottom: 3em;
    119         margin-top: 3em;
     152        margin-right: 4.799999999%;
     153        width: 47.6%;
    120154}
    121155
     156.index_page_bp-about .bp-feature:nth-of-type(2n),
     157.dashboard_page_bp-about .bp-feature:nth-of-type(2n) {
     158        margin-right: 0;
     159}
     160
    122161.index_page_bp-about .bp-feature::after,
    123162.dashboard_page_bp-about .bp-feature::after {
    124163        content: '';
    … …  
    126165
    127166.index_page_bp-about .bp-feature h4,
    128167.dashboard_page_bp-about .bp-feature h4 {
    129         color: #23282d;
    130         display: inline-block;
    131168        font-size: 1.25em;
    132         margin-bottom: 0.6em;
     169        line-height: 1.5;
     170        margin-bottom: 0;
     171        margin-left: 110px;
    133172        margin-top: 0;
    134         width: 47%;
     173        text-align: left;
    135174}
    136175
    137176.index_page_bp-about .bp-feature p,
    138177.dashboard_page_bp-about .bp-feature p {
    139         float: left;
    140         font-size: 1.15em;
    141         width: 47%;
     178        margin-left: 110px;
    142179}
    143180
    144 .index_page_bp-about .bp-feature.opposite h4,
    145 .dashboard_page_bp-about .bp-feature.opposite h4,
    146 .index_page_bp-about .bp-feature.opposite p,
    147 .dashboard_page_bp-about .bp-feature.opposite p {
    148         float: right;
    149 }
    150 
    151 .index_page_bp-about .bp-feature img,
    152 .dashboard_page_bp-about .bp-feature img {
    153         clear: right;
    154         float: right;
    155         margin-left: 2.5%;
    156         width: 50%;
    157         max-width: 50%;
    158 }
    159 
    160 .index_page_bp-about .bp-feature.opposite img,
    161 .dashboard_page_bp-about .bp-feature.opposite img{
    162         clear: left;
    163         float: left;
    164         margin-left: 0;
    165         margin-right: 2.5%;
    166 }
    167 
    168 
    169181/*
    170182 * 1.2.3 Changelog Section
    171183 */
    172184.index_page_bp-about .bp-changelog-section,
    173185.dashboard_page_bp-about .bp-changelog-section {
    174         border-top: 1px solid #ccc;
    175186        clear: both;
    176         margin-bottom: 3em;
    177         margin-top: 2em;
     187        margin-bottom: 8em;
     188        margin-top: 3em;
     189        overflow: hidden;
    178190        padding-bottom: 0;
    179191}
    180192
    … …  
    189201        font-size: 1.8em;
    190202        font-weight: 300;
    191203        line-height: 1.5;
    192         margin: 1.25em 0 0.6em;
     204        margin: 0 auto 0.5em;
    193205        text-align: center;
    194206}
    195207
    … …  
    213225
    214226.index_page_bp-about .bp-changelog h4,
    215227.dashboard_page_bp-about .bp-changelog h4 {
    216         font-size: 1.15em;
    217         margin-top: 1.5em;
    218         margin-bottom: 0.6em;
     228        font-size: 1em;
     229        margin-bottom: 0;
     230        margin-top: 0;
    219231}
    220232
    221233.index_page_bp-about .bp-changelog p,
    222234.dashboard_page_bp-about .bp-changelog p {
    223         font-size: 1.05em;
    224         margin-top: 0.75em;
     235        margin-bottom: 3em;
    225236}
    226237
     238.bp-changelog-url {
     239        text-align: center;
     240}
     241
    227242.bp-assets {
    228243        clear: both;
    229244        margin-bottom: 2em;
    230         padding-top: 3em;
    231245}
    232246
    233247@media screen and ( max-width: 782px ) {
    234248        .index_page_bp-about .bp-headline-feature,
    235249        .dashboard_page_bp-about .bp-headline-feature {
    236                 max-width: 100%;
     250                padding: 0;
    237251        }
    238         .index_page_bp-about .bp-headline-feature .headline-title,
    239         .dashboard_page_bp-about .bp-headline-feature .headline-title {
    240                 font-size: 1.5em;
    241                 line-height: 1.5;
     252        .index_page_bp-about .bp-headline,
     253        .dashboard_page_bp-about .bp-headline {
     254                margin: 0;
     255                width: 97%;
    242256        }
    243         .index_page_bp-about .bp-headline-feature p,
    244         .dashboard_page_bp-about .bp-headline-feature p {
    245                 max-width: 100%;
    246         }
    247257        .index_page_bp-about .bp-features-section,
    248258        .dashboard_page_bp-about .bp-features-section {
     259                clear: both;
    249260                margin-bottom: 0;
    250261                margin-top: 2em;
    251262        }
    … …  
    256267                font-size: 1.8em;
    257268                font-weight: 300;
    258269                line-height: 1.5;
     270                margin-bottom: 0.5em;
     271                margin-top: 0.5em;
    259272        }
    260273        .index_page_bp-about .bp-features-section h4,
    261274        .dashboard_page_bp-about .bp-features-section h4,
    … …  
    268281        }
    269282        .index_page_bp-about .bp-feature,
    270283        .dashboard_page_bp-about .bp-feature {
     284                clear: both;
     285                float: left;
    271286                margin-bottom: 1em;
    272287                margin-top: 1em;
     288                margin-right: 0;
     289                padding-right: 1em;
     290                width: 100%;
    273291        }
     292        .index_page_bp-about .bp-feature span,
     293        .dashboard_page_bp-about .bp-feature span {
     294                margin-top: 0.33em;
     295        }
    274296        .index_page_bp-about .bp-feature h4,
    275297        .dashboard_page_bp-about .bp-feature h4,
    276298        .index_page_bp-about .bp-feature p,
    … …  
    283305        .dashboard_page_bp-about .bp-feature.opposite p {
    284306                float: none;
    285307        }
    286         .index_page_bp-about .bp-feature img,
    287         .dashboard_page_bp-about .bp-feature img {
    288                 clear: left;
    289                 float: none;
    290                 margin-left: 0;
    291                 width: 100%;
    292                 max-width: 100%;
     308        .index_page_bp-about .bp-changelog-section,
     309        .dashboard_page_bp-about .bp-changelog-section {
     310        clear: both;
     311        margin-bottom: 2em;
    293312        }
    294         .index_page_bp-about .bp-feature.opposite img,
    295         .dashboard_page_bp-about .bp-feature.opposite img{
    296                 clear: left;
    297                 float: none;
    298                 margin-right: 0;
     313        .index_page_bp-about .bp-changelog-section .changelog-title,
     314        .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     315                margin-bottom: 1em;
    299316        }
     317        .index_page_bp-about .bp-changelog h4,
     318        .dashboard_page_bp-about .bp-changelog h4 {
     319                font-size: 1em;
     320        }
     321        .index_page_bp-about .bp-changelog p,
     322        .dashboard_page_bp-about .bp-changelog p {
     323                margin-bottom: 2em;
     324        }
    300325        .index_page_bp-about .bp-changelog-section .two-col > div,
    301326        .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    302327                margin-top: 0;
    … …  
    304329                width: 100%;
    305330        }
    306331}
    307 
    308 
     332@media screen and ( max-width: 360px ) {
     333        .index_page_bp-about .bp-headline,
     334        .dashboard_page_bp-about .bp-headline {
     335                text-align: center;
     336        }
     337        .index_page_bp-about .bp-headline span.dashicons,
     338        .dashboard_page_bp-about .bp-headline span.dashicons {
     339                clear: none;
     340                font-size: 80px;
     341                float: none;
     342                height: 80px;
     343                line-height: 80px;
     344                margin: 0 auto;
     345                width: 80px;
     346        }
     347        .index_page_bp-about .bp-headline-feature h3,
     348        .index_page_bp-about .bp-headline-feature .headline-title,
     349        .dashboard_page_bp-about .bp-headline-feature h3,
     350        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     351                margin: 1em 0 0 0;
     352                text-align: left;
     353        }
     354        .index_page_bp-about .bp-headline-feature p,
     355        .dashboard_page_bp-about .bp-headline-feature p {
     356                margin: 1.15em auto 0.6em 0;
     357                text-align: left;
     358        }
     359        .index_page_bp-about .bp-headline-feature .headline-title,
     360        .dashboard_page_bp-about .bp-headline-feature .headline-title {
     361                font-size: 1.5em;
     362                line-height: 1.5;
     363        }
     364        .index_page_bp-about .bp-headline-feature p,
     365        .dashboard_page_bp-about .bp-headline-feature p {
     366                width: auto;
     367        }
     368        .index_page_bp-about .bp-feature,
     369        .dashboard_page_bp-about .bp-feature {
     370                text-align: center;
     371        }
     372        .index_page_bp-about span.dashicons,
     373        .dashboard_page_bp-about span.dashicons {
     374                float: none;
     375        }
     376        .index_page_bp-about .bp-features-section h4,
     377        .dashboard_page_bp-about .bp-features-section h4,
     378        .index_page_bp-about .bp-features-section p,
     379        .dashboard_page_bp-about .bp-features-section p {
     380                margin-left: 0;
     381                text-align: left;
     382        }
     383}
    309384/*------------------------------------------------------------------------------
    310385 * 2.0 Dashicons
    311386 *----------------------------------------------------------------------------*/

  • 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( 'Update inaccurate timestamps caused by page caching with new "data-timestamp" attributes to all templates requiring timestamps.', '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 find or change the Member or Group Types in the respective components\' dashboard panels with the new sortable columns in wp-admin.', '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 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">