Skip to:
Content

BuddyPress.org

Changeset 11587


Ignore:
Timestamp:
06/13/2017 04:38:30 AM (9 years ago)
Author:
netweb
Message:

Build Tools: Use stylelint to lint CSS and SCSS files.

  • Switches to using ​https://stylelint.io/ for CSS and SCSS linting
  • Removes the Ruby SCSS lint tool configuration and Grunt tasks
  • One less dependency platform for which BuddyPress repo tool chain.

Props netweb, hnla, DJPaul.
Fixes #7028.

Location:
trunk
Files:
1 deleted
52 edited

Legend:

Unmodified
Added
Removed

  • trunk/.travis.yml

    r11535 r11587  
    1111  directories:
    1212    - $HOME/.composer/cache
    13     - $HOME/.rvm/gems
    1413#    - /tmp/wordpress/src/wp-content/plugins/buddypress/node_modules
    1514
    … …  
    5251# before_install: Failures in this section will result in build status 'errored'
    5352before_install:
    54   # scss-lint requires Ruby >= 2.2
    55   - source ~/.rvm/scripts/rvm && rvm install 2.2.0 && rvm use 2.2.0
    5653  # set up WP install
    5754  - export WP_DEVELOP_DIR=/tmp/wordpress/
    … …  
    7572  # prepare for running the tests
    7673  - cd $plugin_dir
    77   - gem install scss_lint
    7874  # setup NodeJS version using NVM
    7975  - node --version
    … …  
    8480  - mysql --version
    8581  - phpenv versions
    86   - ruby --version
    8782  - php --version
    8883  - php -m

  • trunk/Gruntfile.js

    r11546 r11587  
    2020                BP_EXCLUDED_MISC = [
    2121                        '!bp-forums/bbpress/**/*'
     22                ],
     23
     24                // SASS generated "Twenty*"" CSS files
     25                BP_SCSS_CSS_FILES = [
     26                        '!bp-templates/bp-legacy/css/twenty*.css'
    2227                ],
    2328
    … …  
    197202                        }
    198203                },
    199                 scsslint: {
    200                         options: {
    201                                 bundleExec: false,
    202                                 colorizeOutput: true,
    203                                 config: '.scss-lint.yml'
    204                         },
    205                         core: [ SOURCE_DIR + 'bp-templates/bp-legacy/css/*.scss' ]
    206                 },
    207204                stylelint: {
    208205                        css: {
    … …  
    213210                                expand: true,
    214211                                cwd: SOURCE_DIR,
    215                                 src: BP_CSS.concat( BP_EXCLUDED_CSS, BP_EXCLUDED_MISC )
     212                                src: BP_CSS.concat( BP_EXCLUDED_CSS, BP_EXCLUDED_MISC, BP_SCSS_CSS_FILES )
    216213                        },
    217214                        scss: {
    … …  
    294291         * Register tasks.
    295292         */
    296         grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'scsslint', 'sass', 'rtlcss'] );
     293        grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'stylelint', 'sass', 'rtlcss'] );
    297294        grunt.registerTask( 'commit',  ['src', 'checktextdomain', 'imagemin'] );
    298295        grunt.registerTask( 'build',   ['commit', 'clean:all', 'copy:files', 'uglify', 'jsvalidate:build', 'cssmin', 'makepot', 'exec:bpdefault'] );

  • trunk/src/bp-activity/admin/css/admin-rtl.css

    r10197 r11587  
    22        float: left;
    33}
     4
    45.akismet-status a {
    5         color: #AAA;
     6        color: #aaa;
    67        font-style: italic;
    78}
     9
    810.akismet-history {
    911        margin: 13px;
    1012}
     13
    1114.akismet-history div {
    1215        margin-bottom: 13px;
    1316}
     17
    1418.akismet-history span {
    1519        color: #999;
    … …  
    1923        padding: 5px 0;
    2024}
     25
    2126#bp-activities {
    2227        height: 120px;
    2328}
     29
    2430#bp-replyhead {
    2531        font-size: 1em;
    26         line-height: 1.4em;
     32        line-height: 1.4;
    2733        margin: 0;
    2834}
     35
    2936#bp-replysubmit {
    3037        margin: 0;
    … …  
    3239        text-align: center;
    3340}
     41
    3442#bp-replysubmit .error {
    35         color: red;
     43        color: #f00;
    3644        line-height: 21px;
    3745        text-align: center;
    3846        vertical-align: center;
    3947}
     48
    4049#bp-replysubmit img.waiting {
    4150        float: left;
    … …  
    4352        vertical-align: top;
    4453}
     54
    4555#bp-activities-form .column-response img {
    4656        float: right;
    … …  
    4959        margin-top: 1px;
    5060}
     61
    5162.activity-errors {
    5263        list-style-type: disc;
    … …  
    5869        line-height: 0;
    5970}
     71
    6072#bp_activity_action h3,
    6173#bp_activity_content h3 {
    6274        cursor: auto;
    6375}
     76
    6477#bp_activity_action td.mceIframeContainer,
    6578#bp_activity_content td.mceIframeContainer {
    66         background-color: white;
     79        background-color: #fff;
    6780}
     81
    6882#post-body #bp-activities-action_resize,
    6983#post-body #bp-activities-content_resize {
    … …  
    7185        margin-top: -2px;
    7286}
     87
    7388#bp_activity_link input {
    7489        width: 99%;
    7590}
     91
    7692#bp-activities-primaryid {
    7793        margin-bottom: 1em;
    7894}
     95
    7996.column-action {
    8097        width: 12%;
    … …  
    8299
    83100@media screen and (max-width: 782px) {
     101
    84102        body.toplevel_page_bp-activity .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
    85103                display: table-cell;

  • trunk/src/bp-activity/admin/css/admin.css

    r10197 r11587  
    22        float: right;
    33}
     4
    45.akismet-status a {
    5         color: #AAA;
     6        color: #aaa;
    67        font-style: italic;
    78}
     9
    810.akismet-history {
    911        margin: 13px;
    1012}
     13
    1114.akismet-history div {
    1215        margin-bottom: 13px;
    1316}
     17
    1418.akismet-history span {
    1519        color: #999;
    … …  
    1923        padding: 5px 0;
    2024}
     25
    2126#bp-activities {
    2227        height: 120px;
    2328}
     29
    2430#bp-replyhead {
    2531        font-size: 1em;
    26         line-height: 1.4em;
     32        line-height: 1.4;
    2733        margin: 0;
    2834}
     35
    2936#bp-replysubmit {
    3037        margin: 0;
    … …  
    3239        text-align: center;
    3340}
     41
    3442#bp-replysubmit .error {
    35         color: red;
     43        color: #f00;
    3644        line-height: 21px;
    3745        text-align: center;
    3846        vertical-align: center;
    3947}
     48
    4049#bp-replysubmit img.waiting {
    4150        float: right;
    … …  
    4352        vertical-align: top;
    4453}
     54
    4555#bp-activities-form .column-response img {
    4656        float: left;
    … …  
    4959        margin-top: 1px;
    5060}
     61
    5162.activity-errors {
    5263        list-style-type: disc;
    … …  
    5869        line-height: 0;
    5970}
     71
    6072#bp_activity_action h3,
    6173#bp_activity_content h3 {
    6274        cursor: auto;
    6375}
     76
    6477#bp_activity_action td.mceIframeContainer,
    6578#bp_activity_content td.mceIframeContainer {
    66         background-color: white;
     79        background-color: #fff;
    6780}
     81
    6882#post-body #bp-activities-action_resize,
    6983#post-body #bp-activities-content_resize {
    … …  
    7185        margin-top: -2px;
    7286}
     87
    7388#bp_activity_link input {
    7489        width: 99%;
    7590}
     91
    7692#bp-activities-primaryid {
    7793        margin-bottom: 1em;
    7894}
     95
    7996.column-action {
    8097        width: 12%;
    … …  
    8299
    83100@media screen and (max-width: 782px) {
     101
    84102        body.toplevel_page_bp-activity .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
    85103                display: table-cell;

  • trunk/src/bp-activity/css/mentions-rtl.css

    r10808 r11587  
    33        border-radius: 2px;
    44        border: 1px solid rgb(204, 204, 204);
    5         box-shadow: 0 0 5px rgba(204, 204, 204, 0.25), 0 0 1px #FFF;
    6         color: #D84800;
     5        box-shadow: 0 0 5px rgba(204, 204, 204, 0.25), 0 0 1px #fff;
     6        color: #d84800;
    77        display: none;
    88        font-family: sans-serif;
    … …  
    1515        left: 0;
    1616}
     17
    1718.atwho-view ul {
    18         background: #FFF;
     19        background: #fff;
    1920        list-style: none;
    2021        margin: auto;
    2122        padding: 0;
    2223}
     24
    2325.atwho-view ul li {
    24         border-bottom: 1px solid #EFEFEF;
     26        border-bottom: 1px solid #efefef;
    2527        box-sizing: content-box;
    2628        cursor: pointer;
    … …  
    3335        padding: 5px 10px;
    3436}
     37
    3538.atwho-view img {
    3639        border-radius: 2px;
    3740        float: left;
    3841        height: 20px;
    39         margin-top:0;
     42        margin-top: 0;
    4043        width: 20px;
    4144}
     45
    4246.atwho-view strong {
    43         background: #EFEFEF;
    44         font-weight: bold;
     47        background: #efefef;
     48        font-weight: 700;
    4549}
     50
    4651.atwho-view .username strong {
    47         color: #D54E21;
     52        color: #d54e21;
    4853}
     54
    4955.atwho-view small {
    50         color: #AAA;
     56        color: #aaa;
    5157        float: left;
    5258        font-size: smaller;
    53         font-weight: normal;
     59        font-weight: 400;
    5460        margin: 0 40px 0 10px;
    5561}
     62
    5663.atwho-view .cur {
    5764        background: rgba(239, 239, 239, 0.5);
    … …  
    5966
    6067@media (max-width: 900px) {
     68
    6169        .atwho-view img {
    6270                float: right;
    … …  
    6472        }
    6573}
     74
    6675@media (max-width: 400px) {
     76
    6777        .atwho-view ul li {
    6878                font-size: 16px;
    … …  
    7080                padding: 13px;
    7181        }
     82
    7283        .atwho-view ul li img {
    7384                height: 30px;
    … …  
    7586                width: 30px;
    7687        }
     88
    7789        .atwho-view {
    7890                border-radius: 0;
    … …  
    8193                width: 100%;
    8294        }
     95
    8396        .atwho-view ul li .username {
    8497                display: inline-block;
    … …  
    8699                padding: 10px 0;
    87100        }
     101
    88102        .atwho-view ul li small {
    89103                display: inline-block;

  • trunk/src/bp-activity/css/mentions.css

    r10807 r11587  
    33        border-radius: 2px;
    44        border: 1px solid rgb(204, 204, 204);
    5         box-shadow: 0 0 5px rgba(204, 204, 204, 0.25), 0 0 1px #FFF;
    6         color: #D84800;
     5        box-shadow: 0 0 5px rgba(204, 204, 204, 0.25), 0 0 1px #fff;
     6        color: #d84800;
    77        display: none;
    88        font-family: sans-serif;
    … …  
    1212        z-index: 1000; /* >999 for wp-admin */
    1313}
     14
    1415/* rtl:ignore */
    1516.atwho-view {
    1617        left: 0;
    1718}
     19
    1820.atwho-view ul {
    19         background: #FFF;
     21        background: #fff;
    2022        list-style: none;
    2123        margin: auto;
    2224        padding: 0;
    2325}
     26
    2427.atwho-view ul li {
    25         border-bottom: 1px solid #EFEFEF;
     28        border-bottom: 1px solid #efefef;
    2629        box-sizing: content-box;
    2730        cursor: pointer;
    … …  
    3437        padding: 5px 10px;
    3538}
     39
    3640.atwho-view img {
    3741        border-radius: 2px;
    3842        float: right;
    3943        height: 20px;
    40         margin-top:0;
     44        margin-top: 0;
    4145        width: 20px;
    4246}
     47
    4348.atwho-view strong {
    44         background: #EFEFEF;
    45         font-weight: bold;
     49        background: #efefef;
     50        font-weight: 700;
    4651}
     52
    4753.atwho-view .username strong {
    48         color: #D54E21;
     54        color: #d54e21;
    4955}
     56
    5057.atwho-view small {
    51         color: #AAA;
     58        color: #aaa;
    5259        float: right;
    5360        font-size: smaller;
    54         font-weight: normal;
     61        font-weight: 400;
    5562        margin: 0 10px 0 40px;
    5663}
     64
    5765.atwho-view .cur {
    5866        background: rgba(239, 239, 239, 0.5);
    … …  
    6068
    6169@media (max-width: 900px) {
     70
    6271        .atwho-view img {
    6372                float: left;
    … …  
    6574        }
    6675}
     76
    6777@media (max-width: 400px) {
     78
    6879        .atwho-view ul li {
    6980                font-size: 16px;
    … …  
    7182                padding: 13px;
    7283        }
     84
    7385        .atwho-view ul li img {
    7486                height: 30px;
    … …  
    7688                width: 30px;
    7789        }
     90
    7891        .atwho-view {
    7992                border-radius: 0;
    … …  
    8295                width: 100%;
    8396        }
     97
    8498        .atwho-view ul li .username {
    8599                display: inline-block;
    … …  
    87101                padding: 10px 0;
    88102        }
     103
    89104        .atwho-view ul li small {
    90105                display: inline-block;

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

    r11426 r11587  
    3535        color: #d84800;
    3636        display: inline-block;
    37         font: normal 150px/1 'dashicons' !important;
     37        font: 400 150px/1 dashicons !important;
    3838}
    3939
    … …  
    5555
    5656@media only screen and (max-width: 500px) {
     57
    5758        .about-wrap .bp-badge {
    5859                position: relative;
    … …  
    8990        height: 100px;
    9091        line-height: 100px;
    91         margin: 0 0 15px 15px ;
     92        margin: 0 0 15px 15px;
    9293        text-align: center;
    9394        width: 100px;
    … …  
    127128        height: 80px;
    128129        line-height: 80px;
    129         margin: 0 0 15px 15px ;
     130        margin: 0 0 15px 15px;
    130131        text-align: center;
    131132        width: 80px;
    … …  
    164165}
    165166
    166 .buddypress .bp-feature::after {
    167         content: '';
     167.buddypress .bp-feature:after {
     168        content: "";
    168169}
    169170
    … …  
    208209}
    209210
    210 .buddypress .bp-changelog-section::after {
    211         content: '';
     211.buddypress .bp-changelog-section:after {
     212        content: "";
    212213}
    213214
    … …  
    263264
    264265@media screen and ( max-width: 782px ) {
     266
    265267        .bp-headline-feature,
    266268        .bp-features-section,
    … …  
    270272                margin-left: 20px;
    271273        }
     274
    272275        .buddypress .bp-headline-feature {
    273276                padding: 0;
    274277        }
     278
    275279        .buddypress .bp-headline {
    276280                margin: 0;
    277281                width: 97%;
    278282        }
     283
    279284        .buddypress .bp-features-section {
    280285                clear: both;
    … …  
    283288                padding-bottom: 2em;
    284289        }
     290
    285291        .buddypress .bp-features-section .bp-feature-with-images {
    286292                margin-bottom: 2em;
    287293        }
     294
    288295        .buddypress .bp-features-section .headline-title {
    289296                margin-bottom: 1em;
    290297        }
     298
    291299        .buddypress .bp-changelog-section .changelog-title {
    292300                font-size: 1.25em;
    … …  
    295303                margin-top: 0.5em;
    296304        }
     305
    297306        .buddypress .bp-features-section .feature-title,
    298307        .buddypress .bp-changelog-section .title {
    … …  
    302311                text-align: right;
    303312        }
     313
    304314        .buddypress .bp-features-section .bp-feature,
    305315        .buddypress .bp-features-section .bp-feature-imaged {
    … …  
    312322                width: 100%;
    313323        }
     324
    314325        .buddypress .bp-features-section .bp-feature-imaged p {
    315326                font-size: 1em;
    316327        }
     328
    317329        .buddypress .bp-features-section .bp-feature span {
    318330                margin-top: 0.33em;
    319331        }
     332
    320333        .buddypress .bp-feature.opposite .feature-title,
    321334        .buddypress .bp-feature.opposite p {
    322335                float: none;
    323336        }
     337
    324338        .buddypress .bp-changelog-section {
    325         clear: both;
    326         margin-bottom: 2em;
    327         margin-top: 2em;
    328         }
     339                clear: both;
     340                margin-bottom: 2em;
     341                margin-top: 2em;
     342        }
     343
    329344        .buddypress .bp-changelog-section .changelog-title {
    330345                margin-bottom: 1.5em;
    331346        }
     347
    332348        .buddypress .bp-changelog .title {
    333349                font-size: 1em;
    334350        }
     351
    335352        .buddypress .bp-changelog p {
    336353                margin-bottom: 1em;
    337354        }
     355
    338356        .buddypress .bp-changelog-section .two-col > div,
    339357        .buddypress .bp-changelog-section .three-col .col {
    … …  
    343361        }
    344362}
     363
    345364@media screen and ( max-width: 360px ) {
     365
    346366        .buddypress .bp-headline {
    347367                text-align: center;
    348368        }
     369
    349370        .buddypress .bp-headline span.dashicons {
    350371                clear: none;
    … …  
    356377                width: 80px;
    357378        }
     379
    358380        .buddypress .bp-headline-feature .headline-title,
    359381        .buddypress .bp-features-section .headline-title {
    … …  
    362384                text-align: right;
    363385        }
     386
    364387        .buddypress .bp-headline-feature .headline-title {
    365                 margin: 1em 0 0 0;
    366         }
     388                margin: 1em 0 0;
     389        }
     390
    367391        .buddypress .bp-headline-feature p {
    368392                margin: 1.15em 0 0.6em auto;
    … …  
    370394                width: auto;
    371395        }
     396
    372397        .buddypress .bp-features-section .bp-feature {
    373398                text-align: center;
    374399        }
     400
    375401        .buddypress .bp-features-section span.dashicons {
    376402                float: none;
    377403        }
     404
    378405        .buddypress .bp-features-section .feature-title,
    379406        .buddypress .bp-features-section p {
    … …  
    382409        }
    383410}
     411
    384412/*------------------------------------------------------------------------------
    385413 * 2.0 Dashicons
    … …  
    415443#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    416444#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    417 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     445#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before {
    418446        content: "\f454";
    419447}
    … …  
    441469
    442470.settings_page_bp-components td.plugin-title span:before {
    443         font-family: 'dashicons';
     471        font-family: dashicons;
    444472        font-size: 18px;
    445473}
    … …  
    494522
    495523@media screen and ( max-width: 782px ) {
     524
    496525        .settings_page_bp-components td.plugin-title span {
    497526                margin-top: 5px;
    498527        }
     528
    499529        #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    500530                display: block;
    501531                width: auto;
    502532        }
     533
    503534        #bp-admin-component-form .subsubsub {
    504535                margin-bottom: 0;
    … …  
    551582
    552583.bp-signups-list .column-fields {
    553         font-weight: bold;
     584        font-weight: 700;
    554585}
    555586
    … …  
    594625        color: #23282d;
    595626        font-size: 1.3em;
    596         font-weight: 600px;
     627        font-weight: 600;
    597628        margin: 1em 0;
    598629}
    … …  
    601632        clear: right;
    602633        display: block;
    603         line-height: 1.5em;
     634        line-height: 1.5;
    604635        margin: 0 0 1em;
    605636        vertical-align: middle;
    … …  
    607638
    608639@media screen and (max-width: 782px) {
     640
    609641        .tools_page_bp-tools p {
    610642                line-height: 1.5;
    611643        }
     644
    612645        .tools_page_bp-tools label {
    613646                margin-bottom: 1em;
    … …  
    615648                text-indent: -33px;
    616649        }
     650
    617651        .tools_page_bp-tools .checkbox {
    618652                padding: 0 30px 0 0;

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

    r11425 r11587  
    3535        color: #d84800;
    3636        display: inline-block;
    37         font: normal 150px/1 'dashicons' !important;
     37        font: 400 150px/1 dashicons !important;
    3838}
    3939
    … …  
    5555
    5656@media only screen and (max-width: 500px) {
     57
    5758        .about-wrap .bp-badge {
    5859                position: relative;
    … …  
    8990        height: 100px;
    9091        line-height: 100px;
    91         margin: 0 15px 15px 0 ;
     92        margin: 0 15px 15px 0;
    9293        text-align: center;
    9394        width: 100px;
    … …  
    127128        height: 80px;
    128129        line-height: 80px;
    129         margin: 0 15px 15px 0 ;
     130        margin: 0 15px 15px 0;
    130131        text-align: center;
    131132        width: 80px;
    … …  
    164165}
    165166
    166 .buddypress .bp-feature::after {
    167         content: '';
     167.buddypress .bp-feature:after {
     168        content: "";
    168169}
    169170
    … …  
    208209}
    209210
    210 .buddypress .bp-changelog-section::after {
    211         content: '';
     211.buddypress .bp-changelog-section:after {
     212        content: "";
    212213}
    213214
    … …  
    263264
    264265@media screen and ( max-width: 782px ) {
     266
    265267        .bp-headline-feature,
    266268        .bp-features-section,
    … …  
    270272                margin-right: 20px;
    271273        }
     274
    272275        .buddypress .bp-headline-feature {
    273276                padding: 0;
    274277        }
     278
    275279        .buddypress .bp-headline {
    276280                margin: 0;
    277281                width: 97%;
    278282        }
     283
    279284        .buddypress .bp-features-section {
    280285                clear: both;
    … …  
    283288                padding-bottom: 2em;
    284289        }
     290
    285291        .buddypress .bp-features-section .bp-feature-with-images {
    286292                margin-bottom: 2em;
    287293        }
     294
    288295        .buddypress .bp-features-section .headline-title {
    289296                margin-bottom: 1em;
    290297        }
     298
    291299        .buddypress .bp-changelog-section .changelog-title {
    292300                font-size: 1.25em;
    … …  
    295303                margin-top: 0.5em;
    296304        }
     305
    297306        .buddypress .bp-features-section .feature-title,
    298307        .buddypress .bp-changelog-section .title {
    … …  
    302311                text-align: left;
    303312        }
     313
    304314        .buddypress .bp-features-section .bp-feature,
    305315        .buddypress .bp-features-section .bp-feature-imaged {
    … …  
    312322                width: 100%;
    313323        }
     324
    314325        .buddypress .bp-features-section .bp-feature-imaged p {
    315326                font-size: 1em;
    316327        }
     328
    317329        .buddypress .bp-features-section .bp-feature span {
    318330                margin-top: 0.33em;
    319331        }
     332
    320333        .buddypress .bp-feature.opposite .feature-title,
    321334        .buddypress .bp-feature.opposite p {
    322335                float: none;
    323336        }
     337
    324338        .buddypress .bp-changelog-section {
    325         clear: both;
    326         margin-bottom: 2em;
    327         margin-top: 2em;
    328         }
     339                clear: both;
     340                margin-bottom: 2em;
     341                margin-top: 2em;
     342        }
     343
    329344        .buddypress .bp-changelog-section .changelog-title {
    330345                margin-bottom: 1.5em;
    331346        }
     347
    332348        .buddypress .bp-changelog .title {
    333349                font-size: 1em;
    334350        }
     351
    335352        .buddypress .bp-changelog p {
    336353                margin-bottom: 1em;
    337354        }
     355
    338356        .buddypress .bp-changelog-section .two-col > div,
    339357        .buddypress .bp-changelog-section .three-col .col {
    … …  
    343361        }
    344362}
     363
    345364@media screen and ( max-width: 360px ) {
     365
    346366        .buddypress .bp-headline {
    347367                text-align: center;
    348368        }
     369
    349370        .buddypress .bp-headline span.dashicons {
    350371                clear: none;
    … …  
    356377                width: 80px;
    357378        }
     379
    358380        .buddypress .bp-headline-feature .headline-title,
    359381        .buddypress .bp-features-section .headline-title {
    … …  
    362384                text-align: left;
    363385        }
     386
    364387        .buddypress .bp-headline-feature .headline-title {
    365                 margin: 1em 0 0 0;
    366         }
     388                margin: 1em 0 0;
     389        }
     390
    367391        .buddypress .bp-headline-feature p {
    368392                margin: 1.15em auto 0.6em 0;
    … …  
    370394                width: auto;
    371395        }
     396
    372397        .buddypress .bp-features-section .bp-feature {
    373398                text-align: center;
    374399        }
     400
    375401        .buddypress .bp-features-section span.dashicons {
    376402                float: none;
    377403        }
     404
    378405        .buddypress .bp-features-section .feature-title,
    379406        .buddypress .bp-features-section p {
    … …  
    382409        }
    383410}
     411
    384412/*------------------------------------------------------------------------------
    385413 * 2.0 Dashicons
    … …  
    415443#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    416444#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    417 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     445#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before {
    418446        content: "\f454";
    419447}
    … …  
    441469
    442470.settings_page_bp-components td.plugin-title span:before {
    443         font-family: 'dashicons';
     471        font-family: dashicons;
    444472        font-size: 18px;
    445473}
    … …  
    494522
    495523@media screen and ( max-width: 782px ) {
     524
    496525        .settings_page_bp-components td.plugin-title span {
    497526                margin-top: 5px;
    498527        }
     528
    499529        #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    500530                display: block;
    501531                width: auto;
    502532        }
     533
    503534        #bp-admin-component-form .subsubsub {
    504535                margin-bottom: 0;
    … …  
    551582
    552583.bp-signups-list .column-fields {
    553         font-weight: bold;
     584        font-weight: 700;
    554585}
    555586
    … …  
    594625        color: #23282d;
    595626        font-size: 1.3em;
    596         font-weight: 600px;
     627        font-weight: 600;
    597628        margin: 1em 0;
    598629}
    … …  
    601632        clear: left;
    602633        display: block;
    603         line-height: 1.5em;
     634        line-height: 1.5;
    604635        margin: 0 0 1em;
    605636        vertical-align: middle;
    … …  
    607638
    608639@media screen and (max-width: 782px) {
     640
    609641        .tools_page_bp-tools p {
    610642                line-height: 1.5;
    611643        }
     644
    612645        .tools_page_bp-tools label {
    613646                margin-bottom: 1em;
    … …  
    615648                text-indent: -33px;
    616649        }
     650
    617651        .tools_page_bp-tools .checkbox {
    618652                padding: 0 0 0 30px;

  • trunk/src/bp-core/admin/css/customizer-controls-rtl.css

    r10475 r11587  
    11.customize-control-range output {
    2         background-color: #FFF;
    3         border: 1px solid #DDD;
    4         box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     2        background-color: #fff;
     3        border: 1px solid #ddd;
     4        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    55        float: right;
    66        margin-left: 10px;

  • trunk/src/bp-core/admin/css/customizer-controls.css

    r10475 r11587  
    11.customize-control-range output {
    2         background-color: #FFF;
    3         border: 1px solid #DDD;
    4         box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     2        background-color: #fff;
     3        border: 1px solid #ddd;
     4        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    55        float: left;
    66        margin-right: 10px;

  • trunk/src/bp-core/css/admin-bar-rtl.css

    r11248 r11587  
    1717        right: 0;
    1818}
     19
    1920#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    2021        right: 0;
    … …  
    3132        padding: 2px 5px;
    3233        font-size: 10px;
    33         font-weight: bold;
     34        font-weight: 700;
    3435        -moz-border-radius: 10px;
    3536        -khtml-border-radius: 10px;
    … …  
    4142        background: #ddd;
    4243        color: #333;
    43         margin: 0
     44        margin: 0;
    4445}
    4546
    … …  
    5051
    5152#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
    52         padding: 0 .5em;
     53        padding: 0 0.5em;
    5354}
    5455
    … …  
    6667
    6768@media screen and (max-width: 600px) {
     69
    6870        #wpadminbar .wp-admin-bar-arrow-right {
    6971                display: block;

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

    r11248 r11587  
    1717        left: 0;
    1818}
     19
    1920#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    2021        left: 0;
    … …  
    3132        padding: 2px 5px;
    3233        font-size: 10px;
    33         font-weight: bold;
     34        font-weight: 700;
    3435        -moz-border-radius: 10px;
    3536        -khtml-border-radius: 10px;
    … …  
    4142        background: #ddd;
    4243        color: #333;
    43         margin: 0
     44        margin: 0;
    4445}
    4546
    … …  
    5051
    5152#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
    52         padding: 0 .5em;
     53        padding: 0 0.5em;
    5354}
    5455
    … …  
    6667
    6768@media screen and (max-width: 600px) {
     69
    6870        #wpadminbar .wp-admin-bar-arrow-right {
    6971                display: block;

  • trunk/src/bp-core/css/avatar-rtl.css

    r11579 r11587  
    3131        float: left;
    3232        height: 22px;
    33         line-height: 2em;
     33        line-height: 2;
    3434        margin: 6px 0 0 10px;
    3535        margin-bottom: 2px;
    … …  
    5656}
    5757
     58/* stylelint-disable selector-id-pattern */
    5859#buddypress p.warning,
    5960body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
    … …  
    6768        padding: 10px 15px;
    6869}
     70/* stylelint-enable */
    6971
    7072div.bp-avatar-nav {
    7173        background: transparent;
    7274        clear: both;
    73         margin: 10px 0 10px;
     75        margin: 10px 0;
    7476        overflow: hidden;
    7577}
    … …  
    118120        background: none;
    119121        color: inherit;
    120         font-weight: bold;
     122        font-weight: 700;
    121123        opacity: 0.8;
    122124        outline: 0;
    … …  
    181183
    182184#avatar-to-crop {
    183         margin: 0 auto 20px ;
     185        margin: 0 auto 20px;
    184186        text-align: right;
    185187}
    … …  
    221223
    222224@media screen and (min-width: 801px) {
     225
    223226        #bp-webcam-avatar #avatar-to-crop {
    224227                max-width: 64%;
    … …  
    233236#bp-webcam-avatar #avatar-crop-actions {
    234237        float: right;
    235         margin: 0 0 20px 0;
     238        margin: 0 0 20px;
    236239        width: 50%;
    237240}
    … …  
    298301
    299302.bp-avatar .item {
    300         overflow:hidden;
     303        overflow: hidden;
    301304}
    302305
    … …  
    323326        }
    324327
    325         #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions  {
     328        #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    326329                width: auto;
    327330        }
    … …  
    348351}
    349352
     353
    350354/** Admin Profile **/
     355/* stylelint-disable selector-id-pattern */
    351356body.users_page_bp-profile-edit.modal-open #TB_ajaxContent,
    352357body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent {
    … …  
    367372        margin: 0;
    368373}
     374
    369375.wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    370376        margin-bottom: 20px;
    371377}
     378
    372379@media screen and (min-width: 783px) {
    373380
    … …  
    384391
    385392.wp-admin #TB_window .bp-avatar #avatar-to-crop video {
    386                 width: 100%;
    387         }
     393        width: 100%;
     394}
    388395
    389396.wp-admin #TB_window .bp-avatar .avatar-crop-management a.button {
    … …  
    393400
    394401@media screen and (min-width: 810px) {
     402
    395403        .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    396404                max-width: none;
    … …  
    403411        }
    404412}
     413/* stylelint-enable */

  • trunk/src/bp-core/css/avatar.css

    r11579 r11587  
    3131        float: right;
    3232        height: 22px;
    33         line-height: 2em;
     33        line-height: 2;
    3434        margin: 6px 10px 0 0;
    3535        margin-bottom: 2px;
    … …  
    5656}
    5757
     58/* stylelint-disable selector-id-pattern */
    5859#buddypress p.warning,
    5960body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
    … …  
    6768        padding: 10px 15px;
    6869}
     70/* stylelint-enable */
    6971
    7072div.bp-avatar-nav {
    7173        background: transparent;
    7274        clear: both;
    73         margin: 10px 0 10px;
     75        margin: 10px 0;
    7476        overflow: hidden;
    7577}
    … …  
    118120        background: none;
    119121        color: inherit;
    120         font-weight: bold;
     122        font-weight: 700;
    121123        opacity: 0.8;
    122124        outline: 0;
    … …  
    181183
    182184#avatar-to-crop {
    183         margin: 0 auto 20px ;
     185        margin: 0 auto 20px;
    184186        text-align: left;
    185187}
    … …  
    221223
    222224@media screen and (min-width: 801px) {
     225
    223226        #bp-webcam-avatar #avatar-to-crop {
    224227                max-width: 64%;
    … …  
    233236#bp-webcam-avatar #avatar-crop-actions {
    234237        float: left;
    235         margin: 0 0 20px 0;
     238        margin: 0 0 20px;
    236239        width: 50%;
    237240}
    … …  
    298301
    299302.bp-avatar .item {
    300         overflow:hidden;
     303        overflow: hidden;
    301304}
    302305
    … …  
    323326        }
    324327
    325         #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions  {
     328        #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    326329                width: auto;
    327330        }
    … …  
    348351}
    349352
     353
    350354/** Admin Profile **/
     355/* stylelint-disable selector-id-pattern */
    351356body.users_page_bp-profile-edit.modal-open #TB_ajaxContent,
    352357body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent {
    … …  
    367372        margin: 0;
    368373}
     374
    369375.wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    370376        margin-bottom: 20px;
    371377}
     378
    372379@media screen and (min-width: 783px) {
    373380
    … …  
    384391
    385392.wp-admin #TB_window .bp-avatar #avatar-to-crop video {
    386                 width: 100%;
    387         }
     393        width: 100%;
     394}
    388395
    389396.wp-admin #TB_window .bp-avatar .avatar-crop-management a.button {
    … …  
    393400
    394401@media screen and (min-width: 810px) {
     402
    395403        .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    396404                max-width: none;
    … …  
    403411        }
    404412}
     413/* stylelint-enable */

  • trunk/src/bp-core/css/buddybar-rtl.css

    r10808 r11587  
    22        padding-top: 25px !important;
    33}
     4
    45#wp-admin-bar {
    56        position: fixed;
    … …  
    1112        z-index: 9999;
    1213}
     14
    1315#wp-admin-bar .padder {
    1416        position: relative;
    … …  
    1618        width: 100%;
    1719        margin: 0 auto;
    18         background: url('../images/60pc_black.png');
     20        background: url(../images/60pc_black.png);
    1921        height: 25px;
    2022}
     23
    2124body#bp-default #wp-admin-bar .padder {
    2225        max-width: 1250px;
    2326}
     27
    2428#wp-admin-bar * {
    2529        z-index: 999;
    2630}
     31
    2732#wp-admin-bar div#admin-bar-logo {
    2833        position: absolute;
    … …  
    3035        right: 10px;
    3136}
     37
    3238#wp-admin-bar a img {
    3339        border: none;
    3440}
     41
    3542#wp-admin-bar li {
    3643        list-style: none;
    3744        margin: 0;
    3845        padding: 0;
    39         line-height: 100%;
     46        line-height: 1;
    4047        text-align: right;
    4148}
     49
    4250#wp-admin-bar li a {
    43         padding: 7px 15px 7px 15px;
     51        padding: 7px 15px;
    4452        color: #eee;
    4553        text-decoration: none;
    4654        font-size: 11px;
    4755}
     56
    4857#wp-admin-bar li.alt {
    4958        border: none;
    5059}
     60
    5161#wp-admin-bar li.no-arrow a {
    5262        padding-left: 15px;
    5363}
     64
    5465#wp-admin-bar ul li ul li a span {
    5566        display: none;
    5667}
     68
    5769#wp-admin-bar li:hover,
    5870#wp-admin-bar li.hover {
    5971        position: static;
    6072}
     73
    6174#admin-bar-logo {
    6275        float: right;
    63         font-weight: bold;
     76        font-weight: 700;
    6477        font-size: 11px;
    6578        padding: 5px 8px;
    … …  
    6881        color: #fff;
    6982}
     83
    7084body#bp-default #admin-bar-logo {
    7185        padding: 2px 8px;
    … …  
    87101        float: right;
    88102        position: relative;
    89         background: url('../images/admin-menu-arrow.gif') 88% 53% no-repeat;
     103        background: url(../images/admin-menu-arrow.gif) 88% 53% no-repeat;
    90104        padding-left: 11px;
    91105}
     106
    92107#wp-admin-bar ul li.no-arrow {
    93108        background: none;
    94109        padding-left: 0;
    95110}
     111
    96112#wp-admin-bar ul li ul li {
    97113        background-image: none;
    98114}
     115
    99116#wp-admin-bar ul li.align-right {
    100117        position: absolute;
    101118        left: 0;
    102119}
     120
    103121#wp-admin-bar ul li a {
    104122        display: block;
    105123}
     124
    106125#wp-admin-bar ul.main-nav li:hover,
    107126#wp-admin-bar ul.main-nav li.sfhover,
    … …  
    127146        -webkit-border-top-left-radius: 0;
    128147}
     148
    129149#wp-admin-bar ul li > ul {
    130150        border-top: none;
    131151}
     152
    132153#wp-admin-bar ul li ul a {
    133154        color: #eee;
    134155}
     156
    135157#wp-admin-bar ul li ul li {
    136158        float: right;
    … …  
    138160        margin: 0;
    139161}
     162
    140163#wp-admin-bar ul li ul li:hover a {
    141164        color: #fff;
    142165}
     166
    143167#wp-admin-bar ul li div.admin-bar-clear {
    144168        clear: both;
    145169}
     170
    146171#wp-admin-bar ul.main-nav li ul li:hover,
    147172#wp-admin-bar ul.main-nav li ul li.sfhover,
    … …  
    156181        -webkit-border-radius: 3px;
    157182}
     183
    158184#wp-admin-bar ul li ul li:hover ul li a {
    159185        color: #eee;
    160186}
     187
    161188#wp-admin-bar ul li ul li ul li:hover a {
    162189        color: #fff;
    163190}
     191
    164192#wp-admin-bar ul li:hover ul,
    165193#wp-admin-bar ul li ul li:hover ul,
    … …  
    168196        right: auto;
    169197}
     198
    170199#wp-admin-bar ul li.align-right:hover ul {
    171200        left: 0;
    172201}
     202
    173203#wp-admin-bar ul li:hover ul ul,
    174204#wp-admin-bar li.sfhover ul li ul {
    … …  
    181211        margin-left: 8px;
    182212}
     213
    183214#wp-admin-bar span.activity {
    184215        display: block;
    … …  
    186217        padding: 0;
    187218}
     219
    188220#wp-admin-bar ul.author-list li a {
    189221        height: 17px;
    190222}
     223
    191224#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    192225        padding: 0 6px;
    … …  
    198231        border-radius: 3px;
    199232}
     233
    200234#wp-admin-bar-user-info img.avatar {
    201235        height: 64px;

  • trunk/src/bp-core/css/buddybar.css

    r9819 r11587  
    22        padding-top: 25px !important;
    33}
     4
    45#wp-admin-bar {
    56        position: fixed;
    … …  
    1112        z-index: 9999;
    1213}
     14
    1315#wp-admin-bar .padder {
    1416        position: relative;
    … …  
    1618        width: 100%;
    1719        margin: 0 auto;
    18         background: url('../images/60pc_black.png');
     20        background: url(../images/60pc_black.png);
    1921        height: 25px;
    2022}
     23
    2124body#bp-default #wp-admin-bar .padder {
    2225        max-width: 1250px;
    2326}
     27
    2428#wp-admin-bar * {
    2529        z-index: 999;
    2630}
     31
    2732#wp-admin-bar div#admin-bar-logo {
    2833        position: absolute;
    … …  
    3035        left: 10px;
    3136}
     37
    3238#wp-admin-bar a img {
    3339        border: none;
    3440}
     41
    3542#wp-admin-bar li {
    3643        list-style: none;
    3744        margin: 0;
    3845        padding: 0;
    39         line-height: 100%;
     46        line-height: 1;
    4047        text-align: left;
    4148}
     49
    4250#wp-admin-bar li a {
    43         padding: 7px 15px 7px 15px;
     51        padding: 7px 15px;
    4452        color: #eee;
    4553        text-decoration: none;
    4654        font-size: 11px;
    4755}
     56
    4857#wp-admin-bar li.alt {
    4958        border: none;
    5059}
     60
    5161#wp-admin-bar li.no-arrow a {
    5262        padding-right: 15px;
    5363}
     64
    5465#wp-admin-bar ul li ul li a span {
    5566        display: none;
    5667}
     68
    5769#wp-admin-bar li:hover,
    5870#wp-admin-bar li.hover {
    5971        position: static;
    6072}
     73
    6174#admin-bar-logo {
    6275        float: left;
    63         font-weight: bold;
     76        font-weight: 700;
    6477        font-size: 11px;
    6578        padding: 5px 8px;
    … …  
    6881        color: #fff;
    6982}
     83
    7084body#bp-default #admin-bar-logo {
    7185        padding: 2px 8px;
    … …  
    87101        float: left;
    88102        position: relative;
    89         background: url('../images/admin-menu-arrow.gif') 88% 53% no-repeat;
     103        background: url(../images/admin-menu-arrow.gif) 88% 53% no-repeat;
    90104        padding-right: 11px;
    91105}
     106
    92107#wp-admin-bar ul li.no-arrow {
    93108        background: none;
    94109        padding-right: 0;
    95110}
     111
    96112#wp-admin-bar ul li ul li {
    97113        background-image: none;
    98114}
     115
    99116#wp-admin-bar ul li.align-right {
    100117        position: absolute;
    101118        right: 0;
    102119}
     120
    103121#wp-admin-bar ul li a {
    104122        display: block;
    105123}
     124
    106125#wp-admin-bar ul.main-nav li:hover,
    107126#wp-admin-bar ul.main-nav li.sfhover,
    … …  
    127146        -webkit-border-top-right-radius: 0;
    128147}
     148
    129149#wp-admin-bar ul li > ul {
    130150        border-top: none;
    131151}
     152
    132153#wp-admin-bar ul li ul a {
    133154        color: #eee;
    134155}
     156
    135157#wp-admin-bar ul li ul li {
    136158        float: left;
    … …  
    138160        margin: 0;
    139161}
     162
    140163#wp-admin-bar ul li ul li:hover a {
    141164        color: #fff;
    142165}
     166
    143167#wp-admin-bar ul li div.admin-bar-clear {
    144168        clear: both;
    145169}
     170
    146171#wp-admin-bar ul.main-nav li ul li:hover,
    147172#wp-admin-bar ul.main-nav li ul li.sfhover,
    … …  
    156181        -webkit-border-radius: 3px;
    157182}
     183
    158184#wp-admin-bar ul li ul li:hover ul li a {
    159185        color: #eee;
    160186}
     187
    161188#wp-admin-bar ul li ul li ul li:hover a {
    162189        color: #fff;
    163190}
     191
    164192#wp-admin-bar ul li:hover ul,
    165193#wp-admin-bar ul li ul li:hover ul,
    … …  
    168196        left: auto;
    169197}
     198
    170199#wp-admin-bar ul li.align-right:hover ul {
    171200        right: 0;
    172201}
     202
    173203#wp-admin-bar ul li:hover ul ul,
    174204#wp-admin-bar li.sfhover ul li ul {
    … …  
    181211        margin-right: 8px;
    182212}
     213
    183214#wp-admin-bar span.activity {
    184215        display: block;
    … …  
    186217        padding: 0;
    187218}
     219
    188220#wp-admin-bar ul.author-list li a {
    189221        height: 17px;
    190222}
     223
    191224#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    192225        padding: 0 6px;
    … …  
    198231        border-radius: 3px;
    199232}
     233
    200234#wp-admin-bar-user-info img.avatar {
    201235        height: 64px;

  • trunk/src/bp-groups/admin/css/admin-rtl.css

    r11556 r11587  
    1313        margin-top: 1px;
    1414}
     15
    1516#bp-groups-edit-form input {
    1617        outline: medium none;
    1718}
     19
    1820#bp-groups-edit-form input#bp-groups-name {
    1921        font-size: 1.7em;
    … …  
    2123        margin-bottom: 6px;
    2224}
     25
    2326#bp-groups-edit-form input#bp-groups-new-members {
    2427        border: 1px solid #e5e5e5;
    … …  
    2629        width: 100%;
    2730}
     31
    2832#bp-groups-new-members-list {
    2933        margin: 0;
    3034}
     35
    3136.bp-groups-settings-section {
    3237        margin-top: 10px;
    33         line-height: 2em;
     38        line-height: 2;
    3439}
     40
    3541.bp-groups-settings-section legend {
    3642        margin-top: 10px;
    37         font-weight: bold;
     43        font-weight: 700;
    3844}
     45
    3946.bp-groups-settings-section label {
    4047        clear: right;
    … …  
    4350        vertical-align: middle;
    4451}
     52
    4553#bp-groups-permalink-box {
    4654        line-height: 24px;
    4755        color: #666;
    4856}
     57
    4958#bp-groups-permalink {
    5059        margin-left: 24px;
    5160}
     61
    5262.bp-groups-member-type {
    5363        position: relative;
    5464}
     65
    5566.bp-groups-member-type > h4 {
    56         margin-bottom: .5em;
     67        margin-bottom: 0.5em;
    5768}
     69
    5870ul.bp-group-delete-list {
    5971        list-style-type: disc;
    6072        margin: 4px 26px;
    6173}
     74
    6275/*
    6376 * Members Pagination
    … …  
    6881        width: 100%;
    6982}
     83
    7084.bp-group-admin-pagination.table-top {
    7185        top: 0;
    7286}
     87
    7388.bp-group-admin-pagination.table-bottom {
    7489        bottom: 0;
    7590}
     91
    7692.bp-group-admin-pagination-viewing {
    7793        color: #777;
    … …  
    7995        font-style: italic;
    8096}
     97
    8198.bp-group-admin-pagination-links {
    8299        white-space: nowrap;
    83100        padding-right: 15px;
    84101}
     102
    85103.bp-group-admin-pagination-links .page-numbers {
    86104        display: inline-block;
    … …  
    94112        text-decoration: none;
    95113}
     114
    96115.bp-group-admin-pagination-links a.page-numbers:hover {
    97116        text-decoration: underline;
    98117}
     118
    99119.bp-group-admin-pagination-links .page-numbers.current,
    100120.bp-group-admin-pagination-links .page-numbers.dots {
    … …  
    111131        padding-left: 20px;
    112132}
     133
    113134table.bp-group-members .uname-column {
    114135        width: 70%;
    115136}
     137
    116138table.bp-group-members .urole-column {
    117139        padding-right: 20px;
    … …  
    120142
    121143@media screen and (max-width: 782px) {
     144
    122145        .bp-groups-settings-section label {
    123146                margin: 0.25em 0;

  • trunk/src/bp-groups/admin/css/admin.css

    r11556 r11587  
    1313        margin-top: 1px;
    1414}
     15
    1516#bp-groups-edit-form input {
    1617        outline: medium none;
    1718}
     19
    1820#bp-groups-edit-form input#bp-groups-name {
    1921        font-size: 1.7em;
    … …  
    2123        margin-bottom: 6px;
    2224}
     25
    2326#bp-groups-edit-form input#bp-groups-new-members {
    2427        border: 1px solid #e5e5e5;
    … …  
    2629        width: 100%;
    2730}
     31
    2832#bp-groups-new-members-list {
    2933        margin: 0;
    3034}
     35
    3136.bp-groups-settings-section {
    3237        margin-top: 10px;
    33         line-height: 2em;
     38        line-height: 2;
    3439}
     40
    3541.bp-groups-settings-section legend {
    3642        margin-top: 10px;
    37         font-weight: bold;
     43        font-weight: 700;
    3844}
     45
    3946.bp-groups-settings-section label {
    4047        clear: left;
    … …  
    4350        vertical-align: middle;
    4451}
     52
    4553#bp-groups-permalink-box {
    4654        line-height: 24px;
    4755        color: #666;
    4856}
     57
    4958#bp-groups-permalink {
    5059        margin-right: 24px;
    5160}
     61
    5262.bp-groups-member-type {
    5363        position: relative;
    5464}
     65
    5566.bp-groups-member-type > h4 {
    56         margin-bottom: .5em;
     67        margin-bottom: 0.5em;
    5768}
     69
    5870ul.bp-group-delete-list {
    5971        list-style-type: disc;
    6072        margin: 4px 26px;
    6173}
     74
    6275/*
    6376 * Members Pagination
    … …  
    6881        width: 100%;
    6982}
     83
    7084.bp-group-admin-pagination.table-top {
    7185        top: 0;
    7286}
     87
    7388.bp-group-admin-pagination.table-bottom {
    7489        bottom: 0;
    7590}
     91
    7692.bp-group-admin-pagination-viewing {
    7793        color: #777;
    … …  
    7995        font-style: italic;
    8096}
     97
    8198.bp-group-admin-pagination-links {
    8299        white-space: nowrap;
    83100        padding-left: 15px;
    84101}
     102
    85103.bp-group-admin-pagination-links .page-numbers {
    86104        display: inline-block;
    … …  
    94112        text-decoration: none;
    95113}
     114
    96115.bp-group-admin-pagination-links a.page-numbers:hover {
    97116        text-decoration: underline;
    98117}
     118
    99119.bp-group-admin-pagination-links .page-numbers.current,
    100120.bp-group-admin-pagination-links .page-numbers.dots {
    … …  
    111131        padding-right: 20px;
    112132}
     133
    113134table.bp-group-members .uname-column {
    114135        width: 70%;
    115136}
     137
    116138table.bp-group-members .urole-column {
    117139        padding-left: 20px;
    … …  
    120142
    121143@media screen and (max-width: 782px) {
     144
    122145        .bp-groups-settings-section label {
    123146                margin: 0.25em 0;

  • trunk/src/bp-members/admin/css/admin-rtl.css

    r11247 r11587  
    99
    1010div#profile-page.wrap form#your-profile h3:first-of-type {
    11         margin-top:5em;
     11        margin-top: 5em;
    1212}
    1313
    … …  
    2525        margin-bottom: 0;
    2626}
     27
    2728div#community-profile-page li.bp-members-profile-stats:before,
    2829div#community-profile-page li.bp-friends-profile-stats:before,
    … …  
    3132div#community-profile-page a.bp-xprofile-avatar-user-admin:before,
    3233div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    33         font: normal 20px/1 'dashicons';
     34        font: 400 20px/1 dashicons;
    3435        speak: none;
    3536        display: inline-block;
    … …  
    6263
    6364div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    64         content:"\f182";
     65        content: "\f182";
    6566}
    6667
    … …  
    7071
    7172div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar {
    72         width:150px;
    73         margin:0 auto;
     73        width: 150px;
     74        margin: 0 auto;
    7475}
    7576
    … …  
    8081
    8182div#community-profile-page div#bp_xprofile_user_admin_avatar a {
    82         display:block;
    83         margin:1em 0;
     83        display: block;
     84        margin: 1em 0;
    8485}
    8586
    8687div#community-profile-page p.not-activated {
    87         margin:1em 1em 0;
    88         color:red;
     88        margin: 1em 1em 0;
     89        color: #f00;
    8990}
    9091
    … …  
    101102        background: none;
    102103}
     104
    103105.bp-profile-field {
    104106        border-bottom: dotted 1px #ccc;
    … …  
    107109        padding: 10px;
    108110}
     111
    109112.bp-profile-field:last-child {
    110113        border-bottom: 0;
    111114}
     115
    112116.bp-profile-field p {
    113117        font-size: 14px;
    … …  
    128132        vertical-align: top;
    129133}
     134
    130135.bp-profile-field .description {  /* description also sits in the right side column */
    131136        margin: 10px 200px 12px 0;
    132137        text-align: right;
    133138}
     139
    134140.clear-value {  /* 'clear value' option also sits in the right side column */
    135141        display: block;
    … …  
    137143        margin-right: 200px;
    138144}
     145
    139146.field_type_checkbox .checkbox > label + label {  /* force checkboxes to new lines, in the right side column */
    140147        display: block;
    … …  
    142149        width: auto;
    143150}
     151
    144152.field_type_radio .radio .input-options label,
    145153.field_type_checkbox .checkbox .input-options label {
     154
    146155        /* force checkboxes and radio buttons to new lines */
    147156        display: block;
    148157}
     158
    149159.field_type_checkbox .checkbox .input-options,
    150160.field_type_datebox .datebox .input-options,
    151161.field_type_radio .radio .input-options {
    152         /* make the checkboxes, select menus, and radio buttons sit in the right side column */
     162
     163        /* make the checkboxes, select menus, and radio buttons sit in the
     164        right side column */
    153165        display: inline-block;
    154166}
     167
    155168.field-visibility-settings-notoggle,
    156169.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    … …  
    158171        text-align: right;
    159172}
     173
    160174.field-visibility-settings {  /* visibility settings go in the left column */
    161175        display: none;
    162176        margin-right: 200px;
    163177}
     178
    164179.field-visibility-settings .button {  /* visibility setting close button */
    165180        margin-bottom: 15px;
    166181}
     182
    167183#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    168184        font-size: 14px;
    169         font-weight:600;
     185        font-weight: 600;
    170186}
    171187
    … …  
    173189#your-profile .bp-profile-field .datebox legend,
    174190#your-profile .bp-profile-field .radio legend {
    175         float:right; /* Firefox will not apply display: inline-block to legends */
     191        float: right; /* Firefox will not apply display: inline-block to legends */
    176192        font-size: 14px;
    177193        font-weight: 600;
    178         line-height: 1.4em;
     194        line-height: 1.4;
    179195        text-align: right;
    180196        vertical-align: middle;
    … …  
    192208
    193209@media screen and (max-width: 782px) {
     210
    194211        #your-profile .bp-profile-field .checkbox legend,
    195212        #your-profile .bp-profile-field .datebox legend,
    … …  
    201218                margin-bottom: 12px;
    202219        }
     220
    203221        .bp-profile-field .checkbox label,
    204222        .bp-profile-field .radio label {
    205                 line-height: 1.4em;
     223                line-height: 1.4;
    206224                margin-bottom: 12px;
    207225                vertical-align: middle;
    208226        }
     227
    209228        .bp-profile-field .checkbox input[type="checkbox"],
    210229        .bp-profile-field .radio input[type="radio"] {
    211230                vertical-align: top;
    212231        }
     232
    213233        .bp-profile-field .clear-value,
    214234        .bp-profile-field .description,
    … …  
    226246                margin-right: 50px;
    227247        }
     248
    228249        .field-visibility-settings {
    229250                margin-right: 100px;
    230251        }
     252
    231253        #your-profile .field_multiselectbox select {
    232254                height: auto;
    … …  
    235257
    236258@media screen and (max-width: 480px) {
     259
    237260        .bp-profile-field .clear-value,
    238261        .bp-profile-field .description,
    … …  
    249272                margin-right: 0;
    250273        }
     274
    251275        .field-visibility-settings {
    252276                margin-right: 50px;

  • trunk/src/bp-members/admin/css/admin.css

    r11247 r11587  
    99
    1010div#profile-page.wrap form#your-profile h3:first-of-type {
    11         margin-top:5em;
     11        margin-top: 5em;
    1212}
    1313
    … …  
    2525        margin-bottom: 0;
    2626}
     27
    2728div#community-profile-page li.bp-members-profile-stats:before,
    2829div#community-profile-page li.bp-friends-profile-stats:before,
    … …  
    3132div#community-profile-page a.bp-xprofile-avatar-user-admin:before,
    3233div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    33         font: normal 20px/1 'dashicons';
     34        font: 400 20px/1 dashicons;
    3435        speak: none;
    3536        display: inline-block;
    … …  
    6263
    6364div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    64         content:"\f182";
     65        content: "\f182";
    6566}
    6667
    … …  
    7071
    7172div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar {
    72         width:150px;
    73         margin:0 auto;
     73        width: 150px;
     74        margin: 0 auto;
    7475}
    7576
    … …  
    8081
    8182div#community-profile-page div#bp_xprofile_user_admin_avatar a {
    82         display:block;
    83         margin:1em 0;
     83        display: block;
     84        margin: 1em 0;
    8485}
    8586
    8687div#community-profile-page p.not-activated {
    87         margin:1em 1em 0;
    88         color:red;
     88        margin: 1em 1em 0;
     89        color: #f00;
    8990}
    9091
    … …  
    101102        background: none;
    102103}
     104
    103105.bp-profile-field {
    104106        border-bottom: dotted 1px #ccc;
    … …  
    107109        padding: 10px;
    108110}
     111
    109112.bp-profile-field:last-child {
    110113        border-bottom: 0;
    111114}
     115
    112116.bp-profile-field p {
    113117        font-size: 14px;
    … …  
    128132        vertical-align: top;
    129133}
     134
    130135.bp-profile-field .description {  /* description also sits in the right side column */
    131136        margin: 10px 0 12px 200px;
    132137        text-align: left;
    133138}
     139
    134140.clear-value {  /* 'clear value' option also sits in the right side column */
    135141        display: block;
    … …  
    137143        margin-left: 200px;
    138144}
     145
    139146.field_type_checkbox .checkbox > label + label {  /* force checkboxes to new lines, in the right side column */
    140147        display: block;
    … …  
    142149        width: auto;
    143150}
     151
    144152.field_type_radio .radio .input-options label,
    145153.field_type_checkbox .checkbox .input-options label {
     154
    146155        /* force checkboxes and radio buttons to new lines */
    147156        display: block;
    148157}
     158
    149159.field_type_checkbox .checkbox .input-options,
    150160.field_type_datebox .datebox .input-options,
    151161.field_type_radio .radio .input-options {
    152         /* make the checkboxes, select menus, and radio buttons sit in the right side column */
     162
     163        /* make the checkboxes, select menus, and radio buttons sit in the
     164        right side column */
    153165        display: inline-block;
    154166}
     167
    155168.field-visibility-settings-notoggle,
    156169.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    … …  
    158171        text-align: left;
    159172}
     173
    160174.field-visibility-settings {  /* visibility settings go in the left column */
    161175        display: none;
    162176        margin-left: 200px;
    163177}
     178
    164179.field-visibility-settings .button {  /* visibility setting close button */
    165180        margin-bottom: 15px;
    166181}
     182
    167183#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    168184        font-size: 14px;
    169         font-weight:600;
     185        font-weight: 600;
    170186}
    171187
    … …  
    173189#your-profile .bp-profile-field .datebox legend,
    174190#your-profile .bp-profile-field .radio legend {
    175         float:left; /* Firefox will not apply display: inline-block to legends */
     191        float: left; /* Firefox will not apply display: inline-block to legends */
    176192        font-size: 14px;
    177193        font-weight: 600;
    178         line-height: 1.4em;
     194        line-height: 1.4;
    179195        text-align: left;
    180196        vertical-align: middle;
    … …  
    192208
    193209@media screen and (max-width: 782px) {
     210
    194211        #your-profile .bp-profile-field .checkbox legend,
    195212        #your-profile .bp-profile-field .datebox legend,
    … …  
    201218                margin-bottom: 12px;
    202219        }
     220
    203221        .bp-profile-field .checkbox label,
    204222        .bp-profile-field .radio label {
    205                 line-height: 1.4em;
     223                line-height: 1.4;
    206224                margin-bottom: 12px;
    207225                vertical-align: middle;
    208226        }
     227
    209228        .bp-profile-field .checkbox input[type="checkbox"],
    210229        .bp-profile-field .radio input[type="radio"] {
    211230                vertical-align: top;
    212231        }
     232
    213233        .bp-profile-field .clear-value,
    214234        .bp-profile-field .description,
    … …  
    226246                margin-left: 50px;
    227247        }
     248
    228249        .field-visibility-settings {
    229250                margin-left: 100px;
    230251        }
     252
    231253        #your-profile .field_multiselectbox select {
    232254                height: auto;
    … …  
    235257
    236258@media screen and (max-width: 480px) {
     259
    237260        .bp-profile-field .clear-value,
    238261        .bp-profile-field .description,
    … …  
    249272                margin-left: 0;
    250273        }
     274
    251275        .field-visibility-settings {
    252276                margin-left: 50px;

  • trunk/src/bp-messages/css/autocomplete/jquery.autocompletefb-rtl.css

    r10808 r11587  
    11.ac_results {
    2         padding: 0px;
     2        padding: 0;
    33        overflow: hidden;
    44        z-index: 99999;
    … …  
    1414        border-bottom-left-radius: 3px;
    1515}
    16         .ac_results ul {
    17                 width: 100%;
    18                 list-style-position: outside;
    19                 list-style: none;
    20                 padding: 0;
    21                 margin: 0;
    22         }
    2316
    24         .ac_results li {
    25                 margin: 0px;
    26                 padding: 5px 10px;
    27                 cursor: pointer;
    28                 display: block;
    29                 font-size: 1em;
    30                 line-height: 16px;
    31                 overflow: hidden;
    32         }
    33                 .ac_results li img {
    34                         margin-left: 5px;
    35                 }
     17.ac_results ul {
     18        width: 100%;
     19        list-style: none;
     20        list-style-position: outside;
     21        padding: 0;
     22        margin: 0;
     23}
     24
     25.ac_results li {
     26        margin: 0;
     27        padding: 5px 10px;
     28        cursor: pointer;
     29        display: block;
     30        font-size: 1em;
     31        line-height: 16px;
     32        overflow: hidden;
     33}
     34
     35.ac_results li img {
     36        margin-left: 5px;
     37}
    3638
    3739.ac_odd {
    … …  
    4547
    4648ul.acfb-holder {
    47         margin  : 0;
    48         height  : auto !important;
    49         height  : 1%;
     49        margin: 0;
     50        height: auto !important;
     51        height: 1%;
    5052        overflow: hidden;
    5153        padding: 0;
    5254        list-style: none;
    5355}
    54         ul.acfb-holder li {
    55                 float   : right;
    56                 margin  : 0 0 4px 5px;
    57                 list-style-type: none;
    58         }
    5956
    60         ul.acfb-holder li.friend-tab {
    61                 border-radius         : 3px;
    62                 -moz-border-radius    : 3px;
    63                 -webkit-border-radius : 3px;
    64                 border     : 1px solid #ffe7c7;
    65                 padding    : 2px 7px 2px;
    66                 background : #FFF9DF;
    67                 font-size: 1em;
    68         }
    69                 li.friend-tab img.avatar {
    70                         border-width: 2px !important;
    71                         vertical-align: middle;
    72                 }
     57ul.acfb-holder li {
     58        float: right;
     59        margin: 0 0 4px 5px;
     60        list-style-type: none;
     61}
    7362
    74                 li.friend-tab span.p {
    75                         padding-right: 5px;
    76                         font-size: 0.8em;
    77                         cursor: pointer;
    78                 }
     63ul.acfb-holder li.friend-tab {
     64        border-radius: 3px;
     65        -moz-border-radius: 3px;
     66        -webkit-border-radius: 3px;
     67        border: 1px solid #ffe7c7;
     68        padding: 2px 7px;
     69        background: #fff9df;
     70        font-size: 1em;
     71}
    7972
    80 input#send-to-input { width: 275px; }
     73li.friend-tab img.avatar {
     74        border-width: 2px !important;
     75        vertical-align: middle;
     76}
     77
     78li.friend-tab span.p {
     79        padding-right: 5px;
     80        font-size: 0.8em;
     81        cursor: pointer;
     82}
     83
     84input#send-to-input {
     85        width: 275px;
     86}

  • trunk/src/bp-messages/css/autocomplete/jquery.autocompletefb.css

    r9819 r11587  
    11.ac_results {
    2         padding: 0px;
     2        padding: 0;
    33        overflow: hidden;
    44        z-index: 99999;
    … …  
    1414        border-bottom-right-radius: 3px;
    1515}
    16         .ac_results ul {
    17                 width: 100%;
    18                 list-style-position: outside;
    19                 list-style: none;
    20                 padding: 0;
    21                 margin: 0;
    22         }
    2316
    24         .ac_results li {
    25                 margin: 0px;
    26                 padding: 5px 10px;
    27                 cursor: pointer;
    28                 display: block;
    29                 font-size: 1em;
    30                 line-height: 16px;
    31                 overflow: hidden;
    32         }
    33                 .ac_results li img {
    34                         margin-right: 5px;
    35                 }
     17.ac_results ul {
     18        width: 100%;
     19        list-style: none;
     20        list-style-position: outside;
     21        padding: 0;
     22        margin: 0;
     23}
     24
     25.ac_results li {
     26        margin: 0;
     27        padding: 5px 10px;
     28        cursor: pointer;
     29        display: block;
     30        font-size: 1em;
     31        line-height: 16px;
     32        overflow: hidden;
     33}
     34
     35.ac_results li img {
     36        margin-right: 5px;
     37}
    3638
    3739.ac_odd {
    … …  
    4547
    4648ul.acfb-holder {
    47         margin  : 0;
    48         height  : auto !important;
    49         height  : 1%;
     49        margin: 0;
     50        height: auto !important;
     51        height: 1%;
    5052        overflow: hidden;
    5153        padding: 0;
    5254        list-style: none;
    5355}
    54         ul.acfb-holder li {
    55                 float   : left;
    56                 margin  : 0 5px 4px 0;
    57                 list-style-type: none;
    58         }
    5956
    60         ul.acfb-holder li.friend-tab {
    61                 border-radius         : 3px;
    62                 -moz-border-radius    : 3px;
    63                 -webkit-border-radius : 3px;
    64                 border     : 1px solid #ffe7c7;
    65                 padding    : 2px 7px 2px;
    66                 background : #FFF9DF;
    67                 font-size: 1em;
    68         }
    69                 li.friend-tab img.avatar {
    70                         border-width: 2px !important;
    71                         vertical-align: middle;
    72                 }
     57ul.acfb-holder li {
     58        float: left;
     59        margin: 0 5px 4px 0;
     60        list-style-type: none;
     61}
    7362
    74                 li.friend-tab span.p {
    75                         padding-left: 5px;
    76                         font-size: 0.8em;
    77                         cursor: pointer;
    78                 }
     63ul.acfb-holder li.friend-tab {
     64        border-radius: 3px;
     65        -moz-border-radius: 3px;
     66        -webkit-border-radius: 3px;
     67        border: 1px solid #ffe7c7;
     68        padding: 2px 7px;
     69        background: #fff9df;
     70        font-size: 1em;
     71}
    7972
    80 input#send-to-input { width: 275px; }
     73li.friend-tab img.avatar {
     74        border-width: 2px !important;
     75        vertical-align: middle;
     76}
     77
     78li.friend-tab span.p {
     79        padding-left: 5px;
     80        font-size: 0.8em;
     81        cursor: pointer;
     82}
     83
     84input#send-to-input {
     85        width: 275px;
     86}

  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r11586 r11587  
    34341 - Navigation
    3535--------------------------------------------------------------*/
     36
    3637/*--------------------------------------------------------------
    37381.1 - Pagination
    … …  
    4950        padding: 10px 0;
    5051}
     52
    5153#buddypress div.pagination .pag-count {
    5254        float: right;
    5355        margin-right: 10px;
    5456}
     57
    5558#buddypress div.pagination .pagination-links {
    5659        float: left;
    5760        margin-left: 10px;
    5861}
     62
    5963#buddypress div.pagination .pagination-links span,
    6064#buddypress div.pagination .pagination-links a {
    … …  
    6266        padding: 0 5px;
    6367}
     68
    6469#buddypress div.pagination .pagination-links a:hover {
    65         font-weight: bold;
    66 }
     70        font-weight: 700;
     71}
     72
    6773#buddypress noscript div.pagination {
    6874        margin-bottom: 15px;
    6975}
     76
    7077#buddypress #nav-above {
    7178        display: none;
    7279}
     80
    7381#buddypress .paged #nav-above {
    7482        display: block;
    7583}
     84
    7685/*--------------------------------------------------------------
    77862 - WordPress
    7887--------------------------------------------------------------*/
     88
    7989/*--------------------------------------------------------------
    80902.1 - Images
    … …  
    8797        padding: 0 !important;
    8898}
     99
    89100#buddypress .clear {
    90101        clear: right;
    … …  
    941053.0 - BuddyPress
    95106--------------------------------------------------------------*/
     107
    96108/*--------------------------------------------------------------
    971093.1 - Activity
    … …  
    109121        padding: 0;
    110122}
     123
    111124#buddypress .home-page form#whats-new-form {
    112125        border-bottom: none;
    113126        padding-bottom: 0;
    114127}
     128
    115129#buddypress form#whats-new-form #whats-new-avatar {
    116130        float: right;
    117131}
     132
    118133#buddypress form#whats-new-form #whats-new-content {
    119134        margin-right: 55px;
    120135        padding: 0 20px 20px 0;
    121136}
     137
    122138#buddypress form#whats-new-form p.activity-greeting {
    123         line-height: 0.5em;
     139        line-height: 0.5;
    124140        margin-bottom: 15px;
    125141        margin-right: 75px;
    126142}
     143
    127144#buddypress form#whats-new-form textarea {
    128145        background: #fff;
    … …  
    136153        width: 100%;
    137154}
     155
    138156body.no-js #buddypress form#whats-new-form textarea {
    139157        height: 50px;
    140158}
     159
    141160#buddypress form#whats-new-form #whats-new-options select {
    142161        max-width: 200px;
    143162        margin-top: 12px;
    144163}
     164
    145165#buddypress form#whats-new-form #whats-new-submit {
    146166        float: left;
    147167        margin-top: 12px;
    148168}
     169
    149170#buddypress #whats-new-options:after {
    150171        clear: both;
    … …  
    152173        display: table;
    153174}
     175
    154176body.no-js #buddypress #whats-new-options {
    155177        height: auto;
    156178}
     179
    157180#buddypress #whats-new:focus {
    158181        border-color: rgba(31, 179, 221, 0.9) !important;
    … …  
    168191        list-style: none;
    169192}
     193
    170194#buddypress .activity-list .activity-avatar {
    171195        float: right;
    172196}
     197
    173198#buddypress ul.item-list.activity-list li.has-comments {
    174199        padding-bottom: 15px;
    175200}
     201
    176202body.activity-permalink #buddypress ul.activity-list li.has-comments {
    177203        padding-bottom: 0;
    178204}
     205
    179206#buddypress .activity-list li.mini {
    180207        font-size: 80%;
    181208        position: relative;
    182209}
     210
    183211#buddypress .activity-list li.mini .activity-avatar img.avatar,
    184 #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
     212#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { /* stylelint-disable-line selector-class-pattern */
    185213        height: 20px;
    186214        margin-right: 30px;
    187215        width: 20px;
    188216}
     217
    189218#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
    190 #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
     219#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic { /* stylelint-disable-line selector-class-pattern */
    191220        height: auto;
    192221        margin-right: 0;
    193222        width: auto;
    194223}
     224
    195225body.activity-permalink #buddypress .activity-list > li:first-child {
    196226        padding-top: 0;
    197227}
     228
    198229#buddypress .activity-list li .activity-content {
    199230        position: relative;
    200231}
     232
    201233#buddypress .activity-list li.mini .activity-content p {
    202234        margin: 0;
    203235}
     236
    204237#buddypress .activity-list li.mini .activity-comments {
    205238        clear: both;
    206239        font-size: 120%;
    207240}
     241
    208242body.activity-permalink #buddypress li.mini .activity-meta {
    209243        margin-top: 4px;
    210244}
     245
    211246#buddypress .activity-list li .activity-inreplyto {
    212247        color: #767676;
    213248        font-size: 80%;
    214249}
     250
    215251#buddypress .activity-list li .activity-inreplyto > p {
    216252        margin: 0;
    217253        display: inline;
    218254}
     255
    219256#buddypress .activity-list li .activity-inreplyto blockquote,
    220257#buddypress .activity-list li .activity-inreplyto div.activity-inner {
    … …  
    226263        padding: 0;
    227264}
     265
    228266#buddypress .activity-list .activity-content {
    229267        margin: 0 70px 0 0;
    230268}
     269
    231270body.activity-permalink #buddypress .activity-list li .activity-content {
    232271        border: none;
    233272        font-size: 100%;
    234         line-height: 150%;
     273        line-height: 1.5;
    235274        margin-right: 170px;
    236275        margin-left: 0;
    237276        padding: 0;
    238277}
     278
    239279body.activity-permalink #buddypress .activity-list li .activity-header > p {
    240280        margin: 0;
    241         padding: 5px 0 0 0;
    242 }
     281        padding: 5px 0 0;
     282}
     283
    243284#buddypress .activity-list .activity-content .activity-header,
    244285#buddypress .activity-list .activity-content .comment-header {
    245286        color: #767676;
    246         line-height: 220%;
    247 }
     287        line-height: 2.2;
     288}
     289
    248290#buddypress .activity-header {
    249291        margin-left: 20px;
    250292}
     293
    251294#buddypress .activity-header a,
    252295#buddypress .comment-meta a,
    … …  
    254297        text-decoration: none;
    255298}
     299
    256300#buddypress .activity-list .activity-content .activity-header img.avatar {
    257301        float: none !important;
    258302        margin: 0 0 -8px 5px !important;
    259303}
     304
    260305#buddypress a.bp-secondary-action,
    261306#buddypress span.highlight {
    … …  
    265310        text-decoration: none;
    266311}
     312
    267313#buddypress .activity-list .activity-content .activity-inner,
    268314#buddypress .activity-list .activity-content blockquote {
    … …  
    270316        overflow: hidden;
    271317}
     318
    272319#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
    273320#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    274         border-right: 2px solid #EAEAEA;
     321        border-right: 2px solid #eaeaea;
    275322        margin-right: 5px;
    276323        padding-right: 10px;
    277324}
     325
    278326body.activity-permalink #buddypress .activity-content .activity-inner,
    279327body.activity-permalink #buddypress .activity-content blockquote {
    … …  
    281329        margin-top: 5px;
    282330}
     331
    283332#buddypress .activity-inner > p {
    284333        word-wrap: break-word;
    285334}
     335
    286336#buddypress .activity-inner > .activity-inner {
    287337        margin: 0;
    288338}
     339
    289340#buddypress .activity-inner > blockquote {
    290341        margin: 0;
    291342}
     343
    292344#buddypress .activity-list .activity-content img.thumbnail {
    293345        border: 2px solid #eee;
    … …  
    295347        margin: 0 0 5px 10px;
    296348}
     349
    297350#buddypress .activity-read-more {
    298351        margin-right: 1em;
    299352        white-space: nowrap;
    300353}
     354
    301355#buddypress .activity-list li.load-more,
    302356#buddypress .activity-list li.load-newest {
    … …  
    307361        text-align: center;
    308362}
     363
    309364#buddypress .activity-list li.load-more a,
    310365#buddypress .activity-list li.load-newest a {
    311         color: #4D4D4D;
     366        color: #4d4d4d;
    312367}
    313368
    … …  
    319374        margin: 18px 0 0;
    320375}
     376
    321377body.activity-permalink #buddypress div.activity-meta {
    322378        margin-bottom: 6px;
    323379}
     380
    324381#buddypress div.activity-meta a {
    325382        padding: 4px 8px;
    326383}
     384
    327385#buddypress a.activity-time-since {
    328386        color: #767676;
    329387        text-decoration: none;
    330388}
     389
    331390#buddypress a.activity-time-since:hover {
    332391        color: #767676;
    333392        text-decoration: underline;
    334393}
     394
    335395#buddypress a.bp-primary-action,
    336396#buddypress #reply-title small a {
    … …  
    339399        text-decoration: none;
    340400}
     401
    341402#buddypress a.bp-primary-action span,
    342403#buddypress #reply-title small a span {
    … …  
    347408        padding: 0 5px;
    348409}
     410
    349411#buddypress a.bp-primary-action:hover span,
    350412#buddypress #reply-title small a:hover span {
    … …  
    352414        color: #fff;
    353415}
     416
    354417#buddypress div.activity-comments {
    355418        margin: 0 70px 0 0;
    … …  
    359422        clear: both;
    360423}
     424
    361425body.activity-permalink #buddypress div.activity-comments {
    362426        background: none;
    … …  
    364428        width: auto;
    365429}
     430
    366431#buddypress div.activity-comments > ul {
    367432        padding: 0 10px 0 0;
    368433}
     434
    369435#buddypress div.activity-comments ul,
    370436#buddypress div.activity-comments ul li {
    … …  
    372438        list-style: none;
    373439}
     440
    374441#buddypress div.activity-comments ul {
    375442        clear: both;
    376443        margin: 0;
    377444}
     445
    378446#buddypress div.activity-comments ul li {
    379447        border-top: 1px solid #eee;
    380448        padding: 10px 0 0;
    381449}
     450
    382451body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    383452        clear: none;
    384453        margin-top: 0;
    385454}
     455
    386456body.activity-permalink #buddypress div.activity-comments ul li {
    387457        border-width: 1px;
    388         padding: 10px 0 0 0;
    389 }
     458        padding: 10px 0 0;
     459}
     460
    390461#buddypress div.activity-comments > ul > li:first-child {
    391462        border-top: none;
    392463}
     464
    393465#buddypress div.activity-comments ul li:last-child {
    394466        margin-bottom: 0;
    395467}
     468
    396469#buddypress div.activity-comments ul li > ul {
    397470        margin-right: 30px;
    … …  
    399472        padding-right: 10px;
    400473}
     474
    401475body.activity-permalink #buddypress div.activity-comments ul li > ul {
    402476        margin-top: 10px;
    403477}
     478
    404479body.activity-permalink #buddypress div.activity-comments > ul {
    405480        padding: 0 15px 0 10px;
    406481}
     482
    407483#buddypress div.activity-comments div.acomment-avatar img {
    408484        border-width: 1px;
    … …  
    412488        width: 25px;
    413489}
     490
    414491#buddypress div.activity-comments div.acomment-content {
    415492        font-size: 80%;
    416493        margin: 5px 40px 0 0;
    417494}
     495
    418496#buddypress div.acomment-content .time-since,
    419497#buddypress div.acomment-content .activity-delete-link,
    … …  
    421499        display: none;
    422500}
     501
    423502body.activity-permalink #buddypress div.activity-comments div.acomment-content {
    424503        font-size: 90%;
    425504}
     505
    426506#buddypress div.activity-comments div.acomment-meta {
    427507        color: #767676;
    428508        font-size: 80%;
    429509}
     510
    430511#buddypress div.activity-comments form.ac-form {
    431512        display: none;
    432513        padding: 10px;
    433514}
     515
    434516#buddypress div.activity-comments li form.ac-form {
    435517        margin-left: 15px;
    436518        clear: both;
    437519}
     520
    438521#buddypress div.activity-comments form.root {
    439522        margin-right: 0;
    440523}
     524
    441525#buddypress div.activity-comments div#message {
    442526        margin-top: 15px;
    443527        margin-bottom: 0;
    444528}
     529
    445530#buddypress div.activity-comments form .ac-textarea {
    446531        background: #fff;
    … …  
    449534        padding: 8px;
    450535}
     536
    451537#buddypress div.activity-comments form textarea {
    452538        border: none;
    … …  
    462548        width: 100%;
    463549}
     550
    464551#buddypress div.activity-comments form input {
    465552        margin-top: 5px;
    466553}
     554
    467555#buddypress div.activity-comments form div.ac-reply-avatar {
    468556        float: right;
    469557}
     558
    470559#buddypress div.ac-reply-avatar img {
    471560        border: 1px solid #eee;
    472561}
     562
    473563#buddypress div.activity-comments form div.ac-reply-content {
    474564        color: #767676;
    … …  
    476566        padding-right: 15px;
    477567}
     568
    478569#buddypress div.activity-comments form div.ac-reply-content a {
    479570        text-decoration: none;
    480571}
     572
    481573#buddypress .acomment-options {
    482574        float: right;
    483575        margin: 5px 40px 5px 0;
    484576}
     577
    485578#buddypress .acomment-options a {
    486579        color: #767676;
    487580}
     581
    488582#buddypress .acomment-options a:hover {
    489583        color: inherit;
    … …  
    497591        margin: -39px 0 0 0;
    498592}
    499 #buddypress div.dir-search input[type=text],
    500 #buddypress li.groups-members-search input[type=text] {
     593
     594#buddypress div.dir-search input[type="text"],
     595#buddypress li.groups-members-search input[type="text"] {
    501596        font-size: 90%;
    502597        padding: 1px 3px;
    503598}
     599
    504600#buddypress .current-member-type {
    505601        font-style: italic;
    506602}
     603
    507604#buddypress .dir-form {
    508605        clear: both;
    … …  
    515612        margin: 0 0 15px;
    516613}
     614
    517615#buddypress #message.info {
    518616        margin-bottom: 0;
    519617}
     618
    520619#buddypress div#message.updated {
    521620        clear: both;
    522621        display: block;
    523622}
     623
    524624#buddypress div#message p,
    525625#sitewide-notice p {
    … …  
    528628        padding: 10px 15px;
    529629}
     630
    530631#buddypress div#message.error p {
    531632        background-color: #fdc;
    … …  
    534635        color: #800;
    535636}
     637
    536638#buddypress div#message.warning p {
    537639        background-color: #ffe0af;
    … …  
    540642        color: #800;
    541643}
     644
    542645#buddypress div#message.updated p {
    543646        background-color: #efc;
    … …  
    545648        color: #250;
    546649}
     650
    547651#buddypress #pass-strength-result {
    548652        background-color: #eee;
    … …  
    556660        width: 150px;
    557661}
     662
    558663#buddypress .standard-form #basic-details-section #pass-strength-result {
    559664        width: 35%;
    560665}
     666
    561667#buddypress #pass-strength-result.error,
    562668#buddypress #pass-strength-result.bad {
    … …  
    565671        display: block;
    566672}
     673
    567674#buddypress #pass-strength-result.good {
    568675        background-color: #ffec8b;
    … …  
    570677        display: block;
    571678}
     679
    572680#buddypress #pass-strength-result.short {
    573681        background-color: #ffa0a0;
    … …  
    575683        display: block;
    576684}
     685
    577686#buddypress #pass-strength-result.strong {
    578687        background-color: #c3ff88;
    … …  
    580689        display: block;
    581690}
     691
    582692#buddypress .standard-form#signup_form div div.error {
    583693        background: #faa;
    584694        color: #a00;
    585         margin: 0 0 10px 0;
     695        margin: 0 0 10px;
    586696        padding: 6px;
    587697        width: 90%;
    588698}
     699
    589700#buddypress div.accept,
    590701#buddypress div.reject {
    … …  
    592703        margin-right: 10px;
    593704}
     705
    594706#buddypress ul.button-nav li {
    595707        float: right;
    … …  
    597709        list-style: none;
    598710}
     711
    599712#buddypress ul.button-nav li.current a {
    600         font-weight: bold;
    601 }
     713        font-weight: 700;
     714}
     715
    602716#sitewide-notice #message {
    603717        right: 2%;
    … …  
    607721        z-index: 9999;
    608722}
     723
    609724#sitewide-notice.admin-bar-on #message {
    610725        top: 3.3em;
    611726}
     727
    612728#sitewide-notice strong {
    613729        display: block;
    … …  
    625741
    626742#buddypress .standard-form textarea,
    627 #buddypress .standard-form input[type=text],
    628 #buddypress .standard-form input[type=color],
    629 #buddypress .standard-form input[type=date],
    630 #buddypress .standard-form input[type=datetime],
    631 #buddypress .standard-form input[type=datetime-local],
    632 #buddypress .standard-form input[type=email],
    633 #buddypress .standard-form input[type=month],
    634 #buddypress .standard-form input[type=number],
    635 #buddypress .standard-form input[type=range],
    636 #buddypress .standard-form input[type=search],
    637 #buddypress .standard-form input[type=tel],
    638 #buddypress .standard-form input[type=time],
    639 #buddypress .standard-form input[type=url],
    640 #buddypress .standard-form input[type=week],
     743#buddypress .standard-form input[type="text"],
     744#buddypress .standard-form input[type="color"],
     745#buddypress .standard-form input[type="date"],
     746#buddypress .standard-form input[type="datetime"],
     747#buddypress .standard-form input[type="datetime-local"],
     748#buddypress .standard-form input[type="email"],
     749#buddypress .standard-form input[type="month"],
     750#buddypress .standard-form input[type="number"],
     751#buddypress .standard-form input[type="range"],
     752#buddypress .standard-form input[type="search"],
     753#buddypress .standard-form input[type="tel"],
     754#buddypress .standard-form input[type="time"],
     755#buddypress .standard-form input[type="url"],
     756#buddypress .standard-form input[type="week"],
    641757#buddypress .standard-form select,
    642 #buddypress .standard-form input[type=password],
    643 #buddypress .dir-search input[type=search],
    644 #buddypress .dir-search input[type=text],
    645 #buddypress .groups-members-search input[type=search],
    646 #buddypress .groups-members-search input[type=text] {
     758#buddypress .standard-form input[type="password"],
     759#buddypress .dir-search input[type="search"],
     760#buddypress .dir-search input[type="text"],
     761#buddypress .groups-members-search input[type="search"],
     762#buddypress .groups-members-search input[type="text"] {
    647763        border: 1px solid #ccc;
    648764        background: #fafafa;
    … …  
    653769        padding: 6px;
    654770}
     771
    655772#buddypress .standard-form select {
    656773        padding: 3px;
    657774}
    658 #buddypress .standard-form input[type=password] {
     775
     776#buddypress .standard-form input[type="password"] {
    659777        margin-bottom: 5px;
    660778}
     779
    661780#buddypress .standard-form label,
    662781#buddypress .standard-form span.label,
    663782#buddypress .standard-form legend {
    664783        display: block;
    665         font-weight: bold;
    666         margin: 15px 0 5px 0;
     784        font-weight: 700;
     785        margin: 15px 0 5px;
    667786        width: auto;
    668787}
     788
    669789#buddypress .standard-form p label,
    670790#buddypress .standard-form #invite-list label {
    671         font-weight: normal;
     791        font-weight: 400;
    672792        margin: auto;
    673793}
     794
    674795#buddypress .standard-form .checkbox label,
    675796#buddypress .standard-form .radio label {
    676797        color: #767676;
    677798        font-size: 100%;
    678         font-weight: normal;
    679         margin: 5px 0 0 0;
    680 }
     799        font-weight: 400;
     800        margin: 5px 0 0;
     801}
     802
    681803#buddypress .standard-form .checkbox label input,
    682804#buddypress .standard-form .radio label input {
    683805        margin-left: 3px;
    684806}
     807
    685808#buddypress .standard-form#sidebar-login-form label {
    686809        margin-top: 5px;
    687810}
    688 #buddypress .standard-form input[type=text] {
     811
     812#buddypress .standard-form input[type="text"] {
    689813        width: 75%;
    690814}
    691 #buddypress .standard-form#sidebar-login-form input[type=text],
    692 #buddypress .standard-form#sidebar-login-form input[type=password] {
     815
     816#buddypress .standard-form#sidebar-login-form input[type="text"],
     817#buddypress .standard-form#sidebar-login-form input[type="password"] {
    693818        padding: 4px;
    694819        width: 95%;
    695820}
    696 #buddypress .standard-form #basic-details-section input[type=password],
     821
     822#buddypress .standard-form #basic-details-section input[type="password"],
    697823#buddypress .standard-form #blog-details-section input#signup_blog_url {
    698824        width: 35%;
    699825}
    700 #buddypress .standard-form#signup_form input[type=text],
     826
     827#buddypress .standard-form#signup_form input[type="text"],
    701828#buddypress .standard-form#signup_form textarea,
    702829#buddypress .form-allowed-tags,
    703 #buddypress #commentform input[type=text],
     830#buddypress #commentform input[type="text"],
    704831#buddypress #commentform textarea {
    705832        width: 90%;
    706833}
     834
    707835#buddypress .standard-form#signup_form div.submit {
    708836        float: left;
    709837}
     838
    710839#buddypress div#signup-avatar img {
    711840        margin: 0 0 10px 15px;
    712841}
     842
    713843#buddypress .standard-form textarea {
    714844        width: 75%;
    715845        height: 120px;
    716846}
     847
    717848#buddypress .standard-form textarea#message_content {
    718849        height: 200px;
    719850}
     851
    720852#buddypress .standard-form#send-reply textarea {
    721853        width: 97.5%;
    722854}
     855
    723856#buddypress .standard-form p.description {
    724857        color: #767676;
    … …  
    726859        margin: 5px 0;
    727860}
     861
    728862#buddypress .standard-form div.submit {
    729863        clear: both;
    730         padding: 15px 0 0 0;
    731 }
     864        padding: 15px 0 0;
     865}
     866
    732867#buddypress .standard-form p.submit {
    733868        margin-bottom: 0;
    734         padding: 15px 0 0 0;
    735 }
     869        padding: 15px 0 0;
     870}
     871
    736872#buddypress .standard-form div.submit input {
    737873        margin-left: 15px;
    738874}
     875
    739876#buddypress .standard-form div.radio ul {
    740877        margin: 10px 38px 15px 0;
    741878        list-style: disc;
    742879}
     880
    743881#buddypress .standard-form div.radio ul li {
    744882        margin-bottom: 5px;
    745883}
     884
    746885#buddypress .standard-form a.clear-value {
    747886        display: block;
    … …  
    749888        outline: none;
    750889}
     890
    751891#buddypress .standard-form #basic-details-section,
    752892#buddypress .standard-form #blog-details-section,
    … …  
    755895        width: 48%;
    756896}
     897
    757898#buddypress .standard-form #profile-details-section {
    758899        float: left;
    759900}
     901
    760902#buddypress .standard-form #blog-details-section,
    761903#buddypress #notifications-bulk-management {
    762904        clear: right;
    763905}
     906
    764907body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
    765908body.no-js #buddypress label[for="message-type-select"],
    … …  
    770913        display: none;
    771914}
     915
    772916#buddypress .standard-form input:focus,
    773917#buddypress .standard-form textarea:focus,
    … …  
    776920        color: #555;
    777921}
     922
    778923#buddypress form#send-invite-form {
    779924        margin-top: 20px;
    780925}
     926
    781927#buddypress div#invite-list {
    782928        background: #f5f5f5;
    … …  
    787933        width: 160px;
    788934}
     935
    789936#buddypress .standard-form button,
    790937#buddypress a.button,
    791 #buddypress input[type=submit],
    792 #buddypress input[type=button],
    793 #buddypress input[type=reset],
     938#buddypress input[type="submit"],
     939#buddypress input[type="button"],
     940#buddypress input[type="reset"],
    794941#buddypress ul.button-nav li a,
    795942#buddypress .generic-button a,
    … …  
    806953        text-decoration: none;
    807954}
     955
    808956#buddypress .standard-form button:hover,
    809957#buddypress a.button:hover,
    810958#buddypress a.button:focus,
    811 #buddypress input[type=submit]:hover,
    812 #buddypress input[type=button]:hover,
    813 #buddypress input[type=reset]:hover,
     959#buddypress input[type="submit"]:hover,
     960#buddypress input[type="button"]:hover,
     961#buddypress input[type="reset"]:hover,
    814962#buddypress ul.button-nav li a:hover,
    815963#buddypress ul.button-nav li.current a,
    … …  
    827975}
    828976
    829 #buddypress form.standard-form .left-menu #invite-list ul{
    830         margin:1%;
     977#buddypress form.standard-form .left-menu #invite-list ul {
     978        margin: 1%;
    831979        list-style: none;
    832980}
    833981
    834982#buddypress form.standard-form .left-menu #invite-list ul li {
    835         margin:0 1% 0 0;
     983        margin: 0 1% 0 0;
    836984}
    837985
    … …  
    841989
    842990#buddypress form.standard-form .main-column ul#friend-list {
    843         clear:none;
     991        clear: none;
    844992        float: right;
    845993}
    … …  
    847995#buddypress form.standard-form .main-column ul#friend-list h3,
    848996#buddypress form.standard-form .main-column ul#friend-list h4 {
    849         clear:none;
     997        clear: none;
    850998}
    851999
    … …  
    8531001#buddypress .wp-editor-wrap a.button,
    8541002#buddypress .wp-editor-wrap button,
    855 #buddypress .wp-editor-wrap input[type=submit],
    856 #buddypress .wp-editor-wrap input[type=button],
    857 #buddypress .wp-editor-wrap input[type=reset] {
     1003#buddypress .wp-editor-wrap input[type="submit"],
     1004#buddypress .wp-editor-wrap input[type="button"],
     1005#buddypress .wp-editor-wrap input[type="reset"] {
    8581006        padding: 0 8px 1px;
    8591007}
    8601008
    8611009/* Form classes & generic attr styling */
    862 #buddypress form *[disabled="disabled"]{
     1010#buddypress form *[disabled="disabled"] {
    8631011        cursor: default;
    864         opacity: .4;
     1012        opacity: 0.4;
    8651013}
    8661014
    … …  
    9171065#buddypress a.loading,
    9181066#buddypress input.loading {
    919         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    920         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
     1067        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     1068        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    9211069        border-color: #aaa;
    9221070}
     1071
    9231072@-webkit-keyframes loader-pulsate {
     1073
    9241074        from {
    9251075                border-color: #aaa;
    … …  
    9271077                box-shadow: 0 0 6px #ccc;
    9281078        }
     1079
    9291080        to {
    9301081                border-color: #ccc;
    … …  
    9331084        }
    9341085}
     1086
    9351087@-moz-keyframes loader-pulsate {
     1088
    9361089        from {
    9371090                border-color: #aaa;
    … …  
    9391092                box-shadow: 0 0 6px #ccc;
    9401093        }
     1094
    9411095        to {
    9421096                border-color: #ccc;
    … …  
    9501104        color: #767676;
    9511105}
     1106
    9521107#buddypress input[type="submit"].pending,
    9531108#buddypress input[type="button"].pending,
    … …  
    9561111#buddypress input[type="button"].disabled,
    9571112#buddypress input[type="reset"].disabled,
    958 #buddypress input[type="submit"][disabled=disabled],
     1113#buddypress input[type="submit"][disabled="disabled"],
    9591114#buddypress button.pending,
    9601115#buddypress button.disabled,
    … …  
    9651120        cursor: default;
    9661121}
     1122
    9671123#buddypress input[type="submit"]:hover.pending,
    9681124#buddypress input[type="button"]:hover.pending,
    … …  
    9861142        width: auto;
    9871143}
     1144
    9881145#buddypress ul#topic-post-list li {
    9891146        padding: 15px;
    9901147        position: relative;
    9911148}
     1149
    9921150#buddypress ul#topic-post-list li.alt {
    9931151        background: #f5f5f5;
    9941152}
     1153
    9951154#buddypress ul#topic-post-list li div.poster-meta {
    9961155        color: #767676;
    9971156        margin-bottom: 10px;
    9981157}
     1158
    9991159#buddypress ul#topic-post-list li div.post-content {
    10001160        margin-right: 54px;
    10011161}
     1162
    10021163#buddypress div.topic-tags {
    10031164        font-size: 80%;
    10041165}
     1166
    10051167#buddypress div.admin-links {
    10061168        color: #767676;
    … …  
    10101172        left: 25px;
    10111173}
     1174
    10121175#buddypress div#topic-meta {
    10131176        margin: 0;
    … …  
    10151178        position: relative;
    10161179}
     1180
    10171181#buddypress div#topic-meta div.admin-links {
    10181182        left: 19px;
    10191183        top: -36px;
    10201184}
     1185
    10211186#buddypress div#topic-meta h3 {
    10221187        margin: 5px 0;
    10231188}
     1189
    10241190#buddypress div#new-topic-post {
    10251191        display: none;
    1026         margin: 20px 0 0 0;
    1027         padding: 1px 0 0 0;
    1028 }
     1192        margin: 20px 0 0;
     1193        padding: 1px 0 0;
     1194}
     1195
    10291196#buddypress table.notifications,
    10301197#buddypress table.notifications-settings,
    … …  
    10361203        width: 100%;
    10371204}
     1205
    10381206#buddypress table.notifications thead tr,
    10391207#buddypress table.notifications-settings thead tr,
    … …  
    10451213        background: #eaeaea;
    10461214}
     1215
    10471216#buddypress table#message-threads {
    10481217        clear: both;
    10491218}
     1219
    10501220#buddypress table.profile-fields {
    10511221        margin-bottom: 20px;
    10521222}
     1223
    10531224#buddypress table.profile-fields:last-child {
    10541225        margin-bottom: 0;
    10551226}
     1227
    10561228#buddypress table.profile-fields p {
    10571229        margin: 0;
    10581230}
     1231
    10591232#buddypress table.profile-fields p:last-child {
    10601233        margin-top: 0;
    10611234}
     1235
    10621236#buddypress table.notifications tr td,
    10631237#buddypress table.notifications-settings tr td,
    … …  
    10761250        vertical-align: middle;
    10771251}
     1252
    10781253#buddypress table.notifications tr td.label,
    10791254#buddypress table.notifications-settings tr td.label,
    … …  
    10831258#buddypress table.forum tr td.label {
    10841259        border-left: 1px solid #eaeaea;
    1085         font-weight: bold;
     1260        font-weight: 700;
    10861261        width: 25%;
    10871262}
     1263
    10881264#buddypress #message-threads .thread-info {
    10891265        min-width: 40%;
    10901266}
     1267
    10911268#buddypress table tr td.thread-info p {
    10921269        margin: 0;
    10931270}
     1271
    10941272#buddypress table tr td.thread-info p.thread-excerpt {
    10951273        color: #767676;
    … …  
    10971275        margin-top: 3px;
    10981276}
     1277
    10991278#buddypress table.forum td {
    11001279        text-align: center;
    11011280}
     1281
    11021282#buddypress table.notifications tr.alt td,
    11031283#buddypress table.notifications-settings tr.alt td,
    … …  
    11101290        color: #707070;
    11111291}
     1292
    11121293#buddypress table.notification-settings {
    11131294        margin-bottom: 20px;
    11141295        text-align: right;
    11151296}
     1297
    11161298#buddypress #groups-notification-settings {
    11171299        margin-bottom: 0;
    11181300}
     1301
    11191302#buddypress table.notifications th.icon,
    11201303#buddypress table.notifications td:first-child,
    … …  
    11231306        display: none;
    11241307}
     1308
    11251309#buddypress table.notification-settings th.title,
    11261310#buddypress table.profile-settings th.title {
    11271311        width: 80%;
    11281312}
     1313
    11291314#buddypress table.notification-settings .yes,
    11301315#buddypress table.notification-settings .no {
    … …  
    11321317        width: 40px;
    11331318}
     1319
    11341320#buddypress table.forum {
    11351321        margin: 0;
    … …  
    11371323        clear: both;
    11381324}
     1325
    11391326#buddypress table.forum tr.sticky td {
    11401327        font-size: 110%;
    … …  
    11431330        border-bottom: 1px solid #ffe8c4;
    11441331}
     1332
    11451333#buddypress table.forum tr.closed td.td-title {
    11461334        padding-right: 35px;
    11471335}
     1336
    11481337#buddypress table.forum td p.topic-text {
    11491338        color: #767676;
    11501339        font-size: 100%;
    11511340}
     1341
    11521342#buddypress table.forum tr > td:first-child,
    11531343#buddypress table.forum tr > th:first-child {
    11541344        padding-right: 15px;
    11551345}
     1346
    11561347#buddypress table.forum tr > td:last-child,
    11571348#buddypress table.forum tr > th:last-child {
    11581349        padding-left: 15px;
    11591350}
     1351
    11601352#buddypress table.forum tr th#th-title,
    11611353#buddypress table.forum tr th#th-poster,
    … …  
    11661358        text-align: right;
    11671359}
     1360
    11681361#buddypress table.forum tr td.td-title a.topic-title {
    11691362        font-size: 110%;
    11701363}
     1364
    11711365#buddypress table.forum td.td-freshness {
    11721366        white-space: nowrap;
    11731367}
     1368
    11741369#buddypress table.forum td.td-freshness span.time-since {
    11751370        font-size: 80%;
    11761371        color: #767676;
    11771372}
     1373
    11781374#buddypress table.forum td img.avatar {
    11791375        float: none;
    11801376        margin: 0 0 -8px 5px;
    11811377}
     1378
    11821379#buddypress table.forum td.td-poster,
    11831380#buddypress table.forum td.td-group {
    11841381        min-width: 140px;
    11851382}
     1383
    11861384#buddypress table.forum th#th-title {
    11871385        width: 80%;
    11881386}
     1387
    11891388#buddypress table.forum th#th-freshness {
    11901389        width: 25%;
    11911390}
     1391
    11921392#buddypress table.forum th#th-postcount {
    11931393        width: 15%;
    11941394}
     1395
    11951396#buddypress table.forum p.topic-meta {
    11961397        font-size: 80%;
    1197         margin: 5px 0 0 0;
     1398        margin: 5px 0 0;
    11981399}
    11991400
    … …  
    12041405        margin: 20px 0;
    12051406}
     1407
    12061408#buddypress span.activity {
    12071409        display: inline-block;
    … …  
    12091411        padding: 0;
    12101412}
     1413
    12111414#buddypress span.user-nicename {
    12121415        color: #767676;
    12131416        display: inline-block;
    12141417        font-size: 120%;
    1215         font-weight: bold;
    1216 }
     1418        font-weight: 700;
     1419}
     1420
    12171421#buddypress div#message p,
    12181422#sitewide-notice p {
    … …  
    12201424        border: 1px solid #cb2;
    12211425        color: #440;
    1222         font-weight: normal;
     1426        font-weight: 400;
    12231427        margin-top: 3px;
    12241428        text-decoration: none;
    12251429}
     1430
    12261431.bp-site-wide-message #message p,
    12271432.admin-bar-on #message p {
    … …  
    12291434        position: relative;
    12301435}
     1436
    12311437.bp-site-wide-message #message button,
    12321438.admin-bar-on #message button {
    … …  
    12371443        top: 0;
    12381444}
     1445
    12391446.admin-bar-on #message button {
    12401447        left: 10px;
    1241         top:7px;
    1242 }
     1448        top: 7px;
     1449}
     1450
    12431451#buddypress #item-header:after {
    12441452        clear: both;
    … …  
    12461454        display: table;
    12471455}
     1456
    12481457#buddypress div#item-header div#item-header-content {
    12491458        float: right;
    12501459        margin-right: 0;
    12511460}
     1461
    12521462#buddypress div#item-header h2 {
    1253         line-height: 120%;
    1254         margin: 0 0 15px 0;
    1255 }
     1463        line-height: 1.2;
     1464        margin: 0 0 15px;
     1465}
     1466
    12561467#buddypress div#item-header h2 a {
    12571468        color: #767676;
    12581469        text-decoration: none;
    12591470}
     1471
    12601472#buddypress div#item-header img.avatar {
    12611473        float: right;
    12621474        margin: 0 0 19px 15px;
    12631475}
     1476
    12641477#buddypress div#item-header h2 {
    12651478        margin-bottom: 5px;
    12661479}
     1480
    12671481#buddypress div#item-header h2 span.highlight {
    12681482        font-size: 60%;
    1269         font-weight: normal;
    1270         line-height: 170%;
     1483        font-weight: 400;
     1484        line-height: 1.7;
    12711485        vertical-align: middle;
    12721486        display: inline-block;
    12731487}
     1488
    12741489#buddypress div#item-header h2 span.highlight span {
    12751490        background: #a1dcfa;
    12761491        color: #fff;
    12771492        cursor: pointer;
    1278         font-weight: bold;
     1493        font-weight: 700;
    12791494        font-size: 80%;
    12801495        margin-bottom: 2px;
    … …  
    12851500        vertical-align: middle;
    12861501}
     1502
    12871503#buddypress div#item-header div#item-meta {
    12881504        font-size: 80%;
    12891505        color: #767676;
    12901506        overflow: hidden;
    1291         margin: 15px 0 5px 0;
     1507        margin: 15px 0 5px;
    12921508        padding-bottom: 10px;
    12931509}
     1510
    12941511#buddypress div#item-header div#item-actions {
    12951512        float: left;
    … …  
    12981515        width: 20%;
    12991516}
     1517
    13001518#buddypress div#item-header div#item-actions h2,
    13011519#buddypress div#item-header div#item-actions h3 {
    1302         margin: 0 0 5px 0;
    1303 }
     1520        margin: 0 0 5px;
     1521}
     1522
    13041523#buddypress div#item-header ul {
    13051524        margin-bottom: 15px;
    13061525        overflow: hidden;
    13071526}
     1527
    13081528#buddypress div#item-header ul h5,
    13091529#buddypress div#item-header ul span,
    … …  
    13111531        display: none;
    13121532}
     1533
    13131534#buddypress div#item-header ul li {
    13141535        float: left;
    13151536        list-style: none;
    13161537}
     1538
    13171539#buddypress div#item-header ul img.avatar,
    13181540#buddypress div#item-header ul.avatars img.avatar {
    … …  
    13211543        width: 30px;
    13221544}
     1545
    13231546#buddypress div#item-header div.generic-button,
    13241547#buddypress div#item-header a.button {
    … …  
    13261549        margin: 10px 0 0 10px;
    13271550}
     1551
    13281552body.no-js #buddypress div#item-header .js-self-profile-button {
    1329         display:none;
    1330 }
     1553        display: none;
     1554}
     1555
    13311556#buddypress div#item-header div#message.info {
    1332         line-height: 80%;
    1333 }
     1557        line-height: 0.8;
     1558}
     1559
    13341560#buddypress ul.item-list {
    13351561        border-top: 1px solid #eaeaea;
    … …  
    13401566        padding: 0;
    13411567}
     1568
    13421569body.activity-permalink #buddypress ul.item-list,
    13431570body.activity-permalink #buddypress ul.item-list li.activity-item {
    13441571        border: none;
    13451572}
     1573
    13461574#buddypress ul.item-list li {
    13471575        border-bottom: 1px solid #eaeaea;
    … …  
    13511579        list-style: none;
    13521580}
     1581
    13531582#buddypress ul.single-line li {
    13541583        border: none;
    13551584}
     1585
    13561586#buddypress ul.item-list li img.avatar {
    13571587        float: right;
    13581588        margin: 0 0 0 10px;
    13591589}
     1590
    13601591#buddypress ul.item-list li div.item-title,
    13611592#buddypress ul.item-list li h3,
    13621593#buddypress ul.item-list li h4 {
    1363         font-weight: normal;
     1594        font-weight: 400;
    13641595        font-size: 90%;
    13651596        margin: 0;
    13661597        width: 75%;
    13671598}
     1599
    13681600#buddypress ul.item-list li div.item-title span {
    13691601        color: #767676;
    13701602        font-size: 80%;
    13711603}
     1604
    13721605#buddypress ul.item-list li div.item-desc {
    13731606        color: #767676;
    … …  
    13761609        width: 50%;
    13771610}
     1611
    13781612#buddypress ul.item-list li.group-no-avatar div.item-desc {
    13791613        margin-right: 0;
    13801614}
     1615
    13811616#buddypress ul.item-list li div.action {
    13821617        position: absolute;
    … …  
    13851620        text-align: left;
    13861621}
     1622
    13871623#buddypress ul.item-list li div.meta {
    13881624        color: #767676;
    … …  
    13901626        margin-top: 10px;
    13911627}
     1628
    13921629#buddypress ul.item-list li h5 span.small {
    13931630        float: left;
    13941631        font-size: 80%;
    1395         font-weight: normal;
    1396 }
     1632        font-weight: 400;
     1633}
     1634
    13971635#buddypress div.item-list-tabs {
    13981636        background: transparent;
    … …  
    14051643        padding: 0;
    14061644}
     1645
    14071646#buddypress div.item-list-tabs ul li {
    14081647        float: right;
    … …  
    14101649        list-style: none;
    14111650}
     1651
    14121652#buddypress div.item-list-tabs#subnav ul li {
    14131653        margin-top: 0;
    14141654}
     1655
    14151656#buddypress div.item-list-tabs ul li.last {
    14161657        float: left;
    14171658        margin: 7px 0 0;
    14181659}
     1660
    14191661#buddypress div.item-list-tabs#subnav ul li.last {
    14201662        margin-top: 4px;
    14211663}
     1664
    14221665#buddypress div.item-list-tabs ul li.last select {
    14231666        max-width: 185px;
    14241667}
     1668
    14251669#buddypress div.item-list-tabs ul li a,
    14261670#buddypress div.item-list-tabs ul li span {
    … …  
    14291673        text-decoration: none;
    14301674}
     1675
    14311676#buddypress div.item-list-tabs ul li a span {
    14321677        background: #eee;
    … …  
    14411686        vertical-align: middle;
    14421687}
     1688
    14431689#buddypress div.item-list-tabs ul li.selected a,
    14441690#buddypress div.item-list-tabs ul li.current a {
    14451691        background-color: #eee;
    14461692        color: #555;
    1447         opacity: .9;
    1448         font-weight: bold;
    1449 }
     1693        opacity: 0.9;
     1694        font-weight: 700;
     1695}
     1696
    14501697#buddypress div.item-list-tabs ul li.selected a span,
    14511698#buddypress div.item-list-tabs ul li.current a span,
    … …  
    14531700        background-color: #eee;
    14541701}
     1702
    14551703#buddypress div.item-list-tabs ul li.selected a span,
    14561704#buddypress div.item-list-tabs ul li.current a span {
    14571705        background-color: #fff;
    14581706}
     1707
    14591708#buddypress div#item-nav ul li.loading a {
    14601709        background-position: 12% 50%;
    14611710}
     1711
    14621712#buddypress div.item-list-tabs#object-nav {
    14631713        margin-top: 0;
    14641714}
     1715
    14651716#buddypress div.item-list-tabs#subnav {
    14661717        background: transparent;
    1467         margin: 10px 0 10px;
     1718        margin: 10px 0;
    14681719        overflow: hidden;
    14691720}
     1721
    14701722#buddypress #admins-list li,
    14711723#buddypress #mods-list li,
    … …  
    14741726        list-style: none;
    14751727}
     1728
    14761729#buddypress .group-members-list {
    14771730        width: 100%;
    … …  
    14801733        overflow: auto;
    14811734}
     1735
    14821736#buddypress #item-buttons:empty {
    14831737        display: none;
    … …  
    15221776        border-top: 1px solid #ffe8c4;
    15231777        border-bottom: 1px solid #ffe8c4;
    1524         font-weight: bold;
    1525 }
     1778        font-weight: 700;
     1779}
     1780
    15261781#buddypress table#message-threads tr.unread td .thread-excerpt,
    15271782#buddypress table#message-threads tr.unread td .activity,
    15281783#buddypress table#message-threads tr.unread td.thread-options {
    1529         font-weight: normal;
    1530 }
     1784        font-weight: 400;
     1785}
     1786
    15311787#buddypress li span.unread-count,
    15321788#buddypress tr.unread span.unread-count {
    1533         background: #dd0000;
     1789        background: #d00;
    15341790        color: #fff;
    1535         font-weight: bold;
     1791        font-weight: 700;
    15361792        padding: 2px 8px;
    15371793}
     1794
    15381795#buddypress div.item-list-tabs ul li a span.unread-count {
    15391796        padding: 1px 6px;
    15401797        color: #fff;
    15411798}
     1799
    15421800#buddypress div#message-thread div.message-box {
    15431801        margin: 0;
    15441802        padding: 15px;
    15451803}
     1804
    15461805#buddypress div#message-thread div.alt {
    15471806        background: #f4f4f4;
    15481807}
     1808
    15491809#buddypress div#message-thread p#message-recipients {
    1550         margin: 10px 0 20px 0;
    1551 }
     1810        margin: 10px 0 20px;
     1811}
     1812
    15521813#buddypress div#message-thread img.avatar {
    15531814        float: right;
    … …  
    15551816        vertical-align: middle;
    15561817}
     1818
    15571819#buddypress div#message-thread strong {
    15581820        font-size: 100%;
    15591821        margin: 0;
    15601822}
     1823
    15611824#buddypress div#message-thread strong a {
    15621825        text-decoration: none;
    15631826}
     1827
    15641828#buddypress div#message-thread strong span.activity {
    15651829        margin-top: 4px;
    15661830}
    1567 #buddypress div#message-thread div.message-metadata::after {
     1831
     1832#buddypress div#message-thread div.message-metadata:after {
    15681833        clear: both;
    15691834        content: "";
    15701835        display: table;
    15711836}
     1837
    15721838#buddypress div#message-thread div.message-content {
    15731839        margin-right: 45px;
    15741840}
     1841
    15751842#buddypress div#message-thread div.message-options {
    15761843        text-align: left;
    15771844}
     1845
    15781846#buddypress #message-threads img.avatar {
    15791847        max-width: none;
    15801848}
     1849
    15811850#buddypress div.message-search {
    15821851        float: left;
    15831852        margin: 0 20px;
    15841853}
     1854
    15851855.message-metadata {
    15861856        position: relative;
    15871857}
    1588 .message-metadata .bp-tooltip:hover::after,
    1589 .message-metadata .bp-tooltip:active::after,
    1590 .message-metadata .bp-tooltip:focus::after {
     1858
     1859.message-metadata .bp-tooltip:hover:after,
     1860.message-metadata .bp-tooltip:active:after,
     1861.message-metadata .bp-tooltip:focus:after {
    15911862        margin-top: 10px;
    15921863        max-width: 240px;
    … …  
    15941865        text-align: left;
    15951866}
     1867
    15961868.message-star-actions {
    15971869        position: absolute;
    … …  
    15991871        top: 0;
    16001872}
     1873
    16011874#buddypress a.message-action-star,
    16021875#buddypress a.message-action-unstar {
    … …  
    16051878        outline: none;
    16061879}
     1880
    16071881a.message-action-star {
    1608         opacity: .7;
    1609 }
     1882        opacity: 0.7;
     1883}
     1884
    16101885a.message-action-star:hover {
    16111886        opacity: 1;
    16121887}
     1888
    16131889.message-action-star span.icon:before,
    16141890.message-action-unstar span.icon:before {
    … …  
    16161892        font-size: 18px;
    16171893}
     1894
    16181895.message-action-star span.icon:before {
    16191896        color: #767676;
    16201897        content: "\f154";
    16211898}
     1899
    16221900.message-action-unstar span.icon:before {
    16231901        color: #fcdd77;
    … …  
    16331911        margin-top: 15px;
    16341912}
     1913
    16351914#buddypress #profile-edit-form ul.button-nav {
    16361915        margin-top: 15px;
    16371916}
     1917
    16381918body.no-js #buddypress .field-visibility-settings-toggle,
    16391919body.no-js #buddypress .field-visibility-settings-close {
    16401920        display: none;
    16411921}
     1922
    16421923#buddypress .field-visibility-settings {
    16431924        display: none;
    16441925        margin-top: 10px;
    16451926}
    1646         body.no-js #buddypress .field-visibility-settings {
    1647                 display: block;
    1648         }
     1927
     1928body.no-js #buddypress .field-visibility-settings {
     1929        display: block;
     1930}
     1931
    16491932#buddypress .current-visibility-level {
    1650         font-weight: bold;
     1933        font-weight: 700;
    16511934        font-style: normal;
    16521935}
     1936
    16531937#buddypress .field-visibility-settings,
    16541938#buddypress .field-visibility-settings-toggle,
    … …  
    16561940        color: #707070;
    16571941}
     1942
    16581943#buddypress .field-visibility-settings-toggle a,
    16591944#buddypress .field-visibility-settings a {
    16601945        font-size: 80%;
    16611946}
     1947
    16621948body.register #buddypress div.page ul {
    16631949        list-style: none;
    16641950}
     1951
    16651952#buddypress .standard-form .field-visibility-settings label {
    16661953        margin: 0;
    1667         font-weight: normal;
    1668 }
     1954        font-weight: 400;
     1955}
     1956
    16691957#buddypress .field-visibility-settings legend,
    16701958#buddypress .field-visibility-settings-toggle {
    16711959        font-style: italic;
    16721960}
     1961
    16731962#buddypress .field-visibility-settings .radio {
    16741963        list-style: none;
    16751964        margin-bottom: 0;
    16761965}
     1966
    16771967#buddypress .field-visibility select {
    16781968        margin: 0;
    16791969}
     1970
    16801971#buddypress .wp-editor-container {
    16811972        border: 1px solid #dedede;
    16821973}
     1974
    16831975#buddypress .html-active button.switch-html {
    16841976        border-bottom-color: transparent;
    … …  
    16881980        color: #707070;
    16891981}
     1982
    16901983#buddypress .tmce-active button.switch-tmce {
    16911984        border-bottom-color: transparent;
    … …  
    16951988        color: #707070;
    16961989}
     1990
    16971991#buddypress .standard-form .wp-editor-container textarea {
    16981992        width: 100%;
    … …  
    17132007.widget.buddypress div.item-options {
    17142008        font-size: 90%;
    1715         margin: 0 0 1em 0;
     2009        margin: 0 0 1em;
    17162010        padding: 1em 0;
    17172011}
    17182012
    17192013.widget.buddypress div.item {
    1720         margin:0 0 1em 0;
     2014        margin: 0 0 1em;
    17212015}
    17222016
    … …  
    17272021}
    17282022
    1729 .widget.buddypress div.avatar-block::after {
     2023.widget.buddypress div.avatar-block:after {
    17302024        clear: both;
    17312025        content: "";
    … …  
    17572051.widget.buddypress #bp-login-widget-form label {
    17582052        display: block;
    1759         margin: 1rem 0 .5rem;
     2053        margin: 1rem 0 0.5rem;
    17602054}
    17612055
    … …  
    17782072
    17792073.widget.buddypress .bp-login-widget-user-links > div {
    1780         margin-bottom: .5rem;
     2074        margin-bottom: 0.5rem;
    17812075}
    17822076
    17832077.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
    1784         font-weight: bold;
     2078        font-weight: 700;
    17852079}
    17862080
    … …  
    18072101}
    18082102
    1809 .bp-tooltip::after {
     2103.bp-tooltip:after {
    18102104        background: #fff;
    18112105        border: 1px solid #aaa;
    18122106        border-collapse: separate;
    18132107        border-radius: 1px;
    1814         box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3);
     2108        box-shadow: -1px 1px 0 1px rgba(132, 132, 132, 0.3);
    18152109        color: #000;
    18162110        content: attr(data-bp-tooltip);
    … …  
    18182112        font-family: sans-serif;
    18192113        font-size: 11px;
    1820         font-weight: normal;
     2114        font-weight: 400;
    18212115        letter-spacing: normal;
    18222116        line-height: 1.5;
    … …  
    18392133}
    18402134
    1841 .bp-tooltip:hover::before,
    1842 .bp-tooltip:hover::after,
    1843 .bp-tooltip:active::before,
    1844 .bp-tooltip:active::after,
    1845 .bp-tooltip:focus::before,
    1846 .bp-tooltip:focus::after {
     2135.bp-tooltip:hover:before,
     2136.bp-tooltip:hover:after,
     2137.bp-tooltip:active:before,
     2138.bp-tooltip:active:after,
     2139.bp-tooltip:focus:before,
     2140.bp-tooltip:focus:after {
    18472141        display: inline-block;
    18482142        opacity: 1;
    … …  
    18522146}
    18532147
    1854 .bp-site-wide-message .bp-tooltip:hover::after,
    1855 .bp-site-wide-message .bp-tooltip:active::after,
    1856 .bp-site-wide-message .bp-tooltip:focus::after,
    1857 .admin-bar-on .bp-tooltip:hover::after,
    1858 .admin-bar-on .bp-tooltip:active::after,
    1859 .admin-bar-on .bp-tooltip:focus::after {
     2148.bp-site-wide-message .bp-tooltip:hover:after,
     2149.bp-site-wide-message .bp-tooltip:active:after,
     2150.bp-site-wide-message .bp-tooltip:focus:after,
     2151.admin-bar-on .bp-tooltip:hover:after,
     2152.admin-bar-on .bp-tooltip:active:after,
     2153.admin-bar-on .bp-tooltip:focus:after {
    18602154        left: 50px;
    18612155}
    … …  
    186421584.0 - Media Queries
    18652159--------------------------------------------------------------*/
     2160
    18662161/*--------------------------------------------------------------
    186721624.1 - Smartphones - landscape
    18682163--------------------------------------------------------------*/
    1869 @media only screen and (max-width: 480px ){
     2164@media only screen and (max-width: 480px ) {
     2165
    18702166        #buddypress div.dir-search {
    18712167                float: left;
    … …  
    18732169                text-align: left;
    18742170        }
     2171
    18752172        #buddypress div.dir-search input[type="text"] {
    18762173                margin-bottom: 1em;
    18772174                width: 50%;
    18782175        }
     2176
    18792177        a.bp-title-button {
    18802178                margin-right: 10px;
    18812179        }
    1882         #buddypress form.standard-form .main-column div.action{
     2180
     2181        #buddypress form.standard-form .main-column div.action {
    18832182                position: relative;
    1884                 margin-bottom:1em;
     2183                margin-bottom: 1em;
    18852184        }
     2185
    18862186        #buddypress form.standard-form .main-column ul#friend-list h3,
    1887         #buddypress form.standard-form .main-column ul#friend-list h4{
    1888                 width:100%;
     2187        #buddypress form.standard-form .main-column ul#friend-list h4 {
     2188                width: 100%;
    18892189        }
    18902190}
    … …  
    18942194--------------------------------------------------------------*/
    18952195@media only screen and (max-width: 320px) {
     2196
    18962197        #buddypress div.dir-search {
    18972198                clear: right;
    … …  
    19002201                text-align: right;
    19012202        }
     2203
    19022204        #buddypress li#groups-order-select {
    19032205                clear: right;
    19042206                float: right;
    19052207        }
     2208
    19062209        #buddypress ul.item-list li div.action {
    19072210                clear: right;
    … …  
    19142217                text-align: right;
    19152218        }
     2219
    19162220        #buddypress ul.item-list li div.item-desc {
    19172221                clear: right;
    … …  
    19202224                width: auto;
    19212225        }
     2226
    19222227        #buddypress li div.item {
    19232228                margin-right: 70px;
    19242229                width: auto;
    19252230        }
     2231
    19262232        #buddypress ul.item-list li div.meta {
    19272233                margin-top: 0;
    19282234        }
     2235
    19292236        #buddypress .item-desc p {
    19302237                margin: 0 0 10px;
    19312238        }
     2239
    19322240        #buddypress div.pagination .pag-count {
    19332241                margin-right: 0;
    … …  
    19392247--------------------------------------------------------------*/
    19402248@media only screen and (max-width: 240px) {
     2249
    19412250        #buddypress div.dir-search {
    19422251                float: right;
    19432252                margin: 0;
    19442253        }
     2254
    19452255        #buddypress div.dir-search input[type="text"] {
    19462256                width: 50%;
    19472257        }
     2258
    19482259        #buddypress li#groups-order-select {
    19492260                float: right;
    19502261        }
     2262
    19512263        #buddypress ul.item-list li img.avatar {
    19522264                width: 30px;
    19532265                height: auto;
    19542266        }
     2267
    19552268        #buddypress ul.item-list li div.action,
    1956         #buddypress li div.item{
     2269        #buddypress li div.item {
    19572270                margin-right: 45px;
    19582271        }
     2272
    19592273        h1 a.bp-title-button {
    19602274                clear: right;

  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r11586 r11587  
    34341 - Navigation
    3535--------------------------------------------------------------*/
     36
    3637/*--------------------------------------------------------------
    37381.1 - Pagination
    … …  
    4950        padding: 10px 0;
    5051}
     52
    5153#buddypress div.pagination .pag-count {
    5254        float: left;
    5355        margin-left: 10px;
    5456}
     57
    5558#buddypress div.pagination .pagination-links {
    5659        float: right;
    5760        margin-right: 10px;
    5861}
     62
    5963#buddypress div.pagination .pagination-links span,
    6064#buddypress div.pagination .pagination-links a {
    … …  
    6266        padding: 0 5px;
    6367}
     68
    6469#buddypress div.pagination .pagination-links a:hover {
    65         font-weight: bold;
    66 }
     70        font-weight: 700;
     71}
     72
    6773#buddypress noscript div.pagination {
    6874        margin-bottom: 15px;
    6975}
     76
    7077#buddypress #nav-above {
    7178        display: none;
    7279}
     80
    7381#buddypress .paged #nav-above {
    7482        display: block;
    7583}
     84
    7685/*--------------------------------------------------------------
    77862 - WordPress
    7887--------------------------------------------------------------*/
     88
    7989/*--------------------------------------------------------------
    80902.1 - Images
    … …  
    8797        padding: 0 !important;
    8898}
     99
    89100#buddypress .clear {
    90101        clear: left;
    … …  
    941053.0 - BuddyPress
    95106--------------------------------------------------------------*/
     107
    96108/*--------------------------------------------------------------
    971093.1 - Activity
    … …  
    109121        padding: 0;
    110122}
     123
    111124#buddypress .home-page form#whats-new-form {
    112125        border-bottom: none;
    113126        padding-bottom: 0;
    114127}
     128
    115129#buddypress form#whats-new-form #whats-new-avatar {
    116130        float: left;
    117131}
     132
    118133#buddypress form#whats-new-form #whats-new-content {
    119134        margin-left: 55px;
    120135        padding: 0 0 20px 20px;
    121136}
     137
    122138#buddypress form#whats-new-form p.activity-greeting {
    123         line-height: 0.5em;
     139        line-height: 0.5;
    124140        margin-bottom: 15px;
    125141        margin-left: 75px;
    126142}
     143
    127144#buddypress form#whats-new-form textarea {
    128145        background: #fff;
    … …  
    136153        width: 100%;
    137154}
     155
    138156body.no-js #buddypress form#whats-new-form textarea {
    139157        height: 50px;
    140158}
     159
    141160#buddypress form#whats-new-form #whats-new-options select {
    142161        max-width: 200px;
    143162        margin-top: 12px;
    144163}
     164
    145165#buddypress form#whats-new-form #whats-new-submit {
    146166        float: right;
    147167        margin-top: 12px;
    148168}
     169
    149170#buddypress #whats-new-options:after {
    150171        clear: both;
    … …  
    152173        display: table;
    153174}
     175
    154176body.no-js #buddypress #whats-new-options {
    155177        height: auto;
    156178}
     179
    157180#buddypress #whats-new:focus {
    158181        border-color: rgba(31, 179, 221, 0.9) !important;
    … …  
    168191        list-style: none;
    169192}
     193
    170194#buddypress .activity-list .activity-avatar {
    171195        float: left;
    172196}
     197
    173198#buddypress ul.item-list.activity-list li.has-comments {
    174199        padding-bottom: 15px;
    175200}
     201
    176202body.activity-permalink #buddypress ul.activity-list li.has-comments {
    177203        padding-bottom: 0;
    178204}
     205
    179206#buddypress .activity-list li.mini {
    180207        font-size: 80%;
    181208        position: relative;
    182209}
     210
    183211#buddypress .activity-list li.mini .activity-avatar img.avatar,
    184 #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
     212#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { /* stylelint-disable-line selector-class-pattern */
    185213        height: 20px;
    186214        margin-left: 30px;
    187215        width: 20px;
    188216}
     217
    189218#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
    190 #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
     219#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic { /* stylelint-disable-line selector-class-pattern */
    191220        height: auto;
    192221        margin-left: 0;
    193222        width: auto;
    194223}
     224
    195225body.activity-permalink #buddypress .activity-list > li:first-child {
    196226        padding-top: 0;
    197227}
     228
    198229#buddypress .activity-list li .activity-content {
    199230        position: relative;
    200231}
     232
    201233#buddypress .activity-list li.mini .activity-content p {
    202234        margin: 0;
    203235}
     236
    204237#buddypress .activity-list li.mini .activity-comments {
    205238        clear: both;
    206239        font-size: 120%;
    207240}
     241
    208242body.activity-permalink #buddypress li.mini .activity-meta {
    209243        margin-top: 4px;
    210244}
     245
    211246#buddypress .activity-list li .activity-inreplyto {
    212247        color: #767676;
    213248        font-size: 80%;
    214249}
     250
    215251#buddypress .activity-list li .activity-inreplyto > p {
    216252        margin: 0;
    217253        display: inline;
    218254}
     255
    219256#buddypress .activity-list li .activity-inreplyto blockquote,
    220257#buddypress .activity-list li .activity-inreplyto div.activity-inner {
    … …  
    226263        padding: 0;
    227264}
     265
    228266#buddypress .activity-list .activity-content {
    229267        margin: 0 0 0 70px;
    230268}
     269
    231270body.activity-permalink #buddypress .activity-list li .activity-content {
    232271        border: none;
    233272        font-size: 100%;
    234         line-height: 150%;
     273        line-height: 1.5;
    235274        margin-left: 170px;
    236275        margin-right: 0;
    237276        padding: 0;
    238277}
     278
    239279body.activity-permalink #buddypress .activity-list li .activity-header > p {
    240280        margin: 0;
    241         padding: 5px 0 0 0;
    242 }
     281        padding: 5px 0 0;
     282}
     283
    243284#buddypress .activity-list .activity-content .activity-header,
    244285#buddypress .activity-list .activity-content .comment-header {
    245286        color: #767676;
    246         line-height: 220%;
    247 }
     287        line-height: 2.2;
     288}
     289
    248290#buddypress .activity-header {
    249291        margin-right: 20px;
    250292}
     293
    251294#buddypress .activity-header a,
    252295#buddypress .comment-meta a,
    … …  
    254297        text-decoration: none;
    255298}
     299
    256300#buddypress .activity-list .activity-content .activity-header img.avatar {
    257301        float: none !important;
    258302        margin: 0 5px -8px 0 !important;
    259303}
     304
    260305#buddypress a.bp-secondary-action,
    261306#buddypress span.highlight {
    … …  
    265310        text-decoration: none;
    266311}
     312
    267313#buddypress .activity-list .activity-content .activity-inner,
    268314#buddypress .activity-list .activity-content blockquote {
    … …  
    270316        overflow: hidden;
    271317}
     318
    272319#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
    273320#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    274         border-left: 2px solid #EAEAEA;
     321        border-left: 2px solid #eaeaea;
    275322        margin-left: 5px;
    276323        padding-left: 10px;
    277324}
     325
    278326body.activity-permalink #buddypress .activity-content .activity-inner,
    279327body.activity-permalink #buddypress .activity-content blockquote {
    … …  
    281329        margin-top: 5px;
    282330}
     331
    283332#buddypress .activity-inner > p {
    284333        word-wrap: break-word;
    285334}
     335
    286336#buddypress .activity-inner > .activity-inner {
    287337        margin: 0;
    288338}
     339
    289340#buddypress .activity-inner > blockquote {
    290341        margin: 0;
    291342}
     343
    292344#buddypress .activity-list .activity-content img.thumbnail {
    293345        border: 2px solid #eee;
    … …  
    295347        margin: 0 10px 5px 0;
    296348}
     349
    297350#buddypress .activity-read-more {
    298351        margin-left: 1em;
    299352        white-space: nowrap;
    300353}
     354
    301355#buddypress .activity-list li.load-more,
    302356#buddypress .activity-list li.load-newest {
    … …  
    307361        text-align: center;
    308362}
     363
    309364#buddypress .activity-list li.load-more a,
    310365#buddypress .activity-list li.load-newest a {
    311         color: #4D4D4D;
     366        color: #4d4d4d;
    312367}
    313368
    … …  
    319374        margin: 18px 0 0;
    320375}
     376
    321377body.activity-permalink #buddypress div.activity-meta {
    322378        margin-bottom: 6px;
    323379}
     380
    324381#buddypress div.activity-meta a {
    325382        padding: 4px 8px;
    326383}
     384
    327385#buddypress a.activity-time-since {
    328386        color: #767676;
    329387        text-decoration: none;
    330388}
     389
    331390#buddypress a.activity-time-since:hover {
    332391        color: #767676;
    333392        text-decoration: underline;
    334393}
     394
    335395#buddypress a.bp-primary-action,
    336396#buddypress #reply-title small a {
    … …  
    339399        text-decoration: none;
    340400}
     401
    341402#buddypress a.bp-primary-action span,
    342403#buddypress #reply-title small a span {
    … …  
    347408        padding: 0 5px;
    348409}
     410
    349411#buddypress a.bp-primary-action:hover span,
    350412#buddypress #reply-title small a:hover span {
    … …  
    352414        color: #fff;
    353415}
     416
    354417#buddypress div.activity-comments {
    355418        margin: 0 0 0 70px;
    … …  
    359422        clear: both;
    360423}
     424
    361425body.activity-permalink #buddypress div.activity-comments {
    362426        background: none;
    … …  
    364428        width: auto;
    365429}
     430
    366431#buddypress div.activity-comments > ul {
    367432        padding: 0 0 0 10px;
    368433}
     434
    369435#buddypress div.activity-comments ul,
    370436#buddypress div.activity-comments ul li {
    … …  
    372438        list-style: none;
    373439}
     440
    374441#buddypress div.activity-comments ul {
    375442        clear: both;
    376443        margin: 0;
    377444}
     445
    378446#buddypress div.activity-comments ul li {
    379447        border-top: 1px solid #eee;
    380448        padding: 10px 0 0;
    381449}
     450
    382451body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    383452        clear: none;
    384453        margin-top: 0;
    385454}
     455
    386456body.activity-permalink #buddypress div.activity-comments ul li {
    387457        border-width: 1px;
    388         padding: 10px 0 0 0;
    389 }
     458        padding: 10px 0 0;
     459}
     460
    390461#buddypress div.activity-comments > ul > li:first-child {
    391462        border-top: none;
    392463}
     464
    393465#buddypress div.activity-comments ul li:last-child {
    394466        margin-bottom: 0;
    395467}
     468
    396469#buddypress div.activity-comments ul li > ul {
    397470        margin-left: 30px;
    … …  
    399472        padding-left: 10px;
    400473}
     474
    401475body.activity-permalink #buddypress div.activity-comments ul li > ul {
    402476        margin-top: 10px;
    403477}
     478
    404479body.activity-permalink #buddypress div.activity-comments > ul {
    405480        padding: 0 10px 0 15px;
    406481}
     482
    407483#buddypress div.activity-comments div.acomment-avatar img {
    408484        border-width: 1px;
    … …  
    412488        width: 25px;
    413489}
     490
    414491#buddypress div.activity-comments div.acomment-content {
    415492        font-size: 80%;
    416493        margin: 5px 0 0 40px;
    417494}
     495
    418496#buddypress div.acomment-content .time-since,
    419497#buddypress div.acomment-content .activity-delete-link,
    … …  
    421499        display: none;
    422500}
     501
    423502body.activity-permalink #buddypress div.activity-comments div.acomment-content {
    424503        font-size: 90%;
    425504}
     505
    426506#buddypress div.activity-comments div.acomment-meta {
    427507        color: #767676;
    428508        font-size: 80%;
    429509}
     510
    430511#buddypress div.activity-comments form.ac-form {
    431512        display: none;
    432513        padding: 10px;
    433514}
     515
    434516#buddypress div.activity-comments li form.ac-form {
    435517        margin-right: 15px;
    436518        clear: both;
    437519}
     520
    438521#buddypress div.activity-comments form.root {
    439522        margin-left: 0;
    440523}
     524
    441525#buddypress div.activity-comments div#message {
    442526        margin-top: 15px;
    443527        margin-bottom: 0;
    444528}
     529
    445530#buddypress div.activity-comments form .ac-textarea {
    446531        background: #fff;
    … …  
    449534        padding: 8px;
    450535}
     536
    451537#buddypress div.activity-comments form textarea {
    452538        border: none;
    … …  
    462548        width: 100%;
    463549}
     550
    464551#buddypress div.activity-comments form input {
    465552        margin-top: 5px;
    466553}
     554
    467555#buddypress div.activity-comments form div.ac-reply-avatar {
    468556        float: left;
    469557}
     558
    470559#buddypress div.ac-reply-avatar img {
    471560        border: 1px solid #eee;
    472561}
     562
    473563#buddypress div.activity-comments form div.ac-reply-content {
    474564        color: #767676;
    … …  
    476566        padding-left: 15px;
    477567}
     568
    478569#buddypress div.activity-comments form div.ac-reply-content a {
    479570        text-decoration: none;
    480571}
     572
    481573#buddypress .acomment-options {
    482574        float: left;
    483575        margin: 5px 0 5px 40px;
    484576}
     577
    485578#buddypress .acomment-options a {
    486579        color: #767676;
    487580}
     581
    488582#buddypress .acomment-options a:hover {
    489583        color: inherit;
    … …  
    497591        margin: -39px 0 0 0;
    498592}
    499 #buddypress div.dir-search input[type=text],
    500 #buddypress li.groups-members-search input[type=text] {
     593
     594#buddypress div.dir-search input[type="text"],
     595#buddypress li.groups-members-search input[type="text"] {
    501596        font-size: 90%;
    502597        padding: 1px 3px;
    503598}
     599
    504600#buddypress .current-member-type {
    505601        font-style: italic;
    506602}
     603
    507604#buddypress .dir-form {
    508605        clear: both;
    … …  
    515612        margin: 0 0 15px;
    516613}
     614
    517615#buddypress #message.info {
    518616        margin-bottom: 0;
    519617}
     618
    520619#buddypress div#message.updated {
    521620        clear: both;
    522621        display: block;
    523622}
     623
    524624#buddypress div#message p,
    525625#sitewide-notice p {
    … …  
    528628        padding: 10px 15px;
    529629}
     630
    530631#buddypress div#message.error p {
    531632        background-color: #fdc;
    … …  
    534635        color: #800;
    535636}
     637
    536638#buddypress div#message.warning p {
    537639        background-color: #ffe0af;
    … …  
    540642        color: #800;
    541643}
     644
    542645#buddypress div#message.updated p {
    543646        background-color: #efc;
    … …  
    545648        color: #250;
    546649}
     650
    547651#buddypress #pass-strength-result {
    548652        background-color: #eee;
    … …  
    556660        width: 150px;
    557661}
     662
    558663#buddypress .standard-form #basic-details-section #pass-strength-result {
    559664        width: 35%;
    560665}
     666
    561667#buddypress #pass-strength-result.error,
    562668#buddypress #pass-strength-result.bad {
    … …  
    565671        display: block;
    566672}
     673
    567674#buddypress #pass-strength-result.good {
    568675        background-color: #ffec8b;
    … …  
    570677        display: block;
    571678}
     679
    572680#buddypress #pass-strength-result.short {
    573681        background-color: #ffa0a0;
    … …  
    575683        display: block;
    576684}
     685
    577686#buddypress #pass-strength-result.strong {
    578687        background-color: #c3ff88;
    … …  
    580689        display: block;
    581690}
     691
    582692#buddypress .standard-form#signup_form div div.error {
    583693        background: #faa;
    584694        color: #a00;
    585         margin: 0 0 10px 0;
     695        margin: 0 0 10px;
    586696        padding: 6px;
    587697        width: 90%;
    588698}
     699
    589700#buddypress div.accept,
    590701#buddypress div.reject {
    … …  
    592703        margin-left: 10px;
    593704}
     705
    594706#buddypress ul.button-nav li {
    595707        float: left;
    … …  
    597709        list-style: none;
    598710}
     711
    599712#buddypress ul.button-nav li.current a {
    600         font-weight: bold;
    601 }
     713        font-weight: 700;
     714}
     715
    602716#sitewide-notice #message {
    603717        left: 2%;
    … …  
    607721        z-index: 9999;
    608722}
     723
    609724#sitewide-notice.admin-bar-on #message {
    610725        top: 3.3em;
    611726}
     727
    612728#sitewide-notice strong {
    613729        display: block;
    … …  
    625741
    626742#buddypress .standard-form textarea,
    627 #buddypress .standard-form input[type=text],
    628 #buddypress .standard-form input[type=color],
    629 #buddypress .standard-form input[type=date],
    630 #buddypress .standard-form input[type=datetime],
    631 #buddypress .standard-form input[type=datetime-local],
    632 #buddypress .standard-form input[type=email],
    633 #buddypress .standard-form input[type=month],
    634 #buddypress .standard-form input[type=number],
    635 #buddypress .standard-form input[type=range],
    636 #buddypress .standard-form input[type=search],
    637 #buddypress .standard-form input[type=tel],
    638 #buddypress .standard-form input[type=time],
    639 #buddypress .standard-form input[type=url],
    640 #buddypress .standard-form input[type=week],
     743#buddypress .standard-form input[type="text"],
     744#buddypress .standard-form input[type="color"],
     745#buddypress .standard-form input[type="date"],
     746#buddypress .standard-form input[type="datetime"],
     747#buddypress .standard-form input[type="datetime-local"],
     748#buddypress .standard-form input[type="email"],
     749#buddypress .standard-form input[type="month"],
     750#buddypress .standard-form input[type="number"],
     751#buddypress .standard-form input[type="range"],
     752#buddypress .standard-form input[type="search"],
     753#buddypress .standard-form input[type="tel"],
     754#buddypress .standard-form input[type="time"],
     755#buddypress .standard-form input[type="url"],
     756#buddypress .standard-form input[type="week"],
    641757#buddypress .standard-form select,
    642 #buddypress .standard-form input[type=password],
    643 #buddypress .dir-search input[type=search],
    644 #buddypress .dir-search input[type=text],
    645 #buddypress .groups-members-search input[type=search],
    646 #buddypress .groups-members-search input[type=text] {
     758#buddypress .standard-form input[type="password"],
     759#buddypress .dir-search input[type="search"],
     760#buddypress .dir-search input[type="text"],
     761#buddypress .groups-members-search input[type="search"],
     762#buddypress .groups-members-search input[type="text"] {
    647763        border: 1px solid #ccc;
    648764        background: #fafafa;
    … …  
    653769        padding: 6px;
    654770}
     771
    655772#buddypress .standard-form select {
    656773        padding: 3px;
    657774}
    658 #buddypress .standard-form input[type=password] {
     775
     776#buddypress .standard-form input[type="password"] {
    659777        margin-bottom: 5px;
    660778}
     779
    661780#buddypress .standard-form label,
    662781#buddypress .standard-form span.label,
    663782#buddypress .standard-form legend {
    664783        display: block;
    665         font-weight: bold;
    666         margin: 15px 0 5px 0;
     784        font-weight: 700;
     785        margin: 15px 0 5px;
    667786        width: auto;
    668787}
     788
    669789#buddypress .standard-form p label,
    670790#buddypress .standard-form #invite-list label {
    671         font-weight: normal;
     791        font-weight: 400;
    672792        margin: auto;
    673793}
     794
    674795#buddypress .standard-form .checkbox label,
    675796#buddypress .standard-form .radio label {
    676797        color: #767676;
    677798        font-size: 100%;
    678         font-weight: normal;
    679         margin: 5px 0 0 0;
    680 }
     799        font-weight: 400;
     800        margin: 5px 0 0;
     801}
     802
    681803#buddypress .standard-form .checkbox label input,
    682804#buddypress .standard-form .radio label input {
    683805        margin-right: 3px;
    684806}
     807
    685808#buddypress .standard-form#sidebar-login-form label {
    686809        margin-top: 5px;
    687810}
    688 #buddypress .standard-form input[type=text] {
     811
     812#buddypress .standard-form input[type="text"] {
    689813        width: 75%;
    690814}
    691 #buddypress .standard-form#sidebar-login-form input[type=text],
    692 #buddypress .standard-form#sidebar-login-form input[type=password] {
     815
     816#buddypress .standard-form#sidebar-login-form input[type="text"],
     817#buddypress .standard-form#sidebar-login-form input[type="password"] {
    693818        padding: 4px;
    694819        width: 95%;
    695820}
    696 #buddypress .standard-form #basic-details-section input[type=password],
     821
     822#buddypress .standard-form #basic-details-section input[type="password"],
    697823#buddypress .standard-form #blog-details-section input#signup_blog_url {
    698824        width: 35%;
    699825}
    700 #buddypress .standard-form#signup_form input[type=text],
     826
     827#buddypress .standard-form#signup_form input[type="text"],
    701828#buddypress .standard-form#signup_form textarea,
    702829#buddypress .form-allowed-tags,
    703 #buddypress #commentform input[type=text],
     830#buddypress #commentform input[type="text"],
    704831#buddypress #commentform textarea {
    705832        width: 90%;
    706833}
     834
    707835#buddypress .standard-form#signup_form div.submit {
    708836        float: right;
    709837}
     838
    710839#buddypress div#signup-avatar img {
    711840        margin: 0 15px 10px 0;
    712841}
     842
    713843#buddypress .standard-form textarea {
    714844        width: 75%;
    715845        height: 120px;
    716846}
     847
    717848#buddypress .standard-form textarea#message_content {
    718849        height: 200px;
    719850}
     851
    720852#buddypress .standard-form#send-reply textarea {
    721853        width: 97.5%;
    722854}
     855
    723856#buddypress .standard-form p.description {
    724857        color: #767676;
    … …  
    726859        margin: 5px 0;
    727860}
     861
    728862#buddypress .standard-form div.submit {
    729863        clear: both;
    730         padding: 15px 0 0 0;
    731 }
     864        padding: 15px 0 0;
     865}
     866
    732867#buddypress .standard-form p.submit {
    733868        margin-bottom: 0;
    734         padding: 15px 0 0 0;
    735 }
     869        padding: 15px 0 0;
     870}
     871
    736872#buddypress .standard-form div.submit input {
    737873        margin-right: 15px;
    738874}
     875
    739876#buddypress .standard-form div.radio ul {
    740877        margin: 10px 0 15px 38px;
    741878        list-style: disc;
    742879}
     880
    743881#buddypress .standard-form div.radio ul li {
    744882        margin-bottom: 5px;
    745883}
     884
    746885#buddypress .standard-form a.clear-value {
    747886        display: block;
    … …  
    749888        outline: none;
    750889}
     890
    751891#buddypress .standard-form #basic-details-section,
    752892#buddypress .standard-form #blog-details-section,
    … …  
    755895        width: 48%;
    756896}
     897
    757898#buddypress .standard-form #profile-details-section {
    758899        float: right;
    759900}
     901
    760902#buddypress .standard-form #blog-details-section,
    761903#buddypress #notifications-bulk-management {
    762904        clear: left;
    763905}
     906
    764907body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
    765908body.no-js #buddypress label[for="message-type-select"],
    … …  
    770913        display: none;
    771914}
     915
    772916#buddypress .standard-form input:focus,
    773917#buddypress .standard-form textarea:focus,
    … …  
    776920        color: #555;
    777921}
     922
    778923#buddypress form#send-invite-form {
    779924        margin-top: 20px;
    780925}
     926
    781927#buddypress div#invite-list {
    782928        background: #f5f5f5;
    … …  
    787933        width: 160px;
    788934}
     935
    789936#buddypress .standard-form button,
    790937#buddypress a.button,
    791 #buddypress input[type=submit],
    792 #buddypress input[type=button],
    793 #buddypress input[type=reset],
     938#buddypress input[type="submit"],
     939#buddypress input[type="button"],
     940#buddypress input[type="reset"],
    794941#buddypress ul.button-nav li a,
    795942#buddypress .generic-button a,
    … …  
    806953        text-decoration: none;
    807954}
     955
    808956#buddypress .standard-form button:hover,
    809957#buddypress a.button:hover,
    810958#buddypress a.button:focus,
    811 #buddypress input[type=submit]:hover,
    812 #buddypress input[type=button]:hover,
    813 #buddypress input[type=reset]:hover,
     959#buddypress input[type="submit"]:hover,
     960#buddypress input[type="button"]:hover,
     961#buddypress input[type="reset"]:hover,
    814962#buddypress ul.button-nav li a:hover,
    815963#buddypress ul.button-nav li.current a,
    … …  
    827975}
    828976
    829 #buddypress form.standard-form .left-menu #invite-list ul{
    830         margin:1%;
     977#buddypress form.standard-form .left-menu #invite-list ul {
     978        margin: 1%;
    831979        list-style: none;
    832980}
    833981
    834982#buddypress form.standard-form .left-menu #invite-list ul li {
    835         margin:0 0 0 1%;
     983        margin: 0 0 0 1%;
    836984}
    837985
    … …  
    841989
    842990#buddypress form.standard-form .main-column ul#friend-list {
    843         clear:none;
     991        clear: none;
    844992        float: left;
    845993}
    … …  
    847995#buddypress form.standard-form .main-column ul#friend-list h3,
    848996#buddypress form.standard-form .main-column ul#friend-list h4 {
    849         clear:none;
     997        clear: none;
    850998}
    851999
    … …  
    8531001#buddypress .wp-editor-wrap a.button,
    8541002#buddypress .wp-editor-wrap button,
    855 #buddypress .wp-editor-wrap input[type=submit],
    856 #buddypress .wp-editor-wrap input[type=button],
    857 #buddypress .wp-editor-wrap input[type=reset] {
     1003#buddypress .wp-editor-wrap input[type="submit"],
     1004#buddypress .wp-editor-wrap input[type="button"],
     1005#buddypress .wp-editor-wrap input[type="reset"] {
    8581006        padding: 0 8px 1px;
    8591007}
    8601008
    8611009/* Form classes & generic attr styling */
    862 #buddypress form *[disabled="disabled"]{
     1010#buddypress form *[disabled="disabled"] {
    8631011        cursor: default;
    864         opacity: .4;
     1012        opacity: 0.4;
    8651013}
    8661014
    … …  
    9171065#buddypress a.loading,
    9181066#buddypress input.loading {
    919         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    920         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
     1067        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     1068        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    9211069        border-color: #aaa;
    9221070}
     1071
    9231072@-webkit-keyframes loader-pulsate {
     1073
    9241074        from {
    9251075                border-color: #aaa;
    … …  
    9271077                box-shadow: 0 0 6px #ccc;
    9281078        }
     1079
    9291080        to {
    9301081                border-color: #ccc;
    … …  
    9331084        }
    9341085}
     1086
    9351087@-moz-keyframes loader-pulsate {
     1088
    9361089        from {
    9371090                border-color: #aaa;
    … …  
    9391092                box-shadow: 0 0 6px #ccc;
    9401093        }
     1094
    9411095        to {
    9421096                border-color: #ccc;
    … …  
    9501104        color: #767676;
    9511105}
     1106
    9521107#buddypress input[type="submit"].pending,
    9531108#buddypress input[type="button"].pending,
    … …  
    9561111#buddypress input[type="button"].disabled,
    9571112#buddypress input[type="reset"].disabled,
    958 #buddypress input[type="submit"][disabled=disabled],
     1113#buddypress input[type="submit"][disabled="disabled"],
    9591114#buddypress button.pending,
    9601115#buddypress button.disabled,
    … …  
    9651120        cursor: default;
    9661121}
     1122
    9671123#buddypress input[type="submit"]:hover.pending,
    9681124#buddypress input[type="button"]:hover.pending,
    … …  
    9861142        width: auto;
    9871143}
     1144
    9881145#buddypress ul#topic-post-list li {
    9891146        padding: 15px;
    9901147        position: relative;
    9911148}
     1149
    9921150#buddypress ul#topic-post-list li.alt {
    9931151        background: #f5f5f5;
    9941152}
     1153
    9951154#buddypress ul#topic-post-list li div.poster-meta {
    9961155        color: #767676;
    9971156        margin-bottom: 10px;
    9981157}
     1158
    9991159#buddypress ul#topic-post-list li div.post-content {
    10001160        margin-left: 54px;
    10011161}
     1162
    10021163#buddypress div.topic-tags {
    10031164        font-size: 80%;
    10041165}
     1166
    10051167#buddypress div.admin-links {
    10061168        color: #767676;
    … …  
    10101172        right: 25px;
    10111173}
     1174
    10121175#buddypress div#topic-meta {
    10131176        margin: 0;
    … …  
    10151178        position: relative;
    10161179}
     1180
    10171181#buddypress div#topic-meta div.admin-links {
    10181182        right: 19px;
    10191183        top: -36px;
    10201184}
     1185
    10211186#buddypress div#topic-meta h3 {
    10221187        margin: 5px 0;
    10231188}
     1189
    10241190#buddypress div#new-topic-post {
    10251191        display: none;
    1026         margin: 20px 0 0 0;
    1027         padding: 1px 0 0 0;
    1028 }
     1192        margin: 20px 0 0;
     1193        padding: 1px 0 0;
     1194}
     1195
    10291196#buddypress table.notifications,
    10301197#buddypress table.notifications-settings,
    … …  
    10361203        width: 100%;
    10371204}
     1205
    10381206#buddypress table.notifications thead tr,
    10391207#buddypress table.notifications-settings thead tr,
    … …  
    10451213        background: #eaeaea;
    10461214}
     1215
    10471216#buddypress table#message-threads {
    10481217        clear: both;
    10491218}
     1219
    10501220#buddypress table.profile-fields {
    10511221        margin-bottom: 20px;
    10521222}
     1223
    10531224#buddypress table.profile-fields:last-child {
    10541225        margin-bottom: 0;
    10551226}
     1227
    10561228#buddypress table.profile-fields p {
    10571229        margin: 0;
    10581230}
     1231
    10591232#buddypress table.profile-fields p:last-child {
    10601233        margin-top: 0;
    10611234}
     1235
    10621236#buddypress table.notifications tr td,
    10631237#buddypress table.notifications-settings tr td,
    … …  
    10761250        vertical-align: middle;
    10771251}
     1252
    10781253#buddypress table.notifications tr td.label,
    10791254#buddypress table.notifications-settings tr td.label,
    … …  
    10831258#buddypress table.forum tr td.label {
    10841259        border-right: 1px solid #eaeaea;
    1085         font-weight: bold;
     1260        font-weight: 700;
    10861261        width: 25%;
    10871262}
     1263
    10881264#buddypress #message-threads .thread-info {
    10891265        min-width: 40%;
    10901266}
     1267
    10911268#buddypress table tr td.thread-info p {
    10921269        margin: 0;
    10931270}
     1271
    10941272#buddypress table tr td.thread-info p.thread-excerpt {
    10951273        color: #767676;
    … …  
    10971275        margin-top: 3px;
    10981276}
     1277
    10991278#buddypress table.forum td {
    11001279        text-align: center;
    11011280}
     1281
    11021282#buddypress table.notifications tr.alt td,
    11031283#buddypress table.notifications-settings tr.alt td,
    … …  
    11101290        color: #707070;
    11111291}
     1292
    11121293#buddypress table.notification-settings {
    11131294        margin-bottom: 20px;
    11141295        text-align: left;
    11151296}
     1297
    11161298#buddypress #groups-notification-settings {
    11171299        margin-bottom: 0;
    11181300}
     1301
    11191302#buddypress table.notifications th.icon,
    11201303#buddypress table.notifications td:first-child,
    … …  
    11231306        display: none;
    11241307}
     1308
    11251309#buddypress table.notification-settings th.title,
    11261310#buddypress table.profile-settings th.title {
    11271311        width: 80%;
    11281312}
     1313
    11291314#buddypress table.notification-settings .yes,
    11301315#buddypress table.notification-settings .no {
    … …  
    11321317        width: 40px;
    11331318}
     1319
    11341320#buddypress table.forum {
    11351321        margin: 0;
    … …  
    11371323        clear: both;
    11381324}
     1325
    11391326#buddypress table.forum tr.sticky td {
    11401327        font-size: 110%;
    … …  
    11431330        border-bottom: 1px solid #ffe8c4;
    11441331}
     1332
    11451333#buddypress table.forum tr.closed td.td-title {
    11461334        padding-left: 35px;
    11471335}
     1336
    11481337#buddypress table.forum td p.topic-text {
    11491338        color: #767676;
    11501339        font-size: 100%;
    11511340}
     1341
    11521342#buddypress table.forum tr > td:first-child,
    11531343#buddypress table.forum tr > th:first-child {
    11541344        padding-left: 15px;
    11551345}
     1346
    11561347#buddypress table.forum tr > td:last-child,
    11571348#buddypress table.forum tr > th:last-child {
    11581349        padding-right: 15px;
    11591350}
     1351
    11601352#buddypress table.forum tr th#th-title,
    11611353#buddypress table.forum tr th#th-poster,
    … …  
    11661358        text-align: left;
    11671359}
     1360
    11681361#buddypress table.forum tr td.td-title a.topic-title {
    11691362        font-size: 110%;
    11701363}
     1364
    11711365#buddypress table.forum td.td-freshness {
    11721366        white-space: nowrap;
    11731367}
     1368
    11741369#buddypress table.forum td.td-freshness span.time-since {
    11751370        font-size: 80%;
    11761371        color: #767676;
    11771372}
     1373
    11781374#buddypress table.forum td img.avatar {
    11791375        float: none;
    11801376        margin: 0 5px -8px 0;
    11811377}
     1378
    11821379#buddypress table.forum td.td-poster,
    11831380#buddypress table.forum td.td-group {
    11841381        min-width: 140px;
    11851382}
     1383
    11861384#buddypress table.forum th#th-title {
    11871385        width: 80%;
    11881386}
     1387
    11891388#buddypress table.forum th#th-freshness {
    11901389        width: 25%;
    11911390}
     1391
    11921392#buddypress table.forum th#th-postcount {
    11931393        width: 15%;
    11941394}
     1395
    11951396#buddypress table.forum p.topic-meta {
    11961397        font-size: 80%;
    1197         margin: 5px 0 0 0;
     1398        margin: 5px 0 0;
    11981399}
    11991400
    … …  
    12041405        margin: 20px 0;
    12051406}
     1407
    12061408#buddypress span.activity {
    12071409        display: inline-block;
    … …  
    12091411        padding: 0;
    12101412}
     1413
    12111414#buddypress span.user-nicename {
    12121415        color: #767676;
    12131416        display: inline-block;
    12141417        font-size: 120%;
    1215         font-weight: bold;
    1216 }
     1418        font-weight: 700;
     1419}
     1420
    12171421#buddypress div#message p,
    12181422#sitewide-notice p {
    … …  
    12201424        border: 1px solid #cb2;
    12211425        color: #440;
    1222         font-weight: normal;
     1426        font-weight: 400;
    12231427        margin-top: 3px;
    12241428        text-decoration: none;
    12251429}
     1430
    12261431.bp-site-wide-message #message p,
    12271432.admin-bar-on #message p {
    … …  
    12291434        position: relative;
    12301435}
     1436
    12311437.bp-site-wide-message #message button,
    12321438.admin-bar-on #message button {
    … …  
    12371443        top: 0;
    12381444}
     1445
    12391446.admin-bar-on #message button {
    12401447        right: 10px;
    1241         top:7px;
    1242 }
     1448        top: 7px;
     1449}
     1450
    12431451#buddypress #item-header:after {
    12441452        clear: both;
    … …  
    12461454        display: table;
    12471455}
     1456
    12481457#buddypress div#item-header div#item-header-content {
    12491458        float: left;
    12501459        margin-left: 0;
    12511460}
     1461
    12521462#buddypress div#item-header h2 {
    1253         line-height: 120%;
    1254         margin: 0 0 15px 0;
    1255 }
     1463        line-height: 1.2;
     1464        margin: 0 0 15px;
     1465}
     1466
    12561467#buddypress div#item-header h2 a {
    12571468        color: #767676;
    12581469        text-decoration: none;
    12591470}
     1471
    12601472#buddypress div#item-header img.avatar {
    12611473        float: left;
    12621474        margin: 0 15px 19px 0;
    12631475}
     1476
    12641477#buddypress div#item-header h2 {
    12651478        margin-bottom: 5px;
    12661479}
     1480
    12671481#buddypress div#item-header h2 span.highlight {
    12681482        font-size: 60%;
    1269         font-weight: normal;
    1270         line-height: 170%;
     1483        font-weight: 400;
     1484        line-height: 1.7;
    12711485        vertical-align: middle;
    12721486        display: inline-block;
    12731487}
     1488
    12741489#buddypress div#item-header h2 span.highlight span {
    12751490        background: #a1dcfa;
    12761491        color: #fff;
    12771492        cursor: pointer;
    1278         font-weight: bold;
     1493        font-weight: 700;
    12791494        font-size: 80%;
    12801495        margin-bottom: 2px;
    … …  
    12851500        vertical-align: middle;
    12861501}
     1502
    12871503#buddypress div#item-header div#item-meta {
    12881504        font-size: 80%;
    12891505        color: #767676;
    12901506        overflow: hidden;
    1291         margin: 15px 0 5px 0;
     1507        margin: 15px 0 5px;
    12921508        padding-bottom: 10px;
    12931509}
     1510
    12941511#buddypress div#item-header div#item-actions {
    12951512        float: right;
    … …  
    12981515        width: 20%;
    12991516}
     1517
    13001518#buddypress div#item-header div#item-actions h2,
    13011519#buddypress div#item-header div#item-actions h3 {
    1302         margin: 0 0 5px 0;
    1303 }
     1520        margin: 0 0 5px;
     1521}
     1522
    13041523#buddypress div#item-header ul {
    13051524        margin-bottom: 15px;
    13061525        overflow: hidden;
    13071526}
     1527
    13081528#buddypress div#item-header ul h5,
    13091529#buddypress div#item-header ul span,
    … …  
    13111531        display: none;
    13121532}
     1533
    13131534#buddypress div#item-header ul li {
    13141535        float: right;
    13151536        list-style: none;
    13161537}
     1538
    13171539#buddypress div#item-header ul img.avatar,
    13181540#buddypress div#item-header ul.avatars img.avatar {
    … …  
    13211543        width: 30px;
    13221544}
     1545
    13231546#buddypress div#item-header div.generic-button,
    13241547#buddypress div#item-header a.button {
    … …  
    13261549        margin: 10px 10px 0 0;
    13271550}
     1551
    13281552body.no-js #buddypress div#item-header .js-self-profile-button {
    1329         display:none;
    1330 }
     1553        display: none;
     1554}
     1555
    13311556#buddypress div#item-header div#message.info {
    1332         line-height: 80%;
    1333 }
     1557        line-height: 0.8;
     1558}
     1559
    13341560#buddypress ul.item-list {
    13351561        border-top: 1px solid #eaeaea;
    … …  
    13401566        padding: 0;
    13411567}
     1568
    13421569body.activity-permalink #buddypress ul.item-list,
    13431570body.activity-permalink #buddypress ul.item-list li.activity-item {
    13441571        border: none;
    13451572}
     1573
    13461574#buddypress ul.item-list li {
    13471575        border-bottom: 1px solid #eaeaea;
    … …  
    13511579        list-style: none;
    13521580}
     1581
    13531582#buddypress ul.single-line li {
    13541583        border: none;
    13551584}
     1585
    13561586#buddypress ul.item-list li img.avatar {
    13571587        float: left;
    13581588        margin: 0 10px 0 0;
    13591589}
     1590
    13601591#buddypress ul.item-list li div.item-title,
    13611592#buddypress ul.item-list li h3,
    13621593#buddypress ul.item-list li h4 {
    1363         font-weight: normal;
     1594        font-weight: 400;
    13641595        font-size: 90%;
    13651596        margin: 0;
    13661597        width: 75%;
    13671598}
     1599
    13681600#buddypress ul.item-list li div.item-title span {
    13691601        color: #767676;
    13701602        font-size: 80%;
    13711603}
     1604
    13721605#buddypress ul.item-list li div.item-desc {
    13731606        color: #767676;
    … …  
    13761609        width: 50%;
    13771610}
     1611
    13781612#buddypress ul.item-list li.group-no-avatar div.item-desc {
    13791613        margin-left: 0;
    13801614}
     1615
    13811616#buddypress ul.item-list li div.action {
    13821617        position: absolute;
    … …  
    13851620        text-align: right;
    13861621}
     1622
    13871623#buddypress ul.item-list li div.meta {
    13881624        color: #767676;
    … …  
    13901626        margin-top: 10px;
    13911627}
     1628
    13921629#buddypress ul.item-list li h5 span.small {
    13931630        float: right;
    13941631        font-size: 80%;
    1395         font-weight: normal;
    1396 }
     1632        font-weight: 400;
     1633}
     1634
    13971635#buddypress div.item-list-tabs {
    13981636        background: transparent;
    … …  
    14051643        padding: 0;
    14061644}
     1645
    14071646#buddypress div.item-list-tabs ul li {
    14081647        float: left;
    … …  
    14101649        list-style: none;
    14111650}
     1651
    14121652#buddypress div.item-list-tabs#subnav ul li {
    14131653        margin-top: 0;
    14141654}
     1655
    14151656#buddypress div.item-list-tabs ul li.last {
    14161657        float: right;
    14171658        margin: 7px 0 0;
    14181659}
     1660
    14191661#buddypress div.item-list-tabs#subnav ul li.last {
    14201662        margin-top: 4px;
    14211663}
     1664
    14221665#buddypress div.item-list-tabs ul li.last select {
    14231666        max-width: 185px;
    14241667}
     1668
    14251669#buddypress div.item-list-tabs ul li a,
    14261670#buddypress div.item-list-tabs ul li span {
    … …  
    14291673        text-decoration: none;
    14301674}
     1675
    14311676#buddypress div.item-list-tabs ul li a span {
    14321677        background: #eee;
    … …  
    14411686        vertical-align: middle;
    14421687}
     1688
    14431689#buddypress div.item-list-tabs ul li.selected a,
    14441690#buddypress div.item-list-tabs ul li.current a {
    14451691        background-color: #eee;
    14461692        color: #555;
    1447         opacity: .9;
    1448         font-weight: bold;
    1449 }
     1693        opacity: 0.9;
     1694        font-weight: 700;
     1695}
     1696
    14501697#buddypress div.item-list-tabs ul li.selected a span,
    14511698#buddypress div.item-list-tabs ul li.current a span,
    … …  
    14531700        background-color: #eee;
    14541701}
     1702
    14551703#buddypress div.item-list-tabs ul li.selected a span,
    14561704#buddypress div.item-list-tabs ul li.current a span {
    14571705        background-color: #fff;
    14581706}
     1707
    14591708#buddypress div#item-nav ul li.loading a {
    14601709        background-position: 88% 50%;
    14611710}
     1711
    14621712#buddypress div.item-list-tabs#object-nav {
    14631713        margin-top: 0;
    14641714}
     1715
    14651716#buddypress div.item-list-tabs#subnav {
    14661717        background: transparent;
    1467         margin: 10px 0 10px;
     1718        margin: 10px 0;
    14681719        overflow: hidden;
    14691720}
     1721
    14701722#buddypress #admins-list li,
    14711723#buddypress #mods-list li,
    … …  
    14741726        list-style: none;
    14751727}
     1728
    14761729#buddypress .group-members-list {
    14771730        width: 100%;
    … …  
    14801733        overflow: auto;
    14811734}
     1735
    14821736#buddypress #item-buttons:empty {
    14831737        display: none;
    … …  
    15221776        border-top: 1px solid #ffe8c4;
    15231777        border-bottom: 1px solid #ffe8c4;
    1524         font-weight: bold;
    1525 }
     1778        font-weight: 700;
     1779}
     1780
    15261781#buddypress table#message-threads tr.unread td .thread-excerpt,
    15271782#buddypress table#message-threads tr.unread td .activity,
    15281783#buddypress table#message-threads tr.unread td.thread-options {
    1529         font-weight: normal;
    1530 }
     1784        font-weight: 400;
     1785}
     1786
    15311787#buddypress li span.unread-count,
    15321788#buddypress tr.unread span.unread-count {
    1533         background: #dd0000;
     1789        background: #d00;
    15341790        color: #fff;
    1535         font-weight: bold;
     1791        font-weight: 700;
    15361792        padding: 2px 8px;
    15371793}
     1794
    15381795#buddypress div.item-list-tabs ul li a span.unread-count {
    15391796        padding: 1px 6px;
    15401797        color: #fff;
    15411798}
     1799
    15421800#buddypress div#message-thread div.message-box {
    15431801        margin: 0;
    15441802        padding: 15px;
    15451803}
     1804
    15461805#buddypress div#message-thread div.alt {
    15471806        background: #f4f4f4;
    15481807}
     1808
    15491809#buddypress div#message-thread p#message-recipients {
    1550         margin: 10px 0 20px 0;
    1551 }
     1810        margin: 10px 0 20px;
     1811}
     1812
    15521813#buddypress div#message-thread img.avatar {
    15531814        float: left;
    … …  
    15551816        vertical-align: middle;
    15561817}
     1818
    15571819#buddypress div#message-thread strong {
    15581820        font-size: 100%;
    15591821        margin: 0;
    15601822}
     1823
    15611824#buddypress div#message-thread strong a {
    15621825        text-decoration: none;
    15631826}
     1827
    15641828#buddypress div#message-thread strong span.activity {
    15651829        margin-top: 4px;
    15661830}
    1567 #buddypress div#message-thread div.message-metadata::after {
     1831
     1832#buddypress div#message-thread div.message-metadata:after {
    15681833        clear: both;
    15691834        content: "";
    15701835        display: table;
    15711836}
     1837
    15721838#buddypress div#message-thread div.message-content {
    15731839        margin-left: 45px;
    15741840}
     1841
    15751842#buddypress div#message-thread div.message-options {
    15761843        text-align: right;
    15771844}
     1845
    15781846#buddypress #message-threads img.avatar {
    15791847        max-width: none;
    15801848}
     1849
    15811850#buddypress div.message-search {
    15821851        float: right;
    15831852        margin: 0 20px;
    15841853}
     1854
    15851855.message-metadata {
    15861856        position: relative;
    15871857}
    1588 .message-metadata .bp-tooltip:hover::after,
    1589 .message-metadata .bp-tooltip:active::after,
    1590 .message-metadata .bp-tooltip:focus::after {
     1858
     1859.message-metadata .bp-tooltip:hover:after,
     1860.message-metadata .bp-tooltip:active:after,
     1861.message-metadata .bp-tooltip:focus:after {
    15911862        margin-top: 10px;
    15921863        max-width: 240px;
    … …  
    15941865        text-align: right;
    15951866}
     1867
    15961868.message-star-actions {
    15971869        position: absolute;
    … …  
    15991871        top: 0;
    16001872}
     1873
    16011874#buddypress a.message-action-star,
    16021875#buddypress a.message-action-unstar {
    … …  
    16051878        outline: none;
    16061879}
     1880
    16071881a.message-action-star {
    1608         opacity: .7;
    1609 }
     1882        opacity: 0.7;
     1883}
     1884
    16101885a.message-action-star:hover {
    16111886        opacity: 1;
    16121887}
     1888
    16131889.message-action-star span.icon:before,
    16141890.message-action-unstar span.icon:before {
    … …  
    16161892        font-size: 18px;
    16171893}
     1894
    16181895.message-action-star span.icon:before {
    16191896        color: #767676;
    16201897        content: "\f154";
    16211898}
     1899
    16221900.message-action-unstar span.icon:before {
    16231901        color: #fcdd77;
    … …  
    16331911        margin-top: 15px;
    16341912}
     1913
    16351914#buddypress #profile-edit-form ul.button-nav {
    16361915        margin-top: 15px;
    16371916}
     1917
    16381918body.no-js #buddypress .field-visibility-settings-toggle,
    16391919body.no-js #buddypress .field-visibility-settings-close {
    16401920        display: none;
    16411921}
     1922
    16421923#buddypress .field-visibility-settings {
    16431924        display: none;
    16441925        margin-top: 10px;
    16451926}
    1646         body.no-js #buddypress .field-visibility-settings {
    1647                 display: block;
    1648         }
     1927
     1928body.no-js #buddypress .field-visibility-settings {
     1929        display: block;
     1930}
     1931
    16491932#buddypress .current-visibility-level {
    1650         font-weight: bold;
     1933        font-weight: 700;
    16511934        font-style: normal;
    16521935}
     1936
    16531937#buddypress .field-visibility-settings,
    16541938#buddypress .field-visibility-settings-toggle,
    … …  
    16561940        color: #707070;
    16571941}
     1942
    16581943#buddypress .field-visibility-settings-toggle a,
    16591944#buddypress .field-visibility-settings a {
    16601945        font-size: 80%;
    16611946}
     1947
    16621948body.register #buddypress div.page ul {
    16631949        list-style: none;
    16641950}
     1951
    16651952#buddypress .standard-form .field-visibility-settings label {
    16661953        margin: 0;
    1667         font-weight: normal;
    1668 }
     1954        font-weight: 400;
     1955}
     1956
    16691957#buddypress .field-visibility-settings legend,
    16701958#buddypress .field-visibility-settings-toggle {
    16711959        font-style: italic;
    16721960}
     1961
    16731962#buddypress .field-visibility-settings .radio {
    16741963        list-style: none;
    16751964        margin-bottom: 0;
    16761965}
     1966
    16771967#buddypress .field-visibility select {
    16781968        margin: 0;
    16791969}
     1970
    16801971#buddypress .wp-editor-container {
    16811972        border: 1px solid #dedede;
    16821973}
     1974
    16831975#buddypress .html-active button.switch-html {
    16841976        border-bottom-color: transparent;
    … …  
    16881980        color: #707070;
    16891981}
     1982
    16901983#buddypress .tmce-active button.switch-tmce {
    16911984        border-bottom-color: transparent;
    … …  
    16951988        color: #707070;
    16961989}
     1990
    16971991#buddypress .standard-form .wp-editor-container textarea {
    16981992        width: 100%;
    … …  
    17132007.widget.buddypress div.item-options {
    17142008        font-size: 90%;
    1715         margin: 0 0 1em 0;
     2009        margin: 0 0 1em;
    17162010        padding: 1em 0;
    17172011}
    17182012
    17192013.widget.buddypress div.item {
    1720         margin:0 0 1em 0;
     2014        margin: 0 0 1em;
    17212015}
    17222016
    … …  
    17272021}
    17282022
    1729 .widget.buddypress div.avatar-block::after {
     2023.widget.buddypress div.avatar-block:after {
    17302024        clear: both;
    17312025        content: "";
    … …  
    17572051.widget.buddypress #bp-login-widget-form label {
    17582052        display: block;
    1759         margin: 1rem 0 .5rem;
     2053        margin: 1rem 0 0.5rem;
    17602054}
    17612055
    … …  
    17782072
    17792073.widget.buddypress .bp-login-widget-user-links > div {
    1780         margin-bottom: .5rem;
     2074        margin-bottom: 0.5rem;
    17812075}
    17822076
    17832077.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
    1784         font-weight: bold;
     2078        font-weight: 700;
    17852079}
    17862080
    … …  
    18072101}
    18082102
    1809 .bp-tooltip::after {
     2103.bp-tooltip:after {
    18102104        background: #fff;
    18112105        border: 1px solid #aaa;
    18122106        border-collapse: separate;
    18132107        border-radius: 1px;
    1814         box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3);
     2108        box-shadow: 1px 1px 0 1px rgba(132, 132, 132, 0.3);
    18152109        color: #000;
    18162110        content: attr(data-bp-tooltip);
    … …  
    18182112        font-family: sans-serif;
    18192113        font-size: 11px;
    1820         font-weight: normal;
     2114        font-weight: 400;
    18212115        letter-spacing: normal;
    18222116        line-height: 1.5;
    … …  
    18392133}
    18402134
    1841 .bp-tooltip:hover::before,
    1842 .bp-tooltip:hover::after,
    1843 .bp-tooltip:active::before,
    1844 .bp-tooltip:active::after,
    1845 .bp-tooltip:focus::before,
    1846 .bp-tooltip:focus::after {
     2135.bp-tooltip:hover:before,
     2136.bp-tooltip:hover:after,
     2137.bp-tooltip:active:before,
     2138.bp-tooltip:active:after,
     2139.bp-tooltip:focus:before,
     2140.bp-tooltip:focus:after {
    18472141        display: inline-block;
    18482142        opacity: 1;
    … …  
    18522146}
    18532147
    1854 .bp-site-wide-message .bp-tooltip:hover::after,
    1855 .bp-site-wide-message .bp-tooltip:active::after,
    1856 .bp-site-wide-message .bp-tooltip:focus::after,
    1857 .admin-bar-on .bp-tooltip:hover::after,
    1858 .admin-bar-on .bp-tooltip:active::after,
    1859 .admin-bar-on .bp-tooltip:focus::after {
     2148.bp-site-wide-message .bp-tooltip:hover:after,
     2149.bp-site-wide-message .bp-tooltip:active:after,
     2150.bp-site-wide-message .bp-tooltip:focus:after,
     2151.admin-bar-on .bp-tooltip:hover:after,
     2152.admin-bar-on .bp-tooltip:active:after,
     2153.admin-bar-on .bp-tooltip:focus:after {
    18602154        right: 50px;
    18612155}
    … …  
    186421584.0 - Media Queries
    18652159--------------------------------------------------------------*/
     2160
    18662161/*--------------------------------------------------------------
    186721624.1 - Smartphones - landscape
    18682163--------------------------------------------------------------*/
    1869 @media only screen and (max-width: 480px ){
     2164@media only screen and (max-width: 480px ) {
     2165
    18702166        #buddypress div.dir-search {
    18712167                float: right;
    … …  
    18732169                text-align: right;
    18742170        }
     2171
    18752172        #buddypress div.dir-search input[type="text"] {
    18762173                margin-bottom: 1em;
    18772174                width: 50%;
    18782175        }
     2176
    18792177        a.bp-title-button {
    18802178                margin-left: 10px;
    18812179        }
    1882         #buddypress form.standard-form .main-column div.action{
     2180
     2181        #buddypress form.standard-form .main-column div.action {
    18832182                position: relative;
    1884                 margin-bottom:1em;
     2183                margin-bottom: 1em;
    18852184        }
     2185
    18862186        #buddypress form.standard-form .main-column ul#friend-list h3,
    1887         #buddypress form.standard-form .main-column ul#friend-list h4{
    1888                 width:100%;
     2187        #buddypress form.standard-form .main-column ul#friend-list h4 {
     2188                width: 100%;
    18892189        }
    18902190}
    … …  
    18942194--------------------------------------------------------------*/
    18952195@media only screen and (max-width: 320px) {
     2196
    18962197        #buddypress div.dir-search {
    18972198                clear: left;
    … …  
    19002201                text-align: left;
    19012202        }
     2203
    19022204        #buddypress li#groups-order-select {
    19032205                clear: left;
    19042206                float: left;
    19052207        }
     2208
    19062209        #buddypress ul.item-list li div.action {
    19072210                clear: left;
    … …  
    19142217                text-align: left;
    19152218        }
     2219
    19162220        #buddypress ul.item-list li div.item-desc {
    19172221                clear: left;
    … …  
    19202224                width: auto;
    19212225        }
     2226
    19222227        #buddypress li div.item {
    19232228                margin-left: 70px;
    19242229                width: auto;
    19252230        }
     2231
    19262232        #buddypress ul.item-list li div.meta {
    19272233                margin-top: 0;
    19282234        }
     2235
    19292236        #buddypress .item-desc p {
    19302237                margin: 0 0 10px;
    19312238        }
     2239
    19322240        #buddypress div.pagination .pag-count {
    19332241                margin-left: 0;
    … …  
    19392247--------------------------------------------------------------*/
    19402248@media only screen and (max-width: 240px) {
     2249
    19412250        #buddypress div.dir-search {
    19422251                float: left;
    19432252                margin: 0;
    19442253        }
     2254
    19452255        #buddypress div.dir-search input[type="text"] {
    19462256                width: 50%;
    19472257        }
     2258
    19482259        #buddypress li#groups-order-select {
    19492260                float: left;
    19502261        }
     2262
    19512263        #buddypress ul.item-list li img.avatar {
    19522264                width: 30px;
    19532265                height: auto;
    19542266        }
     2267
    19552268        #buddypress ul.item-list li div.action,
    1956         #buddypress li div.item{
     2269        #buddypress li div.item {
    19572270                margin-left: 45px;
    19582271        }
     2272
    19592273        h1 a.bp-title-button {
    19602274                clear: left;

  • trunk/src/bp-templates/bp-legacy/css/embeds-activity-rtl.css

    r10884 r11587  
    88.bp-embed-avatar {
    99        float: right;
    10         margin: 0 0 0 .75em;
     10        margin: 0 0 0 0.75em;
    1111}
    1212
    … …  
    1818p.bp-embed-activity-action a:first-child {
    1919        color: #32373c;
    20         font-weight: bold;
     20        font-weight: 700;
    2121}
    2222
    … …  
    4141
    4242.activity-read-more {
    43         margin-right: .5em;
     43        margin-right: 0.5em;
    4444}
    4545
    … …  
    5353
    5454span.bp-embed-timestamp {
    55         font-size: .9em;
     55        font-size: 0.9em;
    5656}
    5757
    … …  
    9797
    9898.bp-activity-embed-display-media .caption {
    99         padding: .2em .5em .5em .5em;
     99        padding: 0.2em 0.5em 0.5em;
    100100}
    101101
    … …  
    135135.bp-activity-embed-display-media .caption-description {
    136136        font-size: 90%;
    137         margin: .4em 0;
     137        margin: 0.4em 0;
    138138}
    139139
    140140@media only screen and (max-width: 480px) {
     141
    141142        .bp-activity-embed-display-media.two-col .thumb {
    142143                border-bottom: 1px solid #ccc;

  • trunk/src/bp-templates/bp-legacy/css/embeds-activity.css

    r10884 r11587  
    88.bp-embed-avatar {
    99        float: left;
    10         margin: 0 .75em 0 0;
     10        margin: 0 0.75em 0 0;
    1111}
    1212
    … …  
    1818p.bp-embed-activity-action a:first-child {
    1919        color: #32373c;
    20         font-weight: bold;
     20        font-weight: 700;
    2121}
    2222
    … …  
    4141
    4242.activity-read-more {
    43         margin-left: .5em;
     43        margin-left: 0.5em;
    4444}
    4545
    … …  
    5353
    5454span.bp-embed-timestamp {
    55         font-size: .9em;
     55        font-size: 0.9em;
    5656}
    5757
    … …  
    9797
    9898.bp-activity-embed-display-media .caption {
    99         padding: .2em .5em .5em .5em;
     99        padding: 0.2em 0.5em 0.5em;
    100100}
    101101
    … …  
    135135.bp-activity-embed-display-media .caption-description {
    136136        font-size: 90%;
    137         margin: .4em 0;
     137        margin: 0.4em 0;
    138138}
    139139
    140140@media only screen and (max-width: 480px) {
     141
    141142        .bp-activity-embed-display-media.two-col .thumb {
    142143                border-bottom: 1px solid #ccc;

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    6565
    6666body.buddypress:not(.page-template-sidebar-page) #content {
    67         margin: 0 10% 0;
     67        margin: 0 10%;
    6868        width: auto;
    6969}
    … …  
    802802        font-size: 12px;
    803803        font-size: 0.8rem;
    804         font-weight: normal;
     804        font-weight: 400;
    805805        line-height: 1.2;
    806806        padding: 4px 10px;
    … …  
    932932        .single-item.groups #buddypress #item-header .generic-button {
    933933                float: none;
    934                 margin: 1.5em 0 0 0;
     934                margin: 1.5em 0 0;
    935935        }
    936936}
    … …  
    10231023        font-size: 14px;
    10241024        font-size: 0.9333333333rem;
    1025         font-weight: bold;
     1025        font-weight: 700;
    10261026        line-height: 1.4;
    10271027}
    … …  
    11581158
    11591159.groups.group-settings #group-settings-form div.radio label {
    1160         font-weight: bold;
     1160        font-weight: 700;
    11611161        padding: 0.2em;
    11621162}
    … …  
    14061406        background-clip: padding-box;
    14071407        color: #eee;
    1408         font-weight: bold;
     1408        font-weight: 700;
    14091409        padding: 0.1em 0.5em;
    14101410        text-decoration: none;
    … …  
    14491449}
    14501450
    1451 .bp-user #buddypress #message-thread .message-metadata::after {
     1451.bp-user #buddypress #message-thread .message-metadata:after {
    14521452        clear: both;
    14531453        content: "";
    … …  
    14871487}
    14881488
    1489 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1490 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1491 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1489.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1490.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1491.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14921492        left: 40px;
    14931493        text-align: left;
    … …  
    17051705}
    17061706
    1707 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1707.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    17081708        content: attr(title);
    17091709        display: block;
    … …  
    17841784}
    17851785
    1786 #main #buddypress .standard-form input[type='text'],
    1787 #main #buddypress .standard-form input[type='email'],
    1788 #main #buddypress .standard-form input[type='password'],
     1786#main #buddypress .standard-form input[type="text"],
     1787#main #buddypress .standard-form input[type="email"],
     1788#main #buddypress .standard-form input[type="password"],
    17891789#main #buddypress .standard-form textarea {
    17901790        width: 100%;
    … …  
    18401840}
    18411841
    1842 #buddypress div.dir-search form input[type='text'],
    1843 #buddypress div.dir-search form input[type='submit'],
    1844 #buddypress div.message-search form input[type='text'],
    1845 #buddypress div.message-search form input[type='submit'],
    1846 #buddypress li.groups-members-search form input[type='text'],
    1847 #buddypress li.groups-members-search form input[type='submit'] {
     1842#buddypress div.dir-search form input[type="text"],
     1843#buddypress div.dir-search form input[type="submit"],
     1844#buddypress div.message-search form input[type="text"],
     1845#buddypress div.message-search form input[type="submit"],
     1846#buddypress li.groups-members-search form input[type="text"],
     1847#buddypress li.groups-members-search form input[type="submit"] {
    18481848        border: 0;
    18491849        border-radius: 0;
    … …  
    18561856}
    18571857
    1858 #buddypress div.dir-search form input[type='text'],
    1859 #buddypress div.message-search form input[type='text'],
    1860 #buddypress li.groups-members-search form input[type='text'] {
     1858#buddypress div.dir-search form input[type="text"],
     1859#buddypress div.message-search form input[type="text"],
     1860#buddypress li.groups-members-search form input[type="text"] {
    18611861        border-left: 1px solid rgba(212, 208, 186, 0.6);
    18621862        float: right;
    18631863        margin: 0;
    1864         padding: 0 0.2em 0;
     1864        padding: 0 0.2em;
    18651865        width: 70%;
    18661866}
    18671867
    1868 #buddypress div.dir-search form input[type='submit'],
    1869 #buddypress div.message-search form input[type='submit'],
    1870 #buddypress li.groups-members-search form input[type='submit'] {
     1868#buddypress div.dir-search form input[type="submit"],
     1869#buddypress div.message-search form input[type="submit"],
     1870#buddypress li.groups-members-search form input[type="submit"] {
    18711871        float: left;
    1872         font-weight: normal;
     1872        font-weight: 400;
    18731873        padding: 0 1em;
    18741874        text-align: center;
    … …  
    18851885        }
    18861886        #buddypress div.dir-search form label,
    1887         #buddypress div.dir-search form input[type='text'],
    1888         #buddypress div.dir-search form input[type='submit'],
     1887        #buddypress div.dir-search form input[type="text"],
     1888        #buddypress div.dir-search form input[type="submit"],
    18891889        #buddypress div.message-search form label,
    1890         #buddypress div.message-search form input[type='text'],
    1891         #buddypress div.message-search form input[type='submit'],
     1890        #buddypress div.message-search form input[type="text"],
     1891        #buddypress div.message-search form input[type="submit"],
    18921892        #buddypress li.groups-members-search form label,
    1893         #buddypress li.groups-members-search form input[type='text'],
    1894         #buddypress li.groups-members-search form input[type='submit'] {
     1893        #buddypress li.groups-members-search form input[type="text"],
     1894        #buddypress li.groups-members-search form input[type="submit"] {
    18951895                width: auto;
    18961896        }
    … …  
    18981898
    18991899@media screen and (min-width: 800px) {
    1900         #buddypress .dir-search form input[type='text'],
    1901         #buddypress .message-search form input[type='text'] {
     1900        #buddypress .dir-search form input[type="text"],
     1901        #buddypress .message-search form input[type="text"] {
    19021902                font-size: 16px;
    19031903                font-size: 1.0666666667rem;
    19041904        }
    1905         #buddypress .dir-search form input[type='submit'],
    1906         #buddypress .message-search form input[type='submit'] {
     1905        #buddypress .dir-search form input[type="submit"],
     1906        #buddypress .message-search form input[type="submit"] {
    19071907                font-size: 16px;
    19081908                font-size: 1.0666666667rem;
    … …  
    19931993}
    19941994
    1995 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1996 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1997 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1995.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1996.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1997.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19981998        right: 0;
    19991999        margin-top: 10px;
    … …  
    20122012        font-size: 18px;
    20132013        font-size: 1.2rem;
    2014         font-weight: bold;
     2014        font-weight: 700;
    20152015}
    20162016

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    6565
    6666body.buddypress:not(.page-template-sidebar-page) #content {
    67         margin: 0 10% 0;
     67        margin: 0 10%;
    6868        width: auto;
    6969}
    … …  
    802802        font-size: 12px;
    803803        font-size: 0.8rem;
    804         font-weight: normal;
     804        font-weight: 400;
    805805        line-height: 1.2;
    806806        padding: 4px 10px;
    … …  
    932932        .single-item.groups #buddypress #item-header .generic-button {
    933933                float: none;
    934                 margin: 1.5em 0 0 0;
     934                margin: 1.5em 0 0;
    935935        }
    936936}
    … …  
    10231023        font-size: 14px;
    10241024        font-size: 0.9333333333rem;
    1025         font-weight: bold;
     1025        font-weight: 700;
    10261026        line-height: 1.4;
    10271027}
    … …  
    11581158
    11591159.groups.group-settings #group-settings-form div.radio label {
    1160         font-weight: bold;
     1160        font-weight: 700;
    11611161        padding: 0.2em;
    11621162}
    … …  
    14061406        background-clip: padding-box;
    14071407        color: #eee;
    1408         font-weight: bold;
     1408        font-weight: 700;
    14091409        padding: 0.1em 0.5em;
    14101410        text-decoration: none;
    … …  
    14491449}
    14501450
    1451 .bp-user #buddypress #message-thread .message-metadata::after {
     1451.bp-user #buddypress #message-thread .message-metadata:after {
    14521452        clear: both;
    14531453        content: "";
    … …  
    14871487}
    14881488
    1489 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1490 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1491 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1489.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1490.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1491.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14921492        right: 40px;
    14931493        text-align: right;
    … …  
    17051705}
    17061706
    1707 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1707.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    17081708        content: attr(title);
    17091709        display: block;
    … …  
    17841784}
    17851785
    1786 #main #buddypress .standard-form input[type='text'],
    1787 #main #buddypress .standard-form input[type='email'],
    1788 #main #buddypress .standard-form input[type='password'],
     1786#main #buddypress .standard-form input[type="text"],
     1787#main #buddypress .standard-form input[type="email"],
     1788#main #buddypress .standard-form input[type="password"],
    17891789#main #buddypress .standard-form textarea {
    17901790        width: 100%;
    … …  
    18401840}
    18411841
    1842 #buddypress div.dir-search form input[type='text'],
    1843 #buddypress div.dir-search form input[type='submit'],
    1844 #buddypress div.message-search form input[type='text'],
    1845 #buddypress div.message-search form input[type='submit'],
    1846 #buddypress li.groups-members-search form input[type='text'],
    1847 #buddypress li.groups-members-search form input[type='submit'] {
     1842#buddypress div.dir-search form input[type="text"],
     1843#buddypress div.dir-search form input[type="submit"],
     1844#buddypress div.message-search form input[type="text"],
     1845#buddypress div.message-search form input[type="submit"],
     1846#buddypress li.groups-members-search form input[type="text"],
     1847#buddypress li.groups-members-search form input[type="submit"] {
    18481848        border: 0;
    18491849        border-radius: 0;
    … …  
    18561856}
    18571857
    1858 #buddypress div.dir-search form input[type='text'],
    1859 #buddypress div.message-search form input[type='text'],
    1860 #buddypress li.groups-members-search form input[type='text'] {
     1858#buddypress div.dir-search form input[type="text"],
     1859#buddypress div.message-search form input[type="text"],
     1860#buddypress li.groups-members-search form input[type="text"] {
    18611861        border-right: 1px solid rgba(212, 208, 186, 0.6);
    18621862        float: left;
    18631863        margin: 0;
    1864         padding: 0 0.2em 0;
     1864        padding: 0 0.2em;
    18651865        width: 70%;
    18661866}
    18671867
    1868 #buddypress div.dir-search form input[type='submit'],
    1869 #buddypress div.message-search form input[type='submit'],
    1870 #buddypress li.groups-members-search form input[type='submit'] {
     1868#buddypress div.dir-search form input[type="submit"],
     1869#buddypress div.message-search form input[type="submit"],
     1870#buddypress li.groups-members-search form input[type="submit"] {
    18711871        float: right;
    1872         font-weight: normal;
     1872        font-weight: 400;
    18731873        padding: 0 1em;
    18741874        text-align: center;
    … …  
    18851885        }
    18861886        #buddypress div.dir-search form label,
    1887         #buddypress div.dir-search form input[type='text'],
    1888         #buddypress div.dir-search form input[type='submit'],
     1887        #buddypress div.dir-search form input[type="text"],
     1888        #buddypress div.dir-search form input[type="submit"],
    18891889        #buddypress div.message-search form label,
    1890         #buddypress div.message-search form input[type='text'],
    1891         #buddypress div.message-search form input[type='submit'],
     1890        #buddypress div.message-search form input[type="text"],
     1891        #buddypress div.message-search form input[type="submit"],
    18921892        #buddypress li.groups-members-search form label,
    1893         #buddypress li.groups-members-search form input[type='text'],
    1894         #buddypress li.groups-members-search form input[type='submit'] {
     1893        #buddypress li.groups-members-search form input[type="text"],
     1894        #buddypress li.groups-members-search form input[type="submit"] {
    18951895                width: auto;
    18961896        }
    … …  
    18981898
    18991899@media screen and (min-width: 800px) {
    1900         #buddypress .dir-search form input[type='text'],
    1901         #buddypress .message-search form input[type='text'] {
     1900        #buddypress .dir-search form input[type="text"],
     1901        #buddypress .message-search form input[type="text"] {
    19021902                font-size: 16px;
    19031903                font-size: 1.0666666667rem;
    19041904        }
    1905         #buddypress .dir-search form input[type='submit'],
    1906         #buddypress .message-search form input[type='submit'] {
     1905        #buddypress .dir-search form input[type="submit"],
     1906        #buddypress .message-search form input[type="submit"] {
    19071907                font-size: 16px;
    19081908                font-size: 1.0666666667rem;
    … …  
    19931993}
    19941994
    1995 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1996 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1997 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1995.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1996.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1997.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19981998        left: 0;
    19991999        margin-top: 10px;
    … …  
    20122012        font-size: 18px;
    20132013        font-size: 1.2rem;
    2014         font-weight: bold;
     2014        font-weight: 700;
    20152015}
    20162016

  • trunk/src/bp-templates/bp-legacy/css/twentyeleven.scss

    r11586 r11587  
    3131// max-width 320px
    3232@mixin small-only {
     33
    3334        @media screen and (max-width: 320px) {
     35
    3436                @content;
    3537        }
    … …  
    3840// min-width 320px
    3941@mixin xsmall-up {
     42
    4043        @media screen and (min-width: 320px) {
     44
    4145                @content;
    4246        }
    … …  
    4549// min-width 450px
    4650@mixin small-up {
     51
    4752        @media screen and (min-width: 450px) {
     53
    4854                @content;
    4955        }
    … …  
    5258// min-width 650px (match to 2011 max widths)
    5359@mixin medium-up {
     60
    5461        @media screen and (min-width: 650px) {
     62
    5563                @content;
    5664        }
    … …  
    5967// min-width 800px (match to 2011 max widths)
    6068@mixin large-up {
     69
    6170        @media screen and (min-width: 800px) {
     71
    6272                @content;
    6373        }
    … …  
    6878// max-width 800px
    6979@mixin max800 {
     80
    7081        @media screen and (max-width: 800px) {
     82
    7183                @content;
    7284        }
    … …  
    7486// max-width 650px
    7587@mixin max650 {
     88
    7689        @media screen and (max-width: 650px) {
     90
    7791                @content;
    7892        }
    … …  
    8094// max-width 450px
    8195@mixin max450 {
     96
    8297        @media screen and (max-width: 450px) {
     98
    8399                @content;
    84100        }
    … …  
    209225$unread:             #9dc3c8;
    210226$link-action:        #c82b2b;
     227
    211228/*--------------------------------------------------------------
    212229
    … …  
    221238in your child themes root & either start over or modify the rulesets.
    222239
    223 If you do not require the styles you can dequeue them from the themes functions file.
     240If you do not require the styles you can dequeue them from the themes
     241functions file.
    224242
    225243Please see this codex article for more information:
    … …  
    274292.buddypress {
    275293        // Remove any empty clearing elements, CSS provides clearing.
    276         div.clear {display: none;}
     294        div.clear {
     295                display: none;
     296        }
    277297
    278298} // .buddypress (body class)
    … …  
    288308
    289309        #content {
    290                 margin: 0 10% 0;
     310                margin: 0 10%;
    291311                width: auto;
    292312
    … …  
    300320// Reduce the top padding for single pages, too extreme for BP screens.
    301321.buddypress.singular.page {
     322
    302323        .hentry {
    303324                padding-top: 0;
    … …  
    322343// We have a need to override BP specifity
    323344// so some rulesets sets will appear over weighted in selectors
     345
    324346/* Here we start things off */
    325347#buddypress {
    … …  
    327349        // active/current states all navs
    328350        div.item-list-tabs {
     351
    329352                ul {
     353
    330354                        li.selected,
    331355                        li.current {
     356
    332357                                a {
    333358                                        background: inherit;
    … …  
    339364        // global nav styles
    340365        div.item-list-tabs {
     366
    341367                ul {
    342368                        overflow: hidden;
    … …  
    344370
    345371                        li {
     372
    346373                                a {
    347374
    … …  
    355382                                        }
    356383
    357                                         span {border-radius: 25%;}
     384                                        span {
     385                                                border-radius: 25%;
     386                                        }
    358387                                }
    359388
    … …  
    394423                                &:hover,
    395424                                &:active {
    396                                         &:before {content: "Menu \021E7";}
     425
     426                                        &:before {
     427                                                content: "Menu \021E7";
     428                                        }
    397429
    398430                                        ul {
    … …  
    483515                                label,
    484516                                option {
     517
    485518                                        @include font-size(14);
    486519                                }
    … …  
    501534
    502535.bp-user {
     536
    503537        #buddypress {
     538
    504539                div#subnav.item-list-tabs {
     540
    505541                        li.last {
    506542                                margin-left: 0;
    … …  
    528564
    529565        body.bp-user {
     566
    530567                #buddypress {
    531568
    … …  
    573610                                        margin: 0 0 0 (-$spacing-val-md);
    574611
    575                                         ul {margin-top: 0;}
     612                                        ul {
     613                                                margin-top: 0;
     614                                        }
    576615                                }
    577616                        }
    … …  
    586625
    587626@include medium-up {
     627
    588628        #main {
     629
    589630                #buddypress {
    590631
    … …  
    617658                                                border: 1px solid $border-med;
    618659                                                border-bottom-color: $content-background;
     660
    619661                                                @include border-top-radius(4px);
    620662                                                margin-bottom: -1px;
    … …  
    631673
    632674                        #subnav {
     675
    633676                                ul {
    634677                                        border-bottom: 0;
    … …  
    658701                }
    659702
    660                 .pag-count {margin-left: 0;}
     703                .pag-count {
     704                        margin-left: 0;
     705                }
     706
    661707                .pagination-links {
    662708                        margin-right: 0;
    … …  
    675721                                overflow: visible;
    676722                                width: auto;
    677                                 &:before {display: none;}
     723
     724                                &:before {
     725                                        display: none;
     726                                }
    678727                        }
    679728
    … …  
    706755
    707756#buddypress {
     757
    708758        ul.item-list {
    709759                border-top: 0;
    … …  
    722772                                text-align: center;
    723773
    724                                 a {border-bottom: 0;}
     774                                a {
     775                                        border-bottom: 0;
     776                                }
    725777
    726778                                img.avatar {
    … …  
    761813
    762814                                .item-title {
     815
    763816                                        @include font-size(16);
    764817                                        line-height: 1.2;
    … …  
    774827                                                text-decoration: none;
    775828
    776                                                 &:visited { color: #21759b;}
     829                                                &:visited {
     830                                                        color: #21759b;
     831                                                }
    777832                                        }
    778833
    779834                                        .update {
    780835                                                display: block;
     836
    781837                                                @include font-size(12);
    782838
    783839                                                @include medium-up {
     840
    784841                                                        @include font-size(14);
    785842                                                }
    … …  
    793850
    794851                        @include medium-up {
     852
    795853                                .item-avatar,
    796854                                .item,
    … …  
    806864
    807865                                        .item-title {
    808                                                 @include font-size(18)
     866
     867                                                @include font-size(18);
    809868                                        }
    810869                                }
    … …  
    881940
    882941#buddypress {
     942
    883943        form#whats-new-form {
    884944
    … …  
    891951
    892952                @include max650 {
     953
    893954                        #whats-new-content {
    894955                                clear: left;
    … …  
    899960
    900961                #whats-new-content.active {
     962
    901963                        #whats-new-options[style] {
     964
    902965                                #whats-new-post-in-box {
    903966                                        border: 1px solid rgba($border-color, 0.5);
    904967                                        float: left;
     968
    905969                                        @include font-size(12);
    906970                                        line-height: 1.6;
    … …  
    921985
    922986                                @media screen and (min-width: 30em) {
     987
    923988                                        #whats-new-post-in-box {
    924989                                                width: auto;
    … …  
    926991
    927992                                        #whats-new-submit {
     993
    928994                                                @include font-size(12);
    929995                                                float: right;
    … …  
    9421008        // User account form requires matching bp default specificity
    9431009        #item-body {
     1010
    9441011                form#whats-new-form {
    9451012                        margin: $spacing-val-lg 0;
    … …  
    9641031
    9651032                        &.load-newest {
     1033
    9661034                                a {
    9671035                                        display: block;
    … …  
    9931061
    9941062                        .activity-header {
     1063
    9951064                                @include font-size(14);
    9961065
    … …  
    10011070
    10021071                        .activity-inner {
    1003                                 img {height: auto;}
     1072
     1073                                img {
     1074                                        height: auto;
     1075                                }
    10041076                        }
    10051077
    … …  
    10211093
    10221094                                        .activity-header {
     1095
    10231096                                                @include font-size(16);
    10241097                                        }
    … …  
    10341107
    10351108                li.mini {
     1109
    10361110                        .activity-avatar {
     1111
    10371112                                a {
     1113
    10381114                                        img.avatar {
    10391115                                                height: 30px;
    … …  
    10451121
    10461122                        .activity-content {
     1123
    10471124                                .activity-header {
     1125
    10481126                                        @include font-size(14);
    10491127                                }
    10501128
    10511129                                .activity-meta {
     1130
    10521131                                        a {
     1132
    10531133                                                @include font-size(12);
    10541134                                        }
    … …  
    10771157
    10781158                        .activity-meta {
     1159
    10791160                                a {
    10801161                                        display: block;
     1162
    10811163                                        @include font-size(14);
    10821164                                        margin-bottom: $spacing-val-xs;
    … …  
    11151197
    11161198.activity-permalink {
     1199
    11171200        #buddypress {
     1201
    11181202                #activity-stream {
    11191203
    … …  
    11231207
    11241208                        li.mini {
     1209
    11251210                                .activity-header {
     1211
    11261212                                        @include font-size(16);
     1213
    11271214                                        @include medium-up {
     1215
    11281216                                                @include font-size(20);
    11291217                                        }
    11301218
    11311219                                        margin-bottom: $spacing-val-lg;
    1132                                         p {padding: $spacing-val-md;}
     1220
     1221                                        p {
     1222                                                padding: $spacing-val-md;
     1223                                        }
    11331224                                }
    11341225                        } // close li.mini
    … …  
    11661257                                        .acomment-meta,
    11671258                                        .acomment-content {
     1259
    11681260                                                @include font-size(12);
    11691261                                        }
    … …  
    11841276                                        display: inline-block;
    11851277                                        font-family: inherit;
     1278
    11861279                                        @include font-size(12);
    1187                                         font-weight: normal;
     1280                                        font-weight: 400;
    11881281                                        line-height: 1.2;
    11891282                                        padding: 4px 10px;
    … …  
    12171310
    12181311#buddypress {
     1312
    12191313        #members-list {
    12201314
    12211315                @include medium-up {
     1316
    12221317                        li {
     1318
    12231319                                .item-avatar,
    12241320                                .item {
    … …  
    12481344
    12491345#buddypress {
     1346
    12501347        #signup_form.standard-form {
    12511348
    … …  
    12561353                        width: 100%;
    12571354
    1258                         @media screen and (min-width: 37.500em) {
     1355                        @media screen and (min-width: 37.5em) {
    12591356                                width: 48%;
    12601357                        }
    12611358                }
    12621359
    1263                 @media screen and (min-width: 37.500em) {
    1264                         #profile-details-section {float: right;}
    1265                         #basic-details-section {float: left;}
     1360                @media screen and (min-width: 37.5em) {
     1361
     1362                        #profile-details-section {
     1363                                float: right;
     1364                        }
     1365
     1366                        #basic-details-section {
     1367                                float: left;
     1368                        }
    12661369                }
    12671370
    … …  
    12761379
    12771380.bp-user {
     1381
    12781382        #buddypress {
    1279                 // On object nav links, table links (notifications etc) we don't really need :visited
    1280                 // inheritance, so set pseudo class to :link color.
     1383                // On object nav links, table links (notifications etc) we don't really
     1384                // need :visited inheritance, so set pseudo class to :link color.
    12811385                a {
     1386
    12821387                        &:visited {
    12831388                                color: #21759b;
    … …  
    12951400.bp-user,
    12961401.single-item.groups {
     1402
    12971403        #buddypress {
     1404
    12981405                #item-header-content {
     1406
    12991407                        #item-meta {
     1408
    13001409                                @include font-size(14);
    13011410                                text-align: left;
    13021411
    1303                                 p {margin-bottom: 0.5em;}
    1304                         }
    1305                 }
    1306         }
    1307 
    1308         @media screen and (max-width: 37.500em) {
     1412                                p {
     1413                                        margin-bottom: 0.5em;
     1414                                }
     1415                        }
     1416                }
     1417        }
     1418
     1419        @media screen and (max-width: 37.5em) {
     1420
    13091421                h1,
    13101422                #item-header-content {
    … …  
    13141426
    13151427        @media screen and (max-width: 46.25em) {
     1428
    13161429                main {
     1430
    13171431                        header.entry-header {
    13181432                                padding-bottom: 1rem;
    … …  
    13221436
    13231437        #buddypress {
    1324                 @media screen and (max-width: 37.500em) {
     1438
     1439                @media screen and (max-width: 37.5em) {
     1440
    13251441                        h1 {
    13261442                                margin-bottom: 0;
    … …  
    13281444
    13291445                        #item-header-avatar {
     1446
    13301447                                img.avatar {
    13311448                                        margin-right: 0;
    … …  
    13431460
    13441461                @media screen and (max-width: 46.25em) {
     1462
    13451463                        #item-header {
     1464
    13461465                                .generic-button {
    13471466                                        float: none;
    1348                                         margin: 1.5em 0 0 0;
     1467                                        margin: 1.5em 0 0;
    13491468                                }
    13501469                        }
    … …  
    13561475// Manage cover images
    13571476@include max800 {
     1477
    13581478        #buddypress {
     1479
    13591480                #item-header-cover-image {
     1481
    13601482                        #item-header-content {
     1483
    13611484                                .user-nicename {
    13621485                                        color: #555;
    … …  
    13771500
    13781501.single-item.groups {
     1502
    13791503        #buddypress {
     1504
    13801505                @media screen and (max-width: 46.25em) {
     1506
    13811507                        #item-header {
     1508
    13821509                                #item-meta {
    13831510                                        margin-bottom: $spacing-val-md;
    … …  
    13891516                // avatar first after group title
    13901517                @media screen and (max-width: 50em) {
     1518
    13911519                        div#item-header {
    13921520                                display: flex;
    … …  
    14261554
    14271555                        #item-header-content {
     1556
    14281557                                @include box-model(border-box);
    14291558                        }
    … …  
    14511580
    14521581                                h2 {
     1582
    14531583                                        @include font-size(14);
    1454                                         font-weight: bold;
     1584                                        font-weight: 700;
    14551585                                        line-height: 1.4;
    14561586                                }
    … …  
    14581588                                #group-admins,
    14591589                                #group-mods {
     1590
    14601591                                        li {
    14611592                                                margin: 0;
    … …  
    14851616
    14861617                        @media screen and (min-width: 64em) {
     1618
    14871619                                #item-header-content {
    14881620                                        width: 40%;
    … …  
    14921624        } // close #buddypress
    14931625
    1494         // These rules handle the specific instance of Cover Images on single groups
    1495         // activated & attempt to address positioning concerns arising from themes
    1496         // breakpoints.
    1497         // Due to cover image styles being applied via embedded styles & thus carrying
    1498         // heavier weight than linked styles the use of !important to override may be required.
     1626        // These rules handle the specific instance of Cover Images on single
     1627        // groups activated & attempt to address positioning concerns arising
     1628        // from themes breakpoints. Due to cover image styles being applied via
     1629        // embedded styles & thus carrying heavier weight than linked styles
     1630        // the use of !important to override may be required.
    14991631        #buddypress {
     1632
    15001633                #cover-image-container {
     1634
    15011635                        #item-header-cover-image {
    15021636
    … …  
    15061640
    15071641                                @media screen and (min-width: 50em) and (max-width: 60em) {
     1642
    15081643                                        #item-header-content {
    15091644                                                max-width: 60% !important;
    … …  
    15221657                                                width: auto;
    15231658
    1524                                                 h2 {border-bottom: 1px solid $border-light;}
     1659                                                h2 {
     1660                                                        border-bottom: 1px solid $border-light;
     1661                                                }
    15251662                                        }
    15261663                                } // @media
    … …  
    15401677
    15411678.bp-user {
     1679
    15421680        #buddypress {
     1681
    15431682                #item-header {
    15441683
    … …  
    15551694
    15561695                        #item-header-content {
     1696
    15571697                                #item-buttons {
     1698
    15581699                                        .generic-button {
    15591700                                                margin-right: 5px;
    … …  
    15631704
    15641705                        @include medium-up {
     1706
    15651707                                #item-header-avatar {
    15661708                                        float: left;
    … …  
    16061748// headings settings screens & general global settings styles
    16071749.groups {
     1750
    16081751        #group-settings-form {
     1752
    16091753                h3 {
    16101754                        background: $dark-background;
    … …  
    16161760
    16171761.groups.edit-details {
     1762
    16181763        #group-settings-form {
    16191764
    … …  
    16271772                        background: none;
    16281773                        color: inherit;
     1774
    16291775                        @include font-size(14);
    16301776                        width: auto;
    … …  
    16401786
    16411787.groups.group-settings {
     1788
    16421789        #group-settings-form {
    16431790
    16441791                div.radio label {
    1645                         font-weight: bold;
     1792                        font-weight: 700;
    16461793                        padding: 0.2em;
    16471794
    16481795                        ul {
    16491796                                color: rgba($body-text, 0.6);
     1797
    16501798                                @include font-size(14);
    16511799                        }
    … …  
    16641812
    16651813.groups.manage-members {
     1814
    16661815        #group-settings-form {
     1816
    16671817                .item-list {
     1818
    16681819                        li {
    16691820                                border-bottom: 1px solid $border-light;
    … …  
    16711822                                img,
    16721823                                h5 {
     1824
    16731825                                        @include medium-up {
    16741826                                                float: left;
    16751827                                        }
    16761828
    1677                                         > a {border-bottom: 0;}
     1829                                        > a {
     1830                                                border-bottom: 0;
     1831                                        }
    16781832                                }
    16791833
    … …  
    17121866// Massage the members search for groups nav specifically.
    17131867.groups.group-members {
     1868
    17141869        #subnav {
     1870
    17151871                li {
     1872
    17161873                        @include max450 {
    17171874                                background: $content-background;
    … …  
    17251882
    17261883                                label {
     1884
    17271885                                        input[type="text"] {
    17281886                                                box-shadow: none;
    … …  
    17581916
    17591917                table {
    1760                         th {@include font-size(13)}
    1761                         td {@include font-size(12)}
     1918
     1919                        th {
     1920
     1921                                @include font-size(13);
     1922                        }
     1923
     1924                        td {
     1925
     1926                                @include font-size(12);
     1927                        }
    17621928
    17631929                        @include medium-up {
    1764                                 th {@include font-size(16)}
    1765                                 td {@include font-size(14)}
    1766                         }
    1767                 }
    1768 
    1769                 .pag-count {font-style: italic;}
     1930
     1931                                th {
     1932
     1933                                        @include font-size(16);
     1934                                }
     1935
     1936                                td {
     1937
     1938                                        @include font-size(14);
     1939                                }
     1940                        }
     1941                }
     1942
     1943                .pag-count {
     1944                        font-style: italic;
     1945                }
    17701946
    17711947                .notifications-options-nav,
    … …  
    17741950                        width: 100%;
    17751951
    1776                         @media screen and (min-width: 37.500em) {
     1952                        @media screen and (min-width: 37.5em) {
    17771953                                width: 40%;
    17781954                        }
    … …  
    17801956                        select,
    17811957                        input {
     1958
    17821959                                @include font-size(14);
    17831960                                outline: 0;
    … …  
    17901967                                width: 49%;
    17911968
    1792                                 @media screen and (min-width: 37.500em) {
     1969                                @media screen and (min-width: 37.5em) {
    17931970                                        width: auto;
    17941971                                }
    … …  
    18021979                                width: 50%;
    18031980
    1804                                 @media screen and (min-width: 37.500em) {
     1981                                @media screen and (min-width: 37.5em) {
    18051982                                        width: auto;
    18061983                                }
    … …  
    18282005
    18292006                .profile {
     2007
    18302008                        .bp-widget {
     2009
    18312010                                h2 {
    18322011                                        background: lighten($dark-background, 10%);
    … …  
    18362015                                }
    18372016
    1838                                 table {margin-top: 0;}
     2017                                table {
     2018                                        margin-top: 0;
     2019                                }
    18392020                        }
    18402021
    … …  
    18422023
    18432024                        #profile-edit-form {
     2025
    18442026                                .button-nav:before,
    18452027                                .button-nav:after {
    … …  
    18702052                                                background: none;
    18712053                                                border: 0;
    1872                                                 @include font-size(18)
     2054
     2055                                                @include font-size(18);
    18732056                                        }
    18742057                                } //.button-nav
    … …  
    18802063                                .field-visibility-settings-toggle,
    18812064                                .field-visibility-settings {
     2065
    18822066                                        @include font-size(14);
    18832067                                }
    … …  
    18862070                                .visibility-toggle-link {
    18872071                                        background: lighten($dark-background, 10%);
     2072
    18882073                                        @include border-radius(2px);
    18892074                                        color: #eee;
    1890                                         font-weight: bold;
     2075                                        font-weight: 700;
    18912076                                        padding: 0.1em 0.5em;
    18922077                                        text-decoration: none;
    … …  
    19002085
    19012086                        .bp-avatar {
     2087
    19022088                                #bp-delete-avatar {
    1903                                         a {font-size: inherit; }
     2089
     2090                                        a {
     2091                                                font-size: inherit;
     2092                                        }
    19042093                                }
    19052094                        }
    … …  
    19472136                        .message-metadata {
    19482137
    1949                                 &::after {
     2138                                &:after {
    19502139                                        clear: both;
    19512140                                        content: "";
    … …  
    19582147
    19592148                                @media screen and (min-width: 46.25em) {
     2149
    19602150                                        img.avatar {
    19612151                                                float: left;
    … …  
    19782168
    19792169                        #send-reply {
     2170
    19802171                                .message-content {
    19812172                                        background: $content-background;
    … …  
    19882179                        }
    19892180
    1990                         .bp-tooltip:hover::after,
    1991                         .bp-tooltip:active::after,
    1992                         .bp-tooltip:focus::after {
     2181                        .bp-tooltip:hover:after,
     2182                        .bp-tooltip:active:after,
     2183                        .bp-tooltip:focus:after {
    19932184                                right: 40px;
    19942185                                text-align: right;
    … …  
    20002191
    20012192                        thead {
     2193
    20022194                                tr {
    20032195                                        background: lighten($dark-background, 10%);
    … …  
    20062198
    20072199                        tr {
     2200
    20082201                                td {
    20092202                                        background: $content-background;
    … …  
    20342227
    20352228                                        span.icon:before {
     2229
    20362230                                                @include font-size(14);
    20372231                                        }
    … …  
    20422236                                        height: 3em;
    20432237
    2044                                         @media screen and (max-width: 37.500em) {
     2238                                        @media screen and (max-width: 37.5em) {
    20452239                                                height: 5.2em;
    20462240                                        }
    … …  
    20502244                                td.thread-options {
    20512245                                        border-left: 0 !important;
     2246
    20522247                                        @include calc(width, "100% - 30px");
    20532248                                        margin-left: 0;
    … …  
    20632258
    20642259                                        a {
     2260
    20652261                                                @include font-size(12);
    20662262                                                line-height: 1.2;
    … …  
    20772273                                        line-height: 2;
    20782274
    2079                                         @media screen and (max-width: 37.500em) {
     2275                                        @media screen and (max-width: 37.5em) {
    20802276                                                clear: both;
     2277
    20812278                                                @include font-size(11);
    20822279                                                width: 100%;
    … …  
    20862283
    20872284                        tr.unread {
     2285
    20882286                                td {
    20892287                                        border-color: $border-light;
    … …  
    21102308
    21112309                #send_message_form {
     2310
    21122311                        input,
    21132312                        textarea {
    … …  
    21192318                        list-style: none;
    21202319
    2121                         li {margin-left: 0;}
     2320                        li {
     2321                                margin-left: 0;
     2322                        }
    21222323
    21232324                        li.friend-tab {
    … …  
    21542355
    21552356                #message-threads.sitewide-notices {
    2156                         tr {margin: 3em 0;}
     2357
     2358                        tr {
     2359                                margin: 3em 0;
     2360                        }
     2361
    21572362                        td {
    21582363                                width: 100%;
    … …  
    21822387
    21832388                        td:nth-child(2) {
     2389
    21842390                                strong {
    21852391                                        margin: -8px -8px 8px;
    … …  
    22092415                                }
    22102416
    2211                                 a:last-child::after {
     2417                                a:last-child:after {
    22122418                                        content: attr(title);
    22132419                                        display: block;
    … …  
    22332439                        }
    22342440
    2235                         img { vertical-align: bottom;}
     2441                        img {
     2442                                vertical-align: bottom;
     2443                        }
    22362444
    22372445                }
    … …  
    22542462                        // 'p' = email notification screen sub heading
    22552463                        > p {
     2464
    22562465                                @include font-size(20);
    22572466                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    22602469
    22612470                table.notification-settings {
     2471
    22622472                        td.yes,
    22632473                        td.no {
    … …  
    22762486
    22772487                        @media screen and (min-width: 46.25em) {
     2488
    22782489                                th.field-group-name,
    22792490                                td.field-name {
    … …  
    22882499
    22892500                        td.field-visibility {
    2290                                 select {width: 100%;}
     2501
     2502                                select {
     2503                                        width: 100%;
     2504                                }
    22912505                        }
    22922506                }
    … …  
    23112525// Attempt to reset form control widths
    23122526#main {
     2527
    23132528        #buddypress {
     2529
    23142530                .standard-form {
    23152531
    2316                         li {float: none;}
    2317                         input[type='text'],
    2318                         input[type='email'],
    2319                         input[type='password'],
     2532                        li {
     2533                                float: none;
     2534                        }
     2535
     2536                        input[type="text"],
     2537                        input[type="email"],
     2538                        input[type="password"],
    23202539                        textarea {
    23212540                                width: 100%;
    … …  
    23332552
    23342553                form {
     2554
    23352555                        .ac-textarea {
    23362556                                background: $light-background;
    … …  
    23612581
    23622582        #signup_form.standard-form {
     2583
    23632584                div.submit {
    23642585                        float: none;
    23652586
    2366                         input {margin-right: 0;}
     2587                        input {
     2588                                margin-right: 0;
     2589                        }
    23672590                }
    23682591        }
    … …  
    23712594
    23722595#buddypress {
     2596
    23732597        div.dir-search,
    23742598        div.message-search,
    … …  
    23862610                        }
    23872611
    2388                         input[type='text'],
    2389                         input[type='submit'] {
     2612                        input[type="text"],
     2613                        input[type="submit"] {
    23902614                                border: 0;
    23912615                                border-radius: 0;
    23922616                                box-shadow: none;
    23932617                                box-sizing: border-box;
     2618
    23942619                                @include font-size(14);
    23952620                                line-height: 1.8;
    … …  
    23972622                        }
    23982623
    2399                         input[type='text'] {
     2624                        input[type="text"] {
    24002625                                border-right: 1px solid rgba($border-color, 0.6);
    24012626                                float: left;
    24022627                                margin: 0;
    2403                                 padding: 0 0.2em 0;
     2628                                padding: 0 0.2em;
    24042629                                width: 70%;
    24052630                        }
    24062631
    2407                         input[type='submit'] {
     2632                        input[type="submit"] {
    24082633                                float: right;
    2409                                 font-weight: normal;
     2634                                font-weight: 400;
    24102635                                padding: 0 1em;
    24112636                                text-align: center;
    … …  
    24192644        // Shift the search parent to the right and allow to shrinkwrap
    24202645
    2421         @media screen and (min-width: 37.500em) {
     2646        @media screen and (min-width: 37.5em) {
     2647
    24222648                div.dir-search,
    24232649                div.message-search,
    … …  
    24272653
    24282654                        form {
     2655
    24292656                                label,
    2430                                 input[type='text'],
    2431                                 input[type='submit'] {
     2657                                input[type="text"],
     2658                                input[type="submit"] {
    24322659                                        width: auto;
    24332660                                }
    … …  
    24422669                .dir-search,
    24432670                .message-search {
     2671
    24442672                        form {
    2445                                 input[type='text'] { @include font-size(16) ;}
    2446                                 input[type='submit'] { @include font-size(16) ;}
     2673
     2674                                input[type="text"] {
     2675
     2676                                        @include font-size(16);
     2677                                }
     2678
     2679                                input[type="submit"] {
     2680
     2681                                        @include font-size(16);
     2682                                }
    24472683                        }
    24482684                }
    … …  
    24572693*/
    24582694.bp-user {
     2695
    24592696        #buddypress {
    24602697
    24612698                table {
     2699
    24622700                        @include font-size(14);
    24632701                        margin: $spacing-val-md 0;
    … …  
    24672705                                border-color: darken($border-light, 20%);
    24682706                                color: $content-background;
     2707
    24692708                                @include font-size(16);
    24702709                                padding: 0 8px;
    … …  
    24772716
    24782717                        // Reduce the themes inherited paragraph margins in tables
    2479                         p {margin-bottom: 0.5em;}
     2718                        p {
     2719                                margin-bottom: 0.5em;
     2720                        }
    24802721                }
    24812722
    24822723                @media screen and (min-width: 55em) {
    2483                         table {@include font-size(16);}
     2724
     2725                        table {
     2726
     2727                                @include font-size(16);
     2728                        }
    24842729                }
    24852730
    … …  
    24872732                .notifications,
    24882733                .messages-notices {
     2734
    24892735                        th {
    24902736                                width: 30%;
    … …  
    25192765                        // styling issues - this will need styling ideas
    25202766                        td {
     2767
    25212768                                .button {
    25222769                                        border: 0;
    … …  
    25312778                .messages-notices {
    25322779
    2533                         .bp-tooltip:hover::after,
    2534                         .bp-tooltip:active::after,
    2535                         .bp-tooltip:focus::after {
     2780                        .bp-tooltip:hover:after,
     2781                        .bp-tooltip:active:after,
     2782                        .bp-tooltip:focus:after {
    25362783                                left: 0;
    25372784                                margin-top: 10px;
    … …  
    25572804
    25582805#buddypress {
     2806
    25592807        div#message {
     2808
    25602809                p {
     2810
    25612811                        @include font-size(18);
    2562                         font-weight: bold;
     2812                        font-weight: 700;
    25632813                }
    25642814
    25652815                &.info {
     2816
    25662817                        p {
     2818
    25672819                                @include message-box($notice-info);
    25682820                        }
    … …  
    25702822
    25712823                &.updated {
     2824
    25722825                        p {
     2826
    25732827                                @include message-box($notice-update);
    25742828                        }
    … …  
    25812835// Without direct classes on our mesages ( 'warning' )
    25822836// we need to use the body classes
    2583 // todo: If this is class .warning is included in main BP styles remove from here
     2837// @todo If this class .warning is included in main BP styles remove from here
    25842838.delete-group {
     2839
    25852840        #buddypress {
     2841
    25862842                div#message.info {
     2843
    25872844                        p {
     2845
    25882846                                @include message-box($notice-warning);
    25892847                        }

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*------------------------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    102102.buddypress main article .entry-header,
    103103.buddypress main article .entry-content {
    104         padding: 0 3rem 3rem 3rem;
     104        padding: 0 3rem 3rem;
    105105}
    106106
    … …  
    497497        border: 1px solid rgba(153, 153, 153, 0.5);
    498498        float: right;
    499         line-height: 1.5em;
     499        line-height: 1.5;
    500500        margin-top: 12px;
    501501        padding-right: 0.2em;
    … …  
    771771        font-size: 12px;
    772772        font-size: 1.2rem;
    773         font-weight: normal;
     773        font-weight: 400;
    774774        line-height: 1.2;
    775775        padding: 4px 10px;
    … …  
    832832        .single-item.groups #buddypress #item-header .generic-button {
    833833                float: none;
    834                 margin: 1.5em 0 0 0;
     834                margin: 1.5em 0 0;
    835835        }
    836836}
    … …  
    14291429}
    14301430
    1431 .bp-user #buddypress #message-thread .message-metadata::after {
     1431.bp-user #buddypress #message-thread .message-metadata:after {
    14321432        clear: both;
    14331433        content: "";
    … …  
    14671467}
    14681468
    1469 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1470 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1471 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1469.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1470.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1471.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14721472        left: 40px;
    14731473        text-align: left;
    … …  
    15571557.bp-user #buddypress #message-threads tr.unread td {
    15581558        background: #dce5ff;
     1559        border-color: #d1d0d0;
    15591560        border-bottom-color: #b7b7b7;
    1560         border-color: #d1d0d0;
    15611561}
    15621562
    … …  
    16541654}
    16551655
    1656 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1656.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16571657        content: attr(title);
    16581658        display: block;
    … …  
    17441744#buddypress .wp-editor-wrap a.button,
    17451745#buddypress .wp-editor-wrap button,
    1746 #buddypress .wp-editor-wrap input[type=submit],
    1747 #buddypress .wp-editor-wrap input[type=button],
    1748 #buddypress .wp-editor-wrap input[type=reset] {
     1746#buddypress .wp-editor-wrap input[type="submit"],
     1747#buddypress .wp-editor-wrap input[type="button"],
     1748#buddypress .wp-editor-wrap input[type="reset"] {
    17491749        padding: 0 5px 1px;
    17501750}
    … …  
    17561756}
    17571757
    1758 #buddypress .standard-form input[type='text'],
     1758#buddypress .standard-form input[type="text"],
    17591759#buddypress .standard-form textarea,
    1760 #buddypress .group-create-form input[type='text'],
     1760#buddypress .group-create-form input[type="text"],
    17611761#buddypress .group-create-form textarea {
    17621762        width: 100%;
    … …  
    17841784}
    17851785
    1786 #buddypress div.dir-search form input[type='text'],
    1787 #buddypress div.message-search form input[type='text'],
    1788 #buddypress li.groups-members-search form input[type='text'] {
     1786#buddypress div.dir-search form input[type="text"],
     1787#buddypress div.message-search form input[type="text"],
     1788#buddypress li.groups-members-search form input[type="text"] {
    17891789        float: right;
    17901790        margin: 0;
    … …  
    17921792}
    17931793
    1794 #buddypress div.dir-search form input[type='text'],
    1795 #buddypress div.dir-search form input[type='submit'],
    1796 #buddypress div.message-search form input[type='text'],
    1797 #buddypress div.message-search form input[type='submit'],
    1798 #buddypress li.groups-members-search form input[type='text'],
    1799 #buddypress li.groups-members-search form input[type='submit'] {
     1794#buddypress div.dir-search form input[type="text"],
     1795#buddypress div.dir-search form input[type="submit"],
     1796#buddypress div.message-search form input[type="text"],
     1797#buddypress div.message-search form input[type="submit"],
     1798#buddypress li.groups-members-search form input[type="text"],
     1799#buddypress li.groups-members-search form input[type="submit"] {
    18001800        font-size: 14px;
    18011801        font-size: 1.4rem;
    … …  
    18041804}
    18051805
    1806 #buddypress div.dir-search form input[type='text'],
    1807 #buddypress div.message-search form input[type='text'],
    1808 #buddypress li.groups-members-search form input[type='text'] {
     1806#buddypress div.dir-search form input[type="text"],
     1807#buddypress div.message-search form input[type="text"],
     1808#buddypress li.groups-members-search form input[type="text"] {
    18091809        border-left: 1px solid rgba(153, 153, 153, 0.4);
    18101810        padding: 0.2em 0.2em 0.2em 0;
    18111811}
    18121812
    1813 #buddypress div.dir-search form input[type='submit'],
    1814 #buddypress div.message-search form input[type='submit'],
    1815 #buddypress li.groups-members-search form input[type='submit'] {
     1813#buddypress div.dir-search form input[type="submit"],
     1814#buddypress div.message-search form input[type="submit"],
     1815#buddypress li.groups-members-search form input[type="submit"] {
    18161816        float: left;
    1817         font-weight: normal;
     1817        font-weight: 400;
    18181818        padding: 0.2em 1em;
    18191819        text-align: center;
    … …  
    18301830        }
    18311831        #buddypress div.dir-search form label,
    1832         #buddypress div.dir-search form input[type='text'],
    1833         #buddypress div.dir-search form input[type='submit'],
     1832        #buddypress div.dir-search form input[type="text"],
     1833        #buddypress div.dir-search form input[type="submit"],
    18341834        #buddypress div.message-search form label,
    1835         #buddypress div.message-search form input[type='text'],
    1836         #buddypress div.message-search form input[type='submit'],
     1835        #buddypress div.message-search form input[type="text"],
     1836        #buddypress div.message-search form input[type="submit"],
    18371837        #buddypress li.groups-members-search form label,
    1838         #buddypress li.groups-members-search form input[type='text'],
    1839         #buddypress li.groups-members-search form input[type='submit'] {
     1838        #buddypress li.groups-members-search form input[type="text"],
     1839        #buddypress li.groups-members-search form input[type="submit"] {
    18401840                width: auto;
    18411841        }
    … …  
    18431843
    18441844@media screen and (min-width: 77.5em) {
    1845         #buddypress .dir-search form input[type='text'],
    1846         #buddypress .message-search form input[type='text'] {
     1845        #buddypress .dir-search form input[type="text"],
     1846        #buddypress .message-search form input[type="text"] {
    18471847                font-size: 16px;
    18481848                font-size: 1.6rem;
    18491849        }
    1850         #buddypress .dir-search form input[type='submit'],
    1851         #buddypress .message-search form input[type='submit'] {
     1850        #buddypress .dir-search form input[type="submit"],
     1851        #buddypress .message-search form input[type="submit"] {
    18521852                font-size: 16px;
    18531853                font-size: 1.6rem;
    … …  
    19261926}
    19271927
    1928 #buddypress .messages-notices .bp-tooltip:hover::after,
    1929 #buddypress .messages-notices .bp-tooltip:active::after,
    1930 #buddypress .messages-notices .bp-tooltip:focus::after {
     1928#buddypress .messages-notices .bp-tooltip:hover:after,
     1929#buddypress .messages-notices .bp-tooltip:active:after,
     1930#buddypress .messages-notices .bp-tooltip:focus:after {
    19311931        right: 0;
    19321932        margin-top: 10px;
    … …  
    19551955        font-size: 18px;
    19561956        font-size: 1.8rem;
    1957         font-weight: bold;
     1957        font-weight: 700;
    19581958}
    19591959

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*------------------------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    102102.buddypress main article .entry-header,
    103103.buddypress main article .entry-content {
    104         padding: 0 3rem 3rem 3rem;
     104        padding: 0 3rem 3rem;
    105105}
    106106
    … …  
    497497        border: 1px solid rgba(153, 153, 153, 0.5);
    498498        float: left;
    499         line-height: 1.5em;
     499        line-height: 1.5;
    500500        margin-top: 12px;
    501501        padding-left: 0.2em;
    … …  
    771771        font-size: 12px;
    772772        font-size: 1.2rem;
    773         font-weight: normal;
     773        font-weight: 400;
    774774        line-height: 1.2;
    775775        padding: 4px 10px;
    … …  
    832832        .single-item.groups #buddypress #item-header .generic-button {
    833833                float: none;
    834                 margin: 1.5em 0 0 0;
     834                margin: 1.5em 0 0;
    835835        }
    836836}
    … …  
    14291429}
    14301430
    1431 .bp-user #buddypress #message-thread .message-metadata::after {
     1431.bp-user #buddypress #message-thread .message-metadata:after {
    14321432        clear: both;
    14331433        content: "";
    … …  
    14671467}
    14681468
    1469 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1470 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1471 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1469.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1470.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1471.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14721472        right: 40px;
    14731473        text-align: right;
    … …  
    15571557.bp-user #buddypress #message-threads tr.unread td {
    15581558        background: #dce5ff;
     1559        border-color: #d1d0d0;
    15591560        border-bottom-color: #b7b7b7;
    1560         border-color: #d1d0d0;
    15611561}
    15621562
    … …  
    16541654}
    16551655
    1656 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1656.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16571657        content: attr(title);
    16581658        display: block;
    … …  
    17441744#buddypress .wp-editor-wrap a.button,
    17451745#buddypress .wp-editor-wrap button,
    1746 #buddypress .wp-editor-wrap input[type=submit],
    1747 #buddypress .wp-editor-wrap input[type=button],
    1748 #buddypress .wp-editor-wrap input[type=reset] {
     1746#buddypress .wp-editor-wrap input[type="submit"],
     1747#buddypress .wp-editor-wrap input[type="button"],
     1748#buddypress .wp-editor-wrap input[type="reset"] {
    17491749        padding: 0 5px 1px;
    17501750}
    … …  
    17561756}
    17571757
    1758 #buddypress .standard-form input[type='text'],
     1758#buddypress .standard-form input[type="text"],
    17591759#buddypress .standard-form textarea,
    1760 #buddypress .group-create-form input[type='text'],
     1760#buddypress .group-create-form input[type="text"],
    17611761#buddypress .group-create-form textarea {
    17621762        width: 100%;
    … …  
    17841784}
    17851785
    1786 #buddypress div.dir-search form input[type='text'],
    1787 #buddypress div.message-search form input[type='text'],
    1788 #buddypress li.groups-members-search form input[type='text'] {
     1786#buddypress div.dir-search form input[type="text"],
     1787#buddypress div.message-search form input[type="text"],
     1788#buddypress li.groups-members-search form input[type="text"] {
    17891789        float: left;
    17901790        margin: 0;
    … …  
    17921792}
    17931793
    1794 #buddypress div.dir-search form input[type='text'],
    1795 #buddypress div.dir-search form input[type='submit'],
    1796 #buddypress div.message-search form input[type='text'],
    1797 #buddypress div.message-search form input[type='submit'],
    1798 #buddypress li.groups-members-search form input[type='text'],
    1799 #buddypress li.groups-members-search form input[type='submit'] {
     1794#buddypress div.dir-search form input[type="text"],
     1795#buddypress div.dir-search form input[type="submit"],
     1796#buddypress div.message-search form input[type="text"],
     1797#buddypress div.message-search form input[type="submit"],
     1798#buddypress li.groups-members-search form input[type="text"],
     1799#buddypress li.groups-members-search form input[type="submit"] {
    18001800        font-size: 14px;
    18011801        font-size: 1.4rem;
    … …  
    18041804}
    18051805
    1806 #buddypress div.dir-search form input[type='text'],
    1807 #buddypress div.message-search form input[type='text'],
    1808 #buddypress li.groups-members-search form input[type='text'] {
     1806#buddypress div.dir-search form input[type="text"],
     1807#buddypress div.message-search form input[type="text"],
     1808#buddypress li.groups-members-search form input[type="text"] {
    18091809        border-right: 1px solid rgba(153, 153, 153, 0.4);
    18101810        padding: 0.2em 0 0.2em 0.2em;
    18111811}
    18121812
    1813 #buddypress div.dir-search form input[type='submit'],
    1814 #buddypress div.message-search form input[type='submit'],
    1815 #buddypress li.groups-members-search form input[type='submit'] {
     1813#buddypress div.dir-search form input[type="submit"],
     1814#buddypress div.message-search form input[type="submit"],
     1815#buddypress li.groups-members-search form input[type="submit"] {
    18161816        float: right;
    1817         font-weight: normal;
     1817        font-weight: 400;
    18181818        padding: 0.2em 1em;
    18191819        text-align: center;
    … …  
    18301830        }
    18311831        #buddypress div.dir-search form label,
    1832         #buddypress div.dir-search form input[type='text'],
    1833         #buddypress div.dir-search form input[type='submit'],
     1832        #buddypress div.dir-search form input[type="text"],
     1833        #buddypress div.dir-search form input[type="submit"],
    18341834        #buddypress div.message-search form label,
    1835         #buddypress div.message-search form input[type='text'],
    1836         #buddypress div.message-search form input[type='submit'],
     1835        #buddypress div.message-search form input[type="text"],
     1836        #buddypress div.message-search form input[type="submit"],
    18371837        #buddypress li.groups-members-search form label,
    1838         #buddypress li.groups-members-search form input[type='text'],
    1839         #buddypress li.groups-members-search form input[type='submit'] {
     1838        #buddypress li.groups-members-search form input[type="text"],
     1839        #buddypress li.groups-members-search form input[type="submit"] {
    18401840                width: auto;
    18411841        }
    … …  
    18431843
    18441844@media screen and (min-width: 77.5em) {
    1845         #buddypress .dir-search form input[type='text'],
    1846         #buddypress .message-search form input[type='text'] {
     1845        #buddypress .dir-search form input[type="text"],
     1846        #buddypress .message-search form input[type="text"] {
    18471847                font-size: 16px;
    18481848                font-size: 1.6rem;
    18491849        }
    1850         #buddypress .dir-search form input[type='submit'],
    1851         #buddypress .message-search form input[type='submit'] {
     1850        #buddypress .dir-search form input[type="submit"],
     1851        #buddypress .message-search form input[type="submit"] {
    18521852                font-size: 16px;
    18531853                font-size: 1.6rem;
    … …  
    19261926}
    19271927
    1928 #buddypress .messages-notices .bp-tooltip:hover::after,
    1929 #buddypress .messages-notices .bp-tooltip:active::after,
    1930 #buddypress .messages-notices .bp-tooltip:focus::after {
     1928#buddypress .messages-notices .bp-tooltip:hover:after,
     1929#buddypress .messages-notices .bp-tooltip:active:after,
     1930#buddypress .messages-notices .bp-tooltip:focus:after {
    19311931        left: 0;
    19321932        margin-top: 10px;
    … …  
    19551955        font-size: 18px;
    19561956        font-size: 1.8rem;
    1957         font-weight: bold;
     1957        font-weight: 700;
    19581958}
    19591959

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r11586 r11587  
    155155in your child themes root & either start over or modify the rulesets.
    156156
    157 If you do not require the styles you can dequeue them from the themes functions file.
     157If you do not require the styles you can dequeue them from the themes
     158functions file.
    158159
    159160Please see this codex article for more information:
    … …  
    209210// We reset this here under our #buddypress namespace
    210211#buddypress {
     212
    211213        h1,
    212214        h2,
    … …  
    223225
    224226.buddypress {
    225         div.clear {display: none;}
     227
     228        div.clear {
     229                display: none;
     230        }
     231
    226232        .site-content {
     233
    227234                @media screen and (min-width: 77.5em) {
    228235                }
    … …  
    250257                        .entry-header,
    251258                        .entry-content {
    252                                 padding: 0 3rem 3rem 3rem;
     259                                padding: 0 3rem 3rem;
    253260                        }
    254261
    … …  
    278285
    279286.buddypress #buddypress {
     287
    280288        .item-list-tabs,
    281289        .activity-header,
    … …  
    288296        table,
    289297        .avatar-nav-items {
    290                 a { border-bottom: 0; }
     298
     299                a {
     300                        border-bottom: 0;
     301                }
    291302        }
    292303
    293304        .pagination-links {
     305
    294306                a,
    295                 span { border-bottom: 0; }
     307                span {
     308                        border-bottom: 0;
     309                }
    296310        }
    297311} // close .buddypress #buddypress
    … …  
    312326        // active/current states all navs
    313327        div.item-list-tabs {
     328
    314329                ul {
     330
    315331                        li.selected {
     332
    316333                                a {
    317334                                        background: $dark-background;
    … …  
    324341        // Global Nav Styles
    325342        div.item-list-tabs {
     343
    326344                ul {
    327345                        background-color: $light-background;
    … …  
    332350
    333351                        li {
     352
    334353                                a {
    335                                         span {border-radius: 25%;}
     354
     355                                        span {
     356                                                border-radius: 25%;
     357                                        }
    336358                                }
    337359                        }
    … …  
    344366                ul {
    345367                        overflow: hidden;
    346                         li {float: none;}
     368
     369                        li {
     370                                float: none;
     371                        }
     372
    347373                        li:not(.selected) {
    348                                 a {opacity: 0.7;}
     374
     375                                a {
     376                                        opacity: 0.7;
     377                                }
    349378                        }
    350379
    351380                        @media screen and (min-width: 38.75em) {
     381
    352382                                li {
    353383                                        float: left;
    … …  
    381411                                label,
    382412                                option {
     413
    383414                                        @include font-size(14);
    384415                                }
    … …  
    390421
    391422                        @media screen and (min-width: 38.75em) {
     423
    392424                                li.last {
    393425                                        text-align: right;
    … …  
    399431        // active/current states all navs
    400432        div.item-list-tabs {
     433
    401434                ul {
     435
    402436                        li.selected,
    403437                        li.current {
     438
    404439                                a {
    405440                                        background: $dark-background;
    … …  
    413448} // close #buddypress
    414449
    415         /*__ Vertical menu User Account / Group single screens __*/
     450/*__ Vertical menu User Account / Group single screens __*/
    416451
    417452// This block contains rules to re-factor the item-body structural element
    … …  
    419454
    420455@media screen and (min-width: 55em) {
     456
    421457        .bp-user #buddypress,
    422458        .single-item.groups #buddypress {
    … …  
    425461
    426462        #buddypress {
     463
    427464                #item-header,
    428465                #item-body {
    … …  
    475512
    476513#buddypress {
     514
    477515        div.pagination {
    478516                box-shadow: none;
    479                 .pag-count {margin-left: 0;}
     517
     518                .pag-count {
     519                        margin-left: 0;
     520                }
     521
    480522                .pagination-links {
    481523                        margin-right: 0;
    … …  
    494536                                overflow: visible;
    495537                                width: auto;
    496                                 &:before {display: none;}
     538
     539                                &:before {
     540                                        display: none;
     541                                }
    497542                        }
    498543
    … …  
    518563// Adjusts Meta items and various elements to match 2015 font-family
    519564#buddypress {
     565
    520566        .item-list {
     567
    521568                .activity-header,
    522569                .activity-meta {
     570
    523571                        @include default-font-sans();
    524572                }
    … …  
    539587
    540588#buddypress {
     589
    541590        ul.item-list {
     591
    542592                li {
    543593                        overflow: hidden !important;
    … …  
    546596                        .item-avatar {
    547597                                margin-bottom: $spacing-val-sm;
    548                                 @media screen and (min-width: 38.75em) { margin-bottom: 0; }
     598
     599                                @media screen and (min-width: 38.75em) {
     600                                        margin-bottom: 0;
     601                                }
    549602                                text-align: center;
    550                                 a {border-bottom: 0;}
     603
     604                                a {
     605                                        border-bottom: 0;
     606                                }
     607
    551608                                img.avatar {
    552609                                        display: inline-block;
    … …  
    563620                                margin-left: 25%;
    564621
    565                                 span.activity {font-style: italic;}
     622                                span.activity {
     623                                        font-style: italic;
     624                                }
    566625
    567626                                .item-desc {
    … …  
    572631
    573632                        @media screen and (min-width: 59.6875em) {
     633
    574634                                .item-avatar,
    575635                                .item,
    … …  
    655715
    656716#buddypress {
     717
    657718        form#whats-new-form {
    658719
    … …  
    665726
    666727                @media screen and (max-width: 30em) {
     728
    667729                        #whats-new-post-in-box {
     730
    668731                                select {
     732
    669733                                        @include font-size(14);
    670734                                        max-width: 120px;
    … …  
    674738
    675739                @media screen and (max-width: 38.75em) {
     740
    676741                        #whats-new-content {
    677742                                clear: left;
    … …  
    682747                                        float: none;
    683748
    684                                         input {width: 100%;}
     749                                        input {
     750                                                width: 100%;
     751                                        }
    685752                                }
    686753                        }
    … …  
    690757                                flex-direction: column;
    691758
    692                                 #whats-new-submit {order: 2;}
    693                                 #whats-new-post-in-box {order: 1;}
     759                                #whats-new-submit {
     760                                        order: 2;
     761                                }
     762
     763                                #whats-new-post-in-box {
     764                                        order: 1;
     765                                }
    694766                        }
    695767                } // close @media
    696768
    697769                #whats-new-options[style] {
     770
    698771                        #whats-new-post-in-box {
    699772                                border: 1px solid rgba($border-color, 0.5);
    700773                                float: left;
    701                                 line-height: 1.5em;
     774                                line-height: 1.5;
    702775                                margin-top: 12px;
    703776                                padding-left: 0.2em;
    … …  
    716789
    717790                        @media screen and (min-width: 30em) {
     791
    718792                                #whats-new-post-in-box {
    719793                                        width: auto;
    … …  
    731805        // User account form requires matching bp default specificity
    732806        #item-body {
     807
    733808                form#whats-new-form {
    734809                        margin: $spacing-val-lg 0;
    … …  
    774849
    775850                                .activity-header {
     851
    776852                                        @include font-size(14);
    777853                                }
    … …  
    784860                                        margin-right: $spacing-val-sm;
    785861                                        text-align: left;
    786                                         a {border-bottom: 0;}
     862
     863                                        a {
     864                                                border-bottom: 0;
     865                                        }
    787866                                }
    788867
    … …  
    792871
    793872                                        .activity-header {
     873
    794874                                                @include font-size(16);
    795875                                        }
    … …  
    801881
    802882                li.mini {
     883
    803884                        .activity-avatar {
     885
    804886                                a {
     887
    805888                                        img.avatar {
    806889                                                height: 30px;
    … …  
    812895
    813896                        .activity-content {
     897
    814898                                .activity-header {
     899
    815900                                        @include font-size(13);
    816901                                }
    … …  
    839924
    840925                        .activity-meta {
     926
    841927                                a {
    842928                                        display: block;
    … …  
    861947                                background: darken($light-background, 1%);
    862948                                border: 1px solid rgba(#9fd1e2, 0.3);
    863                                 a { font-style: italic; }
     949
     950                                a {
     951                                        font-style: italic;
     952                                }
    864953                        }
    865954
    … …  
    875964
    876965.activity-permalink {
     966
    877967        #buddypress {
    878968                background: none; // counter the .bp-user faux column background
    … …  
    884974
    885975                        li.mini {
     976
    886977                                .activity-header {
     978
    887979                                        @include font-size(16);
     980
    888981                                        @media screen and (min-width: 46.25em) {
     982
    889983                                                @include font-size(20);
    890984                                        }
    891985
    892986                                        margin-bottom: $spacing-val-lg;
    893                                         p {padding: $spacing-val-md;}
     987
     988                                        p {
     989                                                padding: $spacing-val-md;
     990                                        }
    894991                                }
    895992                        }
    … …  
    9061003
    9071004        #activity-stream {
     1005
    9081006                .activity-comments {
    9091007                        margin: $spacing-val-sm 0 0;
    … …  
    9551053                                // reduce/widen the content margins
    9561054                                @media screen and (max-width: 38.75em) {
     1055
    9571056                                        .acomment-avatar {
    9581057                                                display: block;
    … …  
    9601059
    9611060                                                a,
    962                                                 img.avatar {display: inline; float: none;}
     1061                                                img.avatar {
     1062                                                        display: inline;
     1063                                                        float: none;
     1064                                                }
    9631065                                        }
    9641066
    … …  
    9691071                                        }
    9701072
    971                                         .acomment-content {padding: 0 $spacing-val-sm;}
     1073                                        .acomment-content {
     1074                                                padding: 0 $spacing-val-sm;
     1075                                        }
    9721076                                } // close @media
    9731077
    9741078                        } // close the ul li comments construct
    9751079
    976                         .ac-reply-avatar {display: none;}
     1080                        .ac-reply-avatar {
     1081                                display: none;
     1082                        }
    9771083
    9781084                        .ac-reply-content {
    … …  
    9821088
    9831089                        @media screen and (min-width: 38.75em) {
    984                                 .ac-reply-avatar {display: block;}
     1090
     1091                                .ac-reply-avatar {
     1092                                        display: block;
     1093                                }
    9851094
    9861095                                .ac-reply-content {
    … …  
    9961105                                        display: inline-block;
    9971106                                        font-family: inherit;
     1107
    9981108                                        @include font-size(12);
    999                                         font-weight: normal;
     1109                                        font-weight: 400;
    10001110                                        line-height: 1.2;
    10011111                                        padding: 4px 10px;
    … …  
    10281138
    10291139#buddypress {
     1140
    10301141        #members-list {
    10311142
    10321143                @media screen and (min-width: 59.6875em) {
     1144
    10331145                        li {
     1146
    10341147                                .item-avatar,
    10351148                                .item {
    … …  
    10611174.bp-user,
    10621175.single-item.groups {
     1176
    10631177        @media screen and (max-width: 46.25em) {
     1178
    10641179                main {
     1180
    10651181                        header.entry-header {
    10661182                                padding-bottom: 1rem;
    … …  
    10701186
    10711187        @media screen and (max-width: 38.75em) {
     1188
    10721189                h1,
    10731190                #item-header-content {
    … …  
    10771194
    10781195        #buddypress {
     1196
    10791197                @media screen and (max-width: 46.25em) {
     1198
    10801199                        #item-header {
     1200
    10811201                                .generic-button {
    10821202                                        float: none;
    1083                                         margin: 1.5em 0 0 0;
     1203                                        margin: 1.5em 0 0;
    10841204                                }
    10851205                        }
    … …  
    10871207
    10881208                @media screen and (max-width: 38.75em) {
     1209
    10891210                        h1 {
    10901211                                margin-bottom: 0;
    … …  
    10921213
    10931214                        #item-header-avatar {
     1215
    10941216                                img.avatar {
    10951217                                        margin-right: 0;
    … …  
    11131235
    11141236.single-item.groups {
     1237
    11151238        #buddypress {
     1239
    11161240                @media screen and (max-width: 46.25em) {
     1241
    11171242                        #item-header {
     1243
    11181244                                #item-meta {
    11191245                                        margin-bottom: $spacing-val-md;
    … …  
    11251251                // avatar first after group title
    11261252                @media screen and (max-width: 38.75em) {
     1253
    11271254                        div#item-header {
    11281255                                display: flex;
    … …  
    11431270                                }
    11441271
    1145                                 #item-header-content {order: 2;}
    1146 
    1147                                 #item-actions {order: 3;}
     1272                                #item-header-content {
     1273                                        order: 2;
     1274                                }
     1275
     1276                                #item-actions {
     1277                                        order: 3;
     1278                                }
    11481279                        }
    11491280                } // close @media
    … …  
    11651296                                        background: $dark-background;
    11661297                                        color: $content-background;
     1298
    11671299                                        @include font-size(14);
    11681300
    11691301                                        @media screen and (min-width: 46.25em) {
     1302
    11701303                                                @include font-size(16);
    11711304                                        }
    … …  
    12111344
    12121345.bp-user {
     1346
    12131347        #buddypress {
     1348
    12141349                #item-header {
    12151350                        padding: $spacing-val-md 0;
    … …  
    12271362
    12281363                        @media screen and (min-width: 46.25em) {
     1364
    12291365                                #item-header-avatar {
    12301366                                        float: left;
    … …  
    12581394// generally far too large a top margin for headings in our lists
    12591395#item-body {
     1396
    12601397        h1,
    12611398        h2,
    … …  
    12661403                margin: 1em 0;
    12671404
    1268                 a {border-bottom: 0;}
     1405                a {
     1406                        border-bottom: 0;
     1407                }
    12691408        }
    12701409}
     1410
    12711411/**
    12721412*----------------------------------------------------
    … …  
    12861426// headings settings screens & general global settings styles
    12871427.groups {
     1428
    12881429        #group-settings-form {
     1430
    12891431                h3 {
    12901432                        background: $dark-background;
    … …  
    12941436                // remove backgrounds from request list member names.
    12951437                #request-list {
     1438
    12961439                        h4 {
    12971440                                background: none;
    … …  
    13031446
    13041447.groups.edit-details {
     1448
    13051449        #group-settings-form {
    13061450
    13071451                label {
    13081452                        background: $dark-background;
     1453
    13091454                        @include border-top-radius(4px);
    13101455                        color: $content-background;
    … …  
    13231468                        background: none;
    13241469                        color: inherit;
     1470
    13251471                        @include font-size(14);
    13261472                        width: auto;
    … …  
    13311477
    13321478.groups.group-settings {
     1479
    13331480        #group-settings-form,
    13341481        #create-group-form {
    13351482
    13361483                div.radio {
     1484
    13371485                        label {
    13381486                                border: 1px solid $border-light;
    … …  
    13421490                        ul {
    13431491                                color: #767676;
     1492
    13441493                                @include font-size(14);
    13451494                        }
    … …  
    13581507
    13591508.groups.manage-members {
     1509
    13601510        #group-settings-form {
     1511
    13611512                .item-list {
     1513
    13621514                        li {
    13631515                                border-bottom: 1px solid $border-light;
    … …  
    13671519                                        float: left;
    13681520
    1369                                         > a {border-bottom: 0;}
     1521                                        > a {
     1522                                                border-bottom: 0;
     1523                                        }
    13701524                                }
    13711525
    … …  
    14051559
    14061560.groups.group-members {
     1561
    14071562        #buddypress {
     1563
    14081564                #members-group-list {
     1565
    14091566                        li {
    14101567
    14111568                                @media screen and (max-width: 30em) {
     1569
    14121570                                        > a {
    14131571                                                border-bottom: 0;
    … …  
    14251583                                h5 {
    14261584                                        display: inline-block;
     1585
    14271586                                        @include font-size(14);
    14281587
    14291588                                        @media screen and (min-width: 59.6875em) {
     1589
    14301590                                                @include font-size(16);
    14311591                                        }
    … …  
    14331593                                        margin: 0;
    14341594
    1435                                         a {border-bottom: 0;}
     1595                                        a {
     1596                                                border-bottom: 0;
     1597                                        }
    14361598                                } //  close h5
    14371599
    14381600                                span.activity {
     1601
    14391602                                        @include font-size(12);
    14401603                                }
    … …  
    14501613// Massage the members search for groups nav specifically.
    14511614.groups.group-members {
     1615
    14521616        #subnav {
     1617
    14531618                li {
     1619
    14541620                        @media screen and (max-width: 38.75em) {
    14551621                                background: $content-background;
    … …  
    14671633
    14681634                                        label {
    1469                                                 input[type="text"] {width: 100%;}
     1635
     1636                                                input[type="text"] {
     1637                                                        width: 100%;
     1638                                                }
    14701639                                        }
    14711640                                }
    … …  
    14841653
    14851654.groups.group-invites {
     1655
    14861656        #item-body {
     1657
    14871658                .item-list {
     1659
    14881660                        .action {
    14891661                                margin-bottom: 0;
    … …  
    14931665
    14941666        @media screen and (min-width: 46.25em) {
     1667
    14951668                #buddypress {
     1669
    14961670                        #item-body {
     1671
    14971672                                #message {
    14981673                                        margin-top: 0;
    … …  
    15031678
    15041679        @media screen and (min-width: 55em) {
     1680
    15051681                #buddypress {
    1506                         #send-invite-form { margin-top: 0;}
     1682
     1683                        #send-invite-form {
     1684                                margin-top: 0;
     1685                        }
    15071686                }
    15081687        }
    15091688
    15101689        #item-body {
     1690
    15111691                @media screen and (max-width: 46.25em) {
     1692
    15121693                        .left-menu {
    15131694                                float: none;
    … …  
    15251706
    15261707                        .submit {
     1708
    15271709                                input {
    15281710                                        display: inline-block;
    … …  
    15451727
    15461728.bp-user {
     1729
    15471730        .entry-title {
    15481731                margin-bottom: 0.5em;
    … …  
    15611744
    15621745                table {
    1563                         th {@include font-size(14)}
    1564                         td {@include font-size(12)}
     1746
     1747                        th {
     1748
     1749                                @include font-size(14);
     1750                        }
     1751
     1752                        td {
     1753
     1754                                @include font-size(12);
     1755                        }
    15651756
    15661757                        @media screen and (min-width: 46.25em) {
    1567                                 th {@include font-size(16)}
    1568                                 td {@include font-size(14)}
     1758
     1759                                th {
     1760
     1761                                        @include font-size(16);
     1762                                }
     1763
     1764                                td {
     1765
     1766                                        @include font-size(14);
     1767                                }
    15691768                        }
    15701769
    15711770                        @media screen and (min-width: 77.5em) {
    1572                                 th {@include font-size(18)}
    1573                                 td {@include font-size(16)}
    1574                         }
    1575                 }
    1576 
    1577                 .pag-count {font-style: italic;}
     1771
     1772                                th {
     1773
     1774                                        @include font-size(18);
     1775                                }
     1776
     1777                                td {
     1778
     1779                                        @include font-size(16);
     1780                                }
     1781                        }
     1782                }
     1783
     1784                .pag-count {
     1785                        font-style: italic;
     1786                }
    15781787
    15791788                .notifications-options-nav,
    … …  
    15881797                        select,
    15891798                        input {
     1799
    15901800                                @include font-size(14);
    15911801                                outline: 0;
    … …  
    16051815                        input {
    16061816                                float: right;
     1817
    16071818                                @include default-font-serif();
    16081819                                line-height: 1.5;
    … …  
    16101821                                width: 100%;
    16111822
    1612                                 &[disabled]:hover {background: none;}
     1823                                &[disabled]:hover {
     1824                                        background: none;
     1825                                }
    16131826
    16141827                                @media screen and (min-width: 30em) {
    … …  
    16311844
    16321845.bp-user {
     1846
    16331847        #buddypress {
     1848
    16341849                .profile {
     1850
    16351851                        .bp-widget {
     1852
    16361853                                h2 {
    16371854                                        background: lighten($dark-background, 10%);
    … …  
    16411858                                }
    16421859
    1643                                 table {margin-top: 0;}
     1860                                table {
     1861                                        margin-top: 0;
     1862                                }
    16441863                        }
    16451864                }
    … …  
    16491868/* Edit Profile */
    16501869.bp-user {
     1870
    16511871        #buddypress {
    16521872
    16531873                .profile {
     1874
    16541875                        #profile-edit-form {
     1876
    16551877                                .button-nav:before,
    16561878                                .button-nav:after {
    … …  
    16811903                                                background: none;
    16821904                                                border: 0;
    1683                                                 @include font-size(18)
     1905
     1906                                                @include font-size(18);
    16841907                                        }
    16851908                                } //.button-nav
    … …  
    16871910                                .field-visibility-settings-toggle,
    16881911                                .field-visibility-settings {
     1912
    16891913                                        @include font-size(14);
    16901914                                }
    … …  
    16991923
    17001924                        .bp-avatar {
     1925
    17011926                                #bp-delete-avatar {
    1702                                         a {font-size: inherit; }
     1927
     1928                                        a {
     1929                                                font-size: inherit;
     1930                                        }
    17031931                                }
    17041932                        }
    … …  
    17181946
    17191947                #groups-list {
     1948
    17201949                        li {
     1950
    17211951                                .item {
     1952
    17221953                                        @media screen and (min-width: 77.5em) {
    17231954                                                left: 5%;
    … …  
    17651996                        .message-metadata {
    17661997
    1767                                 &::after {
     1998                                &:after {
    17681999                                        clear: both;
    17692000                                        content: "";
    … …  
    17762007
    17772008                                @media screen and (min-width: 46.25em) {
     2009
    17782010                                        img.avatar {
    17792011                                                float: left;
    … …  
    17962028
    17972029                        #send-reply {
     2030
    17982031                                .message-content {
    17992032                                        background: $content-background;
    … …  
    18062039                        }
    18072040
    1808                         .bp-tooltip:hover::after,
    1809                         .bp-tooltip:active::after,
    1810                         .bp-tooltip:focus::after {
     2041                        .bp-tooltip:hover:after,
     2042                        .bp-tooltip:active:after,
     2043                        .bp-tooltip:focus:after {
    18112044                                right: 40px;
    18122045                                text-align: right;
    … …  
    18162049
    18172050                #message-threads {
     2051
    18182052                        thead {
     2053
    18192054                                tr {
    18202055                                        background: lighten($dark-background, 10%);
    … …  
    18232058
    18242059                        tr {
     2060
    18252061                                td {
    18262062                                        background: $content-background;
    … …  
    18542090                                td.thread-options {
    18552091                                        border-left: 0 !important;
     2092
    18562093                                        @include calc(width, "100% - 30px");
    18572094                                        margin-left: 0;
    … …  
    18672104
    18682105                                        a {
     2106
    18692107                                                @include font-size(12);
    18702108                                                line-height: 2.2;
    … …  
    18832121                                        @media screen and (max-width: 38.75em) {
    18842122                                                clear: both;
     2123
    18852124                                                @include font-size(11);
    18862125                                                width: 100%;
    … …  
    18902129
    18912130                        tr.unread {
     2131
    18922132                                td {
    18932133                                        background: $unread;
     2134                                        border-color: darken($border-light, 10%);
    18942135                                        border-bottom-color: darken($border-light, 20%);
    1895                                         border-color: darken($border-light, 10%);
    18962136                                }
    18972137                        }
    … …  
    19182158                        list-style: none;
    19192159
    1920                         li {margin-left: 0;}
     2160                        li {
     2161                                margin-left: 0;
     2162                        }
    19212163
    19222164                        li.friend-tab {
    … …  
    19532195
    19542196                #message-threads.sitewide-notices {
     2197
    19552198                        td {
    19562199                                width: 100%;
    … …  
    19952238                                }
    19962239
    1997                                 a:last-child::after {
     2240                                a:last-child:after {
    19982241                                        content: attr(title);
    19992242                                        display: block;
    … …  
    20112254                padding-left: $spacing-val-sm;
    20122255
    2013                 ul {    margin: 0; }
     2256                ul {
     2257                        margin: 0;
     2258                }
    20142259
    20152260                li {
    … …  
    20322277
    20332278.bp-user {
     2279
    20342280        #buddypress {
    20352281
    … …  
    20372283                        // 'p' = email notification screen sub heading
    20382284                        > p {
     2285
    20392286                                @include font-size(20);
    20402287                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    20432290
    20442291                table.notification-settings {
    2045                         th.title {width: 75%;}
     2292
     2293                        th.title {
     2294                                width: 75%;
     2295                        }
     2296
    20462297                        td.yes,
    20472298                        td.no {
    … …  
    20592310
    20602311                        @media screen and (min-width: 46.25em) {
     2312
    20612313                                th.field-group-name,
    20622314                                td.field-name {
    … …  
    20712323
    20722324                        td.field-visibility {
    2073                                 select {width: 100%;}
     2325
     2326                                select {
     2327                                        width: 100%;
     2328                                }
    20742329                        }
    20752330                }
    … …  
    20912346
    20922347        div.activity-comments {
     2348
    20932349                form {
     2350
    20942351                        .ac-textarea {
    20952352                                background: $light-background;
    … …  
    21042361        }
    21052362
    2106         select {border: 1px solid rgba($border-color, 0.5);}
     2363        select {
     2364                border: 1px solid rgba($border-color, 0.5);
     2365        }
    21072366
    21082367        // Overrides for embedded WP editors.
    21092368        .wp-editor-wrap {
     2369
    21102370                a.button,
    21112371                button,
    2112                 input[type=submit],
    2113                 input[type=button],
    2114                 input[type=reset] {
     2372                input[type="submit"],
     2373                input[type="button"],
     2374                input[type="reset"] {
    21152375                        padding: 0 5px 1px;
    21162376                }
    … …  
    21262386        .standard-form,
    21272387        .group-create-form {
     2388
    21282389                li {
    21292390                        float: none;
    … …  
    21312392                }
    21322393
    2133                 input[type='text'],
     2394                input[type="text"],
    21342395                textarea {
    21352396                        width: 100%;
    … …  
    21552416                        }
    21562417
    2157                         input[type='text'] {
     2418                        input[type="text"] {
    21582419                                float: left;
    21592420                                margin: 0;
    … …  
    21612422                        }
    21622423
    2163                         input[type='text'],
    2164                         input[type='submit'] {
     2424                        input[type="text"],
     2425                        input[type="submit"] {
     2426
    21652427                                @include font-size(14);
    21662428                                border: 0;
    … …  
    21682430                        }
    21692431
    2170                         input[type='text'] {
     2432                        input[type="text"] {
    21712433                                border-right: 1px solid rgba($border-color, 0.4);
    21722434                                padding: 0.2em 0 0.2em 0.2em;
    21732435                        }
    21742436
    2175                         input[type='submit'] {
     2437                        input[type="submit"] {
    21762438                                float: right;
    2177                                 font-weight: normal;
     2439                                font-weight: 400;
    21782440                                padding: 0.2em 1em;
    21792441                                text-align: center;
    … …  
    21872449        // Shift the search parent to the right and allow to shrinkwrap
    21882450        @media screen and (min-width: 38.75em) {
     2451
    21892452                div.dir-search,
    21902453                div.message-search,
    … …  
    21942457
    21952458                        form {
     2459
    21962460                                label,
    2197                                 input[type='text'],
    2198                                 input[type='submit'] {
     2461                                input[type="text"],
     2462                                input[type="submit"] {
    21992463                                        width: auto;
    22002464                                }
    … …  
    22072471                .dir-search,
    22082472                .message-search {
     2473
    22092474                        form {
    2210                                 input[type='text'] { @include font-size(16) ;}
    2211                                 input[type='submit'] { @include font-size(16) ;}
     2475
     2476                                input[type="text"] {
     2477
     2478                                        @include font-size(16);
     2479                                }
     2480
     2481                                input[type="submit"] {
     2482
     2483                                        @include font-size(16);
     2484                                }
    22122485                        }
    22132486                }
    … …  
    22272500// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
    22282501#buddypress {
     2502
    22292503        table {
     2504
    22302505                @include font-size(14);
    22312506                margin: $spacing-val-md 0;
    … …  
    22382513
    22392514                // Reduce the themes inherited paragraph margins in tables
    2240                 p {margin-bottom: 0.5em;}
     2515                p {
     2516                        margin-bottom: 0.5em;
     2517                }
    22412518        }
    22422519
    22432520        @media screen and (min-width: 55em) {
    2244                 table {@include font-size(16);}
     2521
     2522                table {
     2523
     2524                        @include font-size(16);
     2525                }
    22452526        }
    22462527}
    … …  
    22532534        .notifications,
    22542535        .messages-notices {
     2536
    22552537                th {
    22562538                        width: 30%;
    … …  
    22812563                // styling issues - this will need styling ideas
    22822564                td {
     2565
    22832566                        .button {
    22842567                                border: 0;
    … …  
    22932576        .messages-notices {
    22942577
    2295                 .bp-tooltip:hover::after,
    2296                 .bp-tooltip:active::after,
    2297                 .bp-tooltip:focus::after {
     2578                .bp-tooltip:hover:after,
     2579                .bp-tooltip:active:after,
     2580                .bp-tooltip:focus:after {
    22982581                        left: 0;
    22992582                        margin-top: 10px;
    … …  
    23182601
    23192602#buddypress {
     2603
    23202604        #item-body {
     2605
    23212606                div#message {
    23222607                        margin-top: $spacing-val-md;
    … …  
    23292614
    23302615        div#message {
     2616
    23312617                p {
     2618
    23322619                        @include font-size(18);
    2333                         font-weight: bold;
     2620                        font-weight: 700;
    23342621                }
    23352622
    23362623                &.info {
     2624
    23372625                        p {
     2626
    23382627                                @include message-box($notice-info);
    23392628                        }
    … …  
    23412630
    23422631                &.updated {
     2632
    23432633                        p {
     2634
    23442635                                @include message-box($notice-update);
    23452636                        }
    … …  
    23532644// we need to use the body classes
    23542645.delete-group {
     2646
    23552647        #buddypress {
     2648
    23562649                div#message.info {
    23572650
    23582651                        p {
     2652
    23592653                                @include message-box($notice-warning);
    23602654                        }

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*------------------------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the ruelesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    606606        font-size: 12px;
    607607        font-size: 0.75rem;
    608         font-weight: normal;
     608        font-weight: 400;
    609609        line-height: 1.2;
    610610        padding: 4px 10px;
    … …  
    12041204}
    12051205
    1206 #buddypress #message-thread .bp-tooltip:hover::after,
    1207 #buddypress #message-thread .bp-tooltip:active::after,
    1208 #buddypress #message-thread .bp-tooltip:focus::after {
     1206#buddypress #message-thread .bp-tooltip:hover:after,
     1207#buddypress #message-thread .bp-tooltip:active:after,
     1208#buddypress #message-thread .bp-tooltip:focus:after {
    12091209        left: 40px;
    12101210        text-align: left;
    … …  
    12911291}
    12921292
    1293 #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1293#buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    12941294        content: attr(title);
    12951295        display: block;
    … …  
    12981298}
    12991299
    1300 #buddypress .messages-notices .bp-tooltip:hover::after,
    1301 #buddypress .messages-notices .bp-tooltip:active::after,
    1302 #buddypress .messages-notices .bp-tooltip:focus::after {
     1300#buddypress .messages-notices .bp-tooltip:hover:after,
     1301#buddypress .messages-notices .bp-tooltip:active:after,
     1302#buddypress .messages-notices .bp-tooltip:focus:after {
    13031303        right: 0;
    13041304        margin-top: 10px;
    … …  
    14181418}
    14191419
    1420 #buddypress div.dir-search form input[type='text'],
    1421 #buddypress div.message-search form input[type='text'],
    1422 #buddypress li.groups-members-search form input[type='text'] {
     1420#buddypress div.dir-search form input[type="text"],
     1421#buddypress div.message-search form input[type="text"],
     1422#buddypress li.groups-members-search form input[type="text"] {
    14231423        float: right;
    14241424        margin: 0;
    … …  
    14261426}
    14271427
    1428 #buddypress div.dir-search form input[type='text'],
    1429 #buddypress div.dir-search form input[type='submit'],
    1430 #buddypress div.message-search form input[type='text'],
    1431 #buddypress div.message-search form input[type='submit'],
    1432 #buddypress li.groups-members-search form input[type='text'],
    1433 #buddypress li.groups-members-search form input[type='submit'] {
     1428#buddypress div.dir-search form input[type="text"],
     1429#buddypress div.dir-search form input[type="submit"],
     1430#buddypress div.message-search form input[type="text"],
     1431#buddypress div.message-search form input[type="submit"],
     1432#buddypress li.groups-members-search form input[type="text"],
     1433#buddypress li.groups-members-search form input[type="submit"] {
    14341434        border: 0;
    14351435        font-size: 14px;
    … …  
    14381438}
    14391439
    1440 #buddypress div.dir-search form input[type='text'],
    1441 #buddypress div.message-search form input[type='text'],
    1442 #buddypress li.groups-members-search form input[type='text'] {
     1440#buddypress div.dir-search form input[type="text"],
     1441#buddypress div.message-search form input[type="text"],
     1442#buddypress li.groups-members-search form input[type="text"] {
    14431443        border-left: 1px solid #ccc;
    14441444        padding: 0.2em 0.2em 0.2em 0;
    14451445}
    14461446
    1447 #buddypress div.dir-search form input[type='submit'],
    1448 #buddypress div.message-search form input[type='submit'],
    1449 #buddypress li.groups-members-search form input[type='submit'] {
     1447#buddypress div.dir-search form input[type="submit"],
     1448#buddypress div.message-search form input[type="submit"],
     1449#buddypress li.groups-members-search form input[type="submit"] {
    14501450        float: left;
    1451         font-weight: normal;
     1451        font-weight: 400;
    14521452        padding: 0.2em 1em;
    14531453        text-align: center;
    … …  
    14631463        }
    14641464        #buddypress div.dir-search form label,
    1465         #buddypress div.dir-search form input[type='submit'],
    1466         #buddypress div.dir-search form input[type='text'],
     1465        #buddypress div.dir-search form input[type="submit"],
     1466        #buddypress div.dir-search form input[type="text"],
    14671467        #buddypress div.message-search form label,
    1468         #buddypress div.message-search form input[type='submit'],
    1469         #buddypress div.message-search form input[type='text'] {
     1468        #buddypress div.message-search form input[type="submit"],
     1469        #buddypress div.message-search form input[type="text"] {
    14701470                width: auto;
    14711471        }
    … …  
    14741474        }
    14751475        #buddypress li.groups-members-search form label,
    1476         #buddypress li.groups-members-search form input[type='submit'],
    1477         #buddypress li.groups-members-search form input[type='text'] {
     1476        #buddypress li.groups-members-search form input[type="submit"],
     1477        #buddypress li.groups-members-search form input[type="text"] {
    14781478                width: auto;
    14791479        }
    … …  
    15021502        font-size: 18px;
    15031503        font-size: 1.125rem;
    1504         font-weight: bold;
     1504        font-weight: 700;
    15051505}
    15061506

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*------------------------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the ruelesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    606606        font-size: 12px;
    607607        font-size: 0.75rem;
    608         font-weight: normal;
     608        font-weight: 400;
    609609        line-height: 1.2;
    610610        padding: 4px 10px;
    … …  
    12041204}
    12051205
    1206 #buddypress #message-thread .bp-tooltip:hover::after,
    1207 #buddypress #message-thread .bp-tooltip:active::after,
    1208 #buddypress #message-thread .bp-tooltip:focus::after {
     1206#buddypress #message-thread .bp-tooltip:hover:after,
     1207#buddypress #message-thread .bp-tooltip:active:after,
     1208#buddypress #message-thread .bp-tooltip:focus:after {
    12091209        right: 40px;
    12101210        text-align: right;
    … …  
    12911291}
    12921292
    1293 #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1293#buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    12941294        content: attr(title);
    12951295        display: block;
    … …  
    12981298}
    12991299
    1300 #buddypress .messages-notices .bp-tooltip:hover::after,
    1301 #buddypress .messages-notices .bp-tooltip:active::after,
    1302 #buddypress .messages-notices .bp-tooltip:focus::after {
     1300#buddypress .messages-notices .bp-tooltip:hover:after,
     1301#buddypress .messages-notices .bp-tooltip:active:after,
     1302#buddypress .messages-notices .bp-tooltip:focus:after {
    13031303        left: 0;
    13041304        margin-top: 10px;
    … …  
    14181418}
    14191419
    1420 #buddypress div.dir-search form input[type='text'],
    1421 #buddypress div.message-search form input[type='text'],
    1422 #buddypress li.groups-members-search form input[type='text'] {
     1420#buddypress div.dir-search form input[type="text"],
     1421#buddypress div.message-search form input[type="text"],
     1422#buddypress li.groups-members-search form input[type="text"] {
    14231423        float: left;
    14241424        margin: 0;
    … …  
    14261426}
    14271427
    1428 #buddypress div.dir-search form input[type='text'],
    1429 #buddypress div.dir-search form input[type='submit'],
    1430 #buddypress div.message-search form input[type='text'],
    1431 #buddypress div.message-search form input[type='submit'],
    1432 #buddypress li.groups-members-search form input[type='text'],
    1433 #buddypress li.groups-members-search form input[type='submit'] {
     1428#buddypress div.dir-search form input[type="text"],
     1429#buddypress div.dir-search form input[type="submit"],
     1430#buddypress div.message-search form input[type="text"],
     1431#buddypress div.message-search form input[type="submit"],
     1432#buddypress li.groups-members-search form input[type="text"],
     1433#buddypress li.groups-members-search form input[type="submit"] {
    14341434        border: 0;
    14351435        font-size: 14px;
    … …  
    14381438}
    14391439
    1440 #buddypress div.dir-search form input[type='text'],
    1441 #buddypress div.message-search form input[type='text'],
    1442 #buddypress li.groups-members-search form input[type='text'] {
     1440#buddypress div.dir-search form input[type="text"],
     1441#buddypress div.message-search form input[type="text"],
     1442#buddypress li.groups-members-search form input[type="text"] {
    14431443        border-right: 1px solid #ccc;
    14441444        padding: 0.2em 0 0.2em 0.2em;
    14451445}
    14461446
    1447 #buddypress div.dir-search form input[type='submit'],
    1448 #buddypress div.message-search form input[type='submit'],
    1449 #buddypress li.groups-members-search form input[type='submit'] {
     1447#buddypress div.dir-search form input[type="submit"],
     1448#buddypress div.message-search form input[type="submit"],
     1449#buddypress li.groups-members-search form input[type="submit"] {
    14501450        float: right;
    1451         font-weight: normal;
     1451        font-weight: 400;
    14521452        padding: 0.2em 1em;
    14531453        text-align: center;
    … …  
    14631463        }
    14641464        #buddypress div.dir-search form label,
    1465         #buddypress div.dir-search form input[type='submit'],
    1466         #buddypress div.dir-search form input[type='text'],
     1465        #buddypress div.dir-search form input[type="submit"],
     1466        #buddypress div.dir-search form input[type="text"],
    14671467        #buddypress div.message-search form label,
    1468         #buddypress div.message-search form input[type='submit'],
    1469         #buddypress div.message-search form input[type='text'] {
     1468        #buddypress div.message-search form input[type="submit"],
     1469        #buddypress div.message-search form input[type="text"] {
    14701470                width: auto;
    14711471        }
    … …  
    14741474        }
    14751475        #buddypress li.groups-members-search form label,
    1476         #buddypress li.groups-members-search form input[type='submit'],
    1477         #buddypress li.groups-members-search form input[type='text'] {
     1476        #buddypress li.groups-members-search form input[type="submit"],
     1477        #buddypress li.groups-members-search form input[type="text"] {
    14781478                width: auto;
    14791479        }
    … …  
    15021502        font-size: 18px;
    15031503        font-size: 1.125rem;
    1504         font-weight: bold;
     1504        font-weight: 700;
    15051505}
    15061506

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

    r11586 r11587  
    159159in your child themes root & either start over or modify the ruelesets.
    160160
    161 If you do not require the styles you can dequeue them from the themes functions file.
     161If you do not require the styles you can dequeue them from the themes
     162functions file.
    162163
    163164Please see this codex article for more information:
    … …  
    214215// We reset this here under our #buddypress namespace
    215216#buddypress {
     217
    216218        h1,
    217219        h2,
    … …  
    269271*/
    270272#buddypress {
     273
    271274        .item-list-tabs {
     275
    272276                ul {
    273277
    … …  
    277281
    278282                        @media screen and (min-width: 400px) {
     283
    279284                                li {
    280285                                        width: 50%;
    … …  
    283288
    284289                        @media screen and (min-width: 594px) {
     290
    285291                                li {
    286292                                        width: auto;
    … …  
    296302
    297303.directory #buddypress {
     304
    298305        .item-list-tabs {
    299306
    … …  
    314321
    315322                @media screen and (min-width: 783px) {
     323
    316324                        ul {
    317325                                padding-bottom: 0;
    … …  
    320328                                        border: 1px solid $border-med;
    321329                                        border-bottom-color: $content-background;
     330
    322331                                        @include border-top-radius(4px);
    323332                                        margin-bottom: -1px;
    … …  
    333342
    334343        #subnav {
     344
    335345                ul {
    336346                        border-bottom: 0;
    … …  
    346356/* List last filters global */
    347357#buddypress {
     358
    348359        #subnav {
     360
    349361                li#activity-filter-select.last {
    350362                        line-height: 2.1;
    … …  
    360372
    361373        #buddypress {
     374
    362375                #object-nav {
     376
    363377                        ul {
    364378                                border-bottom: 1px solid $border-med;
    … …  
    372386
    373387                        ul {
     388
    374389                                li {
    375390                                        width: auto;
    … …  
    394409        .bp-user,
    395410        .single-item.groups {
     411
    396412                #buddypress {
    397413                        background: lighten($nav-background-border, 10%);
    … …  
    406422                }
    407423
    408                 #item-body {border-left: 1px solid $nav-background-border;}
     424                #item-body {
     425                        border-left: 1px solid $nav-background-border;
     426                }
    409427
    410428                #object-nav {
    … …  
    486504
    487505#buddypress {
     506
    488507        div.pagination {
     508
    489509                .pag-count {
    490510                        margin-left: 0;
    … …  
    499519*/
    500520#buddypress {
     521
    501522        .item-list {
     523
    502524                .item-title {
    503525
    504526                        a {
    505527                                display: block;
     528
    506529                                @include font-size(22);
    507530                                text-decoration: none;
    … …  
    510533                        span.update,
    511534                        span a {
     535
    512536                                @include font-size(12);
    513537                        }
    … …  
    521545
    522546#buddypress {
     547
    523548        ul.item-list {
     549
    524550                li {
    525551                        overflow: hidden !important; // buddypress styles over specified
    … …  
    531557
    532558                                a {
     559
    533560                                        img.avatar {
    534561                                                float: none;
    … …  
    541568                                width: 100%;
    542569
    543                                 > a {text-align: center;}
     570                                > a {
     571                                        text-align: center;
     572                                }
    544573                        }
    545574
    … …  
    581610
    582611                        @media screen and (min-width: 594px) {
     612
    583613                                .item-avatar {
    584614                                        float: left;
    … …  
    586616                                }
    587617
    588                                 div.item-title > a {text-align: left;}
     618                                div.item-title > a {
     619                                        text-align: left;
     620                                }
    589621
    590622                                .item {
    … …  
    607639
    608640                        @media screen and (min-width: 783px) {
     641
    609642                                .item {
    610643                                        float: left;
    … …  
    627660
    628661                                                a {
     662
    629663                                                        @include box-model(border-box);
    630664                                                        display: block;
    … …  
    661695*/
    662696#buddypress {
     697
    663698        form#whats-new-form {
    664699                margin: $spacing-val-lg 0;
    … …  
    684719
    685720                #whats-new-content {
     721
    686722                        @media screen and (max-width: 594px) {
     723
    687724                                #whats-new-options {
    688725                                        display: flex;
    … …  
    712749
    713750                @media screen and (min-width: 594px) {
     751
    714752                        #whats-new-avatar {
    715753                                float: left;
    … …  
    734772
    735773#buddypress {
    736         #activity-stream {margin-top: $spacing-val-lg;}
     774
     775        #activity-stream {
     776                margin-top: $spacing-val-lg;
     777        }
     778
    737779        .activity-list {
    738780
    739781                li.activity-item:not(.mini) {
     782
    740783                        .activity-avatar {
    741784                                float: none;
    … …  
    751794
    752795                li.mini {
     796
    753797                        .activity-avatar {
     798
    754799                                img.avatar {
    755800                                        margin-left: 0;
    … …  
    758803
    759804                        .activity-meta {
    760                                 a {@include font-size(12);}
     805
     806                                a {
     807
     808                                        @include font-size(12);
     809                                }
    761810                        }
    762811                }
    … …  
    780829                        }
    781830
    782                         .activity-inner {margin: $spacing-val-sm 0;}
     831                        .activity-inner {
     832                                margin: $spacing-val-sm 0;
     833                        }
    783834                }
    784835
    785836                @media screen and (min-width: 594px) {
     837
    786838                        li.activity-item:not(.mini) {
     839
    787840                                .activity-avatar {
    788841                                        float: left;
    … …  
    797850
    798851                        li.mini {
     852
    799853                                .activity-avatar {
    800854                                        margin: 0 $spacing-val-sm 0 5%;
    … …  
    813867// Activity Single Item 'Permalink' Page
    814868body.activity-permalink {
     869
    815870        #buddypress {
    816871                // remove user account faux column background
    … …  
    818873
    819874                .activity-list {
     875
    820876                        li {
     877
    821878                                @media screen and (max-width: 760px) {
     879
    822880                                        .activity-content,
    823881                                        .activity-comments {
    … …  
    837895
    838896#buddypress {
     897
    839898        .activity {
     899
    840900                .activity-comments {
    841901                        margin-left: 0;
    … …  
    867927                        // reduce/widen the content margins
    868928                        @media screen and (max-width: 400px) {
     929
    869930                                .acomment-avatar {
    870931                                        display: block;
    … …  
    872933
    873934                                        a,
    874                                         img.avatar {display: inline; float: none;}
     935                                        img.avatar {
     936                                                display: inline;
     937                                                float: none;
     938                                        }
    875939                                }
    876940
    … …  
    881945                                }
    882946
    883                                 .acomment-content {padding: 0 $spacing-val-sm;}
     947                                .acomment-content {
     948                                        padding: 0 $spacing-val-sm;
     949                                }
    884950                        } // close @media
    885951
    … …  
    891957                                        display: inline-block;
    892958                                        font-family: inherit;
     959
    893960                                        @include font-size(12);
    894                                         font-weight: normal;
     961                                        font-weight: 400;
    895962                                        line-height: 1.2;
    896963                                        padding: 4px 10px;
    … …  
    922989*------------------------------------------------------------
    923990*/
    924 
    925991
    926992
    … …  
    930996*-------------------------------------------------------------------------------
    931997*/
     998
    932999/* groups & user account page entry title */
    9331000.single-item.groups,
    … …  
    9351002
    9361003        .entry-title {
     1004
    9371005                @include title-background-dark();
    9381006                @include font-size(22);
    … …  
    9421010
    9431011        @media screen and (min-width: 673px) {
     1012
    9441013                .entry-title {
     1014
    9451015                        @include font-size(28);
    9461016                }
    … …  
    9481018
    9491019} // close #buddypress
     1020
    9501021/**
    9511022*------------------------------------------------------------
    … …  
    9551026// override BP margins - users/groups manage their own styles later on
    9561027#buddypress {
     1028
    9571029        div#item-header {
    9581030                padding-bottom: $spacing-val-sm;
    … …  
    9681040                        padding-top: $spacing-val-sm;
    9691041
    970                         p {margin-bottom: 0;}
     1042                        p {
     1043                                margin-bottom: 0;
     1044                        }
    9711045                }
    9721046        }
    … …  
    9791053*/
    9801054.single-item.groups {
     1055
    9811056        #buddypress {
    9821057
    9831058                @media screen and (max-width: 594px) {
     1059
    9841060                        div#item-header {
    9851061                                display: flex;
    … …  
    10001076                                }
    10011077
    1002                                 #item-header-content {order: 2;}
     1078                                #item-header-content {
     1079                                        order: 2;
     1080                                }
    10031081
    10041082                                #item-actions {
    … …  
    10311109
    10321110                                h2 {
     1111
    10331112                                        @include font-size(20);
    10341113                                }
    … …  
    10451124
    10461125                        @media screen and (min-width: 594px) {
     1126
    10471127                                #item-actions {
    10481128                                        float: right;
    … …  
    10701150
    10711151.bp-user #buddypress {
     1152
    10721153        #item-header {
    10731154
    … …  
    10861167
    10871168                @media screen and (max-width: 594px) {
     1169
    10881170                        #item-buttons {
     1171
    10891172                                div.generic-button {
    10901173                                        display: inline-block;
    … …  
    10941177
    10951178                                        a {
     1179
    10961180                                                @include box-model();
    10971181                                                display: block;
    … …  
    11031187
    11041188                @media screen and (min-width: 673px) {
     1189
    11051190                        #item-header-avatar {
    11061191                                float: left;
    … …  
    11481233
    11491234        .radio {
     1235
    11501236                strong {
     1237
    11511238                        @include font-size(18);
    11521239                }
    … …  
    11571244        }
    11581245
    1159         #group-creation-previous {margin: $spacing-val-sm 0;}
     1246        #group-creation-previous {
     1247                margin: $spacing-val-sm 0;
     1248        }
    11601249}
    11611250
    11621251/* Manage Members */
    11631252.groups.manage-members {
     1253
    11641254        #group-settings-form {
    11651255
    1166                 h3 {margin-top: $spacing-val-lg;}
     1256                h3 {
     1257                        margin-top: $spacing-val-lg;
     1258                }
    11671259
    11681260                .item-list {
    … …  
    11731265                        li {
    11741266                                border-bottom: 1px solid $border-light;
    1175                                 &:last-child {border-bottom: 0;}
     1267
     1268                                &:last-child {
     1269                                        border-bottom: 0;
     1270                                }
    11761271
    11771272                                img,
    … …  
    12191314
    12201315#buddypress {
     1316
    12211317        #members-group-list {
     1318
    12221319                .item-list {
     1320
    12231321                        h5 {
    12241322                                display: inline-block;
    … …  
    12341332
    12351333#buddypress {
     1334
    12361335        #item-body {
     1336
    12371337                #subnav {
     1338
    12381339                        li.groups-members-search:focus,
    12391340                        li.groups-members-search:hover,
    … …  
    12481349// Need to target groups members via body classes
    12491350.groups.group-members {
     1351
    12501352        #subnav {
    12511353
    … …  
    12561358                }
    12571359
    1258                 ul:after {clear: both; }
     1360                ul:after {
     1361                        clear: both;
     1362                }
    12591363
    12601364                ul {
    … …  
    12721376
    12731377                        #search-members-form {
     1378
    12741379                                @include box-model(border-box);
    12751380                                float: left;
    … …  
    12801385
    12811386                                        label {
    1282                                                 input[type="text"] {width: 100%;}
     1387
     1388                                                input[type="text"] {
     1389                                                        width: 100%;
     1390                                                }
    12831391                                        }
    12841392                                }
    … …  
    13011409
    13021410.send-invites {
     1411
    13031412        #buddypress {
     1413
    13041414                #item-body {
     1415
    13051416                        @media screen and (min-width: 783px) {
    13061417                                border-top: 1px solid $nav-background-border;
    … …  
    13081419
    13091420                        @media screen and (max-width: 400px) {
     1421
    13101422                                .left-menu {
    13111423                                        float: none;
    … …  
    13231435
    13241436                        li {
     1437
    13251438                                img.avatar {
    13261439                                        display: block;
    … …  
    13411454
    13421455                        @media screen and (min-width: 594px) {
    1343                                 #invite-list {width: 160px;}
    1344                                 .main-column {margin-left: 190px;}
     1456
     1457                                #invite-list {
     1458                                        width: 160px;
     1459                                }
     1460
     1461                                .main-column {
     1462                                        margin-left: 190px;
     1463                                }
    13451464
    13461465                                li {
     1466
    13471467                                        img.avatar {
    13481468                                                float: left;
    … …  
    13711491
    13721492#buddypress {
     1493
    13731494        .profile {
    13741495
    13751496                .bp-widget {
     1497
    13761498                        h2 {
    13771499                                background: $medium-background;
    … …  
    13841506
    13851507                #profile-edit-form {
     1508
    13861509                        .button-nav:before,
    13871510                        .button-nav:after {
    … …  
    14121535                                        background: none;
    14131536                                        border: 0;
    1414                                         @include font-size(18)
     1537
     1538                                        @include font-size(18);
    14151539                                }
    14161540                        } //.button-nav
    … …  
    14181542                        .field-visibility-settings-toggle,
    14191543                        .field-visibility-settings {
     1544
    14201545                                @include font-size(14);
    14211546                        }
    … …  
    14571582                                background: $content-background;
    14581583                                border-right: 0 !important;
     1584
    14591585                                @include box-model(border-box);
    14601586                                display: inline-block;
    … …  
    14891615                        td.thread-options {
    14901616                                border-left: 0;
     1617
    14911618                                @include calc(width, "100% - 30px");
    14921619                                margin-left: 0;
    … …  
    15031630
    15041631                                a {
     1632
    15051633                                        @include font-size(12);
    15061634                                        line-height: 2.2;
    … …  
    15191647                                @media screen and (max-width: 320px) {
    15201648                                        clear: both;
     1649
    15211650                                        @include font-size(11);
    15221651                                        width: 100%;
    … …  
    15261655
    15271656                tr.unread {
     1657
    15281658                        td {
    15291659                                background: lighten($unread, 7%);
    … …  
    15561686
    15571687                #message-subject {
     1688
    15581689                        @include title-background-dark();
    15591690                        padding: 0.5em;
    … …  
    15611692
    15621693                .message-box {
     1694
    15631695                        .message-metadata {
    15641696                                margin-bottom: $spacing-val-sm;
    … …  
    15711703                }
    15721704
    1573                 .bp-tooltip:hover::after,
    1574                 .bp-tooltip:active::after,
    1575                 .bp-tooltip:focus::after {
     1705                .bp-tooltip:hover:after,
     1706                .bp-tooltip:active:after,
     1707                .bp-tooltip:focus:after {
    15761708                        right: 40px;
    15771709                        text-align: right;
    … …  
    15831715                margin: 0;
    15841716
    1585                 li {margin-left: 0;}
     1717                li {
     1718                        margin-left: 0;
     1719                }
    15861720
    15871721                li.friend-tab {
    … …  
    16181752
    16191753        #message-threads.sitewide-notices {
     1754
    16201755                td {
    16211756                        width: 100%;
    16221757
    16231758                        strong {
     1759
    16241760                                @include title-background-dark();
    16251761                                @include font-size(16);
    … …  
    16611797                        }
    16621798
    1663                         a:last-child::after {
     1799                        a:last-child:after {
    16641800                                content: attr(title);
    16651801                                display: block;
    … …  
    16721808        .messages-notices {
    16731809
    1674                 .bp-tooltip:hover::after,
    1675                 .bp-tooltip:active::after,
    1676                 .bp-tooltip:focus::after {
     1810                .bp-tooltip:hover:after,
     1811                .bp-tooltip:active:after,
     1812                .bp-tooltip:focus:after {
    16771813                        left: 0;
    16781814                        margin-top: 10px;
    … …  
    16931829                padding-left: $spacing-val-sm;
    16941830
    1695                 ul {    margin: 0; }
     1831                ul {
     1832                        margin: 0;
     1833                }
    16961834
    16971835                li {
    … …  
    17141852
    17151853#buddypress {
     1854
    17161855        #settings-form {
    17171856                // 'p' = email notification screen sub heading
    1718                 > p { @include font-size(20); }
     1857                > p {
     1858
     1859                        @include font-size(20);
     1860                }
    17191861        }
    17201862
    17211863        table.notification-settings {
     1864
    17221865                td.yes,
    17231866                td.no {
    … …  
    17351878
    17361879                @media screen and (min-width: 401px) {
     1880
    17371881                        th.field-group-name,
    17381882                        td.field-name {
    … …  
    17421886
    17431887                td.field-visibility {
    1744                         select {width: 100%;}
     1888
     1889                        select {
     1890                                width: 100%;
     1891                        }
    17451892                }
    17461893        }
    … …  
    17661913
    17671914        .standard-form {
     1915
    17681916                input[type="text"],
    17691917                input[type="email"],
    … …  
    17761924
    17771925        // BP :(
    1778         #send-reply.standard-form textarea {width: 100%;}
     1926        #send-reply.standard-form textarea {
     1927                width: 100%;
     1928        }
    17791929
    17801930        div.activity-comments {
     1931
    17811932                form {
     1933
    17821934                        .ac-textarea {
    17831935                                background: $light-background;
    … …  
    18141966                        }
    18151967
    1816                         input[type='text'] {
     1968                        input[type="text"] {
    18171969                                float: left;
    18181970                                margin: 0;
    … …  
    18201972                        }
    18211973
    1822                         input[type='text'],
    1823                         input[type='submit'] {
     1974                        input[type="text"],
     1975                        input[type="submit"] {
    18241976                                border: 0;
     1977
    18251978                                @include font-size(14);
    18261979                                line-height: inherit;
    18271980                        }
    18281981
    1829                         input[type='text'] {
     1982                        input[type="text"] {
    18301983                                border-right: 1px solid #ccc;
    18311984                                padding: 0.2em 0 0.2em 0.2em;
    18321985                        }
    18331986
    1834                         input[type='submit'] {
     1987                        input[type="submit"] {
    18351988                                float: right;
    1836                                 font-weight: normal;
     1989                                font-weight: 400;
    18371990                                padding: 0.2em 1em;
    18381991                                text-align: center;
    … …  
    18472000        // Shift the search parent to the right and allow to shrinkwrap
    18482001        @media screen and (min-width: 401px) {
     2002
    18492003                div.dir-search,
    18502004                div.message-search {
    … …  
    18532007
    18542008                        form {
     2009
    18552010                                label,
    1856                                 input[type='submit'],
    1857                                 input[type='text'] {
     2011                                input[type="submit"],
     2012                                input[type="text"] {
    18582013                                        width: auto;
    18592014                                }
    … …  
    18612016                }
    18622017
    1863                 div.message-search { margin: 3px 0 0;}
     2018                div.message-search {
     2019                        margin: 3px 0 0;
     2020                }
    18642021
    18652022                li.groups-members-search {
     2023
    18662024                        form {
     2025
    18672026                                label,
    1868                                 input[type='submit'],
    1869                                 input[type='text'] {
     2027                                input[type="submit"],
     2028                                input[type="text"] {
    18702029                                        width: auto;
    18712030                                }
    … …  
    18832042*/
    18842043#buddypress {
     2044
    18852045        table {
    18862046                border-color: $border-med;
    … …  
    18912051        }
    18922052}
     2053
    18932054/*__ User Account tables __*/
    18942055
    … …  
    19042065
    19052066        div#message {
     2067
    19062068                p {
     2069
    19072070                        @include font-size(18);
    1908                         font-weight: bold;
     2071                        font-weight: 700;
    19092072                }
    19102073
    19112074                &.info {
     2075
    19122076                        p {
     2077
    19132078                                @include message-box($notice-info);
    19142079                        }
    … …  
    19162081
    19172082                &.updated {
     2083
    19182084                        p {
     2085
    19192086                                @include message-box($notice-update);
    19202087                        }
    … …  
    19272094// Without direct classes on our messages ( 'warning' )
    19282095// we need to use the body classes
    1929 // todo: If this is class .warning is included in main BP styles remove from here
     2096// @todo If this class .warning is included in main BP styles remove from here
    19302097.delete-group {
     2098
    19312099        #buddypress {
     2100
    19322101                div#message.info {
     2102
    19332103                        p {
     2104
    19342105                                @include message-box($notice-warning);
    19352106                        }

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    710710        border: 1px solid rgba(190, 190, 190, 0.5);
    711711        float: right;
    712         line-height: 1.5em;
     712        line-height: 1.5;
    713713        margin-top: 12px;
    714714        padding-right: 0.2em;
    … …  
    922922        font-size: 12px;
    923923        font-size: 0.75rem;
    924         font-weight: normal;
     924        font-weight: 400;
    925925        line-height: 1.2;
    926926        padding: 4px 10px;
    … …  
    10591059        .single-item.groups #buddypress #item-header .generic-button {
    10601060                float: none;
    1061                 margin: 1.5em 0 0 0;
     1061                margin: 1.5em 0 0;
    10621062        }
    10631063}
    … …  
    15701570}
    15711571
    1572 .bp-user #buddypress #message-thread .message-metadata::after {
     1572.bp-user #buddypress #message-thread .message-metadata:after {
    15731573        clear: both;
    15741574        content: "";
    … …  
    16081608}
    16091609
    1610 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1611 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1612 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1610.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1611.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1612.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    16131613        left: 40px;
    16141614        text-align: left;
    … …  
    18221822}
    18231823
    1824 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1824.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    18251825        content: attr(title);
    18261826        display: block;
    … …  
    18961896}
    18971897
    1898 #main #buddypress .standard-form input[type='text'],
    1899 #main #buddypress .standard-form input[type='email'],
    1900 #main #buddypress .standard-form input[type='password'],
     1898#main #buddypress .standard-form input[type="text"],
     1899#main #buddypress .standard-form input[type="email"],
     1900#main #buddypress .standard-form input[type="password"],
    19011901#main #buddypress .standard-form textarea {
    19021902        width: 100%;
    … …  
    20022002        border-radius: none;
    20032003        float: left;
    2004         font-weight: normal;
     2004        font-weight: 400;
    20052005        padding: 0.2em 1em;
    20062006        text-align: center;
    … …  
    20132013}
    20142014
    2015 #buddypress .dir-search #search-members-form input[type='text'],
    2016 #buddypress #search-groups-form input[type='text'],
    2017 #buddypress #search-message-form input[type='text'] {
     2015#buddypress .dir-search #search-members-form input[type="text"],
     2016#buddypress #search-groups-form input[type="text"],
     2017#buddypress #search-message-form input[type="text"] {
    20182018        float: right;
    20192019        margin: 0;
    … …  
    20312031
    20322032@media screen and (min-width: 67em) {
    2033         #buddypress .dir-search form input[type='text'],
    2034         #buddypress .message-search form input[type='text'],
    2035         #buddypress li.groups-members-search form input[type='text'] {
     2033        #buddypress .dir-search form input[type="text"],
     2034        #buddypress .message-search form input[type="text"],
     2035        #buddypress li.groups-members-search form input[type="text"] {
    20362036                font-size: 16px;
    20372037                font-size: 1rem;
    20382038        }
    2039         #buddypress .dir-search form input[type='submit'],
    2040         #buddypress .message-search form input[type='submit'],
    2041         #buddypress li.groups-members-search form input[type='submit'] {
     2039        #buddypress .dir-search form input[type="submit"],
     2040        #buddypress .message-search form input[type="submit"],
     2041        #buddypress li.groups-members-search form input[type="submit"] {
    20422042                font-size: 16px;
    20432043                font-size: 1rem;
    … …  
    21532153}
    21542154
    2155 #buddypress .messages-notices .bp-tooltip:hover::after,
    2156 #buddypress .messages-notices .bp-tooltip:active::after,
    2157 #buddypress .messages-notices .bp-tooltip:focus::after {
     2155#buddypress .messages-notices .bp-tooltip:hover:after,
     2156#buddypress .messages-notices .bp-tooltip:active:after,
     2157#buddypress .messages-notices .bp-tooltip:focus:after {
    21582158        right: 0;
    21592159        margin-top: 20px;
    … …  
    21722172        font-size: 18px;
    21732173        font-size: 1.125rem;
    2174         font-weight: bold;
     2174        font-weight: 700;
    21752175}
    21762176

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    710710        border: 1px solid rgba(190, 190, 190, 0.5);
    711711        float: left;
    712         line-height: 1.5em;
     712        line-height: 1.5;
    713713        margin-top: 12px;
    714714        padding-left: 0.2em;
    … …  
    922922        font-size: 12px;
    923923        font-size: 0.75rem;
    924         font-weight: normal;
     924        font-weight: 400;
    925925        line-height: 1.2;
    926926        padding: 4px 10px;
    … …  
    10591059        .single-item.groups #buddypress #item-header .generic-button {
    10601060                float: none;
    1061                 margin: 1.5em 0 0 0;
     1061                margin: 1.5em 0 0;
    10621062        }
    10631063}
    … …  
    15701570}
    15711571
    1572 .bp-user #buddypress #message-thread .message-metadata::after {
     1572.bp-user #buddypress #message-thread .message-metadata:after {
    15731573        clear: both;
    15741574        content: "";
    … …  
    16081608}
    16091609
    1610 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1611 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1612 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1610.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1611.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1612.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    16131613        right: 40px;
    16141614        text-align: right;
    … …  
    18221822}
    18231823
    1824 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1824.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    18251825        content: attr(title);
    18261826        display: block;
    … …  
    18961896}
    18971897
    1898 #main #buddypress .standard-form input[type='text'],
    1899 #main #buddypress .standard-form input[type='email'],
    1900 #main #buddypress .standard-form input[type='password'],
     1898#main #buddypress .standard-form input[type="text"],
     1899#main #buddypress .standard-form input[type="email"],
     1900#main #buddypress .standard-form input[type="password"],
    19011901#main #buddypress .standard-form textarea {
    19021902        width: 100%;
    … …  
    20022002        border-radius: none;
    20032003        float: right;
    2004         font-weight: normal;
     2004        font-weight: 400;
    20052005        padding: 0.2em 1em;
    20062006        text-align: center;
    … …  
    20132013}
    20142014
    2015 #buddypress .dir-search #search-members-form input[type='text'],
    2016 #buddypress #search-groups-form input[type='text'],
    2017 #buddypress #search-message-form input[type='text'] {
     2015#buddypress .dir-search #search-members-form input[type="text"],
     2016#buddypress #search-groups-form input[type="text"],
     2017#buddypress #search-message-form input[type="text"] {
    20182018        float: left;
    20192019        margin: 0;
    … …  
    20312031
    20322032@media screen and (min-width: 67em) {
    2033         #buddypress .dir-search form input[type='text'],
    2034         #buddypress .message-search form input[type='text'],
    2035         #buddypress li.groups-members-search form input[type='text'] {
     2033        #buddypress .dir-search form input[type="text"],
     2034        #buddypress .message-search form input[type="text"],
     2035        #buddypress li.groups-members-search form input[type="text"] {
    20362036                font-size: 16px;
    20372037                font-size: 1rem;
    20382038        }
    2039         #buddypress .dir-search form input[type='submit'],
    2040         #buddypress .message-search form input[type='submit'],
    2041         #buddypress li.groups-members-search form input[type='submit'] {
     2039        #buddypress .dir-search form input[type="submit"],
     2040        #buddypress .message-search form input[type="submit"],
     2041        #buddypress li.groups-members-search form input[type="submit"] {
    20422042                font-size: 16px;
    20432043                font-size: 1rem;
    … …  
    21532153}
    21542154
    2155 #buddypress .messages-notices .bp-tooltip:hover::after,
    2156 #buddypress .messages-notices .bp-tooltip:active::after,
    2157 #buddypress .messages-notices .bp-tooltip:focus::after {
     2155#buddypress .messages-notices .bp-tooltip:hover:after,
     2156#buddypress .messages-notices .bp-tooltip:active:after,
     2157#buddypress .messages-notices .bp-tooltip:focus:after {
    21582158        left: 0;
    21592159        margin-top: 20px;
    … …  
    21722172        font-size: 18px;
    21732173        font-size: 1.125rem;
    2174         font-weight: bold;
     2174        font-weight: 700;
    21752175}
    21762176

  • trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss

    r11586 r11587  
    2222// In addition BP will use the em breakpoints as  referenced below to provide
    2323// a series of finer breakpoints for max widths, to allow fine adjustments;
    24 // For main structural elements we use the themes values, only using bp breakpoints
    25 // to manage granular elements in loops etc.
     24// For main structural elements we use the themes values, only using bp
     25// breakpoints to manage granular elements in loops etc.
    2626
    2727$x-small-only-bp: "max-width: 22em"; // for xtra small mobile only
    … …  
    4040
    4141@mixin x-small-only {
    42         @media screen and ($x-small-only-bp){
     42
     43        @media screen and ($x-small-only-bp) {
     44
    4345                @content;
    4446        }
    … …  
    4648
    4749@mixin small-only {
    48         @media screen and ($small-only-bp){
     50
     51        @media screen and ($small-only-bp) {
     52
    4953                @content;
    5054        }
    … …  
    5256
    5357@mixin medium-only-bp {
    54         @media screen and ($med-only-bp){
     58
     59        @media screen and ($med-only-bp) {
     60
    5561                @content;
    5662        }
    … …  
    5864
    5965@mixin small-up-bp {
    60         @media screen and ($small-up-bp){
     66
     67        @media screen and ($small-up-bp) {
     68
    6169                @content;
    6270        }
    … …  
    6472
    6573@mixin small-up {
    66         @media screen and ($small-up-2017){
     74
     75        @media screen and ($small-up-2017) {
     76
    6777                @content;
    6878        }
    … …  
    7080
    7181@mixin med-small-up {
     82
    7283        @media screen and ($med-small-up-2017) {
     84
    7385                @content;
    7486        }
    … …  
    7688
    7789@mixin medium-up {
     90
    7891        @media screen and ($medium-up-2017) {
     92
    7993                @content;
    8094        }
    … …  
    8296
    8397@mixin large-up {
     98
    8499        @media screen and ($large-up-2017) {
     100
    85101                @content;
    86102        }
    … …  
    88104
    89105@mixin x-large-up {
     106
    90107        @media screen and ($x-large-up-2017) {
     108
    91109                @content;
    92110        }
    … …  
    229247$unread:             $x-light-grey;
    230248$link-action:        #c82b2b;
     249
    231250/*--------------------------------------------------------------
    232251
    … …  
    241260in your child themes root & either start over or modify the rulesets.
    242261
    243 If you do not require the styles you can dequeue them from the themes functions file.
     262If you do not require the styles you can dequeue them from the themes
     263functions file.
    244264
    245265Please see this codex article for more information:
    … …  
    292312.buddypress {
    293313        // Remove any empty clearing elements, CSS provides clearing.
    294         div.clear {display: none;}
     314        div.clear {
     315                display: none;
     316        }
    295317
    296318        // deal with global clearing property set on heading elements
    … …  
    298320
    299321        ul.item-list {
     322
    300323                h1,
    301324                h2,
    … …  
    395418
    396419// Some element colors are inherited from BP original sheet so need to
    397 // to be reset under the dark scheme, where set in this sheet we simply state them
     420// be reset under the dark scheme, where set in this sheet we simply state them
    398421// only for the light scheme, additionally elements such as BP form styles
    399422// need styles removing & are handled later in 'Forms' section
    … …  
    441464                }
    442465
    443                 // With the dark scheme the subnav links lose definition as
    444                 // nav menu links, add a border top to clarify the li.last element seperated from links.
     466                // With the dark scheme the subnav links lose definition as nav menu links,
     467                // add a border top to clarify the li.last element seperated from links.
    445468                #subnav.item-list-tabs {
    446469
    … …  
    480503                        .activity-meta,
    481504                        .action {
     505
    482506                                a {
    483507                                        background: $off-white;
    … …  
    500524
    501525                #item-header {
     526
    502527                        .user-nicename {
    503528                                color: $bp-xlight-text;
    … …  
    560585                #subnav {
    561586
    562                         li {background: none;}
     587                        li {
     588                                background: none;
     589                        }
    563590
    564591                        .groups-members-search {
    … …  
    713740                                a {
    714741
    715                                         span {border-radius: 25%;}
     742                                        span {
     743                                                border-radius: 25%;
     744                                        }
    716745                                }
    717746                        }
    … …  
    753782
    754783                        @include small-up-bp {
     784
    755785                                li {
    756786                                        float: left;
    … …  
    787817                                label,
    788818                                option {
     819
    789820                                        @include font-size(14);
    790821                                }
    … …  
    797828
    798829                        @include small-up-bp {
     830
    799831                                li.last {
    800832                                        text-align: right;
    … …  
    854886                                        margin: 0 0 0 (-$spacing-val-md);
    855887
    856                                         ul {margin-top: 0;}
     888                                        ul {
     889                                                margin-top: 0;
     890                                        }
    857891                                }
    858892                        }
    … …  
    898932                                        border: 1px solid $border-med;
    899933                                        border-bottom-color: $content-background;
     934
    900935                                        @include border-top-radius(4px);
    901936                                        margin-bottom: -1px;
    … …  
    912947
    913948                #subnav {
     949
    914950                        ul {
    915951                                border-bottom: 0;
    … …  
    940976                }
    941977
    942                 .pag-count {margin-left: 0;}
     978                .pag-count {
     979                        margin-left: 0;
     980                }
     981
    943982                .pagination-links {
    944983                        margin-right: 0;
    … …  
    957996                                overflow: visible;
    958997                                width: auto;
    959                                 &:before {display: none;}
     998
     999                                &:before {
     1000                                        display: none;
     1001                                }
    9601002                        }
    9611003
    … …  
    9861028                .activity-header,
    9871029                .activity-meta {
     1030
    9881031                        @include default-font-sans();
    9891032                }
    … …  
    10461089                                text-align: center;
    10471090
    1048                                 a {border-bottom: 0;}
     1091                                a {
     1092                                        border-bottom: 0;
     1093                                }
    10491094
    10501095                                img.avatar {
    … …  
    10781123
    10791124                                .item-title {
     1125
    10801126                                        @include font-size(18);
    10811127                                        line-height: 1.2;
    … …  
    10901136                                        .update {
    10911137                                                display: block;
     1138
    10921139                                                @include font-size(13);
    10931140
    10941141                                                @include medium-up {
     1142
    10951143                                                        @include font-size(14);
    10961144                                                }
    … …  
    11181166
    11191167                                        .item-title {
    1120                                                 @include font-size(22)
     1168
     1169                                                @include font-size(22);
    11211170                                        }
    11221171                                }
    … …  
    11941243
    11951244#buddypress {
     1245
    11961246        form#whats-new-form {
    11971247
    … …  
    12191269                                        border: 1px solid rgba($border-color, 0.5);
    12201270                                        float: left;
    1221                                         line-height: 1.5em;
     1271                                        line-height: 1.5;
    12221272                                        margin-top: 12px;
    12231273                                        padding-left: 0.2em;
    … …  
    12351285
    12361286                                @include small-up {
     1287
    12371288                                        #whats-new-post-in-box {
    12381289                                                width: auto;
    … …  
    12511302        // User account form requires matching bp default specificity
    12521303        #item-body {
     1304
    12531305                form#whats-new-form {
    12541306                        margin: $spacing-val-lg 0;
    … …  
    12941346
    12951347                                .activity-header {
     1348
    12961349                                        @include font-size(14);
    12971350
    … …  
    13081361                                        margin-right: $spacing-val-sm;
    13091362                                        text-align: left;
    1310                                         a {border-bottom: 0;}
     1363
     1364                                        a {
     1365                                                border-bottom: 0;
     1366                                        }
    13111367                                }
    13121368
    … …  
    13161372
    13171373                                        .activity-header {
     1374
    13181375                                                @include font-size(16);
    13191376                                        }
    … …  
    13411398
    13421399                                .activity-header {
     1400
    13431401                                        @include font-size(14);
    13441402                                }
    … …  
    13911449                                background: darken($light-background, 1%);
    13921450                                border: 1px solid rgba(#9fd1e2, 0.3);
    1393                                 a { font-style: italic; }
     1451
     1452                                a {
     1453                                        font-style: italic;
     1454                                }
    13941455                        }
    13951456
    … …  
    14051466
    14061467.activity-permalink {
     1468
    14071469        #buddypress {
    14081470
    … …  
    14141476
    14151477                        li.mini {
     1478
    14161479                                .activity-header {
     1480
    14171481                                        @include font-size(16);
     1482
    14181483                                        @include med-small-up {
     1484
    14191485                                                @include font-size(20);
    14201486                                        }
    14211487
    14221488                                        margin-bottom: $spacing-val-lg;
    1423                                         p {padding: $spacing-val-md;}
     1489
     1490                                        p {
     1491                                                padding: $spacing-val-md;
     1492                                        }
    14241493                                }
    14251494                        }
    … …  
    14681537                                        display: inline-block;
    14691538                                        font-family: inherit;
     1539
    14701540                                        @include font-size(12);
    1471                                         font-weight: normal;
     1541                                        font-weight: 400;
    14721542                                        line-height: 1.2;
    14731543                                        padding: 4px 10px;
    … …  
    15061576
    15071577                        li {
     1578
    15081579                                .item-avatar,
    15091580                                .item {
    … …  
    15581629
    15591630                @include small-up {
    1560                         #profile-details-section {float: right;}
    1561                         #basic-details-section {float: left;}
     1631
     1632                        #profile-details-section {
     1633                                float: right;
     1634                        }
     1635
     1636                        #basic-details-section {
     1637                                float: left;
     1638                        }
    15621639                }
    15631640
    … …  
    16231700                // & reset them for med up  only.
    16241701                #item-header-cover-image {
     1702
    16251703                        .user-nicename {
    16261704                                color: $body-text;
    … …  
    16431721
    16441722                        #item-meta {
     1723
    16451724                                @include font-size(14);
    16461725                                text-align: left;
    16471726
    1648                                 p {margin-bottom: 0.5em;}
     1727                                p {
     1728                                        margin-bottom: 0.5em;
     1729                                }
    16491730                        }
    16501731                }
    … …  
    16541735
    16551736                main {
     1737
    16561738                        header.entry-header {
    16571739                                padding-bottom: 1rem;
    … …  
    16761758                                .generic-button {
    16771759                                        float: none;
    1678                                         margin: 1.5em 0 0 0;
     1760                                        margin: 1.5em 0 0;
    16791761                                }
    16801762                        }
    … …  
    16881770
    16891771                        #item-header-avatar {
     1772
    16901773                                img.avatar {
    16911774                                        margin-right: 0;
    … …  
    17131796
    17141797                @include medium-only-bp {
     1798
    17151799                        #item-header {
     1800
    17161801                                #item-meta {
    17171802                                        margin-bottom: $spacing-val-md;
    … …  
    17811866
    17821867                                h2 {
     1868
    17831869                                        @include font-size(14);
    17841870
    17851871                                        @include med-small-up {
     1872
    17861873                                                @include font-size(16);
    17871874                                        }
    … …  
    18271914
    18281915.bp-user {
     1916
    18291917        #buddypress {
    18301918
    … …  
    18371925
    18381926                                img.avatar,
    1839 
    18401927                                a {
    18411928                                        display: inline-block;
    … …  
    19312018                        background: none;
    19322019                        color: inherit;
     2020
    19332021                        @include font-size(14);
    19342022                        width: auto;
    … …  
    19532041                        ul {
    19542042                                color: rgba($body-text, 0.6);
     2043
    19552044                                @include font-size(14);
    19562045                        }
    … …  
    19812070                                        float: left;
    19822071
    1983                                         > a {border-bottom: 0;}
     2072                                        > a {
     2073                                                border-bottom: 0;
     2074                                        }
    19842075                                }
    19852076
    … …  
    20202111
    20212112        #subnav {
     2113
    20222114                li {
     2115
    20232116                        @include small-only {
    20242117                                background: $content-background;
    … …  
    20362129
    20372130                                        label {
    2038                                                 input[type="text"] {width: 100%;}
     2131
     2132                                                input[type="text"] {
     2133                                                        width: 100%;
     2134                                                }
    20392135                                        }
    20402136                                }
    … …  
    20732169
    20742170                        th {
    2075                                 @include font-size(14)
     2171
     2172                                @include font-size(14);
    20762173                        }
    20772174
    20782175                        td {
    2079                                 @include font-size(12)
     2176
     2177                                @include font-size(12);
    20802178                        }
    20812179
    … …  
    20872185
    20882186                                th {
    2089                                         @include font-size(16)
     2187
     2188                                        @include font-size(16);
    20902189                                }
    20912190
    20922191                                td {
    2093                                         @include font-size(14)
     2192
     2193                                        @include font-size(14);
    20942194                                }
    20952195                        }
    … …  
    20982198
    20992199                                th {
    2100                                         @include font-size(18)
     2200
     2201                                        @include font-size(18);
    21012202                                }
    21022203
    21032204                                td {
    2104                                         @include font-size(16)
    2105                                 }
    2106                         }
    2107                 }
    2108 
    2109                 .pag-count {font-style: italic;}
     2205
     2206                                        @include font-size(16);
     2207                                }
     2208                        }
     2209                }
     2210
     2211                .pag-count {
     2212                        font-style: italic;
     2213                }
    21102214
    21112215                .notifications-options-nav,
    … …  
    21722276                        }
    21732277
    2174                         table {margin-top: 0;}
     2278                        table {
     2279                                margin-top: 0;
     2280                        }
    21752281
    21762282                        .profile-fields {
    … …  
    22202326                                                background: none;
    22212327                                                border: 0;
    2222                                                 @include font-size(18)
     2328
     2329                                                @include font-size(18);
    22232330                                        }
    22242331                                } //.button-nav
    … …  
    22272334                                .field-visibility-settings-notoggle,
    22282335                                .field-visibility-settings {
     2336
    22292337                                        @include font-size(14);
    22302338                                        margin-top: $spacing-val-sm;
    … …  
    22342342                                .visibility-toggle-link {
    22352343                                        background: $dark-background;
     2344
    22362345                                        @include border-radius(3px);
    22372346                                        color: #fff;
    … …  
    22412350
    22422351                        .bp-avatar {
     2352
    22432353                                #bp-delete-avatar {
    2244                                         a {font-size: inherit; }
     2354
     2355                                        a {
     2356                                                font-size: inherit;
     2357                                        }
    22452358                                }
    22462359                        }
    … …  
    22612374
    22622375                #groups-list {
     2376
    22632377                        li {
     2378
    22642379                                .item {
     2380
    22652381                                        @media screen and (min-width: 77.5em) {
    22662382                                                left: 5%;
    … …  
    23082424                        .message-metadata {
    23092425
    2310                                 &::after {
     2426                                &:after {
    23112427                                        clear: both;
    23122428                                        content: "";
    … …  
    23192435
    23202436                                @include med-small-up {
     2437
    23212438                                        img.avatar {
    23222439                                                float: left;
    … …  
    23502467                        }
    23512468
    2352                         .bp-tooltip:hover::after,
    2353                         .bp-tooltip:active::after,
    2354                         .bp-tooltip:focus::after {
     2469                        .bp-tooltip:hover:after,
     2470                        .bp-tooltip:active:after,
     2471                        .bp-tooltip:focus:after {
    23552472                                right: 40px;
    23562473                                text-align: right;
    … …  
    24222539                                td.thread-options {
    24232540                                        border-left: 0 !important;
     2541
    24242542                                        @include calc(width, "100% - 30px");
    24252543                                        margin-left: 0;
    … …  
    24352553
    24362554                                        a {
     2555
    24372556                                                @include font-size(12);
    24382557                                                line-height: 2.2;
    … …  
    24512570                                        @include small-only {
    24522571                                                clear: both;
     2572
    24532573                                                @include font-size(11);
    24542574                                                width: 100%;
    … …  
    24862606                        list-style: none;
    24872607
    2488                         li {margin-left: 0;}
     2608                        li {
     2609                                margin-left: 0;
     2610                        }
    24892611
    24902612                        li.friend-tab {
    … …  
    25432665
    25442666                        td:nth-child(2) {
     2667
    25452668                                strong {
    25462669                                        margin: -8px -8px 8px;
    … …  
    25702693                                }
    25712694
    2572                                 a:last-child::after {
     2695                                a:last-child:after {
    25732696                                        content: attr(title);
    25742697                                        display: block;
    … …  
    25862709                padding-left: $spacing-val-sm;
    25872710
    2588                 ul {    margin: 0; }
     2711                ul {
     2712                        margin: 0;
     2713                }
    25892714
    25902715                li {
    … …  
    26132738                        // 'p' = email notification screen sub heading
    26142739                        > p {
     2740
    26152741                                @include font-size(20);
    26162742                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    26772803                        }
    26782804
    2679                         input[type='text'],
    2680                         input[type='email'],
    2681                         input[type='password'],
     2805                        input[type="text"],
     2806                        input[type="email"],
     2807                        input[type="password"],
    26822808                        textarea {
    26832809                                width: 100%;
    … …  
    26942820
    26952821                form {
     2822
    26962823                        .ac-textarea {
    26972824                                background: $light-background;
    … …  
    27312858
    27322859        #signup_form.standard-form {
     2860
    27332861                div.submit {
    27342862                        float: none;
    27352863
    2736                         input {margin-right: 0;}
     2864                        input {
     2865                                margin-right: 0;
     2866                        }
    27372867                }
    27382868        }
    … …  
    27532883                form { // *sigh* only to bludgeon over specified rules
    27542884                        border: 1px solid rgba($border-color, 0.6);
     2885
    27552886                        @include border-radius(2px);
    27562887                        overflow: hidden;
    … …  
    27712902                        input[type="submit"] {
    27722903                                border: 0;
     2904
    27732905                                @include font-size(14);
    27742906                                line-height: inherit;
    … …  
    27822914
    27832915                        input[type="submit"] {
     2916
    27842917                                @include border-radius-none();
    27852918                                float: right;
    2786                                 font-weight: normal;
     2919                                font-weight: 400;
    27872920                                padding: 0.2em 1em;
    27882921                                text-align: center;
    … …  
    27942927        } // close .dir-search, .message-search
    27952928
    2796         // Dirs & certain components hide search hides labels so can't width the label element
    2797         // adjust so that the input takes reduced width.
     2929        // Dirs & certain components hide search hides labels so can't width the
     2930        // label element adjust so that the input takes reduced width.
    27982931
    27992932        div.dir-search {
    … …  
    28052938        #search-message-form {
    28062939
    2807                 input[type='text'] {
     2940                input[type="text"] {
    28082941                        float: left;
    28092942                        margin: 0;
    … …  
    28152948
    28162949        @include small-up {
     2950
    28172951                div.dir-search,
    28182952                div.message-search,
    … …  
    28332967                        form {
    28342968
    2835                                 input[type='text'] {
     2969                                input[type="text"] {
     2970
    28362971                                        @include font-size(16) ;
    28372972                                }
    28382973
    2839                                 input[type='submit'] {
     2974                                input[type="submit"] {
     2975
    28402976                                        @include font-size(16) ;
    28412977                                }
    … …  
    28462982} // close #buddypress
    28472983
    2848 // Adjustments for form elements colors, backgrounds, borders under the dark scheme.
     2984// Adjustments for form elements colors, backgrounds, borders under
     2985// the dark scheme.
    28492986body.colors-dark {
    28502987
    … …  
    28602997                                        background: #333;
    28612998                                        border-color: #555;
     2999
    28623000                                        @include border-radius(2px);
    28633001                                        padding: 1px;
    … …  
    28693007
    28703008                                input[type="submit"] {
     3009
    28713010                                        @include border-radius(2px);
    28723011                                }
    … …  
    28793018        }
    28803019}
     3020
    28813021/**
    28823022*-------------------------------------------------------------------------------
    … …  
    28933033
    28943034        table {
     3035
    28953036                @include font-size(14);
    28963037                margin: $spacing-val-md 0;
    … …  
    29093050
    29103051        @include medium-up {
     3052
    29113053                table {
     3054
    29123055                        @include font-size(16);
    29133056                }
    … …  
    29713114        .messages-notices {
    29723115
    2973                 .bp-tooltip:hover::after,
    2974                 .bp-tooltip:active::after,
    2975                 .bp-tooltip:focus::after {
     3116                .bp-tooltip:hover:after,
     3117                .bp-tooltip:active:after,
     3118                .bp-tooltip:focus:after {
    29763119                        left: 0;
    29773120                        margin-top: 20px;
    … …  
    29993142
    30003143                p {
     3144
    30013145                        @include font-size(18);
    3002                         font-weight: bold;
     3146                        font-weight: 700;
    30033147                }
    30043148
    … …  
    30063150
    30073151                        p {
     3152
    30083153                                @include message-box($notice-info);
    30093154                        }
    … …  
    30133158
    30143159                        p {
     3160
    30153161                                @include message-box($notice-update);
    30163162                        }
    … …  
    30263172                        border: 1px solid #000;
    30273173                        color: $body-text;
     3174
    30283175                        @include font-size(16);
    30293176                }
    … …  
    30343181// Without direct classes on our mesages ( 'warning')
    30353182// we need to use the body classes
    3036 // todo: If this is class .warning is included in main BP styles remove from here
     3183// @todo If this class .warning is included in main BP styles remove from here
    30373184
    30383185.delete-group {
    … …  
    30433190
    30443191                        p {
     3192
    30453193                                @include message-box($notice-warning);
    30463194                        }

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    598598        border: 1px solid rgba(212, 208, 186, 0.5);
    599599        float: right;
    600         line-height: 1.5em;
     600        line-height: 1.5;
    601601        margin-top: 12px;
    602602        padding-right: 0.2em;
    … …  
    802802        font-size: 12px;
    803803        font-size: 0.75rem;
    804         font-weight: normal;
     804        font-weight: 400;
    805805        line-height: 1.2;
    806806        padding: 4px 10px;
    … …  
    909909        .single-item.groups #buddypress #item-header .generic-button {
    910910                float: none;
    911                 margin: 1.5em 0 0 0;
     911                margin: 1.5em 0 0;
    912912        }
    913913}
    … …  
    13901390}
    13911391
    1392 .bp-user #buddypress #message-thread .message-metadata::after {
     1392.bp-user #buddypress #message-thread .message-metadata:after {
    13931393        clear: both;
    13941394        content: "";
    … …  
    14281428}
    14291429
    1430 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1431 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1432 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1430.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1431.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1432.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14331433        left: 40px;
    14341434        text-align: left;
    … …  
    16261626}
    16271627
    1628 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1628.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16291629        content: attr(title);
    16301630        display: block;
    … …  
    17001700}
    17011701
    1702 #main #buddypress .standard-form input[type='text'],
    1703 #main #buddypress .standard-form input[type='email'],
    1704 #main #buddypress .standard-form input[type='password'],
     1702#main #buddypress .standard-form input[type="text"],
     1703#main #buddypress .standard-form input[type="email"],
     1704#main #buddypress .standard-form input[type="password"],
    17051705#main #buddypress .standard-form textarea {
    17061706        width: 100%;
    … …  
    17601760}
    17611761
    1762 #buddypress div.dir-search form input[type='text'],
    1763 #buddypress div.message-search form input[type='text'],
    1764 #buddypress li.groups-members-search form input[type='text'] {
     1762#buddypress div.dir-search form input[type="text"],
     1763#buddypress div.message-search form input[type="text"],
     1764#buddypress li.groups-members-search form input[type="text"] {
    17651765        float: right;
    17661766        margin: 0;
    … …  
    17681768}
    17691769
    1770 #buddypress div.dir-search form input[type='text'],
    1771 #buddypress div.dir-search form input[type='submit'],
    1772 #buddypress div.message-search form input[type='text'],
    1773 #buddypress div.message-search form input[type='submit'],
    1774 #buddypress li.groups-members-search form input[type='text'],
    1775 #buddypress li.groups-members-search form input[type='submit'] {
     1770#buddypress div.dir-search form input[type="text"],
     1771#buddypress div.dir-search form input[type="submit"],
     1772#buddypress div.message-search form input[type="text"],
     1773#buddypress div.message-search form input[type="submit"],
     1774#buddypress li.groups-members-search form input[type="text"],
     1775#buddypress li.groups-members-search form input[type="submit"] {
    17761776        font-size: 14px;
    17771777        font-size: 0.875rem;
    … …  
    17801780}
    17811781
    1782 #buddypress div.dir-search form input[type='text'],
    1783 #buddypress div.message-search form input[type='text'],
    1784 #buddypress li.groups-members-search form input[type='text'] {
     1782#buddypress div.dir-search form input[type="text"],
     1783#buddypress div.message-search form input[type="text"],
     1784#buddypress li.groups-members-search form input[type="text"] {
    17851785        border-left: 1px solid rgba(212, 208, 186, 0.6);
    17861786        padding: 0.2em 0.2em 0.2em 0;
    17871787}
    17881788
    1789 #buddypress div.dir-search form input[type='submit'],
    1790 #buddypress div.message-search form input[type='submit'],
    1791 #buddypress li.groups-members-search form input[type='submit'] {
     1789#buddypress div.dir-search form input[type="submit"],
     1790#buddypress div.message-search form input[type="submit"],
     1791#buddypress li.groups-members-search form input[type="submit"] {
    17921792        float: left;
    1793         font-weight: normal;
     1793        font-weight: 400;
    17941794        padding: 0.2em 1em;
    17951795        text-align: center;
    … …  
    18061806        }
    18071807        #buddypress div.dir-search form label,
    1808         #buddypress div.dir-search form input[type='text'],
    1809         #buddypress div.dir-search form input[type='submit'],
     1808        #buddypress div.dir-search form input[type="text"],
     1809        #buddypress div.dir-search form input[type="submit"],
    18101810        #buddypress div.message-search form label,
    1811         #buddypress div.message-search form input[type='text'],
    1812         #buddypress div.message-search form input[type='submit'],
     1811        #buddypress div.message-search form input[type="text"],
     1812        #buddypress div.message-search form input[type="submit"],
    18131813        #buddypress li.groups-members-search form label,
    1814         #buddypress li.groups-members-search form input[type='text'],
    1815         #buddypress li.groups-members-search form input[type='submit'] {
     1814        #buddypress li.groups-members-search form input[type="text"],
     1815        #buddypress li.groups-members-search form input[type="submit"] {
    18161816                width: auto;
    18171817        }
    … …  
    18191819
    18201820@media screen and (min-width: 75em) {
    1821         #buddypress .dir-search form input[type='text'],
    1822         #buddypress .message-search form input[type='text'] {
     1821        #buddypress .dir-search form input[type="text"],
     1822        #buddypress .message-search form input[type="text"] {
    18231823                font-size: 16px;
    18241824                font-size: 1rem;
    18251825        }
    1826         #buddypress .dir-search form input[type='submit'],
    1827         #buddypress .message-search form input[type='submit'] {
     1826        #buddypress .dir-search form input[type="submit"],
     1827        #buddypress .message-search form input[type="submit"] {
    18281828                font-size: 16px;
    18291829                font-size: 1rem;
    … …  
    19021902}
    19031903
    1904 #buddypress .messages-notices .bp-tooltip:hover::after,
    1905 #buddypress .messages-notices .bp-tooltip:active::after,
    1906 #buddypress .messages-notices .bp-tooltip:focus::after {
     1904#buddypress .messages-notices .bp-tooltip:hover:after,
     1905#buddypress .messages-notices .bp-tooltip:active:after,
     1906#buddypress .messages-notices .bp-tooltip:focus:after {
    19071907        right: 0;
    19081908        margin-top: 10px;
    … …  
    19211921        font-size: 18px;
    19221922        font-size: 1.125rem;
    1923         font-weight: bold;
     1923        font-weight: 700;
    19241924}
    19251925

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    598598        border: 1px solid rgba(212, 208, 186, 0.5);
    599599        float: left;
    600         line-height: 1.5em;
     600        line-height: 1.5;
    601601        margin-top: 12px;
    602602        padding-left: 0.2em;
    … …  
    802802        font-size: 12px;
    803803        font-size: 0.75rem;
    804         font-weight: normal;
     804        font-weight: 400;
    805805        line-height: 1.2;
    806806        padding: 4px 10px;
    … …  
    909909        .single-item.groups #buddypress #item-header .generic-button {
    910910                float: none;
    911                 margin: 1.5em 0 0 0;
     911                margin: 1.5em 0 0;
    912912        }
    913913}
    … …  
    13901390}
    13911391
    1392 .bp-user #buddypress #message-thread .message-metadata::after {
     1392.bp-user #buddypress #message-thread .message-metadata:after {
    13931393        clear: both;
    13941394        content: "";
    … …  
    14281428}
    14291429
    1430 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1431 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1432 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1430.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1431.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1432.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14331433        right: 40px;
    14341434        text-align: right;
    … …  
    16261626}
    16271627
    1628 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1628.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16291629        content: attr(title);
    16301630        display: block;
    … …  
    17001700}
    17011701
    1702 #main #buddypress .standard-form input[type='text'],
    1703 #main #buddypress .standard-form input[type='email'],
    1704 #main #buddypress .standard-form input[type='password'],
     1702#main #buddypress .standard-form input[type="text"],
     1703#main #buddypress .standard-form input[type="email"],
     1704#main #buddypress .standard-form input[type="password"],
    17051705#main #buddypress .standard-form textarea {
    17061706        width: 100%;
    … …  
    17601760}
    17611761
    1762 #buddypress div.dir-search form input[type='text'],
    1763 #buddypress div.message-search form input[type='text'],
    1764 #buddypress li.groups-members-search form input[type='text'] {
     1762#buddypress div.dir-search form input[type="text"],
     1763#buddypress div.message-search form input[type="text"],
     1764#buddypress li.groups-members-search form input[type="text"] {
    17651765        float: left;
    17661766        margin: 0;
    … …  
    17681768}
    17691769
    1770 #buddypress div.dir-search form input[type='text'],
    1771 #buddypress div.dir-search form input[type='submit'],
    1772 #buddypress div.message-search form input[type='text'],
    1773 #buddypress div.message-search form input[type='submit'],
    1774 #buddypress li.groups-members-search form input[type='text'],
    1775 #buddypress li.groups-members-search form input[type='submit'] {
     1770#buddypress div.dir-search form input[type="text"],
     1771#buddypress div.dir-search form input[type="submit"],
     1772#buddypress div.message-search form input[type="text"],
     1773#buddypress div.message-search form input[type="submit"],
     1774#buddypress li.groups-members-search form input[type="text"],
     1775#buddypress li.groups-members-search form input[type="submit"] {
    17761776        font-size: 14px;
    17771777        font-size: 0.875rem;
    … …  
    17801780}
    17811781
    1782 #buddypress div.dir-search form input[type='text'],
    1783 #buddypress div.message-search form input[type='text'],
    1784 #buddypress li.groups-members-search form input[type='text'] {
     1782#buddypress div.dir-search form input[type="text"],
     1783#buddypress div.message-search form input[type="text"],
     1784#buddypress li.groups-members-search form input[type="text"] {
    17851785        border-right: 1px solid rgba(212, 208, 186, 0.6);
    17861786        padding: 0.2em 0 0.2em 0.2em;
    17871787}
    17881788
    1789 #buddypress div.dir-search form input[type='submit'],
    1790 #buddypress div.message-search form input[type='submit'],
    1791 #buddypress li.groups-members-search form input[type='submit'] {
     1789#buddypress div.dir-search form input[type="submit"],
     1790#buddypress div.message-search form input[type="submit"],
     1791#buddypress li.groups-members-search form input[type="submit"] {
    17921792        float: right;
    1793         font-weight: normal;
     1793        font-weight: 400;
    17941794        padding: 0.2em 1em;
    17951795        text-align: center;
    … …  
    18061806        }
    18071807        #buddypress div.dir-search form label,
    1808         #buddypress div.dir-search form input[type='text'],
    1809         #buddypress div.dir-search form input[type='submit'],
     1808        #buddypress div.dir-search form input[type="text"],
     1809        #buddypress div.dir-search form input[type="submit"],
    18101810        #buddypress div.message-search form label,
    1811         #buddypress div.message-search form input[type='text'],
    1812         #buddypress div.message-search form input[type='submit'],
     1811        #buddypress div.message-search form input[type="text"],
     1812        #buddypress div.message-search form input[type="submit"],
    18131813        #buddypress li.groups-members-search form label,
    1814         #buddypress li.groups-members-search form input[type='text'],
    1815         #buddypress li.groups-members-search form input[type='submit'] {
     1814        #buddypress li.groups-members-search form input[type="text"],
     1815        #buddypress li.groups-members-search form input[type="submit"] {
    18161816                width: auto;
    18171817        }
    … …  
    18191819
    18201820@media screen and (min-width: 75em) {
    1821         #buddypress .dir-search form input[type='text'],
    1822         #buddypress .message-search form input[type='text'] {
     1821        #buddypress .dir-search form input[type="text"],
     1822        #buddypress .message-search form input[type="text"] {
    18231823                font-size: 16px;
    18241824                font-size: 1rem;
    18251825        }
    1826         #buddypress .dir-search form input[type='submit'],
    1827         #buddypress .message-search form input[type='submit'] {
     1826        #buddypress .dir-search form input[type="submit"],
     1827        #buddypress .message-search form input[type="submit"] {
    18281828                font-size: 16px;
    18291829                font-size: 1rem;
    … …  
    19021902}
    19031903
    1904 #buddypress .messages-notices .bp-tooltip:hover::after,
    1905 #buddypress .messages-notices .bp-tooltip:active::after,
    1906 #buddypress .messages-notices .bp-tooltip:focus::after {
     1904#buddypress .messages-notices .bp-tooltip:hover:after,
     1905#buddypress .messages-notices .bp-tooltip:active:after,
     1906#buddypress .messages-notices .bp-tooltip:focus:after {
    19071907        left: 0;
    19081908        margin-top: 10px;
    … …  
    19211921        font-size: 18px;
    19221922        font-size: 1.125rem;
    1923         font-weight: bold;
     1923        font-weight: 700;
    19241924}
    19251925

  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

    r11586 r11587  
    3737
    3838@mixin small-up {
     39
    3940        @media screen and (min-width: 44.375em) {
     41
    4042                @content;
    4143        }
    … …  
    4345
    4446@mixin medium-up {
     47
    4548        @media screen and (min-width: 61.5625em) {
     49
    4650                @content;
    4751        }
    … …  
    4953
    5054@mixin large-up {
     55
    5156        @media screen and (min-width: 75em) {
     57
    5258                @content;
    5359        }
    … …  
    175181$unread:             #dce5ff;
    176182$link-action:        #c82b2b;
     183
    177184/*--------------------------------------------------------------
    178185
    … …  
    187194in your child themes root & either start over or modify the rulesets.
    188195
    189 If you do not require the styles you can dequeue them from the themes functions file.
     196If you do not require the styles you can dequeue them from the themes
     197functions file.
    190198
    191199Please see this codex article for more information:
    … …  
    264272.buddypress {
    265273        // Remove any empty clearing elements, CSS provides clearing.
    266         div.clear {display: none;}
     274        div.clear {
     275                display: none;
     276        }
    267277
    268278        // Ensure no text decoration or box shadow causing underlined effect.
    … …  
    280290        }
    281291
    282         // The breakpoint for main & sidebar could cut in earlier, elements wrap to blocks/columns
    283         // but margins & padding still in effect for sidebar style.css L:2781.
     292        // The breakpoint for main & sidebar could cut in earlier, elements
     293        // wrap to blocks/columns but margins & padding still in effect
     294        // for sidebar style.css L:2781.
    284295
    285296        @include small-up {
     297
    286298                #primary {
    287299                        float: none;
    … …  
    309321
    310322        @include medium-up {
     323
    311324                #primary {
    312325                        float: left;
    … …  
    332345} // .buddypress (body class)
    333346
    334 // 2016 defines the class 'no-sidebar' if the primary sidebar is empty/inactive in terms
    335 // of widgets; if this is in effect on a site then adjust the BP screens for full width.
     347// 2016 defines the class 'no-sidebar' if the primary sidebar is empty/inactive
     348// in terms of widgets; if this is in effect on a site then adjust the BP
     349// screens for full width.
    336350
    337351.buddypress.no-sidebar {
    … …  
    350364*-------------------------------------------------------------------------------
    351365*/
    352 
    353366
    354367
    … …  
    368381        // active/current states all navs
    369382        div.item-list-tabs {
     383
    370384                ul {
     385
    371386                        li.selected {
     387
    372388                                a {
    373389                                        background: inherit;
    … …  
    379395        // global nav styles
    380396        div.item-list-tabs {
     397
    381398                ul {
    382399                        background-color: $cream-background;
    … …  
    387404
    388405                        li {
     406
    389407                                a {
    390408                                        color: #0073c1;
    391409
    392                                         span {border-radius: 25%;}
     410                                        span {
     411                                                border-radius: 25%;
     412                                        }
    393413                                }
    394414                        }
    … …  
    428448                                &:hover,
    429449                                &:focus {
    430                                         &:before {content: "Menu \021E7";}
     450
     451                                        &:before {
     452                                                content: "Menu \021E7";
     453                                        }
    431454
    432455                                        ul {
    … …  
    460483
    461484                        @media screen and (max-width: 38.75em) {
     485
    462486                                li:not(:last-child) {
    463487                                        border-bottom: 1px solid $border-light;
    … …  
    468492
    469493                                @media screen and (max-width: 38.75em) {
     494
    470495                                        &:focus,
    471496                                        &:hover {
    … …  
    476501
    477502                        @media screen and (min-width: 38.75em) {
     503
    478504                                li {
    479505                                        float: left;
    … …  
    508534                                label,
    509535                                option {
     536
    510537                                        @include font-size(14);
    511538                                }
    … …  
    517544
    518545                        @media screen and (min-width: 38.75em) {
     546
    519547                                li.last {
    520548                                        text-align: right;
    … …  
    537565
    538566        body.no-sidebar {
     567
    539568                #buddypress {
    540569
    … …  
    578607                                        margin: 0 0 0 (-$spacing-val-md);
    579608
    580                                         ul {margin-top: 0;}
     609                                        ul {
     610                                                margin-top: 0;
     611                                        }
    581612                                }
    582613                        }
    … …  
    591622
    592623@media screen and (min-width: 46.25em) {
     624
    593625        #main {
     626
    594627                #buddypress {
    595628
    … …  
    622655                                                border: 1px solid $border-med;
    623656                                                border-bottom-color: $content-background;
     657
    624658                                                @include border-top-radius(4px);
    625659                                                margin-bottom: -1px;
    … …  
    636670
    637671                        #subnav {
     672
    638673                                ul {
    639674                                        border-bottom: 0;
    … …  
    663698                }
    664699
    665                 .pag-count {margin-left: 0;}
     700                .pag-count {
     701                        margin-left: 0;
     702                }
     703
    666704                .pagination-links {
    667705                        margin-right: 0;
    … …  
    680718                                overflow: visible;
    681719                                width: auto;
    682                                 &:before {display: none;}
     720
     721                                &:before {
     722                                        display: none;
     723                                }
    683724                        }
    684725
    … …  
    704745// Adjusts Meta items and various elements to match 2016 font-family
    705746#buddypress {
     747
    706748        .item-list {
     749
    707750                .activity-header,
    708751                .activity-meta {
     752
    709753                        @include default-font-sans();
    710754                }
    … …  
    713757
    714758#buddypress {
     759
    715760        .activity-meta {
     761
    716762                .button {
     763
    717764                        &:focus,
    718765                        &:hover {
    … …  
    724771
    725772        .action {
     773
    726774                .generic-button {
     775
    727776                        a {
     777
    728778                                &:focus,
    729779                                &:hover {
    … …  
    745795
    746796#buddypress {
     797
    747798        ul.item-list {
     799
    748800                li {
    749801                        overflow: hidden !important;
    … …  
    759811                                text-align: center;
    760812
    761                                 a {border-bottom: 0;}
     813                                a {
     814                                        border-bottom: 0;
     815                                }
    762816
    763817                                img.avatar {
    … …  
    791845
    792846                                .item-title {
     847
    793848                                        @include font-size(18);
    794849                                        line-height: 1.2;
    … …  
    803858                                        .update {
    804859                                                display: block;
     860
    805861                                                @include font-size(12);
    806862
    807863                                                @include medium-up {
     864
    808865                                                        @include font-size(14);
    809866                                                }
    … …  
    817874
    818875                        @include medium-up {
     876
    819877                                .item-avatar,
    820878                                .item,
    … …  
    830888
    831889                                        .item-title {
    832                                                 @include font-size(22)
     890
     891                                                @include font-size(22);
    833892                                        }
    834893                                }
    … …  
    906965
    907966#buddypress {
     967
    908968        form#whats-new-form {
    909969
    … …  
    916976
    917977                @media screen and (max-width: 46.25em) {
     978
    918979                        #whats-new-content {
    919980                                clear: left;
    … …  
    924985
    925986                #whats-new-content.active {
     987
    926988                        #whats-new-options[style] {
     989
    927990                                #whats-new-post-in-box {
    928991                                        border: 1px solid rgba($border-color, 0.5);
    929992                                        float: left;
    930                                         line-height: 1.5em;
     993                                        line-height: 1.5;
    931994                                        margin-top: 12px;
    932995                                        padding-left: 0.2em;
    … …  
    9441007
    9451008                                @media screen and (min-width: 30em) {
     1009
    9461010                                        #whats-new-post-in-box {
    9471011                                                width: auto;
    … …  
    9601024        // User account form requires matching bp default specificity
    9611025        #item-body {
     1026
    9621027                form#whats-new-form {
    9631028                        margin: $spacing-val-lg 0;
    … …  
    10031068
    10041069                                .activity-header {
     1070
    10051071                                        @include font-size(14);
    10061072
    … …  
    10171083                                        margin-right: $spacing-val-sm;
    10181084                                        text-align: left;
    1019                                         a {border-bottom: 0;}
     1085
     1086                                        a {
     1087                                                border-bottom: 0;
     1088                                        }
    10201089                                }
    10211090
    … …  
    10251094
    10261095                                        .activity-header {
     1096
    10271097                                                @include font-size(16);
    10281098                                        }
    … …  
    10341104
    10351105                li.mini {
     1106
    10361107                        .activity-avatar {
     1108
    10371109                                a {
     1110
    10381111                                        img.avatar {
    10391112                                                height: 30px;
    … …  
    10451118
    10461119                        .activity-content {
     1120
    10471121                                .activity-header {
     1122
    10481123                                        @include font-size(14);
    10491124                                }
    … …  
    10731148
    10741149                        .activity-meta {
     1150
    10751151                                a {
    10761152                                        display: block;
    … …  
    10951171                                background: darken($light-background, 1%);
    10961172                                border: 1px solid rgba(#9fd1e2, 0.3);
    1097                                 a { font-style: italic; }
     1173
     1174                                a {
     1175                                        font-style: italic;
     1176                                }
    10981177                        }
    10991178
    … …  
    11091188
    11101189.activity-permalink {
     1190
    11111191        #buddypress {
     1192
    11121193                #activity-stream {
    11131194
    … …  
    11171198
    11181199                        li.mini {
     1200
    11191201                                .activity-header {
     1202
    11201203                                        @include font-size(16);
     1204
    11211205                                        @media screen and (min-width: 46.25em) {
     1206
    11221207                                                @include font-size(20);
    11231208                                        }
    11241209
    11251210                                        margin-bottom: $spacing-val-lg;
    1126                                         p {padding: $spacing-val-md;}
     1211
     1212                                        p {
     1213                                                padding: $spacing-val-md;
     1214                                        }
    11271215                                }
    11281216                        }
    … …  
    11391227
    11401228        #activity-stream {
     1229
    11411230                .activity-comments {
    11421231                        border-left: 1px solid $border-light;
    … …  
    11641253                                        display: inline-block;
    11651254                                        font-family: inherit;
     1255
    11661256                                        @include font-size(12);
    1167                                         font-weight: normal;
     1257                                        font-weight: 400;
    11681258                                        line-height: 1.2;
    11691259                                        padding: 4px 10px;
    … …  
    11961286
    11971287#buddypress {
     1288
    11981289        #members-list {
    11991290
    12001291                @include medium-up {
     1292
    12011293                        li {
     1294
    12021295                                .item-avatar,
    12031296                                .item {
    … …  
    12271320
    12281321#buddypress {
     1322
    12291323        #signup_form.standard-form {
    12301324
    … …  
    12411335
    12421336                @media screen and (min-width: 38.75em) {
    1243                         #profile-details-section {float: right;}
    1244                         #basic-details-section {float: left;}
     1337
     1338                        #profile-details-section {
     1339                                float: right;
     1340                        }
     1341
     1342                        #basic-details-section {
     1343                                float: left;
     1344                        }
    12451345                }
    12461346
    … …  
    12631363.bp-user,
    12641364.single-item.groups {
     1365
    12651366        #buddypress {
     1367
    12661368                #item-header-content {
     1369
    12671370                        #item-meta {
     1371
    12681372                                @include font-size(14);
    12691373                                text-align: left;
    12701374
    1271                                 p {margin-bottom: 0.5em;}
     1375                                p {
     1376                                        margin-bottom: 0.5em;
     1377                                }
    12721378                        }
    12731379                }
    … …  
    12751381
    12761382        @media screen and (max-width: 46.25em) {
     1383
    12771384                main {
     1385
    12781386                        header.entry-header {
    12791387                                padding-bottom: 1rem;
    … …  
    12831391
    12841392        @media screen and (max-width: 38.75em) {
     1393
    12851394                h1,
    12861395                #item-header-content {
    … …  
    12901399
    12911400        #buddypress {
     1401
    12921402                @media screen and (max-width: 46.25em) {
     1403
    12931404                        #item-header {
     1405
    12941406                                .generic-button {
    12951407                                        float: none;
    1296                                         margin: 1.5em 0 0 0;
     1408                                        margin: 1.5em 0 0;
    12971409                                }
    12981410                        }
    … …  
    13001412
    13011413                @media screen and (max-width: 38.75em) {
     1414
    13021415                        h1 {
    13031416                                margin-bottom: 0;
    … …  
    13051418
    13061419                        #item-header-avatar {
     1420
    13071421                                img.avatar {
    13081422                                        margin-right: 0;
    … …  
    13261440
    13271441.single-item.groups {
     1442
    13281443        #buddypress {
     1444
    13291445                @media screen and (max-width: 46.25em) {
     1446
    13301447                        #item-header {
     1448
    13311449                                #item-meta {
    13321450                                        margin-bottom: $spacing-val-md;
    … …  
    13381456                // avatar first after group title
    13391457                @media screen and (max-width: 38.75em) {
     1458
    13401459                        div#item-header {
    13411460                                display: flex;
    … …  
    13961515
    13971516                                h2 {
     1517
    13981518                                        @include font-size(14);
    13991519
    14001520                                        @media screen and (min-width: 46.25em) {
     1521
    14011522                                                @include font-size(16);
    14021523                                        }
    … …  
    14421563
    14431564.bp-user {
     1565
    14441566        #buddypress {
     1567
    14451568                #item-header {
    14461569                        padding: $spacing-val-md 0;
    … …  
    14591582
    14601583                        @media screen and (min-width: 46.25em) {
     1584
    14611585                                #item-header-avatar {
    14621586                                        float: left;
    … …  
    15031627// headings settings screens & general global settings styles
    15041628.groups {
     1629
    15051630        #group-settings-form {
     1631
    15061632                h3 {
    15071633                        background: $dark-background;
    … …  
    15131639
    15141640.groups.edit-details {
     1641
    15151642        #group-settings-form {
    15161643
    … …  
    15241651                        background: none;
    15251652                        color: inherit;
     1653
    15261654                        @include font-size(14);
    15271655                        width: auto;
    … …  
    15371665
    15381666.groups.group-settings {
     1667
    15391668        #group-settings-form {
    15401669
    … …  
    15451674                        ul {
    15461675                                color: rgba($body-text, 0.6);
     1676
    15471677                                @include font-size(14);
    15481678                        }
    … …  
    15611691
    15621692.groups.manage-members {
     1693
    15631694        #group-settings-form {
     1695
    15641696                .item-list {
     1697
    15651698                        li {
    15661699                                border-bottom: 1px solid $border-light;
    … …  
    15701703                                        float: left;
    15711704
    1572                                         > a {border-bottom: 0;}
     1705                                        > a {
     1706                                                border-bottom: 0;
     1707                                        }
    15731708                                }
    15741709
    … …  
    16071742// Massage the members search for groups nav specifically.
    16081743.groups.group-members {
     1744
    16091745        #subnav {
     1746
    16101747                li {
     1748
    16111749                        @media screen and (max-width: 38.75em) {
    16121750                                background: $content-background;
    … …  
    16241762
    16251763                                        label {
    1626                                                 input[type="text"] {width: 100%;}
     1764
     1765                                                input[type="text"] {
     1766                                                        width: 100%;
     1767                                                }
    16271768                                        }
    16281769                                }
    … …  
    16431784
    16441785.bp-user {
    1645         .entry-title {margin-bottom: 0.5em;}
     1786
     1787        .entry-title {
     1788                margin-bottom: 0.5em;
     1789        }
    16461790}
    16471791
    … …  
    16561800
    16571801                table {
    1658                         th {@include font-size(14)}
    1659                         td {@include font-size(12)}
    1660                         a { color: #0074c2; }
     1802
     1803                        th {
     1804
     1805                                @include font-size(14);
     1806                        }
     1807
     1808                        td {
     1809
     1810                                @include font-size(12);
     1811                        }
     1812
     1813                        a {
     1814                                color: #0074c2;
     1815                        }
    16611816
    16621817                        @include medium-up {
    1663                                 th {@include font-size(16)}
    1664                                 td {@include font-size(14)}
     1818
     1819                                th {
     1820
     1821                                        @include font-size(16);
     1822                                }
     1823
     1824                                td {
     1825
     1826                                        @include font-size(14);
     1827                                }
    16651828                        }
    16661829
    16671830                        @include large-up {
    1668                                 th {@include font-size(18)}
    1669                                 td {@include font-size(16)}
    1670                         }
    1671                 }
    1672 
    1673                 .pag-count {font-style: italic;}
     1831
     1832                                th {
     1833
     1834                                        @include font-size(18);
     1835                                }
     1836
     1837                                td {
     1838
     1839                                        @include font-size(16);
     1840                                }
     1841                        }
     1842                }
     1843
     1844                .pag-count {
     1845                        font-style: italic;
     1846                }
    16741847
    16751848                .notifications-options-nav {
    … …  
    16851858                        input {
    16861859                                border: 0;
     1860
    16871861                                @include font-size(14);
    16881862                                outline: 0;
    … …  
    17191893
    17201894                .profile {
     1895
    17211896                        .bp-widget {
     1897
    17221898                                h2 {
    17231899                                        background: lighten($dark-background, 10%);
    … …  
    17271903                                }
    17281904
    1729                                 table {margin-top: 0;}
    1730                         }
     1905                                table {
     1906                                        margin-top: 0;
     1907                                }
     1908                        }
     1909
    17311910                        /* Edit profile */
    17321911
    17331912                        #profile-edit-form {
     1913
    17341914                                .button-nav:before,
    17351915                                .button-nav:after {
    … …  
    17601940                                                background: none;
    17611941                                                border: 0;
    1762                                                 @include font-size(18)
     1942
     1943                                                @include font-size(18);
    17631944                                        }
    17641945                                } //.button-nav
    … …  
    17661947                                .field-visibility-settings-toggle,
    17671948                                .field-visibility-settings {
     1949
    17681950                                        @include font-size(14);
    17691951                                }
    … …  
    17781960
    17791961                        .bp-avatar {
     1962
    17801963                                #bp-delete-avatar {
    1781                                         a {font-size: inherit; }
     1964
     1965                                        a {
     1966                                                font-size: inherit;
     1967                                        }
    17821968                                }
    17831969                        }
    … …  
    17981984
    17991985                #groups-list {
     1986
    18001987                        li {
     1988
    18011989                                .item {
     1990
    18021991                                        @media screen and (min-width: 77.5em) {
    18031992                                                left: 5%;
    … …  
    18442033                        .message-metadata {
    18452034
    1846                                 &::after {
     2035                                &:after {
    18472036                                        clear: both;
    18482037                                        content: "";
    … …  
    18552044
    18562045                                @media screen and (min-width: 46.25em) {
     2046
    18572047                                        img.avatar {
    18582048                                                float: left;
    … …  
    18752065
    18762066                        #send-reply {
     2067
    18772068                                .message-content {
    18782069                                        background: $content-background;
    … …  
    18852076                        }
    18862077
    1887                         .bp-tooltip:hover::after,
    1888                         .bp-tooltip:active::after,
    1889                         .bp-tooltip:focus::after {
     2078                        .bp-tooltip:hover:after,
     2079                        .bp-tooltip:active:after,
     2080                        .bp-tooltip:focus:after {
    18902081                                right: 40px;
    18912082                                text-align: right;
    … …  
    18962087
    18972088                        thead {
     2089
    18982090                                tr {
    18992091                                        background: lighten($dark-background, 10%);
    … …  
    19022094
    19032095                        tr {
     2096
    19042097                                td {
    19052098                                        background: $content-background;
    … …  
    19412134                                td.thread-options {
    19422135                                        border-left: 0 !important;
     2136
    19432137                                        @include calc(width, "100% - 30px");
    19442138                                        margin-left: 0;
    … …  
    19542148
    19552149                                        a {
     2150
    19562151                                                @include font-size(12);
    19572152                                                line-height: 2.2;
    … …  
    19702165                                        @media screen and (max-width: 38.75em) {
    19712166                                                clear: both;
     2167
    19722168                                                @include font-size(11);
    19732169                                                width: 100%;
    … …  
    19772173
    19782174                        tr.unread {
     2175
    19792176                                td {
    19802177                                        background: $unread;
    … …  
    20042201                        list-style: none;
    20052202
    2006                         li {margin-left: 0;}
     2203                        li {
     2204                                margin-left: 0;
     2205                        }
    20072206
    20082207                        li.friend-tab {
    … …  
    20612260
    20622261                        td:nth-child(2) {
     2262
    20632263                                strong {
    20642264                                        margin: -8px -8px 8px;
    … …  
    20882288                                }
    20892289
    2090                                 a:last-child::after {
     2290                                a:last-child:after {
    20912291                                        content: attr(title);
    20922292                                        display: block;
    … …  
    21042304                padding-left: $spacing-val-sm;
    21052305
    2106                 ul {    margin: 0; }
     2306                ul {
     2307                        margin: 0;
     2308                }
    21072309
    21082310                li {
    … …  
    21312333                        // 'p' = email notification screen sub heading
    21322334                        > p {
     2335
    21332336                                @include font-size(20);
    21342337                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    21372340
    21382341                table.notification-settings {
     2342
    21392343                        td.yes,
    21402344                        td.no {
    … …  
    21522356
    21532357                        @media screen and (min-width: 46.25em) {
     2358
    21542359                                th.field-group-name,
    21552360                                td.field-name {
    … …  
    21642369
    21652370                        td.field-visibility {
    2166                                 select {width: 100%;}
     2371
     2372                                select {
     2373                                        width: 100%;
     2374                                }
    21672375                        }
    21682376                }
    … …  
    21802388// Attempt to reset form control widths
    21812389#main {
     2390
    21822391        #buddypress {
     2392
    21832393                .standard-form {
    21842394
    2185                         li {float: none;}
    2186                         input[type='text'],
    2187                         input[type='email'],
    2188                         input[type='password'],
     2395                        li {
     2396                                float: none;
     2397                        }
     2398
     2399                        input[type="text"],
     2400                        input[type="email"],
     2401                        input[type="password"],
    21892402                        textarea {
    21902403                                width: 100%;
    … …  
    22022415
    22032416                form {
     2417
    22042418                        .ac-textarea {
    22052419                                background: $light-background;
    … …  
    22342448
    22352449        #signup_form.standard-form {
     2450
    22362451                div.submit {
    22372452                        float: none;
    22382453
    2239                         input {margin-right: 0;}
     2454                        input {
     2455                                margin-right: 0;
     2456                        }
    22402457                }
    22412458        }
    … …  
    22442461
    22452462#buddypress {
     2463
    22462464        div.dir-search,
    22472465        div.message-search,
    … …  
    22622480                        }
    22632481
    2264                         input[type='text'] {
     2482                        input[type="text"] {
    22652483                                float: left;
    22662484                                margin: 0;
    … …  
    22682486                        }
    22692487
    2270                         input[type='text'],
    2271                         input[type='submit'] {
     2488                        input[type="text"],
     2489                        input[type="submit"] {
     2490
    22722491                                @include font-size(14);
    22732492                                border: 0;
    … …  
    22752494                        }
    22762495
    2277                         input[type='text'] {
     2496                        input[type="text"] {
    22782497                                border-right: 1px solid rgba($border-color, 0.6);
    22792498                                padding: 0.2em 0 0.2em 0.2em;
    22802499                        }
    22812500
    2282                         input[type='submit'] {
     2501                        input[type="submit"] {
    22832502                                float: right;
    2284                                 font-weight: normal;
     2503                                font-weight: 400;
    22852504                                padding: 0.2em 1em;
    22862505                                text-align: center;
    … …  
    22952514
    22962515        @media screen and (min-width: 38.75em) {
     2516
    22972517                div.dir-search,
    22982518                div.message-search,
    … …  
    23022522
    23032523                        form {
     2524
    23042525                                label,
    2305                                 input[type='text'],
    2306                                 input[type='submit'] {
     2526                                input[type="text"],
     2527                                input[type="submit"] {
    23072528                                        width: auto;
    23082529                                }
    … …  
    23172538                .dir-search,
    23182539                .message-search {
     2540
    23192541                        form {
    2320                                 input[type='text'] { @include font-size(16) ;}
    2321                                 input[type='submit'] { @include font-size(16) ;}
     2542
     2543                                input[type="text"] {
     2544
     2545                                        @include font-size(16);
     2546                                }
     2547
     2548                                input[type="submit"] {
     2549
     2550                                        @include font-size(16);
     2551                                }
    23222552                        }
    23232553                }
    … …  
    23372567// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
    23382568#buddypress {
     2569
    23392570        table {
     2571
    23402572                @include font-size(14);
    23412573                margin: $spacing-val-md 0;
    … …  
    23482580
    23492581                // Reduce the themes inherited paragraph margins in tables
    2350                 p {margin-bottom: 0.5em;}
     2582                p {
     2583                        margin-bottom: 0.5em;
     2584                }
    23512585        }
    23522586
    23532587        @media screen and (min-width: 55em) {
    2354                 table {@include font-size(16);}
     2588
     2589                table {
     2590
     2591                        @include font-size(16);
     2592                }
    23552593        }
    23562594}
    … …  
    23632601        .notifications,
    23642602        .messages-notices {
     2603
    23652604                th {
    23662605                        width: 30%;
    … …  
    23912630                // styling issues - this will need styling ideas
    23922631                td {
     2632
    23932633                        .button {
    23942634                                border: 0;
    … …  
    24032643        .messages-notices {
    24042644
    2405                 .bp-tooltip:hover::after,
    2406                 .bp-tooltip:active::after,
    2407                 .bp-tooltip:focus::after {
     2645                .bp-tooltip:hover:after,
     2646                .bp-tooltip:active:after,
     2647                .bp-tooltip:focus:after {
    24082648                        left: 0;
    24092649                        margin-top: 10px;
    … …  
    24282668
    24292669#buddypress {
     2670
    24302671        div#message {
     2672
    24312673                p {
     2674
    24322675                        @include font-size(18);
    2433                         font-weight: bold;
     2676                        font-weight: 700;
    24342677                }
    24352678
    24362679                &.info {
     2680
    24372681                        p {
     2682
    24382683                                @include message-box($notice-info);
    24392684                        }
    … …  
    24412686
    24422687                &.updated {
     2688
    24432689                        p {
     2690
    24442691                                @include message-box($notice-update);
    24452692                        }
    … …  
    24522699// Without direct classes on our mesages ( 'warning' )
    24532700// we need to use the body classes
    2454 // todo: If this is class .warning is included in main BP styles remove from here
     2701// @todo If this class .warning is included in main BP styles remove from here
    24552702.delete-group {
     2703
    24562704        #buddypress {
     2705
    24572706                div#message.info {
     2707
    24582708                        p {
     2709
    24592710                                @include message-box($notice-warning);
    24602711                        }

  • trunk/src/bp-templates/bp-legacy/css/twentyten-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    6969
    7070body.page-template-onecolumn-page #content {
    71         margin: 0 10% 0;
     71        margin: 0 10%;
    7272        width: auto;
    7373}
    … …  
    745745        font-size: 12px;
    746746        font-size: 0.8rem;
    747         font-weight: normal;
     747        font-weight: 400;
    748748        line-height: 1.2;
    749749        padding: 4px 10px;
    … …  
    875875        .single-item.groups #buddypress #item-header .generic-button {
    876876                float: none;
    877                 margin: 1.5em 0 0 0;
     877                margin: 1.5em 0 0;
    878878        }
    879879}
    … …  
    959959        font-size: 14px;
    960960        font-size: 0.9333333333rem;
    961         font-weight: bold;
     961        font-weight: 700;
    962962        line-height: 1.4;
    963963}
    … …  
    11061106
    11071107.groups.group-settings #group-settings-form div.radio label {
    1108         font-weight: bold;
     1108        font-weight: 700;
    11091109        padding: 0.2em;
    11101110}
    … …  
    13411341        background-clip: padding-box;
    13421342        color: #eee;
    1343         font-weight: bold;
     1343        font-weight: 700;
    13441344        padding: 0.1em 0.5em;
    13451345        text-decoration: none;
    … …  
    13841384}
    13851385
    1386 .bp-user #buddypress #message-thread .message-metadata::after {
     1386.bp-user #buddypress #message-thread .message-metadata:after {
    13871387        clear: both;
    13881388        content: "";
    … …  
    14221422}
    14231423
    1424 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1425 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1426 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1424.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1425.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1426.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14271427        left: 40px;
    14281428        text-align: left;
    … …  
    16441644}
    16451645
    1646 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1646.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16471647        content: attr(title);
    16481648        display: block;
    … …  
    17231723}
    17241724
    1725 #main #buddypress .standard-form input[type='text'],
    1726 #main #buddypress .standard-form input[type='email'],
    1727 #main #buddypress .standard-form input[type='password'],
     1725#main #buddypress .standard-form input[type="text"],
     1726#main #buddypress .standard-form input[type="email"],
     1727#main #buddypress .standard-form input[type="password"],
    17281728#main #buddypress .standard-form textarea {
    17291729        border-width: 1px;
    … …  
    17841784}
    17851785
    1786 #buddypress div.dir-search form input[type='text'],
    1787 #buddypress div.dir-search form input[type='submit'],
    1788 #buddypress div.message-search form input[type='text'],
    1789 #buddypress div.message-search form input[type='submit'],
    1790 #buddypress li.groups-members-search form input[type='text'],
    1791 #buddypress li.groups-members-search form input[type='submit'] {
     1786#buddypress div.dir-search form input[type="text"],
     1787#buddypress div.dir-search form input[type="submit"],
     1788#buddypress div.message-search form input[type="text"],
     1789#buddypress div.message-search form input[type="submit"],
     1790#buddypress li.groups-members-search form input[type="text"],
     1791#buddypress li.groups-members-search form input[type="submit"] {
    17921792        border: 0;
    17931793        border-radius: 0;
    … …  
    18031803}
    18041804
    1805 #buddypress div.dir-search form input[type='text'],
    1806 #buddypress div.message-search form input[type='text'],
    1807 #buddypress li.groups-members-search form input[type='text'] {
     1805#buddypress div.dir-search form input[type="text"],
     1806#buddypress div.message-search form input[type="text"],
     1807#buddypress li.groups-members-search form input[type="text"] {
    18081808        border-left: 1px solid rgba(212, 208, 186, 0.6);
    18091809        float: right;
    18101810        margin: 0;
    1811         padding: 0 0.2em 0;
     1811        padding: 0 0.2em;
    18121812        width: 70%;
    18131813}
    18141814
    1815 #buddypress div.dir-search form input[type='submit'],
    1816 #buddypress div.message-search form input[type='submit'],
    1817 #buddypress li.groups-members-search form input[type='submit'] {
     1815#buddypress div.dir-search form input[type="submit"],
     1816#buddypress div.message-search form input[type="submit"],
     1817#buddypress li.groups-members-search form input[type="submit"] {
    18181818        float: left;
    1819         font-weight: normal;
     1819        font-weight: 400;
    18201820        padding: 0 1em;
    18211821        text-align: center;
    … …  
    18321832        }
    18331833        #buddypress div.dir-search form label,
    1834         #buddypress div.dir-search form input[type='text'],
    1835         #buddypress div.dir-search form input[type='submit'],
     1834        #buddypress div.dir-search form input[type="text"],
     1835        #buddypress div.dir-search form input[type="submit"],
    18361836        #buddypress div.message-search form label,
    1837         #buddypress div.message-search form input[type='text'],
    1838         #buddypress div.message-search form input[type='submit'],
     1837        #buddypress div.message-search form input[type="text"],
     1838        #buddypress div.message-search form input[type="submit"],
    18391839        #buddypress li.groups-members-search form label,
    1840         #buddypress li.groups-members-search form input[type='text'],
    1841         #buddypress li.groups-members-search form input[type='submit'] {
     1840        #buddypress li.groups-members-search form input[type="text"],
     1841        #buddypress li.groups-members-search form input[type="submit"] {
    18421842                width: auto;
    18431843        }
    … …  
    18451845
    18461846@media screen and (min-width: 800px) {
    1847         #buddypress .dir-search form input[type='text'],
    1848         #buddypress .message-search form input[type='text'] {
     1847        #buddypress .dir-search form input[type="text"],
     1848        #buddypress .message-search form input[type="text"] {
    18491849                font-size: 16px;
    18501850                font-size: 1.0666666667rem;
    18511851        }
    1852         #buddypress .dir-search form input[type='submit'],
    1853         #buddypress .message-search form input[type='submit'] {
     1852        #buddypress .dir-search form input[type="submit"],
     1853        #buddypress .message-search form input[type="submit"] {
    18541854                font-size: 16px;
    18551855                font-size: 1.0666666667rem;
    … …  
    19441944}
    19451945
    1946 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1947 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1948 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1946.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1947.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1948.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19491949        right: 0;
    19501950        margin-top: 10px;
    … …  
    19631963        font-size: 18px;
    19641964        font-size: 1.2rem;
    1965         font-weight: bold;
     1965        font-weight: 700;
    19661966}
    19671967

  • trunk/src/bp-templates/bp-legacy/css/twentyten.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    6969
    7070body.page-template-onecolumn-page #content {
    71         margin: 0 10% 0;
     71        margin: 0 10%;
    7272        width: auto;
    7373}
    … …  
    745745        font-size: 12px;
    746746        font-size: 0.8rem;
    747         font-weight: normal;
     747        font-weight: 400;
    748748        line-height: 1.2;
    749749        padding: 4px 10px;
    … …  
    875875        .single-item.groups #buddypress #item-header .generic-button {
    876876                float: none;
    877                 margin: 1.5em 0 0 0;
     877                margin: 1.5em 0 0;
    878878        }
    879879}
    … …  
    959959        font-size: 14px;
    960960        font-size: 0.9333333333rem;
    961         font-weight: bold;
     961        font-weight: 700;
    962962        line-height: 1.4;
    963963}
    … …  
    11061106
    11071107.groups.group-settings #group-settings-form div.radio label {
    1108         font-weight: bold;
     1108        font-weight: 700;
    11091109        padding: 0.2em;
    11101110}
    … …  
    13411341        background-clip: padding-box;
    13421342        color: #eee;
    1343         font-weight: bold;
     1343        font-weight: 700;
    13441344        padding: 0.1em 0.5em;
    13451345        text-decoration: none;
    … …  
    13841384}
    13851385
    1386 .bp-user #buddypress #message-thread .message-metadata::after {
     1386.bp-user #buddypress #message-thread .message-metadata:after {
    13871387        clear: both;
    13881388        content: "";
    … …  
    14221422}
    14231423
    1424 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1425 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1426 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1424.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1425.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1426.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14271427        right: 40px;
    14281428        text-align: right;
    … …  
    16441644}
    16451645
    1646 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1646.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16471647        content: attr(title);
    16481648        display: block;
    … …  
    17231723}
    17241724
    1725 #main #buddypress .standard-form input[type='text'],
    1726 #main #buddypress .standard-form input[type='email'],
    1727 #main #buddypress .standard-form input[type='password'],
     1725#main #buddypress .standard-form input[type="text"],
     1726#main #buddypress .standard-form input[type="email"],
     1727#main #buddypress .standard-form input[type="password"],
    17281728#main #buddypress .standard-form textarea {
    17291729        border-width: 1px;
    … …  
    17841784}
    17851785
    1786 #buddypress div.dir-search form input[type='text'],
    1787 #buddypress div.dir-search form input[type='submit'],
    1788 #buddypress div.message-search form input[type='text'],
    1789 #buddypress div.message-search form input[type='submit'],
    1790 #buddypress li.groups-members-search form input[type='text'],
    1791 #buddypress li.groups-members-search form input[type='submit'] {
     1786#buddypress div.dir-search form input[type="text"],
     1787#buddypress div.dir-search form input[type="submit"],
     1788#buddypress div.message-search form input[type="text"],
     1789#buddypress div.message-search form input[type="submit"],
     1790#buddypress li.groups-members-search form input[type="text"],
     1791#buddypress li.groups-members-search form input[type="submit"] {
    17921792        border: 0;
    17931793        border-radius: 0;
    … …  
    18031803}
    18041804
    1805 #buddypress div.dir-search form input[type='text'],
    1806 #buddypress div.message-search form input[type='text'],
    1807 #buddypress li.groups-members-search form input[type='text'] {
     1805#buddypress div.dir-search form input[type="text"],
     1806#buddypress div.message-search form input[type="text"],
     1807#buddypress li.groups-members-search form input[type="text"] {
    18081808        border-right: 1px solid rgba(212, 208, 186, 0.6);
    18091809        float: left;
    18101810        margin: 0;
    1811         padding: 0 0.2em 0;
     1811        padding: 0 0.2em;
    18121812        width: 70%;
    18131813}
    18141814
    1815 #buddypress div.dir-search form input[type='submit'],
    1816 #buddypress div.message-search form input[type='submit'],
    1817 #buddypress li.groups-members-search form input[type='submit'] {
     1815#buddypress div.dir-search form input[type="submit"],
     1816#buddypress div.message-search form input[type="submit"],
     1817#buddypress li.groups-members-search form input[type="submit"] {
    18181818        float: right;
    1819         font-weight: normal;
     1819        font-weight: 400;
    18201820        padding: 0 1em;
    18211821        text-align: center;
    … …  
    18321832        }
    18331833        #buddypress div.dir-search form label,
    1834         #buddypress div.dir-search form input[type='text'],
    1835         #buddypress div.dir-search form input[type='submit'],
     1834        #buddypress div.dir-search form input[type="text"],
     1835        #buddypress div.dir-search form input[type="submit"],
    18361836        #buddypress div.message-search form label,
    1837         #buddypress div.message-search form input[type='text'],
    1838         #buddypress div.message-search form input[type='submit'],
     1837        #buddypress div.message-search form input[type="text"],
     1838        #buddypress div.message-search form input[type="submit"],
    18391839        #buddypress li.groups-members-search form label,
    1840         #buddypress li.groups-members-search form input[type='text'],
    1841         #buddypress li.groups-members-search form input[type='submit'] {
     1840        #buddypress li.groups-members-search form input[type="text"],
     1841        #buddypress li.groups-members-search form input[type="submit"] {
    18421842                width: auto;
    18431843        }
    … …  
    18451845
    18461846@media screen and (min-width: 800px) {
    1847         #buddypress .dir-search form input[type='text'],
    1848         #buddypress .message-search form input[type='text'] {
     1847        #buddypress .dir-search form input[type="text"],
     1848        #buddypress .message-search form input[type="text"] {
    18491849                font-size: 16px;
    18501850                font-size: 1.0666666667rem;
    18511851        }
    1852         #buddypress .dir-search form input[type='submit'],
    1853         #buddypress .message-search form input[type='submit'] {
     1852        #buddypress .dir-search form input[type="submit"],
     1853        #buddypress .message-search form input[type="submit"] {
    18541854                font-size: 16px;
    18551855                font-size: 1.0666666667rem;
    … …  
    19441944}
    19451945
    1946 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1947 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1948 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1946.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1947.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1948.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19491949        left: 0;
    19501950        margin-top: 10px;
    … …  
    19631963        font-size: 18px;
    19641964        font-size: 1.2rem;
    1965         font-weight: bold;
     1965        font-weight: 700;
    19661966}
    19671967

  • trunk/src/bp-templates/bp-legacy/css/twentyten.scss

    r11586 r11587  
    1818
    1919
    20 
    2120// Mixins and Variables
    2221
    … …  
    2928// BP  min/max width mixins
    3029
    31 // As layout is fixed width 'device' is needed to tell phones to work with breakpoints
    32 // provided is a 'up to' max-width and min-width as device widths for mobiles
    33 // This is not a perfect solution but provides a degree of layout control for BP elements.
    34 // But not used to any great degree.
     30// As layout is fixed width 'device' is needed to tell phones to work with
     31// breakpoints provided is a 'up to' max-width and min-width as device widths
     32// for mobiles This is not a perfect solution but provides a degree of layout
     33// contro for BP elements. But not used to any great degree.
    3534
    3635@mixin small-device-up {
     36
    3737        @media only screen and (min-device-width: 375px) {
     38
    3839                @content;
    3940        }
    … …  
    4142
    4243@mixin small-device-max {
     44
    4345        @media only screen and (max-device-width: 375px) {
     46
    4447                @content;
    4548        }
    … …  
    4750
    4851@mixin medium-device-up {
     52
    4953        @media only screen and (min-device-width: 450px) {
     54
    5055                @content;
    5156        }
    … …  
    5459// min-width 450px
    5560@mixin small-up {
     61
    5662        @media screen and (min-device-width: 450px) {
     63
    5764                @content;
    5865        }
    … …  
    6168// min-width 650px
    6269@mixin medium-up {
     70
    6371        @media screen and (min-width: 650px) {
     72
    6473                @content;
    6574        }
    … …  
    6877// min-width 800px
    6978@mixin large-up {
     79
    7080        @media screen and (min-width: 800px) {
     81
    7182                @content;
    7283        }
    … …  
    194205$unread:             #9dc3c8;
    195206$link-action:        #c82b2b;
     207
    196208/*--------------------------------------------------------------
    197209
    … …  
    206218in your child themes root & either start over or modify the rulesets.
    207219
    208 If you do not require the styles you can dequeue them from the themes functions file.
     220If you do not require the styles you can dequeue them from the themes
     221functions file.
    209222
    210223Please see this codex article for more information:
    … …  
    258271.buddypress {
    259272        // Remove any empty clearing elements, CSS provides clearing.
    260         div.clear {display: none;}
     273        div.clear {
     274                display: none;
     275        }
    261276
    262277} // .buddypress (body class)
    … …  
    269284
    270285        #main {
     286
    271287                #container {
    272288                        margin: 0;
    … …  
    275291
    276292        #content {
    277                 margin: 0 10% 0;
     293                margin: 0 10%;
    278294                width: auto;
    279295
    … …  
    303319// We have a need to override BP specifity
    304320// so some rulesets sets will appear over weighted in selectors
     321
    305322/* Here we start things off */
    306323#buddypress {
    … …  
    308325        // active/current states all navs
    309326        div.item-list-tabs {
     327
    310328                ul {
     329
    311330                        li.selected,
    312331                        li.current {
     332
    313333                                a {
    314334                                        background: inherit;
    … …  
    320340        // global nav styles
    321341        div.item-list-tabs {
     342
    322343                ul {
    323344                        overflow: hidden;
    … …  
    325346
    326347                        li {
     348
    327349                                a {
    328350
    … …  
    346368
    347369} // close #buddypress
    348 
    349370
    350371
    … …  
    399420                                label,
    400421                                option {
     422
    401423                                        @include font-size(14);
    402424                                }
    … …  
    417439
    418440.bp-user {
     441
    419442        #buddypress {
     443
    420444                div#subnav.item-list-tabs {
     445
    421446                        li.last {
    422447                                margin-left: 0;
    … …  
    435460
    436461        body.bp-user {
     462
    437463                #buddypress {
    438464
    … …  
    484510                                        margin: 0 0 0 (-$spacing-val-md);
    485511
    486                                         ul {margin-top: 0;}
     512                                        ul {
     513                                                margin-top: 0;
     514                                        }
    487515                                }
    488516                        }
    … …  
    497525
    498526@include small-device-up {
     527
    499528        #main {
     529
    500530                #buddypress {
    501531
    … …  
    528558                                                border: 1px solid $border-med;
    529559                                                border-bottom-color: $content-background;
     560
    530561                                                @include border-top-radius(4px);
    531562                                                margin-bottom: -1px;
    … …  
    542573
    543574                        #subnav {
     575
    544576                                ul {
    545577                                        border-bottom: 0;
    … …  
    569601                }
    570602
    571                 .pag-count {margin-left: 0;}
     603                .pag-count {
     604                        margin-left: 0;
     605                }
     606
    572607                .pagination-links {
    573608                        margin-right: 0;
    … …  
    586621                                overflow: visible;
    587622                                width: auto;
    588                                 &:before {display: none;}
     623
     624                                &:before {
     625                                        display: none;
     626                                }
    589627                        }
    590628
    … …  
    617655
    618656#buddypress {
     657
    619658        ul.item-list {
    620659                border-top: 0;
    … …  
    633672                                text-align: center;
    634673
    635                                 a {border-bottom: 0;}
     674                                a {
     675                                        border-bottom: 0;
     676                                }
    636677
    637678                                img.avatar {
    … …  
    673714
    674715                                .item-title {
     716
    675717                                        @include font-size(16);
    676718                                        line-height: 1.2;
    … …  
    686728                                                text-decoration: none;
    687729
    688                                                 &:visited { color: #21759b;}
     730                                                &:visited {
     731                                                        color: #21759b;
     732                                                }
    689733                                        }
    690734
    691735                                        .update {
    692736                                                display: block;
     737
    693738                                                @include font-size(12);
    694739
    695740                                                @include medium-up {
     741
    696742                                                        @include font-size(14);
    697743                                                }
    … …  
    705751
    706752                        @include medium-up {
     753
    707754                                .item-avatar,
    708755                                .item,
    … …  
    718765
    719766                                        .item-title {
    720                                                 @include font-size(18)
     767
     768                                                @include font-size(18);
    721769                                        }
    722770                                }
    … …  
    793841
    794842#buddypress {
     843
    795844        form#whats-new-form {
    796845
    … …  
    803852
    804853                #whats-new-content.active {
     854
    805855                        #whats-new-options[style] {
     856
    806857                                #whats-new-post-in-box {
    807858                                        border: 1px solid rgba($border-color, 0.5);
    808859                                        float: left;
     860
    809861                                        @include font-size(12);
    810862                                        line-height: 1.6;
    … …  
    825877
    826878                                @media screen and (min-width: 30em) {
     879
    827880                                        #whats-new-post-in-box {
    828881                                                width: auto;
    … …  
    830883
    831884                                        #whats-new-submit {
     885
    832886                                                @include font-size(12);
    833887                                                float: right;
    … …  
    846900        // User account form requires matching bp default specificity
    847901        #item-body {
     902
    848903                form#whats-new-form {
    849904                        margin: $spacing-val-lg 0;
    … …  
    868923
    869924                        &.load-newest {
     925
    870926                                a {
    871927                                        display: block;
    … …  
    897953
    898954                        .activity-header {
     955
    899956                                @include font-size(14);
    900957
    … …  
    905962
    906963                        .activity-inner {
    907                                 img {height: auto;}
     964
     965                                img {
     966                                        height: auto;
     967                                }
    908968                        }
    909969
    … …  
    925985
    926986                                        .activity-header {
     987
    927988                                                @include font-size(16);
    928989                                        }
    … …  
    938999
    9391000                li.mini {
     1001
    9401002                        .activity-avatar {
     1003
    9411004                                a {
     1005
    9421006                                        img.avatar {
    9431007                                                height: 30px;
    … …  
    9491013
    9501014                        .activity-content {
     1015
    9511016                                .activity-header {
     1017
    9521018                                        @include font-size(14);
    9531019                                }
    9541020
    9551021                                .activity-meta {
     1022
    9561023                                        a {
     1024
    9571025                                                @include font-size(12);
    9581026                                        }
    … …  
    9811049
    9821050                        .activity-meta {
     1051
    9831052                                a {
    9841053                                        display: block;
     1054
    9851055                                        @include font-size(14);
    9861056                                        margin-bottom: $spacing-val-xs;
    … …  
    10191089
    10201090.activity-permalink {
     1091
    10211092        #buddypress {
     1093
    10221094                #activity-stream {
    10231095
    … …  
    10271099
    10281100                        li.mini {
     1101
    10291102                                .activity-header {
     1103
    10301104                                        @include font-size(16);
     1105
    10311106                                        @include medium-up {
     1107
    10321108                                                @include font-size(20);
    10331109                                        }
    10341110
    10351111                                        margin-bottom: $spacing-val-lg;
    1036                                         p {padding: $spacing-val-md;}
     1112
     1113                                        p {
     1114                                                padding: $spacing-val-md;
     1115                                        }
    10371116                                }
    10381117                        } // close li.mini
    … …  
    10701149                                        .acomment-meta,
    10711150                                        .acomment-content {
     1151
    10721152                                                @include font-size(12);
    10731153                                        }
    … …  
    10791159                        .ac-form {
    10801160                                border: 1px solid $border-color;
     1161
    10811162                                @include box-model(border-box);
    10821163                                margin: $spacing-val-sm 0;
    … …  
    10881169                                        display: inline-block;
    10891170                                        font-family: inherit;
     1171
    10901172                                        @include font-size(12);
    1091                                         font-weight: normal;
     1173                                        font-weight: 400;
    10921174                                        line-height: 1.2;
    10931175                                        padding: 4px 10px;
    … …  
    11211203
    11221204#buddypress {
     1205
    11231206        #members-list {
    11241207
    11251208                @include medium-up {
     1209
    11261210                        li {
     1211
    11271212                                .item-avatar,
    11281213                                .item {
    … …  
    11521237
    11531238#buddypress {
     1239
    11541240        #signup_form.standard-form {
    11551241
    … …  
    11601246                        width: 100%;
    11611247
    1162                         @media screen and (min-width: 37.500em) {
     1248                        @media screen and (min-width: 37.5em) {
    11631249                                width: 48%;
    11641250                        }
    11651251                }
    11661252
    1167                 @media screen and (min-width: 37.500em) {
    1168                         #profile-details-section {float: right;}
    1169                         #basic-details-section {float: left;}
     1253                @media screen and (min-width: 37.5em) {
     1254
     1255                        #profile-details-section {
     1256                                float: right;
     1257                        }
     1258
     1259                        #basic-details-section {
     1260                                float: left;
     1261                        }
    11701262                }
    11711263
    … …  
    11801272
    11811273.bp-user {
     1274
    11821275        #buddypress {
    1183                 // On object nav links, table links (notifications etc) we don't really need :visited
    1184                 // inheritance, so set pseudo class to :link color.
     1276                // On object nav links, table links (notifications etc) we don't
     1277                // really need :visited inheritance, so set pseudo class to :link color.
    11851278                a {
     1279
    11861280                        &:visited {
    11871281                                color: #21759b;
    … …  
    11991293.bp-user,
    12001294.single-item.groups {
     1295
    12011296        #buddypress {
     1297
    12021298                #item-header-content {
     1299
    12031300                        #item-meta {
     1301
    12041302                                @include font-size(14);
    12051303                                text-align: left;
    12061304
    1207                                 p {margin-bottom: 0.5em;}
    1208                         }
    1209                 }
    1210         }
    1211 
    1212         @media screen and (max-width: 37.500em) {
     1305                                p {
     1306                                        margin-bottom: 0.5em;
     1307                                }
     1308                        }
     1309                }
     1310        }
     1311
     1312        @media screen and (max-width: 37.5em) {
     1313
    12131314                h1,
    12141315                #item-header-content {
    … …  
    12181319
    12191320        @media screen and (max-width: 46.25em) {
     1321
    12201322                main {
     1323
    12211324                        header.entry-header {
    12221325                                padding-bottom: 1rem;
    … …  
    12261329
    12271330        #buddypress {
    1228                 @media screen and (max-width: 37.500em) {
     1331
     1332                @media screen and (max-width: 37.5em) {
     1333
    12291334                        h1 {
    12301335                                margin-bottom: 0;
    … …  
    12321337
    12331338                        #item-header-avatar {
     1339
    12341340                                img.avatar {
    12351341                                        margin-right: 0;
    … …  
    12471353
    12481354                @media screen and (max-width: 46.25em) {
     1355
    12491356                        #item-header {
     1357
    12501358                                .generic-button {
    12511359                                        float: none;
    1252                                         margin: 1.5em 0 0 0;
     1360                                        margin: 1.5em 0 0;
    12531361                                }
    12541362                        }
    … …  
    12671375
    12681376.single-item.groups {
     1377
    12691378        #buddypress {
     1379
    12701380                @media screen and (max-width: 46.25em) {
     1381
    12711382                        #item-header {
     1383
    12721384                                #item-meta {
    12731385                                        margin-bottom: $spacing-val-md;
    … …  
    12791391                // avatar first after group title
    12801392                @media screen and (max-width: 50em) {
     1393
    12811394                        div#item-header {
    12821395                                display: flex;
    … …  
    13161429
    13171430                        #item-header-content {
     1431
    13181432                                @include box-model(border-box);
    13191433                        }
    … …  
    13411455
    13421456                                h2 {
     1457
    13431458                                        @include font-size(14);
    1344                                         font-weight: bold;
     1459                                        font-weight: 700;
    13451460                                        line-height: 1.4;
    13461461                                }
    … …  
    13481463                                #group-admins,
    13491464                                #group-mods {
     1465
    13501466                                        li {
    13511467                                                margin: 0;
    … …  
    13751491
    13761492                        @media screen and (min-width: 64em) {
     1493
    13771494                                #item-header-content {
    13781495                                        width: 40%;
    … …  
    13861503        // breakpoints.
    13871504        // Due to cover image styles being applied via embedded styles & thus carrying
    1388         // heavier weight than linked styles the use of !important to override may be required.
     1505        // heavier weight than linked styles the use of !important to
     1506        // override may be required.
    13891507        #buddypress {
     1508
    13901509                #cover-image-container {
     1510
    13911511                        #item-header-cover-image {
    13921512
    … …  
    13961516
    13971517                                @media screen and (min-width: 50em) and (max-width: 60em) {
     1518
    13981519                                        #item-header-content {
    13991520                                                max-width: 60% !important;
    … …  
    14121533                                                width: auto;
    14131534
    1414                                                 h2 {border-bottom: 1px solid $border-light;}
     1535                                                h2 {
     1536                                                        border-bottom: 1px solid $border-light;
     1537                                                }
    14151538                                        }
    14161539                                } // @media
    … …  
    14301553
    14311554.bp-user {
     1555
    14321556        #buddypress {
     1557
    14331558                #item-header {
    14341559
    … …  
    14451570
    14461571                        #item-header-cover-image {
     1572
    14471573                                .user-nicename {
    14481574                                        color: inherit;
    … …  
    14591585
    14601586                                #item-buttons {
     1587
    14611588                                        .generic-button {
    14621589                                                margin-right: 5px;
    … …  
    14661593
    14671594                        @include medium-up {
     1595
    14681596                                #item-header-avatar {
    14691597                                        float: left;
    … …  
    15091637// headings settings screens & general global settings styles
    15101638.groups {
     1639
    15111640        #group-settings-form {
     1641
    15121642                h3 {
    15131643                        background: $dark-background;
    … …  
    15191649
    15201650.groups.edit-details {
     1651
    15211652        #group-settings-form {
    15221653
    … …  
    15301661                        background: none;
    15311662                        color: inherit;
     1663
    15321664                        @include font-size(14);
    15331665                        width: auto;
    … …  
    15431675
    15441676.groups.group-settings {
     1677
    15451678        #group-settings-form {
    15461679
    15471680                div.radio label {
    1548                         font-weight: bold;
     1681                        font-weight: 700;
    15491682                        padding: 0.2em;
    15501683
    15511684                        ul {
    15521685                                color: rgba($body-text, 0.6);
     1686
    15531687                                @include font-size(14);
    15541688                        }
    … …  
    15671701
    15681702.groups.manage-members {
     1703
    15691704        #group-settings-form {
     1705
    15701706                .item-list {
     1707
    15711708                        li {
    15721709                                border-bottom: 1px solid $border-light;
    … …  
    15741711                                img,
    15751712                                h5 {
     1713
    15761714                                        @include medium-up {
    15771715                                                float: left;
    15781716                                        }
    15791717
    1580                                         > a {border-bottom: 0;}
     1718                                        > a {
     1719                                                border-bottom: 0;
     1720                                        }
    15811721                                }
    15821722
    … …  
    16151755// Massage the members search for groups nav specifically.
    16161756.groups.group-members {
     1757
    16171758        #subnav {
     1759
    16181760                li {
    16191761                        width: 100%;
    … …  
    16241766
    16251767                                label {
     1768
    16261769                                        input[type="text"] {
    16271770                                                box-shadow: none;
    … …  
    16511794
    16521795                table {
    1653                         th {@include font-size(13)}
    1654                         td {@include font-size(12)}
     1796
     1797                        th {
     1798
     1799                                @include font-size(13);
     1800                        }
     1801
     1802                        td {
     1803
     1804                                @include font-size(12);
     1805                        }
    16551806
    16561807                        @include medium-up {
    1657                                 th {@include font-size(16)}
    1658                                 td {@include font-size(14)}
    1659                         }
    1660                 }
    1661 
    1662                 .pag-count {font-style: italic;}
     1808
     1809                                th {
     1810
     1811                                        @include font-size(16);
     1812                                }
     1813
     1814                                td {
     1815
     1816                                        @include font-size(14);
     1817                                }
     1818                        }
     1819                }
     1820
     1821                .pag-count {
     1822                        font-style: italic;
     1823                }
    16631824
    16641825                .notifications-options-nav,
    … …  
    16671828                        width: 100%;
    16681829
    1669                         @media screen and (min-width: 37.500em) {
     1830                        @media screen and (min-width: 37.5em) {
    16701831                                width: 60%;
    16711832                        }
    … …  
    16731834                        select,
    16741835                        input {
     1836
    16751837                                @include font-size(14);
    16761838                                outline: 0;
    … …  
    16831845                                width: 49%;
    16841846
    1685                                 @media screen and (min-width: 37.500em) {
     1847                                @media screen and (min-width: 37.5em) {
    16861848                                        width: auto;
    16871849                                }
    … …  
    16951857                                width: 50%;
    16961858
    1697                                 @media screen and (min-width: 37.500em) {
     1859                                @media screen and (min-width: 37.5em) {
    16981860                                        width: auto;
    16991861                                }
    … …  
    17211883
    17221884                .profile {
     1885
    17231886                        .bp-widget {
     1887
    17241888                                h2 {
    17251889                                        background: lighten($dark-background, 10%);
    … …  
    17291893                                }
    17301894
    1731                                 table {margin-top: 0;}
     1895                                table {
     1896                                        margin-top: 0;
     1897                                }
    17321898                        }
    17331899
    … …  
    17351901
    17361902                        #profile-edit-form {
     1903
    17371904                                .button-nav:before,
    17381905                                .button-nav:after {
    … …  
    17631930                                                background: none;
    17641931                                                border: 0;
    1765                                                 @include font-size(18)
     1932
     1933                                                @include font-size(18);
    17661934                                        }
    17671935                                } //.button-nav
    … …  
    17731941                                .field-visibility-settings-toggle,
    17741942                                .field-visibility-settings {
     1943
    17751944                                        @include font-size(14);
    17761945                                }
    … …  
    17791948                                .visibility-toggle-link {
    17801949                                        background: lighten($dark-background, 10%);
     1950
    17811951                                        @include border-radius(2px);
    17821952                                        color: #eee;
    1783                                         font-weight: bold;
     1953                                        font-weight: 700;
    17841954                                        padding: 0.1em 0.5em;
    17851955                                        text-decoration: none;
    … …  
    17931963
    17941964                        .bp-avatar {
     1965
    17951966                                #bp-delete-avatar {
    1796                                         a {font-size: inherit; }
     1967
     1968                                        a {
     1969                                                font-size: inherit;
     1970                                        }
    17971971                                }
    17981972                        }
    … …  
    18402014                        .message-metadata {
    18412015
    1842                                 &::after {
     2016                                &:after {
    18432017                                        clear: both;
    18442018                                        content: "";
    … …  
    18512025
    18522026                                @media screen and (min-width: 46.25em) {
     2027
    18532028                                        img.avatar {
    18542029                                                float: left;
    … …  
    18712046
    18722047                        #send-reply {
     2048
    18732049                                .message-content {
    18742050                                        background: $content-background;
    … …  
    18812057                        }
    18822058
    1883                         .bp-tooltip:hover::after,
    1884                         .bp-tooltip:active::after,
    1885                         .bp-tooltip:focus::after {
     2059                        .bp-tooltip:hover:after,
     2060                        .bp-tooltip:active:after,
     2061                        .bp-tooltip:focus:after {
    18862062                                right: 40px;
    18872063                                text-align: right;
    … …  
    18932069
    18942070                        thead {
     2071
    18952072                                tr {
    18962073                                        background: lighten($dark-background, 10%);
    … …  
    18992076
    19002077                        tr {
     2078
    19012079                                td {
    19022080                                        background: $content-background;
     2081
    19032082                                        @include box-model(border-box);
    19042083                                        display: inline-block;
    … …  
    19272106
    19282107                                        span.icon:before {
     2108
    19292109                                                @include font-size(14);
    19302110                                        }
    … …  
    19352115                                        height: 3em;
    19362116
    1937                                         @media screen and (max-width: 37.500em) {
     2117                                        @media screen and (max-width: 37.5em) {
    19382118                                                height: 5.2em;
    19392119                                        }
    … …  
    19432123                                td.thread-options {
    19442124                                        border-left: 0 !important;
     2125
    19452126                                        @include calc(width, "100% - 30px");
    19462127                                        margin-left: 0;
    … …  
    19562137
    19572138                                        a {
     2139
    19582140                                                @include font-size(12);
    19592141                                                line-height: 1.2;
    … …  
    19702152                                        line-height: 2;
    19712153
    1972                                         @media screen and (max-width: 37.500em) {
     2154                                        @media screen and (max-width: 37.5em) {
    19732155                                                clear: both;
     2156
    19742157                                                @include font-size(11);
    19752158                                                width: 100%;
    … …  
    19792162
    19802163                        tr.unread {
     2164
    19812165                                td {
    19822166                                        border-color: $border-light;
    … …  
    20032187
    20042188                #send_message_form {
     2189
    20052190                        input,
    20062191                        textarea {
     2192
    20072193                                @include box-model(border-box);
    20082194                        }
    … …  
    20122198                        list-style: none;
    20132199
    2014                         li {margin-left: 0;}
     2200                        li {
     2201                                margin-left: 0;
     2202                        }
    20152203
    20162204                        li.friend-tab {
    … …  
    20472235
    20482236                #message-threads.sitewide-notices {
    2049                         tr {margin: 3em 0;}
     2237
     2238                        tr {
     2239                                margin: 3em 0;
     2240                        }
     2241
    20502242                        td {
    20512243                                width: 100%;
    … …  
    20752267
    20762268                        td:nth-child(2) {
     2269
    20772270                                strong {
    20782271                                        margin: -8px -8px 8px;
    … …  
    21022295                                }
    21032296
    2104                                 a:last-child::after {
     2297                                a:last-child:after {
    21052298                                        content: attr(title);
    21062299                                        display: block;
    … …  
    21262319                        }
    21272320
    2128                         img { vertical-align: bottom;}
     2321                        img {
     2322                                vertical-align: bottom;
     2323                        }
    21292324
    21302325                }
    … …  
    21472342                        // 'p' = email notification screen sub heading
    21482343                        > p {
     2344
    21492345                                @include font-size(20);
    21502346                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    21532349
    21542350                table.notification-settings {
     2351
    21552352                        td.yes,
    21562353                        td.no {
    … …  
    21692366
    21702367                        @media screen and (min-width: 46.25em) {
     2368
    21712369                                th.field-group-name,
    21722370                                td.field-name {
    … …  
    21812379
    21822380                        td.field-visibility {
    2183                                 select {width: 100%;}
     2381
     2382                                select {
     2383                                        width: 100%;
     2384                                }
    21842385                        }
    21852386                }
    … …  
    22042405// Attempt to reset form control widths
    22052406#main {
     2407
    22062408        #buddypress {
     2409
    22072410                .standard-form {
    22082411
    2209                         li {float: none;}
    2210                         input[type='text'],
    2211                         input[type='email'],
    2212                         input[type='password'],
     2412                        li {
     2413                                float: none;
     2414                        }
     2415
     2416                        input[type="text"],
     2417                        input[type="email"],
     2418                        input[type="password"],
    22132419                        textarea {
    22142420                                border-width: 1px;
    22152421                                box-shadow: none;
     2422
    22162423                                @include box-model(border-box);
    22172424                                width: 100%;
    … …  
    22292436
    22302437                form {
     2438
    22312439                        .ac-textarea {
    22322440                                background: $light-background;
    … …  
    22572465
    22582466        #signup_form.standard-form {
     2467
    22592468                div.submit {
    22602469                        float: none;
    22612470
    2262                         input {margin-right: 0;}
     2471                        input {
     2472                                margin-right: 0;
     2473                        }
    22632474                }
    22642475        }
    … …  
    22672478
    22682479#buddypress {
     2480
    22692481        div.dir-search,
    22702482        div.message-search,
    … …  
    22822494                        }
    22832495
    2284                         input[type='text'],
    2285                         input[type='submit'] {
     2496                        input[type="text"],
     2497                        input[type="submit"] {
    22862498                                border: 0;
    22872499                                border-radius: 0;
    22882500                                box-shadow: none;
     2501
    22892502                                @include box-model(border-box);
    22902503                                @include font-size(14);
    … …  
    22942507                        }
    22952508
    2296                         input[type='text'] {
     2509                        input[type="text"] {
    22972510                                border-right: 1px solid rgba($border-color, 0.6);
    22982511                                float: left;
    22992512                                margin: 0;
    2300                                 padding: 0 0.2em 0;
     2513                                padding: 0 0.2em;
    23012514                                width: 70%;
    23022515                        }
    23032516
    2304                         input[type='submit'] {
     2517                        input[type="submit"] {
    23052518                                float: right;
    2306                                 font-weight: normal;
     2519                                font-weight: 400;
    23072520                                padding: 0 1em;
    23082521                                text-align: center;
    … …  
    23172530
    23182531        @include small-up {
     2532
    23192533                div.dir-search,
    23202534                div.message-search,
    … …  
    23242538
    23252539                        form {
     2540
    23262541                                label,
    2327                                 input[type='text'],
    2328                                 input[type='submit'] {
     2542                                input[type="text"],
     2543                                input[type="submit"] {
    23292544                                        width: auto;
    23302545                                }
    … …  
    23382553                .dir-search,
    23392554                .message-search {
     2555
    23402556                        form {
    2341                                 input[type='text'] { @include font-size(16) ;}
    2342                                 input[type='submit'] { @include font-size(16) ;}
     2557
     2558                                input[type="text"] {
     2559
     2560                                        @include font-size(16);
     2561                                }
     2562
     2563                                input[type="submit"] {
     2564
     2565                                        @include font-size(16);
     2566                                }
    23432567                        }
    23442568                }
    … …  
    23532577*/
    23542578.bp-user {
     2579
    23552580        #buddypress {
    23562581
    23572582                table {
     2583
    23582584                        @include font-size(14);
    23592585                        margin: $spacing-val-md 0;
    23602586
    2361                         // 2010 adds huge bottom margin to input controls unwanted in the table paradigm
     2587                        // 2010 adds huge bottom margin to input controls,
     2588                        //  unwanted in the table paradigm
    23622589                        input {
    23632590                                margin: 0;
    … …  
    23682595                                border-color: darken($border-light, 20%);
    23692596                                color: $content-background;
     2597
    23702598                                @include font-size(16);
    23712599                                padding: 4px 8px;
    … …  
    23782606
    23792607                        // Reduce the themes inherited paragraph margins in tables
    2380                         p {margin-bottom: 0.5em;}
     2608                        p {
     2609                                margin-bottom: 0.5em;
     2610                        }
    23812611                }
    23822612
    23832613                @media screen and (min-width: 55em) {
    2384                         table {@include font-size(16);}
     2614
     2615                        table {
     2616
     2617                                @include font-size(16);
     2618                        }
    23852619                }
    23862620
    … …  
    23882622                .notifications,
    23892623                .messages-notices {
     2624
    23902625                        th {
    23912626                                width: 30%;
    … …  
    24202655                        // styling issues - this will need styling ideas
    24212656                        td {
     2657
    24222658                                .button {
    24232659                                        border: 0;
    … …  
    24322668                .messages-notices {
    24332669
    2434                         .bp-tooltip:hover::after,
    2435                         .bp-tooltip:active::after,
    2436                         .bp-tooltip:focus::after {
     2670                        .bp-tooltip:hover:after,
     2671                        .bp-tooltip:active:after,
     2672                        .bp-tooltip:focus:after {
    24372673                                left: 0;
    24382674                                margin-top: 10px;
    … …  
    24582694
    24592695#buddypress {
     2696
    24602697        div#message {
     2698
    24612699                p {
     2700
    24622701                        @include font-size(18);
    2463                         font-weight: bold;
     2702                        font-weight: 700;
    24642703                }
    24652704
    24662705                &.info {
     2706
    24672707                        p {
     2708
    24682709                                @include message-box($notice-info);
    24692710                        }
    … …  
    24712712
    24722713                &.updated {
     2714
    24732715                        p {
     2716
    24742717                                @include message-box($notice-update);
    24752718                        }
    … …  
    24822725// Without direct classes on our mesages ( 'warning' )
    24832726// we need to use the body classes
    2484 // todo: If this is class .warning is included in main BP styles remove from here
     2727// @todo If this class .warning is included in main BP styles remove from here
    24852728.delete-group {
     2729
    24862730        #buddypress {
     2731
    24872732                div#message.info {
     2733
    24882734                        p {
     2735
    24892736                                @include message-box($notice-warning);
    24902737                        }

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    537537        border: 1px solid rgba(212, 208, 186, 0.5);
    538538        float: right;
    539         line-height: 1.5em;
     539        line-height: 1.5;
    540540        margin-top: 12px;
    541541        padding-right: 0.2em;
    … …  
    740740        font-size: 12px;
    741741        font-size: 0.75rem;
    742         font-weight: normal;
     742        font-weight: 400;
    743743        line-height: 1.2;
    744744        padding: 4px 10px;
    … …  
    868868        .single-item.groups #buddypress #item-header .generic-button {
    869869                float: none;
    870                 margin: 1.5em 0 0 0;
     870                margin: 1.5em 0 0;
    871871        }
    872872}
    … …  
    14401440}
    14411441
    1442 .bp-user #buddypress #message-thread .message-metadata::after {
     1442.bp-user #buddypress #message-thread .message-metadata:after {
    14431443        clear: both;
    14441444        content: "";
    … …  
    14781478}
    14791479
    1480 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1481 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1482 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1480.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1481.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1482.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14831483        left: 40px;
    14841484        text-align: left;
    … …  
    17231723}
    17241724
    1725 #main #buddypress .standard-form input[type='text'],
    1726 #main #buddypress .standard-form input[type='email'],
    1727 #main #buddypress .standard-form input[type='password'],
     1725#main #buddypress .standard-form input[type="text"],
     1726#main #buddypress .standard-form input[type="email"],
     1727#main #buddypress .standard-form input[type="password"],
    17281728#main #buddypress .standard-form textarea {
    17291729        width: 100%;
    … …  
    17871787}
    17881788
    1789 #buddypress div.dir-search form input[type='text'],
    1790 #buddypress div.message-search form input[type='text'],
    1791 #buddypress li.groups-members-search form input[type='text'] {
     1789#buddypress div.dir-search form input[type="text"],
     1790#buddypress div.message-search form input[type="text"],
     1791#buddypress li.groups-members-search form input[type="text"] {
    17921792        float: right;
    17931793        margin: 0;
    … …  
    17951795}
    17961796
    1797 #buddypress div.dir-search form input[type='text'],
    1798 #buddypress div.dir-search form input[type='submit'],
    1799 #buddypress div.message-search form input[type='text'],
    1800 #buddypress div.message-search form input[type='submit'],
    1801 #buddypress li.groups-members-search form input[type='text'],
    1802 #buddypress li.groups-members-search form input[type='submit'] {
     1797#buddypress div.dir-search form input[type="text"],
     1798#buddypress div.dir-search form input[type="submit"],
     1799#buddypress div.message-search form input[type="text"],
     1800#buddypress div.message-search form input[type="submit"],
     1801#buddypress li.groups-members-search form input[type="text"],
     1802#buddypress li.groups-members-search form input[type="submit"] {
    18031803        font-size: 14px;
    18041804        font-size: 0.875rem;
    … …  
    18071807}
    18081808
    1809 #buddypress div.dir-search form input[type='text'],
    1810 #buddypress div.message-search form input[type='text'],
    1811 #buddypress li.groups-members-search form input[type='text'] {
     1809#buddypress div.dir-search form input[type="text"],
     1810#buddypress div.message-search form input[type="text"],
     1811#buddypress li.groups-members-search form input[type="text"] {
    18121812        border-left: 1px solid rgba(212, 208, 186, 0.6);
    18131813        padding: 0.2em 0.2em 0.2em 0;
    18141814}
    18151815
    1816 #buddypress div.dir-search form input[type='submit'],
    1817 #buddypress div.message-search form input[type='submit'],
    1818 #buddypress li.groups-members-search form input[type='submit'] {
     1816#buddypress div.dir-search form input[type="submit"],
     1817#buddypress div.message-search form input[type="submit"],
     1818#buddypress li.groups-members-search form input[type="submit"] {
    18191819        float: left;
    1820         font-weight: normal;
     1820        font-weight: 400;
    18211821        padding: 0.2em 1em;
    18221822        text-align: center;
    … …  
    18261826
    18271827@media screen and (min-width: 46.25em) {
    1828         #buddypress div.dir-search form input[type='submit'],
    1829         #buddypress div.message-search form input[type='submit'],
    1830         #buddypress li.groups-members-search form input[type='submit'] {
     1828        #buddypress div.dir-search form input[type="submit"],
     1829        #buddypress div.message-search form input[type="submit"],
     1830        #buddypress li.groups-members-search form input[type="submit"] {
    18311831                width: 20%;
    18321832        }
    … …  
    18411841        }
    18421842        #buddypress div.dir-search form label,
    1843         #buddypress div.dir-search form input[type='text'],
    1844         #buddypress div.dir-search form input[type='submit'],
     1843        #buddypress div.dir-search form input[type="text"],
     1844        #buddypress div.dir-search form input[type="submit"],
    18451845        #buddypress div.message-search form label,
    1846         #buddypress div.message-search form input[type='text'],
    1847         #buddypress div.message-search form input[type='submit'],
     1846        #buddypress div.message-search form input[type="text"],
     1847        #buddypress div.message-search form input[type="submit"],
    18481848        #buddypress li.groups-members-search form label,
    1849         #buddypress li.groups-members-search form input[type='text'],
    1850         #buddypress li.groups-members-search form input[type='submit'] {
     1849        #buddypress li.groups-members-search form input[type="text"],
     1850        #buddypress li.groups-members-search form input[type="submit"] {
    18511851                width: auto;
    18521852        }
    … …  
    18541854
    18551855@media screen and (min-width: 77.5em) {
    1856         #buddypress .dir-search form input[type='text'],
    1857         #buddypress .message-search form input[type='text'] {
     1856        #buddypress .dir-search form input[type="text"],
     1857        #buddypress .message-search form input[type="text"] {
    18581858                font-size: 16px;
    18591859                font-size: 1rem;
    18601860        }
    1861         #buddypress .dir-search form input[type='submit'],
    1862         #buddypress .message-search form input[type='submit'] {
     1861        #buddypress .dir-search form input[type="submit"],
     1862        #buddypress .message-search form input[type="submit"] {
    18631863                font-size: 16px;
    18641864                font-size: 1rem;
    … …  
    19421942}
    19431943
    1944 #buddypress .messages-notices .bp-tooltip:hover::after,
    1945 #buddypress .messages-notices .bp-tooltip:active::after,
    1946 #buddypress .messages-notices .bp-tooltip:focus::after {
     1944#buddypress .messages-notices .bp-tooltip:hover:after,
     1945#buddypress .messages-notices .bp-tooltip:active:after,
     1946#buddypress .messages-notices .bp-tooltip:focus:after {
    19471947        right: 0;
    19481948        margin-top: 10px;
    … …  
    19611961        font-size: 18px;
    19621962        font-size: 1.125rem;
    1963         font-weight: bold;
     1963        font-weight: 700;
    19641964}
    19651965

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    537537        border: 1px solid rgba(212, 208, 186, 0.5);
    538538        float: left;
    539         line-height: 1.5em;
     539        line-height: 1.5;
    540540        margin-top: 12px;
    541541        padding-left: 0.2em;
    … …  
    740740        font-size: 12px;
    741741        font-size: 0.75rem;
    742         font-weight: normal;
     742        font-weight: 400;
    743743        line-height: 1.2;
    744744        padding: 4px 10px;
    … …  
    868868        .single-item.groups #buddypress #item-header .generic-button {
    869869                float: none;
    870                 margin: 1.5em 0 0 0;
     870                margin: 1.5em 0 0;
    871871        }
    872872}
    … …  
    14401440}
    14411441
    1442 .bp-user #buddypress #message-thread .message-metadata::after {
     1442.bp-user #buddypress #message-thread .message-metadata:after {
    14431443        clear: both;
    14441444        content: "";
    … …  
    14781478}
    14791479
    1480 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1481 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1482 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1480.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1481.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1482.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14831483        right: 40px;
    14841484        text-align: right;
    … …  
    17231723}
    17241724
    1725 #main #buddypress .standard-form input[type='text'],
    1726 #main #buddypress .standard-form input[type='email'],
    1727 #main #buddypress .standard-form input[type='password'],
     1725#main #buddypress .standard-form input[type="text"],
     1726#main #buddypress .standard-form input[type="email"],
     1727#main #buddypress .standard-form input[type="password"],
    17281728#main #buddypress .standard-form textarea {
    17291729        width: 100%;
    … …  
    17871787}
    17881788
    1789 #buddypress div.dir-search form input[type='text'],
    1790 #buddypress div.message-search form input[type='text'],
    1791 #buddypress li.groups-members-search form input[type='text'] {
     1789#buddypress div.dir-search form input[type="text"],
     1790#buddypress div.message-search form input[type="text"],
     1791#buddypress li.groups-members-search form input[type="text"] {
    17921792        float: left;
    17931793        margin: 0;
    … …  
    17951795}
    17961796
    1797 #buddypress div.dir-search form input[type='text'],
    1798 #buddypress div.dir-search form input[type='submit'],
    1799 #buddypress div.message-search form input[type='text'],
    1800 #buddypress div.message-search form input[type='submit'],
    1801 #buddypress li.groups-members-search form input[type='text'],
    1802 #buddypress li.groups-members-search form input[type='submit'] {
     1797#buddypress div.dir-search form input[type="text"],
     1798#buddypress div.dir-search form input[type="submit"],
     1799#buddypress div.message-search form input[type="text"],
     1800#buddypress div.message-search form input[type="submit"],
     1801#buddypress li.groups-members-search form input[type="text"],
     1802#buddypress li.groups-members-search form input[type="submit"] {
    18031803        font-size: 14px;
    18041804        font-size: 0.875rem;
    … …  
    18071807}
    18081808
    1809 #buddypress div.dir-search form input[type='text'],
    1810 #buddypress div.message-search form input[type='text'],
    1811 #buddypress li.groups-members-search form input[type='text'] {
     1809#buddypress div.dir-search form input[type="text"],
     1810#buddypress div.message-search form input[type="text"],
     1811#buddypress li.groups-members-search form input[type="text"] {
    18121812        border-right: 1px solid rgba(212, 208, 186, 0.6);
    18131813        padding: 0.2em 0 0.2em 0.2em;
    18141814}
    18151815
    1816 #buddypress div.dir-search form input[type='submit'],
    1817 #buddypress div.message-search form input[type='submit'],
    1818 #buddypress li.groups-members-search form input[type='submit'] {
     1816#buddypress div.dir-search form input[type="submit"],
     1817#buddypress div.message-search form input[type="submit"],
     1818#buddypress li.groups-members-search form input[type="submit"] {
    18191819        float: right;
    1820         font-weight: normal;
     1820        font-weight: 400;
    18211821        padding: 0.2em 1em;
    18221822        text-align: center;
    … …  
    18261826
    18271827@media screen and (min-width: 46.25em) {
    1828         #buddypress div.dir-search form input[type='submit'],
    1829         #buddypress div.message-search form input[type='submit'],
    1830         #buddypress li.groups-members-search form input[type='submit'] {
     1828        #buddypress div.dir-search form input[type="submit"],
     1829        #buddypress div.message-search form input[type="submit"],
     1830        #buddypress li.groups-members-search form input[type="submit"] {
    18311831                width: 20%;
    18321832        }
    … …  
    18411841        }
    18421842        #buddypress div.dir-search form label,
    1843         #buddypress div.dir-search form input[type='text'],
    1844         #buddypress div.dir-search form input[type='submit'],
     1843        #buddypress div.dir-search form input[type="text"],
     1844        #buddypress div.dir-search form input[type="submit"],
    18451845        #buddypress div.message-search form label,
    1846         #buddypress div.message-search form input[type='text'],
    1847         #buddypress div.message-search form input[type='submit'],
     1846        #buddypress div.message-search form input[type="text"],
     1847        #buddypress div.message-search form input[type="submit"],
    18481848        #buddypress li.groups-members-search form label,
    1849         #buddypress li.groups-members-search form input[type='text'],
    1850         #buddypress li.groups-members-search form input[type='submit'] {
     1849        #buddypress li.groups-members-search form input[type="text"],
     1850        #buddypress li.groups-members-search form input[type="submit"] {
    18511851                width: auto;
    18521852        }
    … …  
    18541854
    18551855@media screen and (min-width: 77.5em) {
    1856         #buddypress .dir-search form input[type='text'],
    1857         #buddypress .message-search form input[type='text'] {
     1856        #buddypress .dir-search form input[type="text"],
     1857        #buddypress .message-search form input[type="text"] {
    18581858                font-size: 16px;
    18591859                font-size: 1rem;
    18601860        }
    1861         #buddypress .dir-search form input[type='submit'],
    1862         #buddypress .message-search form input[type='submit'] {
     1861        #buddypress .dir-search form input[type="submit"],
     1862        #buddypress .message-search form input[type="submit"] {
    18631863                font-size: 16px;
    18641864                font-size: 1rem;
    … …  
    19421942}
    19431943
    1944 #buddypress .messages-notices .bp-tooltip:hover::after,
    1945 #buddypress .messages-notices .bp-tooltip:active::after,
    1946 #buddypress .messages-notices .bp-tooltip:focus::after {
     1944#buddypress .messages-notices .bp-tooltip:hover:after,
     1945#buddypress .messages-notices .bp-tooltip:active:after,
     1946#buddypress .messages-notices .bp-tooltip:focus:after {
    19471947        left: 0;
    19481948        margin-top: 10px;
    … …  
    19611961        font-size: 18px;
    19621962        font-size: 1.125rem;
    1963         font-weight: bold;
     1963        font-weight: 700;
    19641964}
    19651965

  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r11586 r11587  
    2121// These differ from other WP themes in using fewer breakpoints
    2222// and in using max-width rather than min-width
    23 // In addition BP will use the em breakpoints as used for twentyfifteen referenced below.
     23// In addition BP will use the em breakpoints as used for twentyfifteen
     24// referenced below.
    2425// @media screen and (max-width: 22em) // Additional for xtra small mobile only
    2526// @media screen and (max-width: 30em) // Additional small only
    … …  
    167168in your child themes root & either start over or modify the rulesets.
    168169
    169 If you do not require the styles you can dequeue them from the themes functions file.
     170If you do not require the styles you can dequeue them from the themes
     171functions file.
    170172
    171173Please see this codex article for more information:
    … …  
    221223
    222224.buddypress {
    223         div.clear {display: none;}
     225
     226        div.clear {
     227                display: none;
     228        }
    224229
    225230        // re-factor main themes primary elements widths for BP screens
    226231        @media (max-width: 999px) {
    227                 #content {padding: 0 $spacing-val-md;}
     232
     233                #content {
     234                        padding: 0 $spacing-val-md;
     235                }
    228236        }
    229237
    230238        @media (max-width: 643px) {
    231                 #content {padding: 0;}
     239
     240                #content {
     241                        padding: 0;
     242                }
    232243        }
    233244
    … …  
    246257*-------------------------------------------------------------------------------
    247258*/
    248 
    249259
    250260
    … …  
    264274        // Global Nav Styles
    265275        div.item-list-tabs {
     276
    266277                ul {
    267278                        background-color: $cream-background;
    … …  
    272283
    273284                        li {
     285
    274286                                a {
    275                                         span {border-radius: 25%;}
     287
     288                                        span {
     289                                                border-radius: 25%;
     290                                        }
    276291                                }
    277292                        }
    … …  
    282297
    283298.bp-user {
     299
    284300        #buddypress {
     301
    285302                @media screen and (max-width: 38.75em) {
    286303
    … …  
    307324                                &:hover,
    308325                                &:focus {
    309                                         &:before {content: "Menu \021E7";}
     326
     327                                        &:before {
     328                                                content: "Menu \021E7";
     329                                        }
    310330
    311331                                        ul {
    … …  
    318338                        }
    319339
    320                         #subnav {clear: both;}
     340                        #subnav {
     341                                clear: both;
     342                        }
    321343
    322344                } // close @media
    323345        }
    324346}
     347
    325348/*__ Horizontal menus & small screen __*/
    326349
    … …  
    333356
    334357                        li {
     358
    335359                                @media screen and (max-width: 38.75em) {
     360
    336361                                        &:focus,
    337362                                        &:hover {
    … …  
    344369
    345370                        @media screen and (max-width: 38.75em) {
     371
    346372                                li:not(:last-child) {
    347373                                        border-bottom: 1px solid $border-light;
    … …  
    350376
    351377                        @media screen and (min-width: 38.75em) {
     378
    352379                                li {
    353380                                        float: left;
    … …  
    382409                                label,
    383410                                option {
     411
    384412                                        @include font-size(14);
    385413                                }
    … …  
    391419
    392420                        @media screen and (min-width: 38.75em) {
     421
    393422                                li.last {
    394423                                        text-align: right;
    … …  
    400429        // active/current states all navs
    401430        div.item-list-tabs {
     431
    402432                ul {
     433
    403434                        li.selected,
    404435                        li.current {
     436
    405437                                a {
    406438                                        background: none;
    … …  
    417449// This block contains rules to re-factor the item-body structural element
    418450// to sit alongside the vert menu
    419 // As 2013 has an inner sidebar which if active can narrow screen too far
    420 // for a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
     451// As 2013 has an inner sidebar which if active can narrow screen too far for
     452// a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
    421453
    422454@media screen and (min-width: 55em) {
    423455
    424456        body:not(.sidebar) {
     457
    425458                #buddypress {
    426459
    … …  
    464497                                        margin: 0 0 0 (-$spacing-val-md);
    465498
    466                                         ul {margin-top: 0;}
     499                                        ul {
     500                                                margin-top: 0;
     501                                        }
    467502                                }
    468503                        }
    … …  
    477512
    478513@media screen and (min-width: 46.25em) {
     514
    479515        #main {
     516
    480517                #buddypress {
    481518
    … …  
    508545                                                border: 1px solid $border-med;
    509546                                                border-bottom-color: $content-background;
     547
    510548                                                @include border-top-radius(4px);
    511549                                                margin-bottom: -1px;
    … …  
    522560
    523561                        #subnav {
     562
    524563                                ul {
    525564                                        border-bottom: 0;
    … …  
    538577
    539578#buddypress {
     579
    540580        div.pagination {
    541581                box-shadow: none;
    542                 .pag-count {margin-left: 0;}
     582
     583                .pag-count {
     584                        margin-left: 0;
     585                }
     586
    543587                .pagination-links {
    544588                        margin-right: 0;
    … …  
    557601                                overflow: visible;
    558602                                width: auto;
    559                                 &:before {display: none;}
     603
     604                                &:before {
     605                                        display: none;
     606                                }
    560607                        }
    561608
    … …  
    581628// Adjusts Meta items and various elements to match 2013 font-family
    582629#buddypress {
     630
    583631        .item-list {
     632
    584633                .activity-header,
    585634                .activity-meta {
     635
    586636                        @include default-font-sans();
    587637                }
    … …  
    590640
    591641#buddypress {
     642
    592643        .activity-meta {
     644
    593645                .button {
     646
    594647                        &:focus,
    595648                        &:hover {
    … …  
    601654
    602655        .action {
     656
    603657                .generic-button {
     658
    604659                        a {
     660
    605661                                &:focus,
    606662                                &:hover {
    … …  
    622678
    623679#buddypress {
     680
    624681        ul.item-list {
     682
    625683                li {
    626684                        overflow: hidden !important;
    … …  
    636694                                text-align: center;
    637695
    638                                 a {border-bottom: 0;}
     696                                a {
     697                                        border-bottom: 0;
     698                                }
    639699
    640700                                img.avatar {
    … …  
    667727
    668728                                .item-title {
     729
    669730                                        @include font-size(18);
    670731                                        line-height: 1.2;
    … …  
    679740
    680741                                        .update {
     742
    681743                                                @include font-size(12);
    682744                                                display: block;
    683745
    684746                                                @media screen and (min-width: 59.6875em) {
     747
    685748                                                        @include font-size(14);
    686749                                                }
    … …  
    695758
    696759                        @media screen and (min-width: 59.6875em) {
     760
    697761                                .item-avatar,
    698762                                .item,
    … …  
    708772
    709773                                        .item-title {
    710                                                 @include font-size(22)
     774
     775                                                @include font-size(22);
    711776                                        }
    712777                                }
    … …  
    784849
    785850#buddypress {
     851
    786852        form#whats-new-form {
    787853
    … …  
    794860
    795861                @media screen and (max-width: 46.25em) {
     862
    796863                        #whats-new-content {
    797864                                clear: left;
    … …  
    802869
    803870                #whats-new-content.active {
     871
    804872                        #whats-new-options[style] {
     873
    805874                                #whats-new-post-in-box {
    806875                                        border: 1px solid rgba($border-color, 0.5);
    807876                                        float: left;
    808                                         line-height: 1.5em;
     877                                        line-height: 1.5;
    809878                                        margin-top: 12px;
    810879                                        padding-left: 0.2em;
    … …  
    822891
    823892                                @media screen and (min-width: 30em) {
     893
    824894                                        #whats-new-post-in-box {
    825895                                                width: auto;
    … …  
    838908        // User account form requires matching bp default specificity
    839909        #item-body {
     910
    840911                form#whats-new-form {
    841912                        margin: $spacing-val-lg 0;
    … …  
    881952
    882953                                .activity-header {
     954
    883955                                        @include font-size(14);
    884956                                }
    … …  
    891963                                        margin-right: $spacing-val-sm;
    892964                                        text-align: left;
    893                                         a {border-bottom: 0;}
     965
     966                                        a {
     967                                                border-bottom: 0;
     968                                        }
    894969                                }
    895970
    … …  
    899974
    900975                                        .activity-header {
     976
    901977                                                @include font-size(16);
    902978                                        }
    … …  
    908984
    909985                li.mini {
     986
    910987                        .activity-avatar {
     988
    911989                                a {
     990
    912991                                        img.avatar {
    913992                                                height: 30px;
    … …  
    919998
    920999                        .activity-content {
     1000
    9211001                                .activity-header {
     1002
    9221003                                        @include font-size(14);
    9231004                                }
    … …  
    9511032
    9521033                        .activity-meta {
     1034
    9531035                                a {
    9541036                                        display: block;
    … …  
    9731055                                background: darken($light-background, 1%);
    9741056                                border: 1px solid rgba(#9fd1e2, 0.3);
    975                                 a { font-style: italic; }
     1057
     1058                                a {
     1059                                        font-style: italic;
     1060                                }
    9761061                        }
    9771062
    … …  
    9871072
    9881073.activity-permalink {
     1074
    9891075        #buddypress {
     1076
    9901077                #activity-stream {
    9911078
    … …  
    9951082
    9961083                        li.mini {
     1084
    9971085                                .activity-header {
     1086
    9981087                                        @include font-size(16);
     1088
    9991089                                        @media screen and (min-width: 46.25em) {
     1090
    10001091                                                @include font-size(20);
    10011092                                        }
    10021093
    10031094                                        margin-bottom: $spacing-val-lg;
    1004                                         p {padding: $spacing-val-md;}
     1095
     1096                                        p {
     1097                                                padding: $spacing-val-md;
     1098                                        }
    10051099                                }
    10061100                        }
    … …  
    10171111
    10181112        #activity-stream {
     1113
    10191114                .activity-comments {
    10201115                        border-left: 1px solid $border-light;
    … …  
    10411136                                        display: inline-block;
    10421137                                        font-family: inherit;
     1138
    10431139                                        @include font-size(12);
    1044                                         font-weight: normal;
     1140                                        font-weight: 400;
    10451141                                        line-height: 1.2;
    10461142                                        padding: 4px 10px;
    … …  
    10731169
    10741170#buddypress {
     1171
    10751172        #members-list {
    10761173
    10771174                @media screen and (min-width: 59.6875em) {
     1175
    10781176                        li {
     1177
    10791178                                .item-avatar,
    10801179                                .item {
    … …  
    11041203
    11051204#buddypress {
     1205
    11061206        #signup_form.standard-form {
    11071207
    … …  
    11181218
    11191219                @media screen and (min-width: 38.75em) {
    1120                         #profile-details-section {float: right;}
    1121                         #basic-details-section {float: left;}
     1220
     1221                        #profile-details-section {
     1222                                float: right;
     1223                        }
     1224
     1225                        #basic-details-section {
     1226                                float: left;
     1227                        }
    11221228                }
    11231229
    … …  
    11461252                .entry-title {
    11471253                        color: $light-body;
     1254
    11481255                        @include font-size(32);
    11491256                        margin-bottom: $spacing-val-sm;
    … …  
    11571264
    11581265        #buddypress {
     1266
    11591267                #item-header-content {
     1268
    11601269                        #item-meta {
     1270
    11611271                                @include font-size(14);
    11621272                                text-align: left;
    11631273
    1164                                 p {margin-bottom: 0.5em;}
     1274                                p {
     1275                                        margin-bottom: 0.5em;
     1276                                }
    11651277                        }
    11661278                }
    … …  
    11681280
    11691281        @media screen and (max-width: 46.25em) {
     1282
    11701283                main {
     1284
    11711285                        header.entry-header {
    11721286                                padding-bottom: 1rem;
    … …  
    11761290
    11771291        @media screen and (max-width: 38.75em) {
     1292
    11781293                h1,
    11791294                #item-header-content {
    … …  
    11831298
    11841299        #buddypress {
     1300
    11851301                @media screen and (max-width: 46.25em) {
     1302
    11861303                        #item-header {
     1304
    11871305                                .generic-button {
    11881306                                        float: none;
    1189                                         margin: 1.5em 0 0 0;
     1307                                        margin: 1.5em 0 0;
    11901308                                }
    11911309                        }
    … …  
    11931311
    11941312                @media screen and (max-width: 38.75em) {
     1313
    11951314                        h1 {
    11961315                                margin-bottom: 0;
    … …  
    11981317
    11991318                        #item-header-avatar {
     1319
    12001320                                img.avatar {
    12011321                                        margin-right: 0;
    … …  
    12191339
    12201340.single-item.groups {
     1341
    12211342        #buddypress {
     1343
    12221344                @media screen and (max-width: 46.25em) {
     1345
    12231346                        #item-header {
     1347
    12241348                                #item-meta {
    12251349                                        margin-bottom: $spacing-val-md;
    … …  
    12311355                // avatar first after group title
    12321356                @media screen and (max-width: 38.75em) {
     1357
    12331358                        div#item-header {
    12341359                                display: flex;
    … …  
    12891414
    12901415                                h2 {
     1416
    12911417                                        @include font-size(14);
    12921418
    12931419                                        @media screen and (min-width: 46.25em) {
     1420
    12941421                                                @include font-size(16);
    12951422                                        }
    … …  
    13211448
    13221449                                        h2 {
     1450
    13231451                                                @include font-size(14);
    13241452                                        }
    … …  
    13411469
    13421470                                @media screen and (min-width: 46.25em) {
     1471
    13431472                                        #item-header-content {
    13441473                                                padding-left: $spacing-val-sm;
    … …  
    13751504
    13761505        #buddypress {
     1506
    13771507                #item-header {
    13781508                        padding: $spacing-val-md 0;
    … …  
    13911521
    13921522                        #item-header-content {
     1523
    13931524                                .user-nicename,
    13941525                                span.activity {
    … …  
    13991530
    14001531                        @media screen and (min-width: 46.25em) {
     1532
    14011533                                #item-header-avatar {
    14021534                                        float: left;
    … …  
    14291561
    14301562                        #item-header-content {
     1563
    14311564                                @media screen and (min-width: 46.25em) {
     1565
    14321566                                        .user-nicename {
    14331567                                                margin-bottom: $spacing-val-md;
    … …  
    14661600// headings settings screens & general global settings styles
    14671601.groups {
     1602
    14681603        #group-settings-form {
     1604
    14691605                h3 {
    14701606                        background: $dark-background;
    … …  
    14761612
    14771613.groups.edit-details {
     1614
    14781615        #group-settings-form {
    14791616
    … …  
    14871624                        background: none;
    14881625                        color: inherit;
     1626
    14891627                        @include font-size(14);
    14901628                        width: auto;
    … …  
    15001638
    15011639.groups.group-settings {
     1640
    15021641        #group-settings-form {
    15031642
    … …  
    15081647                        ul {
    15091648                                color: rgba($body-text, 0.6);
     1649
    15101650                                @include font-size(14);
    15111651                        }
    … …  
    15241664
    15251665.groups.manage-members {
     1666
    15261667        #group-settings-form {
     1668
    15271669                .item-list {
     1670
    15281671                        li {
    15291672                                border-bottom: 1px solid $border-light;
    … …  
    15331676                                        float: left;
    15341677
    1535                                         > a {border-bottom: 0;}
     1678                                        > a {
     1679                                                border-bottom: 0;
     1680                                        }
    15361681                                }
    15371682
    … …  
    15701715// Massage the members search for groups nav specifically.
    15711716.groups.group-members {
     1717
    15721718        #subnav {
     1719
    15731720                li {
     1721
    15741722                        @media screen and (max-width: 38.75em) {
    15751723                                background: $content-background;
    … …  
    15871735
    15881736                                        label {
    1589                                                 input[type="text"] {width: 100%;}
     1737
     1738                                                input[type="text"] {
     1739                                                        width: 100%;
     1740                                                }
    15901741                                        }
    15911742                                }
    … …  
    16051756
    16061757        div.invite {
     1758
    16071759                .left-menu {
    16081760                        float: none;
    … …  
    16491801
    16501802.bp-user {
    1651         .entry-title {margin-bottom: 0.5em;}
     1803
     1804        .entry-title {
     1805                margin-bottom: 0.5em;
     1806        }
    16521807}
    16531808
    … …  
    16631818
    16641819                table {
    1665                         th {@include font-size(14)}
    1666                         td {@include font-size(13)}
     1820
     1821                        th {
     1822
     1823                                @include font-size(14);
     1824                        }
     1825
     1826                        td {
     1827
     1828                                @include font-size(13);
     1829                        }
    16671830
    16681831                        @media screen and (min-width: 46.25em) {
    1669                                 th {@include font-size(16)}
    1670                                 td {@include font-size(14)}
     1832
     1833                                th {
     1834
     1835                                        @include font-size(16);
     1836                                }
     1837
     1838                                td {
     1839
     1840                                        @include font-size(14);
     1841                                }
    16711842                        }
    16721843
    16731844                        @media screen and (min-width: 77.5em) {
    1674                                 th {@include font-size(18)}
    1675                                 td {@include font-size(16)}
    1676                         }
    1677                 }
    1678 
    1679                 .pag-count {font-style: italic;}
     1845
     1846                                th {
     1847
     1848                                        @include font-size(18);
     1849                                }
     1850
     1851                                td {
     1852
     1853                                        @include font-size(16);
     1854                                }
     1855                        }
     1856                }
     1857
     1858                .pag-count {
     1859                        font-style: italic;
     1860                }
    16801861
    16811862                .notifications-options-nav {
    … …  
    16911872                        input {
    16921873                                border: 0;
     1874
    16931875                                @include font-size(14);
    16941876                                outline: 0;
    … …  
    17241906
    17251907                .profile {
     1908
    17261909                        .bp-widget {
     1910
    17271911                                h2 {
    17281912                                        background: lighten($dark-background, 10%);
    … …  
    17321916                                }
    17331917
    1734                                 table {margin-top: 0;}
     1918                                table {
     1919                                        margin-top: 0;
     1920                                }
    17351921                        }
    17361922
    … …  
    17661952                                                background: none;
    17671953                                                border: 0;
    1768                                                 @include font-size(18)
     1954
     1955                                                @include font-size(18);
    17691956                                        }
    17701957                                } //.button-nav
    … …  
    17721959                                .field-visibility-settings-toggle,
    17731960                                .field-visibility-settings {
     1961
    17741962                                        @include font-size(14);
    17751963                                }
    … …  
    17841972
    17851973                        .bp-avatar {
     1974
    17861975                                #bp-delete-avatar {
    1787                                         a {font-size: inherit; }
     1976
     1977                                        a {
     1978                                                font-size: inherit;
     1979                                        }
    17881980                                }
    17891981                        }
    … …  
    18031995
    18041996                #groups-list {
     1997
    18051998                        li {
     1999
    18062000                                .item {
     2001
    18072002                                        @media screen and (min-width: 77.5em) {
    18082003                                                left: 5%;
    … …  
    18482043                        .message-metadata {
    18492044
    1850                                 &::after {
     2045                                &:after {
    18512046                                        clear: both;
    18522047                                        content: "";
    … …  
    18592054
    18602055                                @media screen and (min-width: 46.25em) {
     2056
    18612057                                        img.avatar {
    18622058                                                float: left;
    … …  
    18792075
    18802076                        #send-reply {
     2077
    18812078                                .message-content {
    18822079                                        background: $content-background;
    … …  
    18892086                        }
    18902087
    1891                         .bp-tooltip:hover::after,
    1892                         .bp-tooltip:active::after,
    1893                         .bp-tooltip:focus::after {
     2088                        .bp-tooltip:hover:after,
     2089                        .bp-tooltip:active:after,
     2090                        .bp-tooltip:focus:after {
    18942091                                right: 40px;
    18952092                                text-align: right;
    … …  
    18992096
    19002097                #message-threads {
     2098
    19012099                        thead {
     2100
    19022101                                tr {
    19032102                                        background: lighten($dark-background, 10%);
    … …  
    19062105
    19072106                        tr {
     2107
    19082108                                td {
    19092109                                        background: $content-background;
    … …  
    19222122                                        @media screen and (max-width: 46.25em) {
    19232123                                                padding-top: 0;
    1924                                                 span.icon:before {font-size: 14px;}
     2124
     2125                                                span.icon:before {
     2126                                                        font-size: 14px;
     2127                                                }
    19252128                                        }
    19262129                                }
    … …  
    19422145                                td.thread-options {
    19432146                                        border-left: 0 !important;
     2147
    19442148                                        @include calc(width, "100% - 30px");
    19452149                                        margin-left: 0;
    … …  
    19512155
    19522156                                        .thread-excerpt {
     2157
    19532158                                                @include font-size(14);
    19542159                                        }
    … …  
    19592164
    19602165                                        a {
     2166
    19612167                                                @include font-size(12);
    19622168                                                line-height: 2.2;
    … …  
    19752181                                        @media screen and (max-width: 38.75em) {
    19762182                                                clear: both;
     2183
    19772184                                                @include font-size(12);
    19782185                                                width: 100%;
    … …  
    19822189
    19832190                        tr.unread {
     2191
    19842192                                td {
    19852193                                        background: $unread;
    … …  
    20112219                        padding: 0;
    20122220
    2013                         li {margin-left: 0;}
     2221                        li {
     2222                                margin-left: 0;
     2223                        }
    20142224
    20152225                        li.friend-tab {
    … …  
    20462256
    20472257                .sitewide-notices {
     2258
    20482259                        tr {
     2260
    20492261                                td:first-child {
    20502262                                        display: none;
    … …  
    20532265
    20542266                        td {
     2267
    20552268                                strong {
    20562269                                        background: lighten($dark-background, 10%);
    … …  
    21002313                        // 'p' = email notification screen sub heading
    21012314                        > p {
     2315
    21022316                                @include font-size(20);
    21032317                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    21062320
    21072321                table.notification-settings {
     2322
    21082323                        td.yes,
    21092324                        td.no {
    … …  
    21212336
    21222337                        @media screen and (min-width: 46.25em) {
     2338
    21232339                                th.field-group-name,
    21242340                                td.field-name {
    … …  
    21332349
    21342350                        td.field-visibility {
    2135                                 select {width: 100%;}
     2351
     2352                                select {
     2353                                        width: 100%;
     2354                                }
    21362355                        }
    21372356                }
    … …  
    21482367// Attempt to reset form control widths
    21492368#main {
     2369
    21502370        #buddypress {
     2371
    21512372                .standard-form {
    21522373
    2153                         li {float: none;}
    2154                         input[type='text'],
    2155                         input[type='email'],
    2156                         input[type='password'],
     2374                        li {
     2375                                float: none;
     2376                        }
     2377
     2378                        input[type="text"],
     2379                        input[type="email"],
     2380                        input[type="password"],
    21572381                        textarea {
    21582382                                width: 100%;
    … …  
    21702394
    21712395                form {
     2396
    21722397                        .ac-textarea {
    21732398                                background: $light-background;
    … …  
    21982423
    21992424        #signup_form.standard-form {
     2425
    22002426                div.submit {
    22012427                        float: none;
    22022428
    2203                         input {margin-right: 0;}
     2429                        input {
     2430                                margin-right: 0;
     2431                        }
    22042432                }
    22052433        }
    … …  
    22082436
    22092437#buddypress {
     2438
    22102439        div.dir-search,
    22112440        div.message-search,
    … …  
    22302459                        }
    22312460
    2232                         input[type='text'] {
     2461                        input[type="text"] {
    22332462                                float: left;
    22342463                                margin: 0;
    … …  
    22362465                        }
    22372466
    2238                         input[type='text'],
    2239                         input[type='submit'] {
     2467                        input[type="text"],
     2468                        input[type="submit"] {
     2469
    22402470                                @include font-size(14);
    22412471                                border: 0;
    … …  
    22432473                        }
    22442474
    2245                         input[type='text'] {
     2475                        input[type="text"] {
    22462476                                border-right: 1px solid rgba($border-color, 0.6);
    22472477                                padding: 0.2em 0 0.2em 0.2em;
    22482478                        }
    22492479
    2250                         input[type='submit'] {
     2480                        input[type="submit"] {
    22512481                                float: right;
    2252                                 font-weight: normal;
     2482                                font-weight: 400;
    22532483                                padding: 0.2em 1em;
    22542484                                text-align: center;
    … …  
    22672497        // Shift the search parent to the right and allow to shrinkwrap
    22682498        @media screen and (min-width: 38.75em) {
     2499
    22692500                div.dir-search,
    22702501                div.message-search,
    … …  
    22742505
    22752506                        form {
     2507
    22762508                                label,
    2277                                 input[type='text'],
    2278                                 input[type='submit'] {
     2509                                input[type="text"],
     2510                                input[type="submit"] {
    22792511                                        width: auto;
    22802512                                }
    … …  
    22892521                .dir-search,
    22902522                .message-search {
     2523
    22912524                        form {
    2292                                 input[type='text'] { @include font-size(16) ;}
    2293                                 input[type='submit'] { @include font-size(16) ;}
     2525
     2526                                input[type="text"] {
     2527
     2528                                        @include font-size(16);
     2529                                }
     2530
     2531                                input[type="submit"] {
     2532
     2533                                        @include font-size(16);
     2534                                }
    22942535                        }
    22952536                }
    … …  
    23122553
    23132554        table {
     2555
    23142556                @include font-size(14);
    23152557                margin: $spacing-val-md 0;
    … …  
    23282570
    23292571                // Reduce the themes inherited paragraph margins in tables
    2330                 p {margin-bottom: 0.5em;}
     2572                p {
     2573                        margin-bottom: 0.5em;
     2574                }
    23312575        }
    23322576
    23332577        @media screen and (min-width: 55em) {
    2334                 table {@include font-size(16);}
     2578
     2579                table {
     2580
     2581                        @include font-size(16);
     2582                }
    23352583        }
    23362584}
    … …  
    23432591        .notifications,
    23442592        .messages-notices {
     2593
    23452594                th {
    23462595                        width: 30%;
    … …  
    23712620                // styling issues - this will need styling ideas
    23722621                td {
     2622
    23732623                        .button {
    23742624                                border: 0;
    … …  
    23832633        .messages-notices {
    23842634
    2385                 .bp-tooltip:hover::after,
    2386                 .bp-tooltip:active::after,
    2387                 .bp-tooltip:focus::after {
     2635                .bp-tooltip:hover:after,
     2636                .bp-tooltip:active:after,
     2637                .bp-tooltip:focus:after {
    23882638                        left: 0;
    23892639                        margin-top: 10px;
    … …  
    24082658
    24092659#buddypress {
     2660
    24102661        div#message {
     2662
    24112663                p {
     2664
    24122665                        @include font-size(18);
    2413                         font-weight: bold;
     2666                        font-weight: 700;
    24142667                }
    24152668
    24162669                &.info {
     2670
    24172671                        p {
     2672
    24182673                                @include message-box($notice-info);
    24192674                        }
    … …  
    24212676
    24222677                &.updated {
     2678
    24232679                        p {
     2680
    24242681                                @include message-box($notice-update);
    24252682                        }
    … …  
    24322689// Without direct classes on our mesages ( 'warning' )
    24332690// we need to use the body classes
    2434 // todo: If this is class .warning is included in main BP styles remove from here
     2691// @todo If this class .warning is included in main BP styles remove from here
    24352692.delete-group {
     2693
    24362694        #buddypress {
     2695
    24372696                div#message.info {
     2697
    24382698                        p {
     2699
    24392700                                @include message-box($notice-warning);
    24402701                        }

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve-rtl.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    557557        border: 1px solid rgba(212, 208, 186, 0.5);
    558558        float: right;
    559         line-height: 1.5em;
     559        line-height: 1.5;
    560560        margin-top: 12px;
    561561        padding-right: 0.2em;
    … …  
    789789        font-size: 12px;
    790790        font-size: 0.8571428571rem;
    791         font-weight: normal;
     791        font-weight: 400;
    792792        line-height: 1.2;
    793793        padding: 4px 10px;
    … …  
    915915        .single-item.groups #buddypress #item-header .generic-button {
    916916                float: none;
    917                 margin: 1.5em 0 0 0;
     917                margin: 1.5em 0 0;
    918918        }
    919919}
    … …  
    13911391        background-clip: padding-box;
    13921392        color: #f1f1f1;
    1393         font-weight: bold;
     1393        font-weight: 700;
    13941394        padding: 0.1em 0.5em;
    13951395        text-decoration: none;
    … …  
    14461446}
    14471447
    1448 .bp-user #buddypress #message-thread .message-metadata::after {
     1448.bp-user #buddypress #message-thread .message-metadata:after {
    14491449        clear: both;
    14501450        content: "";
    … …  
    14841484}
    14851485
    1486 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1487 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1488 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1486.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1487.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1488.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14891489        left: 40px;
    14901490        text-align: left;
    … …  
    17021702}
    17031703
    1704 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1704.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    17051705        content: attr(title);
    17061706        display: block;
    … …  
    17811781}
    17821782
    1783 #main #buddypress .standard-form input[type='text'],
    1784 #main #buddypress .standard-form input[type='email'],
    1785 #main #buddypress .standard-form input[type='password'],
     1783#main #buddypress .standard-form input[type="text"],
     1784#main #buddypress .standard-form input[type="email"],
     1785#main #buddypress .standard-form input[type="password"],
    17861786#main #buddypress .standard-form textarea {
    17871787        width: 100%;
    … …  
    18371837}
    18381838
    1839 #buddypress div.dir-search form input[type='text'],
    1840 #buddypress div.dir-search form input[type='submit'],
    1841 #buddypress div.message-search form input[type='text'],
    1842 #buddypress div.message-search form input[type='submit'],
    1843 #buddypress li.groups-members-search form input[type='text'],
    1844 #buddypress li.groups-members-search form input[type='submit'] {
     1839#buddypress div.dir-search form input[type="text"],
     1840#buddypress div.dir-search form input[type="submit"],
     1841#buddypress div.message-search form input[type="text"],
     1842#buddypress div.message-search form input[type="submit"],
     1843#buddypress li.groups-members-search form input[type="text"],
     1844#buddypress li.groups-members-search form input[type="submit"] {
    18451845        font-size: 14px;
    18461846        font-size: 1rem;
    … …  
    18511851}
    18521852
    1853 #buddypress div.dir-search form input[type='text'],
    1854 #buddypress div.message-search form input[type='text'],
    1855 #buddypress li.groups-members-search form input[type='text'] {
     1853#buddypress div.dir-search form input[type="text"],
     1854#buddypress div.message-search form input[type="text"],
     1855#buddypress li.groups-members-search form input[type="text"] {
    18561856        border-left: 1px solid rgba(212, 208, 186, 0.6);
    18571857        float: right;
    18581858        margin: 0;
    1859         padding: 0 0.2em 0;
     1859        padding: 0 0.2em;
    18601860        width: 100%;
    18611861}
    18621862
    1863 #buddypress div.dir-search form input[type='submit'],
    1864 #buddypress div.message-search form input[type='submit'],
    1865 #buddypress li.groups-members-search form input[type='submit'] {
     1863#buddypress div.dir-search form input[type="submit"],
     1864#buddypress div.message-search form input[type="submit"],
     1865#buddypress li.groups-members-search form input[type="submit"] {
    18661866        float: left;
    1867         font-weight: normal;
     1867        font-weight: 400;
    18681868        padding: 0 1em;
    18691869        text-align: center;
    … …  
    18801880        }
    18811881        #buddypress div.dir-search form label,
    1882         #buddypress div.dir-search form input[type='text'],
    1883         #buddypress div.dir-search form input[type='submit'],
     1882        #buddypress div.dir-search form input[type="text"],
     1883        #buddypress div.dir-search form input[type="submit"],
    18841884        #buddypress div.message-search form label,
    1885         #buddypress div.message-search form input[type='text'],
    1886         #buddypress div.message-search form input[type='submit'],
     1885        #buddypress div.message-search form input[type="text"],
     1886        #buddypress div.message-search form input[type="submit"],
    18871887        #buddypress li.groups-members-search form label,
    1888         #buddypress li.groups-members-search form input[type='text'],
    1889         #buddypress li.groups-members-search form input[type='submit'] {
     1888        #buddypress li.groups-members-search form input[type="text"],
     1889        #buddypress li.groups-members-search form input[type="submit"] {
    18901890                width: auto;
    18911891        }
    … …  
    18931893
    18941894@media screen and (min-width: 75em) {
    1895         #buddypress .dir-search form input[type='text'],
    1896         #buddypress .message-search form input[type='text'] {
     1895        #buddypress .dir-search form input[type="text"],
     1896        #buddypress .message-search form input[type="text"] {
    18971897                font-size: 16px;
    18981898                font-size: 1.1428571429rem;
    18991899        }
    1900         #buddypress .dir-search form input[type='submit'],
    1901         #buddypress .message-search form input[type='submit'] {
     1900        #buddypress .dir-search form input[type="submit"],
     1901        #buddypress .message-search form input[type="submit"] {
    19021902                font-size: 16px;
    19031903                font-size: 1.1428571429rem;
    … …  
    19851985}
    19861986
    1987 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1988 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1989 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1987.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1988.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1989.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19901990        right: 0;
    19911991        margin-top: 10px;
    … …  
    20042004        font-size: 18px;
    20052005        font-size: 1.2857142857rem;
    2006         font-weight: bold;
     2006        font-weight: 700;
    20072007}
    20082008

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve.css

    r11586 r11587  
    1 @charset "UTF-8";
    21/*--------------------------------------------------------------
    32
    … …  
    1211in your child themes root & either start over or modify the rulesets.
    1312
    14 If you do not require the styles you can dequeue them from the themes functions file.
     13If you do not require the styles you can dequeue them from the themes
     14functions file.
    1515
    1616Please see this codex article for more information:
    … …  
    557557        border: 1px solid rgba(212, 208, 186, 0.5);
    558558        float: left;
    559         line-height: 1.5em;
     559        line-height: 1.5;
    560560        margin-top: 12px;
    561561        padding-left: 0.2em;
    … …  
    789789        font-size: 12px;
    790790        font-size: 0.8571428571rem;
    791         font-weight: normal;
     791        font-weight: 400;
    792792        line-height: 1.2;
    793793        padding: 4px 10px;
    … …  
    915915        .single-item.groups #buddypress #item-header .generic-button {
    916916                float: none;
    917                 margin: 1.5em 0 0 0;
     917                margin: 1.5em 0 0;
    918918        }
    919919}
    … …  
    13911391        background-clip: padding-box;
    13921392        color: #f1f1f1;
    1393         font-weight: bold;
     1393        font-weight: 700;
    13941394        padding: 0.1em 0.5em;
    13951395        text-decoration: none;
    … …  
    14461446}
    14471447
    1448 .bp-user #buddypress #message-thread .message-metadata::after {
     1448.bp-user #buddypress #message-thread .message-metadata:after {
    14491449        clear: both;
    14501450        content: "";
    … …  
    14841484}
    14851485
    1486 .bp-user #buddypress #message-thread .bp-tooltip:hover::after,
    1487 .bp-user #buddypress #message-thread .bp-tooltip:active::after,
    1488 .bp-user #buddypress #message-thread .bp-tooltip:focus::after {
     1486.bp-user #buddypress #message-thread .bp-tooltip:hover:after,
     1487.bp-user #buddypress #message-thread .bp-tooltip:active:after,
     1488.bp-user #buddypress #message-thread .bp-tooltip:focus:after {
    14891489        right: 40px;
    14901490        text-align: right;
    … …  
    17021702}
    17031703
    1704 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1704.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    17051705        content: attr(title);
    17061706        display: block;
    … …  
    17811781}
    17821782
    1783 #main #buddypress .standard-form input[type='text'],
    1784 #main #buddypress .standard-form input[type='email'],
    1785 #main #buddypress .standard-form input[type='password'],
     1783#main #buddypress .standard-form input[type="text"],
     1784#main #buddypress .standard-form input[type="email"],
     1785#main #buddypress .standard-form input[type="password"],
    17861786#main #buddypress .standard-form textarea {
    17871787        width: 100%;
    … …  
    18371837}
    18381838
    1839 #buddypress div.dir-search form input[type='text'],
    1840 #buddypress div.dir-search form input[type='submit'],
    1841 #buddypress div.message-search form input[type='text'],
    1842 #buddypress div.message-search form input[type='submit'],
    1843 #buddypress li.groups-members-search form input[type='text'],
    1844 #buddypress li.groups-members-search form input[type='submit'] {
     1839#buddypress div.dir-search form input[type="text"],
     1840#buddypress div.dir-search form input[type="submit"],
     1841#buddypress div.message-search form input[type="text"],
     1842#buddypress div.message-search form input[type="submit"],
     1843#buddypress li.groups-members-search form input[type="text"],
     1844#buddypress li.groups-members-search form input[type="submit"] {
    18451845        font-size: 14px;
    18461846        font-size: 1rem;
    … …  
    18511851}
    18521852
    1853 #buddypress div.dir-search form input[type='text'],
    1854 #buddypress div.message-search form input[type='text'],
    1855 #buddypress li.groups-members-search form input[type='text'] {
     1853#buddypress div.dir-search form input[type="text"],
     1854#buddypress div.message-search form input[type="text"],
     1855#buddypress li.groups-members-search form input[type="text"] {
    18561856        border-right: 1px solid rgba(212, 208, 186, 0.6);
    18571857        float: left;
    18581858        margin: 0;
    1859         padding: 0 0.2em 0;
     1859        padding: 0 0.2em;
    18601860        width: 100%;
    18611861}
    18621862
    1863 #buddypress div.dir-search form input[type='submit'],
    1864 #buddypress div.message-search form input[type='submit'],
    1865 #buddypress li.groups-members-search form input[type='submit'] {
     1863#buddypress div.dir-search form input[type="submit"],
     1864#buddypress div.message-search form input[type="submit"],
     1865#buddypress li.groups-members-search form input[type="submit"] {
    18661866        float: right;
    1867         font-weight: normal;
     1867        font-weight: 400;
    18681868        padding: 0 1em;
    18691869        text-align: center;
    … …  
    18801880        }
    18811881        #buddypress div.dir-search form label,
    1882         #buddypress div.dir-search form input[type='text'],
    1883         #buddypress div.dir-search form input[type='submit'],
     1882        #buddypress div.dir-search form input[type="text"],
     1883        #buddypress div.dir-search form input[type="submit"],
    18841884        #buddypress div.message-search form label,
    1885         #buddypress div.message-search form input[type='text'],
    1886         #buddypress div.message-search form input[type='submit'],
     1885        #buddypress div.message-search form input[type="text"],
     1886        #buddypress div.message-search form input[type="submit"],
    18871887        #buddypress li.groups-members-search form label,
    1888         #buddypress li.groups-members-search form input[type='text'],
    1889         #buddypress li.groups-members-search form input[type='submit'] {
     1888        #buddypress li.groups-members-search form input[type="text"],
     1889        #buddypress li.groups-members-search form input[type="submit"] {
    18901890                width: auto;
    18911891        }
    … …  
    18931893
    18941894@media screen and (min-width: 75em) {
    1895         #buddypress .dir-search form input[type='text'],
    1896         #buddypress .message-search form input[type='text'] {
     1895        #buddypress .dir-search form input[type="text"],
     1896        #buddypress .message-search form input[type="text"] {
    18971897                font-size: 16px;
    18981898                font-size: 1.1428571429rem;
    18991899        }
    1900         #buddypress .dir-search form input[type='submit'],
    1901         #buddypress .message-search form input[type='submit'] {
     1900        #buddypress .dir-search form input[type="submit"],
     1901        #buddypress .message-search form input[type="submit"] {
    19021902                font-size: 16px;
    19031903                font-size: 1.1428571429rem;
    … …  
    19851985}
    19861986
    1987 .bp-user #buddypress .messages-notices .bp-tooltip:hover::after,
    1988 .bp-user #buddypress .messages-notices .bp-tooltip:active::after,
    1989 .bp-user #buddypress .messages-notices .bp-tooltip:focus::after {
     1987.bp-user #buddypress .messages-notices .bp-tooltip:hover:after,
     1988.bp-user #buddypress .messages-notices .bp-tooltip:active:after,
     1989.bp-user #buddypress .messages-notices .bp-tooltip:focus:after {
    19901990        left: 0;
    19911991        margin-top: 10px;
    … …  
    20042004        font-size: 18px;
    20052005        font-size: 1.2857142857rem;
    2006         font-weight: bold;
     2006        font-weight: 700;
    20072007}
    20082008

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

    r11586 r11587  
    1515// 2012 works two breakpoints 600px/960px
    1616
    17 // @media screen and (min-width: 37.500em)
     17// @media screen and (min-width: 37.5em)
    1818// @media screen and (min-width: 61.5625em)
    19 
    2019
    2120
    … …  
    3736// 600px
    3837@mixin small-up {
    39         @media screen and (min-width: 37.500em) {
     38
     39        @media screen and (min-width: 37.5em) {
     40
    4041                @content;
    4142        }
    … …  
    4344// 960px
    4445@mixin medium-up {
     46
    4547        @media screen and (min-width: 60em) {
     48
    4649                @content;
    4750        }
    … …  
    4952// 1200px
    5053@mixin large-up {
     54
    5155        @media screen and (min-width: 75em) {
     56
    5257                @content;
    5358        }
    … …  
    175180$unread:             #9dc3c8;
    176181$link-action:        #c82b2b;
     182
    177183/*--------------------------------------------------------------
    178184
    … …  
    187193in your child themes root & either start over or modify the rulesets.
    188194
    189 If you do not require the styles you can dequeue them from the themes functions file.
     195If you do not require the styles you can dequeue them from the themes
     196functions file.
    190197
    191198Please see this codex article for more information:
    … …  
    238245
    239246
    240 
    241247.buddypress {
    242248        // Remove any empty clearing elements, CSS provides clearing.
    243         div.clear {display: none;}
     249        div.clear {
     250                display: none;
     251        }
    244252
    245253} // .buddypress (body class)
    … …  
    268276        // active/current states all navs
    269277        div.item-list-tabs {
     278
    270279                ul {
     280
    271281                        li.selected,
    272282                        li.current {
     283
    273284                                a {
    274285                                        background: inherit;
    … …  
    280291        // global nav styles
    281292        div.item-list-tabs {
     293
    282294                ul {
    283295                        overflow: hidden;
    … …  
    285297
    286298                        li {
     299
    287300                                a {
    288301
    … …  
    296309                                        }
    297310
    298                                         span {border-radius: 25%;}
     311                                        span {
     312                                                border-radius: 25%;
     313                                        }
    299314                                }
    300315
    … …  
    334349                                &:hover,
    335350                                &:focus {
    336                                         &:before {content: "Menu \021E7";}
     351
     352                                        &:before {
     353                                                content: "Menu \021E7";
     354                                        }
    337355
    338356                                        ul {
    … …  
    365383                        }
    366384
    367                         @media screen and (max-width: 37.500em) {
     385                        @media screen and (max-width: 37.5em) {
     386
    368387                                li:not(:last-child) {
    369388                                        border-bottom: 1px solid $border-light;
    … …  
    373392                        li:not(.selected) {
    374393
    375                                 @media screen and (max-width: 37.500em) {
     394                                @media screen and (max-width: 37.5em) {
     395
    376396                                        &:focus,
    377397                                        &:hover {
    … …  
    381401                        }
    382402
    383                         @media screen and (min-width: 37.500em) {
     403                        @media screen and (min-width: 37.5em) {
     404
    384405                                li {
    385406                                        float: left;
    … …  
    422443                                label,
    423444                                option {
     445
    424446                                        @include font-size(14);
    425447                                }
    … …  
    440462
    441463.bp-user {
     464
    442465        #buddypress {
     466
    443467                div#subnav.item-list-tabs {
     468
    444469                        li.last {
    445470                                margin-left: 0;
    … …  
    467492
    468493        body.full-width {
     494
    469495                #buddypress {
    470496
    … …  
    508534                                        margin: 0 0 0 (-$spacing-val-md);
    509535
    510                                         ul {margin-top: 0;}
     536                                        ul {
     537                                                margin-top: 0;
     538                                        }
    511539                                }
    512540                        }
    … …  
    521549
    522550@media screen and (min-width: 46.25em) {
     551
    523552        #main {
     553
    524554                #buddypress {
    525555
    … …  
    552582                                                border: 1px solid $border-med;
    553583                                                border-bottom-color: $content-background;
     584
    554585                                                @include border-top-radius(4px);
    555586                                                margin-bottom: -1px;
    … …  
    566597
    567598                        #subnav {
     599
    568600                                ul {
    569601                                        border-bottom: 0;
    … …  
    593625                }
    594626
    595                 .pag-count {margin-left: 0;}
     627                .pag-count {
     628                        margin-left: 0;
     629                }
     630
    596631                .pagination-links {
    597632                        margin-right: 0;
    … …  
    610645                                overflow: visible;
    611646                                width: auto;
    612                                 &:before {display: none;}
     647
     648                                &:before {
     649                                        display: none;
     650                                }
    613651                        }
    614652
    … …  
    641679
    642680#buddypress {
     681
    643682        ul.item-list {
    644683                border-top: 0;
    … …  
    651690                                margin-bottom: $spacing-val-sm;
    652691
    653                                 @media screen and (min-width: 37.500em) {
     692                                @media screen and (min-width: 37.5em) {
    654693                                        margin-bottom: 0;
    655694                                }
    … …  
    657696                                text-align: center;
    658697
    659                                 a {border-bottom: 0;}
     698                                a {
     699                                        border-bottom: 0;
     700                                }
    660701
    661702                                img.avatar {
    … …  
    701742
    702743                                .item-title {
     744
    703745                                        @include font-size(16);
    704746                                        line-height: 1.2;
    … …  
    714756                                                text-decoration: none;
    715757
    716                                                 &:visited { color: #21759b;}
     758                                                &:visited {
     759                                                        color: #21759b;
     760                                                }
    717761                                        }
    718762
    719763                                        .update {
    720764                                                display: block;
     765
    721766                                                @include font-size(12);
    722767
    723768                                                @include medium-up {
     769
    724770                                                        @include font-size(14);
    725771                                                }
    … …  
    733779
    734780                        @include medium-up {
     781
    735782                                .item-avatar,
    736783                                .item,
    … …  
    746793
    747794                                        .item-title {
    748                                                 @include font-size(18)
     795
     796                                                @include font-size(18);
    749797                                        }
    750798                                }
    … …  
    783831                                        //position but inline-block the buttons
    784832
    785                                         @media screen and (min-width: 37.500em) {
     833                                        @media screen and (min-width: 37.5em) {
    786834                                                // keep buttons to a row small tablet up
    787835                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    … …  
    821869
    822870#buddypress {
     871
    823872        form#whats-new-form {
    824873
    … …  
    831880
    832881                @media screen and (max-width: 46.25em) {
     882
    833883                        #whats-new-content {
    834884                                clear: left;
    … …  
    839889
    840890                #whats-new-content.active {
     891
    841892                        #whats-new-options[style] {
     893
    842894                                #whats-new-post-in-box {
    843895                                        border: 1px solid rgba($border-color, 0.5);
    844896                                        float: left;
    845                                         line-height: 1.5em;
     897                                        line-height: 1.5;
    846898                                        margin-top: 12px;
    847899                                        padding-left: 0.2em;
    … …  
    859911
    860912                                @media screen and (min-width: 30em) {
     913
    861914                                        #whats-new-post-in-box {
    862915                                                width: auto;
    … …  
    879932        // User account form requires matching bp default specificity
    880933        #item-body {
     934
    881935                form#whats-new-form {
    882936                        margin: $spacing-val-lg 0;
    … …  
    924978
    925979                        .activity-header {
     980
    926981                                @include font-size(14);
    927982
    … …  
    932987
    933988                        .activity-inner {
    934                                 img {height: auto;}
     989
     990                                img {
     991                                        height: auto;
     992                                }
    935993                        }
    936994
    … …  
    9521010
    9531011                                        .activity-header {
     1012
    9541013                                                @include font-size(16);
    9551014                                        }
    … …  
    9651024
    9661025                li.mini {
     1026
    9671027                        .activity-avatar {
     1028
    9681029                                a {
     1030
    9691031                                        img.avatar {
    9701032                                                height: 30px;
    … …  
    9761038
    9771039                        .activity-content {
     1040
    9781041                                .activity-header {
     1042
    9791043                                        @include font-size(14);
    9801044                                }
    9811045
    9821046                                .activity-meta {
     1047
    9831048                                        a {
     1049
    9841050                                                @include font-size(12);
    9851051                                        }
    … …  
    10081074
    10091075                        .activity-meta {
     1076
    10101077                                a {
    10111078                                        display: block;
     1079
    10121080                                        @include font-size(14);
    10131081                                        margin-bottom: $spacing-val-xs;
    10141082
    1015                                         @media screen and (min-width: 37.500em) {
     1083                                        @media screen and (min-width: 37.5em) {
    10161084                                                float: left;
    10171085                                                margin-bottom: 0;
    … …  
    10461114
    10471115.activity-permalink {
     1116
    10481117        #buddypress {
     1118
    10491119                #activity-stream {
    10501120
    … …  
    10541124
    10551125                        li.mini {
     1126
    10561127                                .activity-header {
     1128
    10571129                                        @include font-size(16);
     1130
    10581131                                        @media screen and (min-width: 46.25em) {
     1132
    10591133                                                @include font-size(20);
    10601134                                        }
    10611135
    10621136                                        margin-bottom: $spacing-val-lg;
    1063                                         p {padding: $spacing-val-md;}
     1137
     1138                                        p {
     1139                                                padding: $spacing-val-md;
     1140                                        }
    10641141                                }
    10651142                        } // close li.mini
    … …  
    10971174                                        .acomment-meta,
    10981175                                        .acomment-content {
     1176
    10991177                                                @include font-size(12);
    11001178                                        }
    … …  
    11181196                                        display: inline-block;
    11191197                                        font-family: inherit;
     1198
    11201199                                        @include font-size(12);
    1121                                         font-weight: normal;
     1200                                        font-weight: 400;
    11221201                                        line-height: 1.2;
    11231202                                        padding: 4px 10px;
    … …  
    11511230
    11521231#buddypress {
     1232
    11531233        #members-list {
    11541234
    11551235                @include medium-up {
     1236
    11561237                        li {
     1238
    11571239                                .item-avatar,
    11581240                                .item {
    … …  
    11821264
    11831265#buddypress {
     1266
    11841267        #signup_form.standard-form {
    11851268
    … …  
    11901273                        width: 100%;
    11911274
    1192                         @media screen and (min-width: 37.500em) {
     1275                        @media screen and (min-width: 37.5em) {
    11931276                                width: 48%;
    11941277                        }
    11951278                }
    11961279
    1197                 @media screen and (min-width: 37.500em) {
    1198                         #profile-details-section {float: right;}
    1199                         #basic-details-section {float: left;}
     1280                @media screen and (min-width: 37.5em) {
     1281
     1282                        #profile-details-section {
     1283                                float: right;
     1284                        }
     1285
     1286                        #basic-details-section {
     1287                                float: left;
     1288                        }
    12001289                }
    12011290
    … …  
    12101299
    12111300.bp-user {
     1301
    12121302        #buddypress {
    1213                 // On object nav links, table links (notifications etc) we don't really need :visited
    1214                 // inheritance, so set pseudo class to :link color.
     1303                // On object nav links, table links (notifications etc) we don't really
     1304                // need :visited inheritance, so set pseudo class to :link color.
    12151305                a {
     1306
    12161307                        &:visited {
    12171308                                color: #21759b;
    … …  
    12291320.bp-user,
    12301321.single-item.groups {
     1322
    12311323        #buddypress {
     1324
    12321325                #item-header-content {
     1326
    12331327                        #item-meta {
     1328
    12341329                                @include font-size(14);
    12351330                                text-align: left;
    12361331
    1237                                 p {margin-bottom: 0.5em;}
    1238                         }
    1239                 }
    1240         }
    1241 
    1242         @media screen and (max-width: 37.500em) {
     1332                                p {
     1333                                        margin-bottom: 0.5em;
     1334                                }
     1335                        }
     1336                }
     1337        }
     1338
     1339        @media screen and (max-width: 37.5em) {
     1340
    12431341                h1,
    12441342                #item-header-content {
    … …  
    12481346
    12491347        @media screen and (max-width: 46.25em) {
     1348
    12501349                main {
     1350
    12511351                        header.entry-header {
    12521352                                padding-bottom: 1rem;
    … …  
    12561356
    12571357        #buddypress {
    1258                 @media screen and (max-width: 37.500em) {
     1358
     1359                @media screen and (max-width: 37.5em) {
     1360
    12591361                        h1 {
    12601362                                margin-bottom: 0;
    … …  
    12621364
    12631365                        #item-header-avatar {
     1366
    12641367                                img.avatar {
    12651368                                        margin-right: 0;
    … …  
    12731376
    12741377                @media screen and (max-width: 46.25em) {
     1378
    12751379                        #item-header {
     1380
    12761381                                .generic-button {
    12771382                                        float: none;
    1278                                         margin: 1.5em 0 0 0;
     1383                                        margin: 1.5em 0 0;
    12791384                                }
    12801385                        }
    … …  
    12931398
    12941399.single-item.groups {
     1400
    12951401        #buddypress {
     1402
    12961403                @media screen and (max-width: 46.25em) {
     1404
    12971405                        #item-header {
     1406
    12981407                                #item-meta {
    12991408                                        margin-bottom: $spacing-val-md;
    … …  
    13051414                // avatar first after group title
    13061415                @media screen and (max-width: 50em) {
     1416
    13071417                        div#item-header {
    13081418                                display: flex;
    … …  
    13421452
    13431453                        #item-header-content {
     1454
    13441455                                @include box-model(border-box);
    13451456                        }
    … …  
    13671478
    13681479                                h2 {
     1480
    13691481                                        @include font-size(14);
    13701482                                        padding: 0.2em;
    … …  
    13731485                                #group-admins,
    13741486                                #group-mods {
     1487
    13751488                                        li {
    13761489                                                margin: 0;
    … …  
    14001513
    14011514                        @media screen and (min-width: 64em) {
     1515
    14021516                                #item-header-content {
    14031517                                        width: 40%;
    … …  
    14101524        // activated & attempt to address positioning concerns arising from themes
    14111525        // breakpoints.
    1412         // Due to cover image styles being applied via embedded styles & thus carrying
    1413         // heavier weight than linked styles the use of !important to override may be required.
     1526        // Due to cover image styles being applied via embedded styles & thus
     1527        // carrying heavier weight than linked styles the use of !important to
     1528        // override may be required.
    14141529        #buddypress {
     1530
    14151531                #cover-image-container {
     1532
    14161533                        #item-header-cover-image {
    14171534
    … …  
    14211538
    14221539                                @media screen and (min-width: 50em) and (max-width: 60em) {
     1540
    14231541                                        #item-header-content {
    14241542                                                max-width: 60% !important;
    … …  
    14371555                                                width: auto;
    14381556
    1439                                                 h2 {border-bottom: 1px solid $border-light;}
     1557                                                h2 {
     1558                                                        border-bottom: 1px solid $border-light;
     1559                                                }
    14401560                                        }
    14411561                                } // @media
    … …  
    14571577
    14581578.bp-user {
     1579
    14591580        #buddypress {
     1581
    14601582                #item-header {
    14611583                        padding: $spacing-val-md 0;
    … …  
    14731595
    14741596                        #item-header-content {
     1597
    14751598                                #item-buttons {
     1599
    14761600                                        .generic-button {
    14771601                                                margin-right: 5px;
    … …  
    14811605
    14821606                        @media screen and (min-width: 46.25em) {
     1607
    14831608                                #item-header-avatar {
    14841609                                        float: left;
    … …  
    15241649// headings settings screens & general global settings styles
    15251650.groups {
     1651
    15261652        #group-settings-form {
     1653
    15271654                h3 {
    15281655                        background: $dark-background;
    … …  
    15341661
    15351662.groups.edit-details {
     1663
    15361664        #group-settings-form {
    15371665
    … …  
    15451673                        background: none;
    15461674                        color: inherit;
     1675
    15471676                        @include font-size(14);
    15481677                        width: auto;
    … …  
    15581687
    15591688.groups.group-settings {
     1689
    15601690        #group-settings-form {
    15611691
    … …  
    15661696                        ul {
    15671697                                color: rgba($body-text, 0.6);
     1698
    15681699                                @include font-size(14);
    15691700                        }
    … …  
    15821713
    15831714.groups.manage-members {
     1715
    15841716        #group-settings-form {
     1717
    15851718                .item-list {
     1719
    15861720                        li {
    15871721                                border-bottom: 1px solid $border-light;
    … …  
    15911725                                        float: left;
    15921726
    1593                                         > a {border-bottom: 0;}
     1727                                        > a {
     1728                                                border-bottom: 0;
     1729                                        }
    15941730                                }
    15951731
    … …  
    16051741                                                width: 100%;
    16061742
    1607                                                 @media screen and (min-width: 37.500em) {
     1743                                                @media screen and (min-width: 37.5em) {
    16081744                                                        width: auto;
    16091745                                                }
    … …  
    16281764// Massage the members search for groups nav specifically.
    16291765.groups.group-members {
     1766
    16301767        #subnav {
     1768
    16311769                li {
    1632                         @media screen and (max-width: 37.500em) {
     1770
     1771                        @media screen and (max-width: 37.5em) {
    16331772                                background: $content-background;
    16341773                                padding: $spacing-val-md 0;
    … …  
    16401779                                float: right;
    16411780
    1642                                 @media screen and (max-width: 37.500em) {
     1781                                @media screen and (max-width: 37.5em) {
    16431782                                        margin: 0;
    16441783                                        width: 100%;
    16451784
    16461785                                        label {
    1647                                                 input[type="text"] {width: 100%;}
     1786
     1787                                                input[type="text"] {
     1788                                                        width: 100%;
     1789                                                }
    16481790                                        }
    16491791                                }
    … …  
    16641806
    16651807.bp-user {
    1666         .entry-title {margin-bottom: 0.5em;}
     1808
     1809        .entry-title {
     1810                margin-bottom: 0.5em;
     1811        }
    16671812}
    16681813
    … …  
    16771822
    16781823                table {
    1679                         th {@include font-size(13)}
    1680                         td {@include font-size(12)}
     1824
     1825                        th {
     1826
     1827                                @include font-size(13);
     1828                        }
     1829
     1830                        td {
     1831
     1832                                @include font-size(12);
     1833                        }
    16811834
    16821835                        @include medium-up {
    1683                                 th {@include font-size(16)}
    1684                                 td {@include font-size(14)}
    1685                         }
    1686                 }
    1687 
    1688                 .pag-count {font-style: italic;}
     1836
     1837                                th {
     1838
     1839                                        @include font-size(16);
     1840                                }
     1841
     1842                                td {
     1843
     1844                                        @include font-size(14);
     1845                                }
     1846                        }
     1847                }
     1848
     1849                .pag-count {
     1850                        font-style: italic;
     1851                }
    16891852
    16901853                .notifications-options-nav,
    … …  
    16931856                        width: 100%;
    16941857
    1695                         @media screen and (min-width: 37.500em) {
     1858                        @media screen and (min-width: 37.5em) {
    16961859                                width: 40%;
    16971860                        }
    … …  
    16991862                        select,
    17001863                        input {
     1864
    17011865                                @include font-size(14);
    17021866                                outline: 0;
    … …  
    17091873                                width: 49%;
    17101874
    1711                                 @media screen and (min-width: 37.500em) {
     1875                                @media screen and (min-width: 37.5em) {
    17121876                                        width: auto;
    17131877                                }
    … …  
    17211885                                width: 50%;
    17221886
    1723                                 @media screen and (min-width: 37.500em) {
     1887                                @media screen and (min-width: 37.5em) {
    17241888                                        width: auto;
    17251889                                }
    … …  
    17471911
    17481912                .profile {
     1913
    17491914                        .bp-widget {
     1915
    17501916                                h2 {
    17511917                                        background: lighten($dark-background, 10%);
    … …  
    17551921                                }
    17561922
    1757                                 table {margin-top: 0;}
    1758                         }
     1923                                table {
     1924                                        margin-top: 0;
     1925                                }
     1926                        }
     1927
    17591928                        /* Edit profile */
    17601929
    17611930                        #profile-edit-form {
     1931
    17621932                                .button-nav:before,
    17631933                                .button-nav:after {
    … …  
    17881958                                                background: none;
    17891959                                                border: 0;
    1790                                                 @include font-size(18)
     1960
     1961                                                @include font-size(18);
    17911962                                        }
    17921963                                } //.button-nav
    … …  
    17981969                                .field-visibility-settings-toggle,
    17991970                                .field-visibility-settings {
     1971
    18001972                                        @include font-size(14);
    18011973                                }
    … …  
    18041976                                .visibility-toggle-link {
    18051977                                        background: lighten($dark-background, 10%);
     1978
    18061979                                        @include border-radius(2px);
    18071980                                        color: #f1f1f1;
    1808                                         font-weight: bold;
     1981                                        font-weight: 700;
    18091982                                        padding: 0.1em 0.5em;
    18101983                                        text-decoration: none;
    … …  
    18181991
    18191992                        .bp-avatar {
     1993
    18201994                                #bp-delete-avatar {
    1821                                         a {font-size: inherit; }
     1995
     1996                                        a {
     1997                                                font-size: inherit;
     1998                                        }
    18221999                                }
    18232000                        }
    … …  
    18382015
    18392016                #groups-list {
     2017
    18402018                        li {
     2019
    18412020                                .item {
     2021
    18422022                                        @media screen and (min-width: 77.5em) {
    18432023                                                left: 5%;
    … …  
    18882068                        .message-metadata {
    18892069
    1890                                 &::after {
     2070                                &:after {
    18912071                                        clear: both;
    18922072                                        content: "";
    … …  
    18992079
    19002080                                @media screen and (min-width: 46.25em) {
     2081
    19012082                                        img.avatar {
    19022083                                                float: left;
    … …  
    19192100
    19202101                        #send-reply {
     2102
    19212103                                .message-content {
    19222104                                        background: $content-background;
    … …  
    19292111                        }
    19302112
    1931                         .bp-tooltip:hover::after,
    1932                         .bp-tooltip:active::after,
    1933                         .bp-tooltip:focus::after {
     2113                        .bp-tooltip:hover:after,
     2114                        .bp-tooltip:active:after,
     2115                        .bp-tooltip:focus:after {
    19342116                                right: 40px;
    19352117                                text-align: right;
    … …  
    19412123
    19422124                        thead {
     2125
    19432126                                tr {
    19442127                                        background: lighten($dark-background, 10%);
    … …  
    19472130
    19482131                        tr {
     2132
    19492133                                td {
    19502134                                        background: $content-background;
    … …  
    19752159
    19762160                                        span.icon:before {
     2161
    19772162                                                @include font-size(14);
    19782163                                        }
    … …  
    19832168                                        height: 3em;
    19842169
    1985                                         @media screen and (max-width: 37.500em) {
     2170                                        @media screen and (max-width: 37.5em) {
    19862171                                                height: 5.2em;
    19872172                                        }
    … …  
    19912176                                td.thread-options {
    19922177                                        border-left: 0 !important;
     2178
    19932179                                        @include calc(width, "100% - 30px");
    19942180                                        margin-left: 0;
    … …  
    20042190
    20052191                                        a {
     2192
    20062193                                                @include font-size(12);
    20072194                                                line-height: 1.2;
    … …  
    20182205                                        line-height: 2;
    20192206
    2020                                         @media screen and (max-width: 37.500em) {
     2207                                        @media screen and (max-width: 37.5em) {
    20212208                                                clear: both;
     2209
    20222210                                                @include font-size(11);
    20232211                                                width: 100%;
    … …  
    20272215
    20282216                        tr.unread {
     2217
    20292218                                td {
    20302219                                        border-color: $border-light;
    … …  
    20512240
    20522241                #send_message_form {
     2242
    20532243                        input,
    20542244                        textarea {
    … …  
    20602250                        list-style: none;
    20612251
    2062                         li {margin-left: 0;}
     2252                        li {
     2253                                margin-left: 0;
     2254                        }
    20632255
    20642256                        li.friend-tab {
    … …  
    20952287
    20962288                #message-threads.sitewide-notices {
    2097                         tr {margin: 3em 0;}
     2289
     2290                        tr {
     2291                                margin: 3em 0;
     2292                        }
     2293
    20982294                        td {
    20992295                                width: 100%;
    … …  
    21232319
    21242320                        td:nth-child(2) {
     2321
    21252322                                strong {
    21262323                                        margin: -8px -8px 8px;
    … …  
    21502347                                }
    21512348
    2152                                 a:last-child::after {
     2349                                a:last-child:after {
    21532350                                        content: attr(title);
    21542351                                        display: block;
    … …  
    21742371                        }
    21752372
    2176                         img { vertical-align: bottom;}
     2373                        img {
     2374                                vertical-align: bottom;
     2375                        }
    21772376
    21782377                }
    … …  
    21952394                        // 'p' = email notification screen sub heading
    21962395                        > p {
     2396
    21972397                                @include font-size(20);
    21982398                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    22012401
    22022402                table.notification-settings {
     2403
    22032404                        td.yes,
    22042405                        td.no {
    … …  
    22172418
    22182419                        @media screen and (min-width: 46.25em) {
     2420
    22192421                                th.field-group-name,
    22202422                                td.field-name {
    … …  
    22292431
    22302432                        td.field-visibility {
    2231                                 select {width: 100%;}
     2433
     2434                                select {
     2435                                        width: 100%;
     2436                                }
    22322437                        }
    22332438                }
    … …  
    22522457// Attempt to reset form control widths
    22532458#main {
     2459
    22542460        #buddypress {
     2461
    22552462                .standard-form {
    22562463
    2257                         li {float: none;}
    2258                         input[type='text'],
    2259                         input[type='email'],
    2260                         input[type='password'],
     2464                        li {
     2465                                float: none;
     2466                        }
     2467
     2468                        input[type="text"],
     2469                        input[type="email"],
     2470                        input[type="password"],
    22612471                        textarea {
    22622472                                width: 100%;
    … …  
    22742484
    22752485                form {
     2486
    22762487                        .ac-textarea {
    22772488                                background: $light-background;
    … …  
    23022513
    23032514        #signup_form.standard-form {
     2515
    23042516                div.submit {
    23052517                        float: none;
    23062518
    2307                         input {margin-right: 0;}
     2519                        input {
     2520                                margin-right: 0;
     2521                        }
    23082522                }
    23092523        }
    … …  
    23122526
    23132527#buddypress {
     2528
    23142529        div.dir-search,
    23152530        div.message-search,
    … …  
    23302545                        }
    23312546
    2332                         input[type='text'],
    2333                         input[type='submit'] {
     2547                        input[type="text"],
     2548                        input[type="submit"] {
     2549
    23342550                                @include font-size(14);
    23352551                                border: 0;
    … …  
    23392555                        }
    23402556
    2341                         input[type='text'] {
     2557                        input[type="text"] {
    23422558                                border-right: 1px solid rgba($border-color, 0.6);
    23432559                                float: left;
    23442560                                margin: 0;
    2345                                 padding: 0 0.2em 0;
     2561                                padding: 0 0.2em;
    23462562                                width: 100%;
    23472563                        }
    23482564
    2349                         input[type='submit'] {
     2565                        input[type="submit"] {
    23502566                                float: right;
    2351                                 font-weight: normal;
     2567                                font-weight: 400;
    23522568                                padding: 0 1em;
    23532569                                text-align: center;
    … …  
    23612577        // Shift the search parent to the right and allow to shrinkwrap
    23622578
    2363         @media screen and (min-width: 37.500em) {
     2579        @media screen and (min-width: 37.5em) {
     2580
    23642581                div.dir-search,
    23652582                div.message-search,
    23662583                li.groups-members-search {
     2584
    23672585                        float: right;
    23682586                        margin-bottom: 5px !important;
    23692587
    23702588                        form {
     2589
    23712590                                label,
    2372                                 input[type='text'],
    2373                                 input[type='submit'] {
     2591                                input[type="text"],
     2592                                input[type="submit"] {
    23742593                                        width: auto;
    23752594                                }
    … …  
    23842603                .dir-search,
    23852604                .message-search {
     2605
    23862606                        form {
    2387                                 input[type='text'] { @include font-size(16) ;}
    2388                                 input[type='submit'] { @include font-size(16) ;}
     2607
     2608                                input[type="text"] {
     2609
     2610                                        @include font-size(16) ;
     2611                                }
     2612
     2613                                input[type="submit"] {
     2614
     2615                                        @include font-size(16) ;
     2616                                }
    23892617                        }
    23902618                }
    … …  
    23992627*/
    24002628.bp-user {
     2629
    24012630        #buddypress {
    24022631
    24032632                table {
     2633
    24042634                        @include font-size(14);
    24052635                        margin: $spacing-val-md 0;
    … …  
    24172647
    24182648                        // Reduce the themes inherited paragraph margins in tables
    2419                         p {margin-bottom: 0.5em;}
     2649                        p {
     2650                                margin-bottom: 0.5em;
     2651                        }
    24202652                }
    24212653
    24222654                @media screen and (min-width: 55em) {
    2423                         table {@include font-size(16);}
     2655
     2656                        table {
     2657
     2658                                @include font-size(16);
     2659                        }
    24242660                }
    24252661
    … …  
    24272663                .notifications,
    24282664                .messages-notices {
     2665
    24292666                        th {
    24302667                                width: 30%;
    … …  
    24592696                        // styling issues - this will need styling ideas
    24602697                        td {
     2698
    24612699                                .button {
    24622700                                        border: 0;
    … …  
    24712709                .messages-notices {
    24722710
    2473                         .bp-tooltip:hover::after,
    2474                         .bp-tooltip:active::after,
    2475                         .bp-tooltip:focus::after {
     2711                        .bp-tooltip:hover:after,
     2712                        .bp-tooltip:active:after,
     2713                        .bp-tooltip:focus:after {
    24762714                                left: 0;
    24772715                                margin-top: 10px;
    … …  
    24972735
    24982736#buddypress {
     2737
    24992738        div#message {
     2739
    25002740                p {
     2741
    25012742                        @include font-size(18);
    2502                         font-weight: bold;
     2743                        font-weight: 700;
    25032744                }
    25042745
    25052746                &.info {
     2747
    25062748                        p {
     2749
    25072750                                @include message-box($notice-info);
    25082751                        }
    … …  
    25102753
    25112754                &.updated {
     2755
    25122756                        p {
     2757
    25132758                                @include message-box($notice-update);
    25142759                        }
    … …  
    25212766// Without direct classes on our mesages ( 'warning' )
    25222767// we need to use the body classes
    2523 // todo: If this is class .warning is included in main BP styles remove from here
     2768// @todo If this class .warning is included in main BP styles remove from here
    25242769.delete-group {
     2770
    25252771        #buddypress {
     2772
    25262773                div#message.info {
     2774
    25272775                        p {
     2776
    25282777                                @include message-box($notice-warning);
    25292778                        }

  • trunk/src/bp-xprofile/admin/css/admin-rtl.css

    r11548 r11587  
    11/* Profile field group main admin page */
    22@-o-keyframes tab-throb {
    3     from { box-shadow: 0 0 10px #1e8cbe; }
    4     50%  { box-shadow: 0 0 0    #1e8cbe; }
    5     to   { box-shadow: 0 0 10px #1e8cbe; }
    6 }
     3
     4        from {
     5                box-shadow: 0 0 10px #1e8cbe;
     6        }
     7
     8        50% {
     9                box-shadow: 0 0 0 #1e8cbe;
     10        }
     11
     12        to {
     13                box-shadow: 0 0 10px #1e8cbe;
     14        }
     15}
     16
    717@-webkit-keyframes tab-throb {
    8     from { box-shadow: 0 0 10px #1e8cbe; }
    9     50%  { box-shadow: 0 0 0    #1e8cbe; }
    10     to   { box-shadow: 0 0 10px #1e8cbe; }
     18
     19        from {
     20                box-shadow: 0 0 10px #1e8cbe;
     21        }
     22
     23        50% {
     24                box-shadow: 0 0 0 #1e8cbe;
     25        }
     26
     27        to {
     28                box-shadow: 0 0 10px #1e8cbe;
     29        }
    1130}
    1231
    1332@-moz-keyframes tab-throb {
    14     from { box-shadow: 0 0 10px #1e8cbe; }
    15     50%  { box-shadow: 0 0 0    #1e8cbe; }
    16     to   { box-shadow: 0 0 10px #1e8cbe; }
     33
     34        from {
     35                box-shadow: 0 0 10px #1e8cbe;
     36        }
     37
     38        50% {
     39                box-shadow: 0 0 0 #1e8cbe;
     40        }
     41
     42        to {
     43                box-shadow: 0 0 10px #1e8cbe;
     44        }
    1745}
    1846
    … …  
    2351#tabs {
    2452        position: relative;
    25         }
    26         p.nofields {
    27                 margin: 20px 0 0;
    28         }
    29 
    30         /* Field group tabs */
    31         ul#field-group-tabs {
    32                 float: right;
    33                 padding: 0 15px 0 0;
    34                 margin: 0;
    35                 display: none;
    36         }
    37                 ul#field-group-tabs li {
    38                         float: right;
    39                         margin-left: 8px;
    40                         margin-bottom: -1px;
    41                 }
    42                 ul#field-group-tabs li.ui-state-hover a.ui-tab {
    43                         color: #d54e21;
    44                 }
    45                 ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
    46                         -webkit-animation: tab-throb 2s infinite;
    47                         -moz-animation: tab-throb 2s infinite;
    48                         -o-animation: tab-throb 2s infinite;
    49                         animation: tab-throb 2s infinite;
    50                 }
    51                 ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
    52                         -webkit-box-shadow: 0 0 10px green;
    53                         -moz-box-shadow: 0 0 10px green;
    54                         -o-box-shadow: 0 0 10px green;
    55                         box-shadow: 0 0 10px green;
    56                         -webkit-animation: none;
    57                         -moz-animation: none;
    58                         -o-animation: none;
    59                         animation: none;
    60                         color: #000;
    61                 }
    62                 ul#field-group-tabs li a.ui-tab {
    63                         font-size: 14px;
    64                         display: block;
    65                         margin-top: 3px;
    66                         padding: 5px 10px 6px;
    67                         border: 1px solid #e5e5e5;
    68                         background-color: #f5f5f5;
    69                         text-decoration: none;
    70                         color: #000;
    71                         outline: none;
    72                 }
    73 
    74                 /* Selected tab */
    75                 ul#field-group-tabs li.ui-state-active a.ui-tab {
    76                         background-color: #fff;
    77                         margin-top: 0;
    78                         padding: 7px 10px 7px;
    79                         border-bottom: 1px solid transparent;
    80                         color: #000;
    81                 }
    82 
    83         /* Toolbar */
    84         .tab-toolbar {
    85                 clear: right;
    86                 background: #fff;
    87                 border-width: 1px;
    88                 border-color: #e5e5e5;
    89                 border-style: solid;
    90                 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    91                 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    92                 padding: 10px;
    93                 margin-bottom: 10px;
    94         }
    95 
    96         .bp-option a.delete,
    97         .field-wrapper a.deletion,
    98         .tab-toolbar a.deletion {
    99                 color: #a00;
    100                 border-bottom: 1px solid #a00;
    101                 text-decoration: none;
    102                 padding: 0;
    103         }
    104 
    105         div.delete-button {
    106                 float: left;
    107                 line-height: 28px;
    108         }
    109 
    110         div.field-group {
    111                 clear: right;
    112         }
    113 
    114         .field-group {
    115                 cursor: default;
    116                 border: 1px solid #e5e5e5;
    117                 background: #fff;
    118                 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    119                 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    120                 margin-top: 10px;
    121                 padding: 0 20px 20px;
    122         }
    123         .field-group .xprofile-field {
    124                 position: relative;
    125         }
    126         .field-group fieldset {
    127                 position: relative;
    128                 border: 1px solid #ddd;
    129                 margin: 20px 0 0;
    130                 cursor: move;
    131                 background: #fafafa;
    132                 padding: 10px 0 0 ;
    133         }
    134                 .field-group fieldset legend {
    135                         position: absolute;
    136                         top: 10px;
    137                         right: 10px;
    138                         padding: 0;
    139                 }
    140         fieldset.radio div div label,
    141         fieldset.checkbox div label {
    142                 margin-left: 20px;
    143         }
    144 
    145         fieldset.clear-value {
    146                 margin-right: 10px;
    147         }
    148         fieldset div.field-wrapper {
    149                 padding: 25px 10px 10px;
    150         }
    151         .field-group div.actions {
    152                 float: none;
    153                 border-top: 1px solid #ddd;
    154                 margin: 10px 0 0;
    155                 padding-top: 10px;
    156         }
    157         .field-group div.actions a,
    158         .field-group div.actions button,
    159         .field-group div.actions input {
    160                 float: none;
    161         }
    162         .field-group fieldset:hover {
    163                 border-color: #999;
    164         }
    165         .field-group fieldset:hover div.actions {
    166                 display: block;
    167         }
    168 
    169         .bp-options-box .ui-sortable-placeholder,
    170         #field-group-tabs .ui-sortable-placeholder,
    171         .field-group fieldset.ui-sortable-placeholder {
    172                 border: 1px dashed #999;
    173                 background-color: #fff;
    174                 visibility: visible !important;
    175         }
    176 
    177         #field-group-tabs .ui-sortable-placeholder {
    178                 background: transparent;
    179                 border-bottom: none;
    180                 margin: -1px 0 -1px 6px;
    181         }
    182 
    183         ul.forTab {
    184                 list-style: none;
    185                 padding: 0;
    186                 margin: 0 1em 0 0;
    187         }
    188                 ul.forTab li {
    189                         margin: 0 0 1em 0;
    190                 }
    191                         ul.forTab li label {
    192                                 display: block;
    193                         }
    194 
    195                         ul.forTab li input {
    196                                 font-size: 1.4em;
    197                         }
    198 
    199         p.success { background: green;}
    200         p.err {
    201                 border-top: 2px solid red;
    202                 border-bottom: 2px solid red;
    203                 color: red;
    204                 padding: 5px 0;
    205                 width: 40%;
    206         }
    207 
    208         span.desc, span.signup-description {
    209                 display: block;
    210                 font-size: 11px;
    211                 color: #555;
    212         }
     53}
     54
     55p.nofields {
     56        margin: 20px 0 0;
     57}
     58
     59/* Field group tabs */
     60ul#field-group-tabs {
     61        float: right;
     62        padding: 0 15px 0 0;
     63        margin: 0;
     64        display: none;
     65}
     66
     67ul#field-group-tabs li {
     68        float: right;
     69        margin-left: 8px;
     70        margin-bottom: -1px;
     71}
     72
     73ul#field-group-tabs li.ui-state-hover a.ui-tab {
     74        color: #d54e21;
     75}
     76
     77ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     78        -webkit-animation: tab-throb 2s infinite;
     79        -moz-animation: tab-throb 2s infinite;
     80        -o-animation: tab-throb 2s infinite;
     81        animation: tab-throb 2s infinite;
     82}
     83
     84ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     85        -webkit-box-shadow: 0 0 10px #0f0;
     86        -moz-box-shadow: 0 0 10px #0f0;
     87        -o-box-shadow: 0 0 10px #0f0;
     88        box-shadow: 0 0 10px #0f0;
     89        -webkit-animation: none;
     90        -moz-animation: none;
     91        -o-animation: none;
     92        animation: none;
     93        color: #000;
     94}
     95
     96ul#field-group-tabs li a.ui-tab {
     97        font-size: 14px;
     98        display: block;
     99        margin-top: 3px;
     100        padding: 5px 10px 6px;
     101        border: 1px solid #e5e5e5;
     102        background-color: #f5f5f5;
     103        text-decoration: none;
     104        color: #000;
     105        outline: none;
     106}
     107
     108/* Selected tab */
     109ul#field-group-tabs li.ui-state-active a.ui-tab {
     110        background-color: #fff;
     111        margin-top: 0;
     112        padding: 7px 10px;
     113        border-bottom: 1px solid transparent;
     114        color: #000;
     115}
     116
     117/* Toolbar */
     118.tab-toolbar {
     119        clear: right;
     120        background: #fff;
     121        border-width: 1px;
     122        border-color: #e5e5e5;
     123        border-style: solid;
     124        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     125        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     126        padding: 10px;
     127        margin-bottom: 10px;
     128}
     129
     130.bp-option a.delete,
     131.field-wrapper a.deletion,
     132.tab-toolbar a.deletion {
     133        color: #a00;
     134        border-bottom: 1px solid #a00;
     135        text-decoration: none;
     136        padding: 0;
     137}
     138
     139div.delete-button {
     140        float: left;
     141        line-height: 28px;
     142}
     143
     144div.field-group {
     145        clear: right;
     146}
     147
     148.field-group {
     149        cursor: default;
     150        border: 1px solid #e5e5e5;
     151        background: #fff;
     152        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     153        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     154        margin-top: 10px;
     155        padding: 0 20px 20px;
     156}
     157
     158.field-group .xprofile-field {
     159        position: relative;
     160}
     161
     162.field-group fieldset {
     163        position: relative;
     164        border: 1px solid #ddd;
     165        margin: 20px 0 0;
     166        cursor: move;
     167        background: #fafafa;
     168        padding: 10px 0 0;
     169}
     170
     171.field-group fieldset legend {
     172        position: absolute;
     173        top: 10px;
     174        right: 10px;
     175        padding: 0;
     176}
     177
     178fieldset.radio div div label,
     179fieldset.checkbox div label {
     180        margin-left: 20px;
     181}
     182
     183fieldset.clear-value {
     184        margin-right: 10px;
     185}
     186
     187fieldset div.field-wrapper {
     188        padding: 25px 10px 10px;
     189}
     190
     191.field-group div.actions {
     192        float: none;
     193        border-top: 1px solid #ddd;
     194        margin: 10px 0 0;
     195        padding-top: 10px;
     196}
     197
     198.field-group div.actions a,
     199.field-group div.actions button,
     200.field-group div.actions input {
     201        float: none;
     202}
     203
     204.field-group fieldset:hover {
     205        border-color: #999;
     206}
     207
     208.field-group fieldset:hover div.actions {
     209        display: block;
     210}
     211
     212.bp-options-box .ui-sortable-placeholder,
     213#field-group-tabs .ui-sortable-placeholder,
     214.field-group fieldset.ui-sortable-placeholder {
     215        border: 1px dashed #999;
     216        background-color: #fff;
     217        visibility: visible !important;
     218}
     219
     220#field-group-tabs .ui-sortable-placeholder {
     221        background: transparent;
     222        border-bottom: none;
     223        margin: -1px 0 -1px 6px;
     224}
     225
     226ul.forTab {
     227        list-style: none;
     228        padding: 0;
     229        margin: 0 1em 0 0;
     230}
     231
     232ul.forTab li {
     233        margin: 0 0 1em;
     234}
     235
     236ul.forTab li label {
     237        display: block;
     238}
     239
     240ul.forTab li input {
     241        font-size: 1.4em;
     242}
     243
     244p.success {
     245        background: #0f0;
     246}
     247
     248p.err {
     249        border-top: 2px solid #f00;
     250        border-bottom: 2px solid #f00;
     251        color: #f00;
     252        padding: 5px 0;
     253        width: 40%;
     254}
     255
     256span.desc,
     257span.signup-description {
     258        display: block;
     259        font-size: 11px;
     260        color: #555;
     261}
    213262
    214263ul.multi-checkbox {
    215264        margin: 0 0 0 5px;
    216         padding: .5em .9em;
     265        padding: 0.5em 0.9em;
    217266        height: 10em;
    218267        overflow: auto;
    … …  
    239288
    240289.bp-option-icon {
    241         font: normal 20px/1 'dashicons';
     290        font: 400 20px/1 dashicons;
    242291        speak: none;
    243292        display: inline-block;
    … …  
    272321        margin-bottom: 20px;
    273322}
     323
    274324#bp-xprofile-add-field #post-body-content {
    275325        margin-bottom: 0;
    … …  
    328378
    329379@media screen and (max-width: 782px) {
     380
    330381        .bp-date-formats .bp-date-format-option:first-of-type {
    331382                margin-top: 1em;
    332383        }
     384
    333385        .bp-range-types .bp-date-format-option {
    334386                margin-bottom: 1em;
    335387                margin-top: 1em;
    336388        }
     389
    337390        .form-table td input.date-format-custom-value,
    338391        .form-table td input.date-range-numeric {
    … …  
    341394                width: 56px;
    342395        }
     396
    343397        .form-table td .bp-date-range-type-values select {
    344398                display: inline-block;
    345399                width: auto;
    346400        }
     401
    347402        .bp-date-range-type-label {
    348403                float: none;
    349404                width: auto;
    350405        }
     406
    351407        .bp-date-range-type-values {
    352408                padding-right: 0;
    … …  
    356412
    357413@media screen and (max-width: 480px) {
     414
    358415        .form-table .bp-range-types label {
    359416                clear: both;

  • trunk/src/bp-xprofile/admin/css/admin.css

    r11548 r11587  
    11/* Profile field group main admin page */
    22@-o-keyframes tab-throb {
    3     from { box-shadow: 0 0 10px #1e8cbe; }
    4     50%  { box-shadow: 0 0 0    #1e8cbe; }
    5     to   { box-shadow: 0 0 10px #1e8cbe; }
    6 }
     3
     4        from {
     5                box-shadow: 0 0 10px #1e8cbe;
     6        }
     7
     8        50% {
     9                box-shadow: 0 0 0 #1e8cbe;
     10        }
     11
     12        to {
     13                box-shadow: 0 0 10px #1e8cbe;
     14        }
     15}
     16
    717@-webkit-keyframes tab-throb {
    8     from { box-shadow: 0 0 10px #1e8cbe; }
    9     50%  { box-shadow: 0 0 0    #1e8cbe; }
    10     to   { box-shadow: 0 0 10px #1e8cbe; }
     18
     19        from {
     20                box-shadow: 0 0 10px #1e8cbe;
     21        }
     22
     23        50% {
     24                box-shadow: 0 0 0 #1e8cbe;
     25        }
     26
     27        to {
     28                box-shadow: 0 0 10px #1e8cbe;
     29        }
    1130}
    1231
    1332@-moz-keyframes tab-throb {
    14     from { box-shadow: 0 0 10px #1e8cbe; }
    15     50%  { box-shadow: 0 0 0    #1e8cbe; }
    16     to   { box-shadow: 0 0 10px #1e8cbe; }
     33
     34        from {
     35                box-shadow: 0 0 10px #1e8cbe;
     36        }
     37
     38        50% {
     39                box-shadow: 0 0 0 #1e8cbe;
     40        }
     41
     42        to {
     43                box-shadow: 0 0 10px #1e8cbe;
     44        }
    1745}
    1846
    … …  
    2351#tabs {
    2452        position: relative;
    25         }
    26         p.nofields {
    27                 margin: 20px 0 0;
    28         }
    29 
    30         /* Field group tabs */
    31         ul#field-group-tabs {
    32                 float: left;
    33                 padding: 0 0 0 15px;
    34                 margin: 0;
    35                 display: none;
    36         }
    37                 ul#field-group-tabs li {
    38                         float: left;
    39                         margin-right: 8px;
    40                         margin-bottom: -1px;
    41                 }
    42                 ul#field-group-tabs li.ui-state-hover a.ui-tab {
    43                         color: #d54e21;
    44                 }
    45                 ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
    46                         -webkit-animation: tab-throb 2s infinite;
    47                         -moz-animation: tab-throb 2s infinite;
    48                         -o-animation: tab-throb 2s infinite;
    49                         animation: tab-throb 2s infinite;
    50                 }
    51                 ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
    52                         -webkit-box-shadow: 0 0 10px green;
    53                         -moz-box-shadow: 0 0 10px green;
    54                         -o-box-shadow: 0 0 10px green;
    55                         box-shadow: 0 0 10px green;
    56                         -webkit-animation: none;
    57                         -moz-animation: none;
    58                         -o-animation: none;
    59                         animation: none;
    60                         color: #000;
    61                 }
    62                 ul#field-group-tabs li a.ui-tab {
    63                         font-size: 14px;
    64                         display: block;
    65                         margin-top: 3px;
    66                         padding: 5px 10px 6px;
    67                         border: 1px solid #e5e5e5;
    68                         background-color: #f5f5f5;
    69                         text-decoration: none;
    70                         color: #000;
    71                         outline: none;
    72                 }
    73 
    74                 /* Selected tab */
    75                 ul#field-group-tabs li.ui-state-active a.ui-tab {
    76                         background-color: #fff;
    77                         margin-top: 0;
    78                         padding: 7px 10px 7px;
    79                         border-bottom: 1px solid transparent;
    80                         color: #000;
    81                 }
    82 
    83         /* Toolbar */
    84         .tab-toolbar {
    85                 clear: left;
    86                 background: #fff;
    87                 border-width: 1px;
    88                 border-color: #e5e5e5;
    89                 border-style: solid;
    90                 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    91                 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    92                 padding: 10px;
    93                 margin-bottom: 10px;
    94         }
    95 
    96         .bp-option a.delete,
    97         .field-wrapper a.deletion,
    98         .tab-toolbar a.deletion {
    99                 color: #a00;
    100                 border-bottom: 1px solid #a00;
    101                 text-decoration: none;
    102                 padding: 0;
    103         }
    104 
    105         div.delete-button {
    106                 float: right;
    107                 line-height: 28px;
    108         }
    109 
    110         div.field-group {
    111                 clear: left;
    112         }
    113 
    114         .field-group {
    115                 cursor: default;
    116                 border: 1px solid #e5e5e5;
    117                 background: #fff;
    118                 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    119                 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    120                 margin-top: 10px;
    121                 padding: 0 20px 20px;
    122         }
    123         .field-group .xprofile-field {
    124                 position: relative;
    125         }
    126         .field-group fieldset {
    127                 position: relative;
    128                 border: 1px solid #ddd;
    129                 margin: 20px 0 0;
    130                 cursor: move;
    131                 background: #fafafa;
    132                 padding: 10px 0 0 ;
    133         }
    134                 .field-group fieldset legend {
    135                         position: absolute;
    136                         top: 10px;
    137                         left: 10px;
    138                         padding: 0;
    139                 }
    140         fieldset.radio div div label,
    141         fieldset.checkbox div label {
    142                 margin-right: 20px;
    143         }
    144 
    145         fieldset.clear-value {
    146                 margin-left: 10px;
    147         }
    148         fieldset div.field-wrapper {
    149                 padding: 25px 10px 10px;
    150         }
    151         .field-group div.actions {
    152                 float: none;
    153                 border-top: 1px solid #ddd;
    154                 margin: 10px 0 0;
    155                 padding-top: 10px;
    156         }
    157         .field-group div.actions a,
    158         .field-group div.actions button,
    159         .field-group div.actions input {
    160                 float: none;
    161         }
    162         .field-group fieldset:hover {
    163                 border-color: #999;
    164         }
    165         .field-group fieldset:hover div.actions {
    166                 display: block;
    167         }
    168 
    169         .bp-options-box .ui-sortable-placeholder,
    170         #field-group-tabs .ui-sortable-placeholder,
    171         .field-group fieldset.ui-sortable-placeholder {
    172                 border: 1px dashed #999;
    173                 background-color: #fff;
    174                 visibility: visible !important;
    175         }
    176 
    177         #field-group-tabs .ui-sortable-placeholder {
    178                 background: transparent;
    179                 border-bottom: none;
    180                 margin: -1px 6px -1px 0;
    181         }
    182 
    183         ul.forTab {
    184                 list-style: none;
    185                 padding: 0;
    186                 margin: 0 0 0 1em;
    187         }
    188                 ul.forTab li {
    189                         margin: 0 0 1em 0;
    190                 }
    191                         ul.forTab li label {
    192                                 display: block;
    193                         }
    194 
    195                         ul.forTab li input {
    196                                 font-size: 1.4em;
    197                         }
    198 
    199         p.success { background: green;}
    200         p.err {
    201                 border-top: 2px solid red;
    202                 border-bottom: 2px solid red;
    203                 color: red;
    204                 padding: 5px 0;
    205                 width: 40%;
    206         }
    207 
    208         span.desc, span.signup-description {
    209                 display: block;
    210                 font-size: 11px;
    211                 color: #555;
    212         }
     53}
     54
     55p.nofields {
     56        margin: 20px 0 0;
     57}
     58
     59/* Field group tabs */
     60ul#field-group-tabs {
     61        float: left;
     62        padding: 0 0 0 15px;
     63        margin: 0;
     64        display: none;
     65}
     66
     67ul#field-group-tabs li {
     68        float: left;
     69        margin-right: 8px;
     70        margin-bottom: -1px;
     71}
     72
     73ul#field-group-tabs li.ui-state-hover a.ui-tab {
     74        color: #d54e21;
     75}
     76
     77ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     78        -webkit-animation: tab-throb 2s infinite;
     79        -moz-animation: tab-throb 2s infinite;
     80        -o-animation: tab-throb 2s infinite;
     81        animation: tab-throb 2s infinite;
     82}
     83
     84ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     85        -webkit-box-shadow: 0 0 10px #0f0;
     86        -moz-box-shadow: 0 0 10px #0f0;
     87        -o-box-shadow: 0 0 10px #0f0;
     88        box-shadow: 0 0 10px #0f0;
     89        -webkit-animation: none;
     90        -moz-animation: none;
     91        -o-animation: none;
     92        animation: none;
     93        color: #000;
     94}
     95
     96ul#field-group-tabs li a.ui-tab {
     97        font-size: 14px;
     98        display: block;
     99        margin-top: 3px;
     100        padding: 5px 10px 6px;
     101        border: 1px solid #e5e5e5;
     102        background-color: #f5f5f5;
     103        text-decoration: none;
     104        color: #000;
     105        outline: none;
     106}
     107
     108/* Selected tab */
     109ul#field-group-tabs li.ui-state-active a.ui-tab {
     110        background-color: #fff;
     111        margin-top: 0;
     112        padding: 7px 10px;
     113        border-bottom: 1px solid transparent;
     114        color: #000;
     115}
     116
     117/* Toolbar */
     118.tab-toolbar {
     119        clear: left;
     120        background: #fff;
     121        border-width: 1px;
     122        border-color: #e5e5e5;
     123        border-style: solid;
     124        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     125        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     126        padding: 10px;
     127        margin-bottom: 10px;
     128}
     129
     130.bp-option a.delete,
     131.field-wrapper a.deletion,
     132.tab-toolbar a.deletion {
     133        color: #a00;
     134        border-bottom: 1px solid #a00;
     135        text-decoration: none;
     136        padding: 0;
     137}
     138
     139div.delete-button {
     140        float: right;
     141        line-height: 28px;
     142}
     143
     144div.field-group {
     145        clear: left;
     146}
     147
     148.field-group {
     149        cursor: default;
     150        border: 1px solid #e5e5e5;
     151        background: #fff;
     152        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     153        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     154        margin-top: 10px;
     155        padding: 0 20px 20px;
     156}
     157
     158.field-group .xprofile-field {
     159        position: relative;
     160}
     161
     162.field-group fieldset {
     163        position: relative;
     164        border: 1px solid #ddd;
     165        margin: 20px 0 0;
     166        cursor: move;
     167        background: #fafafa;
     168        padding: 10px 0 0;
     169}
     170
     171.field-group fieldset legend {
     172        position: absolute;
     173        top: 10px;
     174        left: 10px;
     175        padding: 0;
     176}
     177
     178fieldset.radio div div label,
     179fieldset.checkbox div label {
     180        margin-right: 20px;
     181}
     182
     183fieldset.clear-value {
     184        margin-left: 10px;
     185}
     186
     187fieldset div.field-wrapper {
     188        padding: 25px 10px 10px;
     189}
     190
     191.field-group div.actions {
     192        float: none;
     193        border-top: 1px solid #ddd;
     194        margin: 10px 0 0;
     195        padding-top: 10px;
     196}
     197
     198.field-group div.actions a,
     199.field-group div.actions button,
     200.field-group div.actions input {
     201        float: none;
     202}
     203
     204.field-group fieldset:hover {
     205        border-color: #999;
     206}
     207
     208.field-group fieldset:hover div.actions {
     209        display: block;
     210}
     211
     212.bp-options-box .ui-sortable-placeholder,
     213#field-group-tabs .ui-sortable-placeholder,
     214.field-group fieldset.ui-sortable-placeholder {
     215        border: 1px dashed #999;
     216        background-color: #fff;
     217        visibility: visible !important;
     218}
     219
     220#field-group-tabs .ui-sortable-placeholder {
     221        background: transparent;
     222        border-bottom: none;
     223        margin: -1px 6px -1px 0;
     224}
     225
     226ul.forTab {
     227        list-style: none;
     228        padding: 0;
     229        margin: 0 0 0 1em;
     230}
     231
     232ul.forTab li {
     233        margin: 0 0 1em;
     234}
     235
     236ul.forTab li label {
     237        display: block;
     238}
     239
     240ul.forTab li input {
     241        font-size: 1.4em;
     242}
     243
     244p.success {
     245        background: #0f0;
     246}
     247
     248p.err {
     249        border-top: 2px solid #f00;
     250        border-bottom: 2px solid #f00;
     251        color: #f00;
     252        padding: 5px 0;
     253        width: 40%;
     254}
     255
     256span.desc,
     257span.signup-description {
     258        display: block;
     259        font-size: 11px;
     260        color: #555;
     261}
    213262
    214263ul.multi-checkbox {
    215264        margin: 0 5px 0 0;
    216         padding: .5em .9em;
     265        padding: 0.5em 0.9em;
    217266        height: 10em;
    218267        overflow: auto;
    … …  
    239288
    240289.bp-option-icon {
    241         font: normal 20px/1 'dashicons';
     290        font: 400 20px/1 dashicons;
    242291        speak: none;
    243292        display: inline-block;
    … …  
    272321        margin-bottom: 20px;
    273322}
     323
    274324#bp-xprofile-add-field #post-body-content {
    275325        margin-bottom: 0;
    … …  
    328378
    329379@media screen and (max-width: 782px) {
     380
    330381        .bp-date-formats .bp-date-format-option:first-of-type {
    331382                margin-top: 1em;
    332383        }
     384
    333385        .bp-range-types .bp-date-format-option {
    334386                margin-bottom: 1em;
    335387                margin-top: 1em;
    336388        }
     389
    337390        .form-table td input.date-format-custom-value,
    338391        .form-table td input.date-range-numeric {
    … …  
    341394                width: 56px;
    342395        }
     396
    343397        .form-table td .bp-date-range-type-values select {
    344398                display: inline-block;
    345399                width: auto;
    346400        }
     401
    347402        .bp-date-range-type-label {
    348403                float: none;
    349404                width: auto;
    350405        }
     406
    351407        .bp-date-range-type-values {
    352408                padding-left: 0;
    … …  
    356412
    357413@media screen and (max-width: 480px) {
     414
    358415        .form-table .bp-range-types label {
    359416                clear: both;
Note: See TracChangeset for help on using the changeset viewer.