Skip to:
Content

BuddyPress.org

Ticket #7028: 7028.patch

File 7028.patch, 289.0 KB (added by netweb, 10 years ago)

  • .scss-lint.yml

     
    1 # Default application configuration that all configurations inherit from.
    2 
    3 scss_files: "**/*.scss"
    4 
    5 linters:
    6   BangFormat:
    7     enabled: true
    8     space_before_bang: true
    9     space_after_bang: false
    10 
    11   BorderZero:
    12     enabled: true
    13     convention: zero # or `none`
    14 
    15   ColorKeyword:
    16     enabled: true
    17 
    18   ColorVariable:
    19     enabled: false
    20 
    21   Comment:
    22     enabled: false
    23 
    24   DebugStatement:
    25     enabled: true
    26 
    27   DeclarationOrder:
    28     enabled: false
    29 
    30   DuplicateProperty:
    31     enabled: false
    32 
    33   ElsePlacement:
    34     enabled: true
    35     style: same_line # or 'new_line'
    36 
    37   EmptyLineBetweenBlocks:
    38     enabled: true
    39     ignore_single_line_blocks: true
    40 
    41   EmptyRule:
    42     enabled: true
    43 
    44   FinalNewline:
    45     enabled: true
    46     present: true
    47 
    48   HexLength:
    49     enabled: true
    50     style: short # or 'long'
    51 
    52   HexNotation:
    53     enabled: true
    54     style: lowercase # or 'uppercase'
    55 
    56   HexValidation:
    57     enabled: true
    58 
    59   IdSelector:
    60     enabled: false
    61 
    62   ImportantRule:
    63     enabled: false
    64 
    65   ImportPath:
    66     enabled: true
    67     leading_underscore: false
    68     filename_extension: false
    69 
    70   Indentation:
    71     enabled: true
    72     allow_non_nested_indentation: false
    73     character: tab # or 'space'
    74     width: 1
    75 
    76   LeadingZero:
    77     enabled: true
    78     style: include_zero # or 'include_zero'
    79 
    80   MergeableSelector:
    81     enabled: false
    82     force_nesting: true
    83 
    84   NameFormat:
    85     enabled: true
    86     allow_leading_underscore: true
    87     convention: hyphenated_lowercase # or 'BEM', or a regex pattern
    88 
    89   NestingDepth:
    90     enabled: true
    91     max_depth: 7
    92 
    93   PlaceholderInExtend:
    94     enabled: true
    95 
    96   PropertyCount:
    97     enabled: false
    98     include_nested: false
    99     max_properties: 10
    100 
    101   PropertySortOrder:
    102     enabled: true
    103     ignore_unspecified: false
    104     separate_groups: false
    105 
    106   PropertySpelling:
    107     enabled: true
    108     extra_properties: []
    109 
    110   PseudoElement:
    111     enabled: false
    112 
    113   QualifyingElement:
    114     enabled: false
    115     allow_element_with_attribute: false
    116     allow_element_with_class: false
    117     allow_element_with_id: false
    118 
    119   SelectorDepth:
    120     enabled: true
    121     max_depth: 6
    122 
    123   SelectorFormat:
    124     enabled: true
    125     convention: hyphenated_lowercase # or 'BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
    126     ignored_names: ['signup_form', 'send_message_form', 'ac_results']
    127 
    128   Shorthand:
    129     enabled: false
    130 
    131   SingleLinePerProperty:
    132     enabled: true
    133     allow_single_line_rule_sets: true
    134 
    135   SingleLinePerSelector:
    136     enabled: true
    137 
    138   SpaceAfterComma:
    139     enabled: true
    140 
    141   SpaceAfterPropertyColon:
    142     enabled: true
    143     style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
    144 
    145   SpaceAfterPropertyName:
    146     enabled: true
    147 
    148   SpaceBeforeBrace:
    149     enabled: true
    150     style: space # or 'new_line'
    151     allow_single_line_padding: false
    152 
    153   SpaceBetweenParens:
    154     enabled: true
    155     spaces: 0
    156 
    157   StringQuotes:
    158     enabled: true
    159     style: double_quotes
    160 
    161   TrailingSemicolon:
    162     enabled: true
    163 
    164   TrailingZero:
    165     enabled: false
    166 
    167   UnnecessaryMantissa:
    168     enabled: true
    169 
    170   UnnecessaryParentReference:
    171     enabled: true
    172 
    173   UrlFormat:
    174     enabled: true
    175 
    176   UrlQuotes:
    177     enabled: true
    178 
    179   VariableForProperty:
    180     enabled: false
    181     properties: []
    182 
    183   VendorPrefix:
    184     enabled: true
    185     identifier_list: base
    186     additional_identifiers: []
    187     excluded_identifiers: []
    188 
    189   ZeroUnit:
    190     enabled: true
    191 
    192   Compass::*:
    193     enabled: false

  • Gruntfile.js

     
    1919
    2020                BP_EXCLUDED_MISC = [
    2121                        '!bp-forums/bbpress/**/*'
    22                 ];
     22                ],
    2323
     24                // PostCSS
     25                stylelint    = require('stylelint'),
     26                reporter     = require('postcss-reporter');
     27
    2428        require( 'matchdep' ).filterDev( ['grunt-*', '!grunt-legacy-util'] ).forEach( grunt.loadNpmTasks );
    2529        grunt.util = require( 'grunt-legacy-util' );
    2630
    … …  
    7579                                }
    7680                        }
    7781                },
     82                postcss: {
     83                        options: {
     84                                map: false,
     85                                processors: [],
     86                                failOnError: false
     87                        },
     88                        lint: {
     89                                options: {
     90                                        syntax: require('postcss-scss'),
     91                                        processors: [
     92                                                stylelint(),
     93                                                reporter({
     94                                                        clearMessages: true,
     95                                                        throwError: true
     96                                                        }
     97                                                )
     98                                        ]
     99                                },
     100                                expand: true,
     101                                cwd: SOURCE_DIR,
     102                                dest: SOURCE_DIR,
     103                                src: [ [ BP_CSS.concat( BP_EXCLUDED_CSS, BP_EXCLUDED_MISC ) ],
     104                                        '!bp-templates/bp-legacy/css/twenty*.css',
     105                                        'bp-templates/bp-legacy/css/*.scss' ]
     106                        }
     107                },
    78108                sass: {
    79109                        styles: {
    80110                                cwd: SOURCE_DIR,
    … …  
    180210                                src: BP_JS
    181211                        }
    182212                },
    183                 scsslint: {
    184                         options: {
    185                                 bundleExec: false,
    186                                 colorizeOutput: true,
    187                                 config: '.scss-lint.yml'
    188                         },
    189                         core: [ SOURCE_DIR + 'bp-templates/bp-legacy/css/*.scss' ]
    190                 },
    191213                cssmin: {
    192214                        minify: {
    193215                                cwd: BUILD_DIR,
    … …  
    248270        /**
    249271         * Register tasks.
    250272         */
    251         grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'scsslint', 'sass', 'cssjanus'] );
     273        grunt.registerTask( 'src',     ['checkDependencies', 'jsvalidate:src', 'jshint', 'postcss:lint', 'sass', 'cssjanus'] );
    252274        grunt.registerTask( 'commit',  ['src', 'checktextdomain', 'imagemin'] );
    253275        grunt.registerTask( 'build',   ['commit', 'clean:all', 'copy:files', 'uglify', 'jsvalidate:build', 'cssmin', 'makepot', 'exec:bpdefault'] );
    254276        grunt.registerTask( 'release', ['build', 'exec:bbpress'] );

  • package.json

     
    1818    "grunt-exec": "~0.4.6",
    1919    "grunt-check-dependencies": "~0.12.0",
    2020    "grunt-jsvalidate": "~0.2.2",
     21    "grunt-postcss": "~0.8.0",
    2122    "grunt-legacy-util": "^0.2.0",
    2223    "grunt-patch-wordpress": "~0.3.0",
    2324    "grunt-sass": "~1.1.0",
    24     "grunt-scss-lint": "~0.3.8",
    2525    "grunt-wp-i18n": "~0.5.3",
    26     "matchdep": "~1.0.0"
     26    "matchdep": "~1.0.0",
     27    "postcss-reporter": "~1.3.3",
     28    "postcss-scss": "~0.1.7",
     29    "stylelint": "~6.1.1"
    2730  },
    2831  "engines": {
    2932    "node": ">=4.2.1"

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

     
    11.akismet-status {
    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;
    1620}
    … …  
    1822#wp-bp-activities-wrap {
    1923        padding: 5px 0;
    2024}
     25
    2126#bp-activities {
    2227        height: 120px;
    2328}
     29
    2430#bp-replyhead {
    2531        font-size: 1em;
    2632        line-height: 1.4em;
    2733        margin: 0;
    2834}
     35
    2936#bp-replysubmit {
    3037        margin: 0;
    3138        padding: 0 0 3px;
    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;
    4251        padding: 4px 10px 0;
    4352        vertical-align: top;
    4453}
     54
    4555#bp-activities-form .column-response img {
    4656        float: right;
    4757        margin-bottom: 5px;
    … …  
    4858        margin-left: 10px;
    4959        margin-top: 1px;
    5060}
     61
    5162.activity-errors {
    5263        list-style-type: disc;
    5364        margin-right: 2em;
    … …  
    5768#bp_activity_content div.inside {
    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 {
    7084        position: inherit;
    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%;
    8198}
    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;
    86104        }
    87 }
    88  No newline at end of file
     105}

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

     
    11.akismet-status {
    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;
    1620}
    … …  
    1822#wp-bp-activities-wrap {
    1923        padding: 5px 0;
    2024}
     25
    2126#bp-activities {
    2227        height: 120px;
    2328}
     29
    2430#bp-replyhead {
    2531        font-size: 1em;
    2632        line-height: 1.4em;
    2733        margin: 0;
    2834}
     35
    2936#bp-replysubmit {
    3037        margin: 0;
    3138        padding: 0 0 3px;
    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;
    4251        padding: 4px 10px 0;
    4352        vertical-align: top;
    4453}
     54
    4555#bp-activities-form .column-response img {
    4656        float: left;
    4757        margin-bottom: 5px;
    … …  
    4858        margin-right: 10px;
    4959        margin-top: 1px;
    5060}
     61
    5162.activity-errors {
    5263        list-style-type: disc;
    5364        margin-left: 2em;
    … …  
    5768#bp_activity_content div.inside {
    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 {
    7084        position: inherit;
    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%;
    8198}
    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;
    86104        }
    87 }
    88  No newline at end of file
     105}

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

     
    22        background: rgba(204, 204, 204, 0.8);
    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;
    99        margin-top: 18px;
    … …  
    1313}
    1414/* @noflip */
    1515.atwho-view {
    16         left: 0; 
     16        left: 0;
    1717}
     18
    1819.atwho-view ul {
    19         background: #FFF;
     20        background: #fff;
    2021        list-style: none;
    2122        margin: auto;
    2223        padding: 0;
    2324}
     25
    2426.atwho-view ul li {
    25         border-bottom: 1px solid #EFEFEF;
     27        border-bottom: 1px solid #efefef;
    2628        box-sizing: content-box;
    2729        cursor: pointer;
    2830        display: block;
    … …  
    3335        overflow: hidden;
    3436        padding: 5px 10px;
    3537}
     38
    3639.atwho-view img {
    3740        border-radius: 2px;
    3841        float: left;
    3942        height: 20px;
    40         margin-top:0;
     43        margin-top: 0;
    4144        width: 20px;
    4245}
     46
    4347.atwho-view strong {
    44         background: #EFEFEF;
     48        background: #efefef;
    4549        font-weight: bold;
    4650}
     51
    4752.atwho-view .username strong {
    48         color: #D54E21;
     53        color: #d54e21;
    4954}
     55
    5056.atwho-view small {
    51         color: #AAA;
     57        color: #aaa;
    5258        float: left;
    5359        font-size: smaller;
    5460        font-weight: normal;
    5561        margin: 0 40px 0 10px;
    5662}
     63
    5764.atwho-view .cur {
    5865        background: rgba(239, 239, 239, 0.5);
    5966}
    6067
    6168@media (max-width: 900px) {
     69
    6270        .atwho-view img {
    6371                float: right;
    6472                margin: 0 0 0 10px;
    6573        }
    6674}
     75
    6776@media (max-width: 400px) {
     77
    6878        .atwho-view ul li {
    6979                font-size: 16px;
    7080                line-height: 23px;
    7181                padding: 13px;
    7282        }
     83
    7384        .atwho-view ul li img {
    7485                height: 30px;
    7586                margin-top: -5px;
    7687                width: 30px;
    7788        }
     89
    7890        .atwho-view {
    7991                border-radius: 0;
    8092                height: 100%;
    … …  
    8193                right: 0 !important;
    8294                width: 100%;
    8395        }
     96
    8497        .atwho-view ul li .username {
    8598                display: inline-block;
    8699                margin: -10px 0 0 0;
    87100                padding: 10px 0;
    88101        }
     102
    89103        .atwho-view ul li small {
    90104                display: inline-block;
    91105                margin-right: 20px;

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

     
    22        background: rgba(204, 204, 204, 0.8);
    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;
    99        margin-top: 18px;
    … …  
    1313}
    1414/* @noflip */
    1515.atwho-view {
    16         left: 0; 
     16        left: 0;
    1717}
     18
    1819.atwho-view ul {
    19         background: #FFF;
     20        background: #fff;
    2021        list-style: none;
    2122        margin: auto;
    2223        padding: 0;
    2324}
     25
    2426.atwho-view ul li {
    25         border-bottom: 1px solid #EFEFEF;
     27        border-bottom: 1px solid #efefef;
    2628        box-sizing: content-box;
    2729        cursor: pointer;
    2830        display: block;
    … …  
    3335        overflow: hidden;
    3436        padding: 5px 10px;
    3537}
     38
    3639.atwho-view img {
    3740        border-radius: 2px;
    3841        float: right;
    3942        height: 20px;
    40         margin-top:0;
     43        margin-top: 0;
    4144        width: 20px;
    4245}
     46
    4347.atwho-view strong {
    44         background: #EFEFEF;
     48        background: #efefef;
    4549        font-weight: bold;
    4650}
     51
    4752.atwho-view .username strong {
    48         color: #D54E21;
     53        color: #d54e21;
    4954}
     55
    5056.atwho-view small {
    51         color: #AAA;
     57        color: #aaa;
    5258        float: right;
    5359        font-size: smaller;
    5460        font-weight: normal;
    5561        margin: 0 10px 0 40px;
    5662}
     63
    5764.atwho-view .cur {
    5865        background: rgba(239, 239, 239, 0.5);
    5966}
    6067
    6168@media (max-width: 900px) {
     69
    6270        .atwho-view img {
    6371                float: left;
    6472                margin: 0 10px 0 0;
    6573        }
    6674}
     75
    6776@media (max-width: 400px) {
     77
    6878        .atwho-view ul li {
    6979                font-size: 16px;
    7080                line-height: 23px;
    7181                padding: 13px;
    7282        }
     83
    7384        .atwho-view ul li img {
    7485                height: 30px;
    7586                margin-top: -5px;
    7687                width: 30px;
    7788        }
     89
    7890        .atwho-view {
    7991                border-radius: 0;
    8092                height: 100%;
    … …  
    8193                left: 0 !important;
    8294                width: 100%;
    8395        }
     96
    8497        .atwho-view ul li .username {
    8598                display: inline-block;
    8699                margin: -10px 0 0 0;
    87100                padding: 10px 0;
    88101        }
     102
    89103        .atwho-view ul li small {
    90104                display: inline-block;
    91105                margin-left: 20px;

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

     
    3333.bp-badge {
    3434        color: #d84800;
    3535        display: inline-block;
    36         font: normal 150px/1 'dashicons' !important;
     36        font: normal 150px/1 "dashicons" !important;
    3737}
    3838
    3939.bp-badge:before {
    … …  
    4747}
    4848
    4949@media only screen and (max-width: 500px) {
     50
    5051        .about-wrap .bp-badge {
    5152                position: relative;
    5253                margin: 10px auto;
    … …  
    154155.dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    155156        font-size: 1.25em;
    156157        line-height: 1.5em;
    157         margin: 1.25em 0 .6em;
     158        margin: 1.25em 0 0.6em;
    158159        text-align: center;
    159160}
    160161
    161162@media screen and ( max-width: 782px ) {
     163
    162164        .index_page_bp-about .about-wrap .headline-feature,
    163165        .dashboard_page_bp-about .about-wrap .headline-feature {
    164166                max-width: 100%;
    165167        }
     168
    166169        .index_page_bp-about .about-wrap .headline-feature h3,
    167170        .dahsboard_page_bp-about .about-wrap .headline-feature h3,
    168171        .index_page_bp-about .about-wrap .headline-feature .headline-title,
    … …  
    169172        .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
    170173                font-size: 2em;
    171174        }
     175
    172176        .index_page_bp-about .bp-features-section,
    173177        .dashboard_page_bp-about .bp-features-section {
    174178                margin-bottom: 0;
    175179        }
     180
    176181        .index_page_bp-about .about-wrap .feature-section,
    177182        .dashboard_page_bp-about .about-wrap .feature-section {
    178183                margin-top: 0;
    179184        }
     185
    180186        .index_page_bp-about .about-wrap .two-col > div,
    181187        .dashboard_page_bp-about .about-wrap .two-col > div {
    182188                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    … …  
    184190                padding-bottom: 1em;
    185191                width: 100%;
    186192        }
     193
    187194        .index_page_bp-about .changelog .two-col > div,
    188195        .dashboard_page_bp-about .changelog .two-col > div {
    189196                margin-top: 0;
    190197                padding-bottom: 0;
    191198        }
     199
    192200        .index_page_bp-about .about-wrap .changelog .changelog-title,
    193201        .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    194202                text-align: right;
    … …  
    229237
    230238#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    231239#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    232 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     240#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before {
    233241        content: "\f454";
    234242}
    235243
    … …  
    255263}
    256264
    257265.settings_page_bp-components td.plugin-title span:before {
    258         font-family: 'dashicons';
     266        font-family: dashicons;
    259267        font-size: 18px;
    260268}
    261269
    … …  
    308316}
    309317
    310318@media screen and ( max-width: 782px ) {
     319
    311320        .settings_page_bp-components td.plugin-title span {
    312321                margin-top: 5px;
    313322        }
     323
    314324        #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    315325                display: block;
    316326                width: auto;
    317327        }
     328
    318329        #bp-admin-component-form .subsubsub {
    319330                margin-bottom: 0;
    320331                padding-bottom: 35px;

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

     
    3333.bp-badge {
    3434        color: #d84800;
    3535        display: inline-block;
    36         font: normal 150px/1 'dashicons' !important;
     36        font: normal 150px/1 "dashicons" !important;
    3737}
    3838
    3939.bp-badge:before {
    … …  
    4747}
    4848
    4949@media only screen and (max-width: 500px) {
     50
    5051        .about-wrap .bp-badge {
    5152                position: relative;
    5253                margin: 10px auto;
    … …  
    154155.dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    155156        font-size: 1.25em;
    156157        line-height: 1.5em;
    157         margin: 1.25em 0 .6em;
     158        margin: 1.25em 0 0.6em;
    158159        text-align: center;
    159160}
    160161
    161162@media screen and ( max-width: 782px ) {
     163
    162164        .index_page_bp-about .about-wrap .headline-feature,
    163165        .dashboard_page_bp-about .about-wrap .headline-feature {
    164166                max-width: 100%;
    165167        }
     168
    166169        .index_page_bp-about .about-wrap .headline-feature h3,
    167170        .dahsboard_page_bp-about .about-wrap .headline-feature h3,
    168171        .index_page_bp-about .about-wrap .headline-feature .headline-title,
    … …  
    169172        .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
    170173                font-size: 2em;
    171174        }
     175
    172176        .index_page_bp-about .bp-features-section,
    173177        .dashboard_page_bp-about .bp-features-section {
    174178                margin-bottom: 0;
    175179        }
     180
    176181        .index_page_bp-about .about-wrap .feature-section,
    177182        .dashboard_page_bp-about .about-wrap .feature-section {
    178183                margin-top: 0;
    179184        }
     185
    180186        .index_page_bp-about .about-wrap .two-col > div,
    181187        .dashboard_page_bp-about .about-wrap .two-col > div {
    182188                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    … …  
    184190                padding-bottom: 1em;
    185191                width: 100%;
    186192        }
     193
    187194        .index_page_bp-about .changelog .two-col > div,
    188195        .dashboard_page_bp-about .changelog .two-col > div {
    189196                margin-top: 0;
    190197                padding-bottom: 0;
    191198        }
     199
    192200        .index_page_bp-about .about-wrap .changelog .changelog-title,
    193201        .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    194202                text-align: left;
    … …  
    229237
    230238#adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    231239#adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    232 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
     240#adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before {
    233241        content: "\f454";
    234242}
    235243
    … …  
    255263}
    256264
    257265.settings_page_bp-components td.plugin-title span:before {
    258         font-family: 'dashicons';
     266        font-family: dashicons;
    259267        font-size: 18px;
    260268}
    261269
    … …  
    308316}
    309317
    310318@media screen and ( max-width: 782px ) {
     319
    311320        .settings_page_bp-components td.plugin-title span {
    312321                margin-top: 5px;
    313322        }
     323
    314324        #bp-admin-component-form .wp-list-table.plugins .plugin-title {
    315325                display: block;
    316326                width: auto;
    317327        }
     328
    318329        #bp-admin-component-form .subsubsub {
    319330                margin-bottom: 0;
    320331                padding-bottom: 35px;

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

     
    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;
    77        margin-top: -4px;

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

     
    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;
    77        margin-top: -4px;

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

     
    1616#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    1717        right: 0;
    1818}
     19
    1920#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    2021        right: 0;
    2122}
    … …  
    2425#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,
    2526#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count,
    2627#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    27         background: #21759B;
     28        background: #21759b;
    2829        color: #fff;
    2930        text-shadow: none;
    3031        display: inline;
    … …  
    4041#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    4142        background: #ddd;
    4243        color: #333;
    43         margin: 0
     44        margin: 0;
    4445}
    4546
    4647#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
    … …  
    4950}
    5051
    5152#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
    52         padding: 0 .5em;
     53        padding: 0 0.5em;
    5354}
    5455
    5556#wp-admin-bar-user-info img.avatar {

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

     
    1616#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    1717        left: 0;
    1818}
     19
    1920#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    2021        left: 0;
    2122}
    … …  
    2425#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,
    2526#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count,
    2627#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    27         background: #21759B;
     28        background: #21759b;
    2829        color: #fff;
    2930        text-shadow: none;
    3031        display: inline;
    … …  
    4041#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    4142        background: #ddd;
    4243        color: #333;
    43         margin: 0
     44        margin: 0;
    4445}
    4546
    4647#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
    … …  
    4950}
    5051
    5152#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
    52         padding: 0 .5em;
     53        padding: 0 0.5em;
    5354}
    5455
    5556#wp-admin-bar-user-info img.avatar {

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

     
    7070div.bp-avatar-nav {
    7171        background: transparent;
    7272        clear: both;
    73         margin: 10px 0 10px;
     73        margin: 10px 0;
    7474        overflow: hidden;
    7575}
    7676
    … …  
    176176}
    177177
    178178@supports (-ms-accelerator:true) {
     179
    179180        .drag-drop-inside p.drag-drop-info {
    180181                display: block;
    181182        }
    … …  
    182183}
    183184
    184185#avatar-to-crop {
    185         margin: 0 auto 20px ;
     186        margin: 0 auto 20px;
    186187        text-align: right;
    187188}
    188189
    … …  
    222223}
    223224
    224225@media screen and (min-width: 801px) {
     226
    225227        #bp-webcam-avatar #avatar-to-crop {
    226228                max-width: 64%;
    227229                width: 64%;
    … …  
    234236
    235237#bp-webcam-avatar #avatar-crop-actions {
    236238        float: right;
    237         margin: 0 0 20px 0;
     239        margin: 0 0 20px;
    238240        width: 50%;
    239241}
    240242
    … …  
    299301}
    300302
    301303.bp-avatar .item {
    302         overflow:hidden;
     304        overflow: hidden;
    303305}
    304306
    305307.bp-avatar .avatar-crop-management.adjust {
    … …  
    324326                margin: 0 auto 10px;
    325327        }
    326328
    327         #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions  {
     329        #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    328330                width: auto;
    329331        }
    330332
    … …  
    368370        float: right;
    369371        margin: 0;
    370372}
     373
    371374.wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    372375        margin-bottom: 20px;
    373376}
     377
    374378@media screen and (min-width: 783px) {
    375379
    376380        .wp-admin #TB_window .bp-avatar .avatar-crop-management {
    … …  
    385389}
    386390
    387391.wp-admin #TB_window .bp-avatar #avatar-to-crop video {
    388                 width: 100%;
    389         }
     392        width: 100%;
     393}
    390394
    391395.wp-admin #TB_window .bp-avatar .avatar-crop-management a.button {
    392396        height: auto;
    … …  
    394398}
    395399
    396400@media screen and (min-width: 810px) {
     401
    397402        .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    398403                max-width: none;
    399404                width: 76%;

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

     
    7070div.bp-avatar-nav {
    7171        background: transparent;
    7272        clear: both;
    73         margin: 10px 0 10px;
     73        margin: 10px 0;
    7474        overflow: hidden;
    7575}
    7676
    … …  
    176176}
    177177
    178178@supports (-ms-accelerator:true) {
     179
    179180        .drag-drop-inside p.drag-drop-info {
    180181                display: block;
    181182        }
    … …  
    182183}
    183184
    184185#avatar-to-crop {
    185         margin: 0 auto 20px ;
     186        margin: 0 auto 20px;
    186187        text-align: left;
    187188}
    188189
    … …  
    222223}
    223224
    224225@media screen and (min-width: 801px) {
     226
    225227        #bp-webcam-avatar #avatar-to-crop {
    226228                max-width: 64%;
    227229                width: 64%;
    … …  
    234236
    235237#bp-webcam-avatar #avatar-crop-actions {
    236238        float: left;
    237         margin: 0 0 20px 0;
     239        margin: 0 0 20px;
    238240        width: 50%;
    239241}
    240242
    … …  
    299301}
    300302
    301303.bp-avatar .item {
    302         overflow:hidden;
     304        overflow: hidden;
    303305}
    304306
    305307.bp-avatar .avatar-crop-management.adjust {
    … …  
    324326                margin: 0 auto 10px;
    325327        }
    326328
    327         #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions  {
     329        #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    328330                width: auto;
    329331        }
    330332
    … …  
    368370        float: left;
    369371        margin: 0;
    370372}
     373
    371374.wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    372375        margin-bottom: 20px;
    373376}
     377
    374378@media screen and (min-width: 783px) {
    375379
    376380        .wp-admin #TB_window .bp-avatar .avatar-crop-management {
    … …  
    385389}
    386390
    387391.wp-admin #TB_window .bp-avatar #avatar-to-crop video {
    388                 width: 100%;
    389         }
     392        width: 100%;
     393}
    390394
    391395.wp-admin #TB_window .bp-avatar .avatar-crop-management a.button {
    392396        height: auto;
    … …  
    394398}
    395399
    396400@media screen and (min-width: 810px) {
     401
    397402        .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    398403                max-width: none;
    399404                width: 76%;

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

     
    11body:not(.wp-admin) {
    22        padding-top: 25px !important;
    33}
     4
    45#wp-admin-bar {
    56        position: fixed;
    67        top: 0;
    … …  
    1011        width: 100%;
    1112        z-index: 9999;
    1213}
     14
    1315#wp-admin-bar .padder {
    1416        position: relative;
    1517        padding: 0;
    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;
    2934        top: 5px;
    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;
    … …  
    3946        line-height: 100%;
    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;
    6376        font-weight: bold;
    … …  
    6780        text-decoration: none;
    6881        color: #fff;
    6982}
     83
    7084body#bp-default #admin-bar-logo {
    7185        padding: 2px 8px;
    7286}
    … …  
    86100        padding: 0;
    87101        float: right;
    88102        position: relative;
    89         background: url('../images/admin-menu-arrow.gif') 12% 53% no-repeat;
     103        background: url(../images/admin-menu-arrow.gif) 12% 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,
    108127#wp-admin-bar ul.main-nav li ul li.sfhover {
    … …  
    126145        -moz-border-radius-topright: 0;
    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;
    137159        width: 174px;
    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,
    148173#wp-admin-bar ul.main-nav li ul li.sfhover {
    … …  
    155180        -moz-border-radius: 3px;
    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,
    166194#wp-admin-bar ul li.sfhover ul,
    … …  
    167195#wp-admin-bar ul li ul li.sfhover 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 {
    175205        right: -999em;
    … …  
    180210        float: right;
    181211        margin-left: 8px;
    182212}
     213
    183214#wp-admin-bar span.activity {
    184215        display: block;
    185216        margin-right: 34px;
    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;
    193226        margin-right: 2px;
    … …  
    197230        -webkit-border-radius: 3px;
    198231        border-radius: 3px;
    199232}
     233
    200234#wp-admin-bar-user-info img.avatar {
    201235        height: 64px;
    202236        width: 64px;

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

     
    11body:not(.wp-admin) {
    22        padding-top: 25px !important;
    33}
     4
    45#wp-admin-bar {
    56        position: fixed;
    67        top: 0;
    … …  
    1011        width: 100%;
    1112        z-index: 9999;
    1213}
     14
    1315#wp-admin-bar .padder {
    1416        position: relative;
    1517        padding: 0;
    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;
    2934        top: 5px;
    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;
    … …  
    3946        line-height: 100%;
    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;
    6376        font-weight: bold;
    … …  
    6780        text-decoration: none;
    6881        color: #fff;
    6982}
     83
    7084body#bp-default #admin-bar-logo {
    7185        padding: 2px 8px;
    7286}
    … …  
    86100        padding: 0;
    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,
    108127#wp-admin-bar ul.main-nav li ul li.sfhover {
    … …  
    126145        -moz-border-radius-topright: 0;
    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;
    137159        width: 174px;
    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,
    148173#wp-admin-bar ul.main-nav li ul li.sfhover {
    … …  
    155180        -moz-border-radius: 3px;
    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,
    166194#wp-admin-bar ul li.sfhover ul,
    … …  
    167195#wp-admin-bar ul li ul li.sfhover 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 {
    175205        left: -999em;
    … …  
    180210        float: left;
    181211        margin-right: 8px;
    182212}
     213
    183214#wp-admin-bar span.activity {
    184215        display: block;
    185216        margin-left: 34px;
    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;
    193226        margin-left: 2px;
    … …  
    197230        -webkit-border-radius: 3px;
    198231        border-radius: 3px;
    199232}
     233
    200234#wp-admin-bar-user-info img.avatar {
    201235        height: 64px;
    202236        width: 64px;

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

     
    1212        margin-left: 10px;
    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;
    2022        width: 100%;
    2123        margin-bottom: 6px;
    2224}
     25
    2326#bp-groups-edit-form input#bp-groups-new-members {
    2427        width: 100%;
    2528        max-width: 90%;
    2629        border: 0;
    2730}
     31
    2832#bp-groups-new-members-list {
    2933        margin: 0;
    3034}
     35
    3136#bp_group_settings legend {
    3237        margin: 10px 0;
    3338        font-weight: bold;
    3439}
     40
    3541#bp_group_settings ul {
    3642        margin: 0;
    3743}
     44
    3845.bp-groups-settings-section {
    3946        margin-top: 10px;
    4047}
     48
    4149#bp-groups-permalink-box {
    4250        line-height: 24px;
    4351        color: #666;
    4452}
     53
    4554.bp-groups-member-type {
    4655        position: relative;
    4756}
     57
    4858.bp-groups-member-type > h4 {
    49         margin-bottom: .5em;
     59        margin-bottom: 0.5em;
    5060}
     61
    5162ul.bp-group-delete-list {
    5263        list-style-type: disc;
    5364        margin: 4px 26px;
    5465}
     66
    5567.bp-group-admin-pagination {
    5668        position: absolute;
    5769        text-align: left;
    5870        width: 100%;
    5971}
     72
    6073.bp-group-admin-pagination.table-top {
    6174        top: 0;
    6275}
     76
    6377.bp-group-admin-pagination.table-bottom {
    6478        bottom: 0;
    6579}
     80
    6681.bp-group-admin-pagination-viewing {
    6782        color: #777;
    6883        font-size: 12px;
    6984        font-style: italic;
    7085}
     86
    7187.bp-group-admin-pagination-links {
    7288        white-space: nowrap;
    7389        padding-right: 15px;
    … …  
    7793        padding-right: 20px;
    7894        padding-left: 20px;
    7995}
     96
    8097table.bp-group-members .uname-column {
    8198        width: 70%;
    8299}
     100
    83101table.bp-group-members .urole-column {
    84102        padding-right: 20px;
    85103        padding-left: 20px;

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

     
    1212        margin-right: 10px;
    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;
    2022        width: 100%;
    2123        margin-bottom: 6px;
    2224}
     25
    2326#bp-groups-edit-form input#bp-groups-new-members {
    2427        width: 100%;
    2528        max-width: 90%;
    2629        border: 0;
    2730}
     31
    2832#bp-groups-new-members-list {
    2933        margin: 0;
    3034}
     35
    3136#bp_group_settings legend {
    3237        margin: 10px 0;
    3338        font-weight: bold;
    3439}
     40
    3541#bp_group_settings ul {
    3642        margin: 0;
    3743}
     44
    3845.bp-groups-settings-section {
    3946        margin-top: 10px;
    4047}
     48
    4149#bp-groups-permalink-box {
    4250        line-height: 24px;
    4351        color: #666;
    4452}
     53
    4554.bp-groups-member-type {
    4655        position: relative;
    4756}
     57
    4858.bp-groups-member-type > h4 {
    49         margin-bottom: .5em;
     59        margin-bottom: 0.5em;
    5060}
     61
    5162ul.bp-group-delete-list {
    5263        list-style-type: disc;
    5364        margin: 4px 26px;
    5465}
     66
    5567.bp-group-admin-pagination {
    5668        position: absolute;
    5769        text-align: right;
    5870        width: 100%;
    5971}
     72
    6073.bp-group-admin-pagination.table-top {
    6174        top: 0;
    6275}
     76
    6377.bp-group-admin-pagination.table-bottom {
    6478        bottom: 0;
    6579}
     80
    6681.bp-group-admin-pagination-viewing {
    6782        color: #777;
    6883        font-size: 12px;
    6984        font-style: italic;
    7085}
     86
    7187.bp-group-admin-pagination-links {
    7288        white-space: nowrap;
    7389        padding-left: 15px;
    … …  
    7793        padding-left: 20px;
    7894        padding-right: 20px;
    7995}
     96
    8097table.bp-group-members .uname-column {
    8198        width: 70%;
    8299}
     100
    83101table.bp-group-members .urole-column {
    84102        padding-left: 20px;
    85103        padding-right: 20px;

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

     
    66}
    77
    88div#profile-page.wrap form#your-profile h3:first-of-type {
    9         margin-top:5em;
     9        margin-top: 5em;
    1010}
    1111
    1212div#profile-page.wrap form#your-profile #profile-nav {
    … …  
    2222#bp_members_admin_user_stats ul {
    2323        margin-bottom: 0;
    2424}
     25
    2526div#community-profile-page li.bp-members-profile-stats:before,
    2627div#community-profile-page li.bp-friends-profile-stats:before,
    2728div#community-profile-page li.bp-groups-profile-stats:before,
    … …  
    2829div#community-profile-page li.bp-blogs-profile-stats:before,
    2930div#community-profile-page a.bp-xprofile-avatar-user-admin:before,
    3031div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    31         font: normal 20px/1 'dashicons';
     32        font: normal 20px/1 "dashicons";
    3233        speak: none;
    3334        display: inline-block;
    3435        padding: 0 0 0 2px;
    … …  
    5960}
    6061
    6162div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    62         content:"\f182";
     63        content: "\f182";
    6364}
    6465
    6566div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    … …  
    6768}
    6869
    6970div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar {
    70         width:150px;
    71         margin:0 auto;
     71        width: 150px;
     72        margin: 0 auto;
    7273}
    7374
    7475div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar img {
    … …  
    7778}
    7879
    7980div#community-profile-page div#bp_xprofile_user_admin_avatar a {
    80         display:block;
    81         margin:1em 0;
    82         text-decoration:none;
    83         color:#888;
     81        display: block;
     82        margin: 1em 0;
     83        text-decoration: none;
     84        color: #888;
    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
    9192#community-profile-page #submitdiv #publishing-action {
    … …  
    100101.alt {
    101102        background: none;
    102103}
     104
    103105.bp-profile-field {
    104106        border-bottom: dotted 1px #ccc;
    105107        font-size: 14px;
    … …  
    106108        margin: 15px 0;
    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;
    114118}
     119
    115120.bp-profile-field .datebox > label,
    116121.bp-profile-field .radio > label,
    117122.bp-profile-field > label {  /* label takes on left side 200px */
    … …  
    128133.field_type_checkbox .checkbox > label {  /* these fields are usually pretty tall, so align the label for better consistency */
    129134        vertical-align: top;
    130135}
     136
    131137.bp-profile-field .description {  /* description also sits in the right side column */
    132138        margin: 10px 200px 10px 0;
    133139        text-align: right;
    134140}
     141
    135142.clear-value {  /* 'clear value' option also sits in the right side column */
    136143        display: block;
    137144        font-size: 12px;
    138145        margin-right: 200px;
    139146}
     147
    140148.field_type_checkbox .checkbox > label + label {  /* force checkboxes to new lines, in the right side column */
    141149        display: block;
    142150        margin-right: 200px;
    143151        width: auto;
    144152}
     153
    145154.field_type_radio .radio div:not(.field-visibility-settings) label {  /* force radio buttons to new lines */
    146155        display: block;
    147156}
     157
    148158.field_type_radio .radio div:not(.field-visibility-settings) {  /* make the radio buttons sit in the right side column */
    149159        display: inline-block;
    150160}
     161
    151162.field-visibility-settings-notoggle,
    152163.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    153164        margin: 10px 200px 10px 0;
    154165        text-align: right;
    155166}
     167
    156168.field-visibility-settings {  /* visibility settings go in the left column */
    157169        display: none;
    158170        margin-right: 200px;
    159171}
     172
    160173.field-visibility-settings .button {  /* visibility setting close button */
    161174        margin-bottom: 15px;
    162175}
     176
    163177#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    164178        font-size: 16px;
    165179        margin-bottom: 10px;

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

     
    66}
    77
    88div#profile-page.wrap form#your-profile h3:first-of-type {
    9         margin-top:5em;
     9        margin-top: 5em;
    1010}
    1111
    1212div#profile-page.wrap form#your-profile #profile-nav {
    … …  
    2222#bp_members_admin_user_stats ul {
    2323        margin-bottom: 0;
    2424}
     25
    2526div#community-profile-page li.bp-members-profile-stats:before,
    2627div#community-profile-page li.bp-friends-profile-stats:before,
    2728div#community-profile-page li.bp-groups-profile-stats:before,
    … …  
    2829div#community-profile-page li.bp-blogs-profile-stats:before,
    2930div#community-profile-page a.bp-xprofile-avatar-user-admin:before,
    3031div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    31         font: normal 20px/1 'dashicons';
     32        font: normal 20px/1 "dashicons";
    3233        speak: none;
    3334        display: inline-block;
    3435        padding: 0 2px 0 0;
    … …  
    5960}
    6061
    6162div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    62         content:"\f182";
     63        content: "\f182";
    6364}
    6465
    6566div#community-profile-page a.bp-xprofile-avatar-user-edit:before {
    … …  
    6768}
    6869
    6970div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar {
    70         width:150px;
    71         margin:0 auto;
     71        width: 150px;
     72        margin: 0 auto;
    7273}
    7374
    7475div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar img {
    … …  
    7778}
    7879
    7980div#community-profile-page div#bp_xprofile_user_admin_avatar a {
    80         display:block;
    81         margin:1em 0;
    82         text-decoration:none;
    83         color:#888;
     81        display: block;
     82        margin: 1em 0;
     83        text-decoration: none;
     84        color: #888;
    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
    9192#community-profile-page #submitdiv #publishing-action {
    … …  
    100101.alt {
    101102        background: none;
    102103}
     104
    103105.bp-profile-field {
    104106        border-bottom: dotted 1px #ccc;
    105107        font-size: 14px;
    … …  
    106108        margin: 15px 0;
    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;
    114118}
     119
    115120.bp-profile-field .datebox > label,
    116121.bp-profile-field .radio > label,
    117122.bp-profile-field > label {  /* label takes on left side 200px */
    … …  
    128133.field_type_checkbox .checkbox > label {  /* these fields are usually pretty tall, so align the label for better consistency */
    129134        vertical-align: top;
    130135}
     136
    131137.bp-profile-field .description {  /* description also sits in the right side column */
    132138        margin: 10px 0 10px 200px;
    133139        text-align: left;
    134140}
     141
    135142.clear-value {  /* 'clear value' option also sits in the right side column */
    136143        display: block;
    137144        font-size: 12px;
    138145        margin-left: 200px;
    139146}
     147
    140148.field_type_checkbox .checkbox > label + label {  /* force checkboxes to new lines, in the right side column */
    141149        display: block;
    142150        margin-left: 200px;
    143151        width: auto;
    144152}
     153
    145154.field_type_radio .radio div:not(.field-visibility-settings) label {  /* force radio buttons to new lines */
    146155        display: block;
    147156}
     157
    148158.field_type_radio .radio div:not(.field-visibility-settings) {  /* make the radio buttons sit in the right side column */
    149159        display: inline-block;
    150160}
     161
    151162.field-visibility-settings-notoggle,
    152163.field-visibility-settings-toggle {  /* visibility settings go in the left column */
    153164        margin: 10px 0 10px 200px;
    154165        text-align: left;
    155166}
     167
    156168.field-visibility-settings {  /* visibility settings go in the left column */
    157169        display: none;
    158170        margin-left: 200px;
    159171}
     172
    160173.field-visibility-settings .button {  /* visibility setting close button */
    161174        margin-bottom: 15px;
    162175}
     176
    163177#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    164178        font-size: 16px;
    165179        margin-bottom: 10px;

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

     
    11.ac_results {
    2         padding: 0px;
     2        padding: 0;
    33        overflow: hidden;
    44        z-index: 99999;
    55        background: #fff;
    … …  
    1313        -webkit-border-bottom-left-radius: 3px;
    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-position: outside;
     20        list-style: none;
     21        padding: 0;
     22        margin: 0;
     23}
    3624
     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}
     38
    3739.ac_odd {
    3840        background-color: #f0f0f0;
    3941}
    … …  
    4446}
    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}

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

     
    11.ac_results {
    2         padding: 0px;
     2        padding: 0;
    33        overflow: hidden;
    44        z-index: 99999;
    55        background: #fff;
    … …  
    1313        -webkit-border-bottom-right-radius: 3px;
    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-position: outside;
     20        list-style: none;
     21        padding: 0;
     22        margin: 0;
     23}
    3624
     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}
     38
    3739.ac_odd {
    3840        background-color: #f0f0f0;
    3941}
    … …  
    4446}
    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}

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

     
    4747        width: 100%;
    4848        padding: 10px 0;
    4949}
     50
    5051#buddypress div.pagination .pag-count {
    5152        float: right;
    5253        margin-right: 10px;
    5354}
     55
    5456#buddypress div.pagination .pagination-links {
    5557        float: left;
    5658        margin-left: 10px;
    5759}
     60
    5861#buddypress div.pagination .pagination-links span,
    5962#buddypress div.pagination .pagination-links a {
    6063        font-size: 90%;
    6164        padding: 0 5px;
    6265}
     66
    6367#buddypress div.pagination .pagination-links a:hover {
    6468        font-weight: bold;
    6569}
     70
    6671#buddypress noscript div.pagination {
    6772        margin-bottom: 15px;
    6873}
     74
    6975#buddypress #nav-above {
    7076        display: none;
    7177}
     78
    7279#buddypress .paged #nav-above {
    7380        display: block;
    7481}
    … …  
    8592        margin: 0 !important;
    8693        padding: 0 !important;
    8794}
     95
    8896#buddypress .clear {
    8997        clear: right;
    9098}
    … …  
    107115        margin: 0;
    108116        padding: 0;
    109117}
     118
    110119#buddypress .home-page form#whats-new-form {
    111120        border-bottom: none;
    112121        padding-bottom: 0;
    113122}
     123
    114124#buddypress form#whats-new-form #whats-new-avatar {
    115125        float: right;
    116126}
     127
    117128#buddypress form#whats-new-form #whats-new-content {
    118129        margin-right: 55px;
    119130        padding: 0 20px 20px 0;
    120131}
     132
    121133#buddypress form#whats-new-form p.activity-greeting {
    122134        line-height: 0.5em;
    123135        margin-bottom: 15px;
    124136        margin-right: 75px;
    125137}
     138
    126139#buddypress form#whats-new-form textarea {
    127140        background: #fff;
    128141        box-sizing: border-box;
    … …  
    134147        padding: 6px;
    135148        width: 100%;
    136149}
     150
    137151body.no-js #buddypress form#whats-new-form textarea {
    138152        height: 50px;
    139153}
     154
    140155#buddypress form#whats-new-form #whats-new-options select {
    141156        max-width: 200px;
    142157        margin-top: 12px;
    143158}
     159
    144160#buddypress form#whats-new-form #whats-new-submit {
    145161        float: left;
    146162        margin-top: 12px;
    147163}
     164
    148165#buddypress #whats-new-options:after {
    149166        clear: both;
    150167        content: "";
    151168        display: table;
    152169}
     170
    153171body.no-js #buddypress #whats-new-options {
    154172        height: auto;
    155173}
     174
    156175#buddypress #whats-new:focus {
    157176        border-color: rgba(31, 179, 221, 0.9) !important;
    158177        outline-color: rgba(31, 179, 221, 0.9);
    … …  
    166185        padding: 15px 0 0;
    167186        list-style: none;
    168187}
     188
    169189#buddypress .activity-list .activity-avatar {
    170190        float: right;
    171191}
     192
    172193#buddypress ul.item-list.activity-list li.has-comments {
    173194        padding-bottom: 15px;
    174195}
     196
    175197body.activity-permalink #buddypress ul.activity-list li.has-comments {
    176198        padding-bottom: 0;
    177199}
     200
    178201#buddypress .activity-list li.mini {
    179202        font-size: 80%;
    180203        position: relative;
    181204}
     205
    182206#buddypress .activity-list li.mini .activity-avatar img.avatar,
    183207#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
    184208        height: 20px;
    … …  
    185209        margin-right: 30px;
    186210        width: 20px;
    187211}
     212
    188213#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
    189214#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
    190215        height: auto;
    … …  
    191216        margin-right: 0;
    192217        width: auto;
    193218}
     219
    194220body.activity-permalink #buddypress .activity-list > li:first-child {
    195221        padding-top: 0;
    196222}
     223
    197224#buddypress .activity-list li .activity-content {
    198225        position: relative;
    199226}
     227
    200228#buddypress .activity-list li.mini .activity-content p {
    201229        margin: 0;
    202230}
     231
    203232#buddypress .activity-list li.mini .activity-comments {
    204233        clear: both;
    205234        font-size: 120%;
    206235}
     236
    207237body.activity-permalink #buddypress li.mini .activity-meta {
    208238        margin-top: 4px;
    209239}
     240
    210241#buddypress .activity-list li .activity-inreplyto {
    211242        color: #767676;
    212243        font-size: 80%;
    213244}
     245
    214246#buddypress .activity-list li .activity-inreplyto > p {
    215247        margin: 0;
    216248        display: inline;
    217249}
     250
    218251#buddypress .activity-list li .activity-inreplyto blockquote,
    219252#buddypress .activity-list li .activity-inreplyto div.activity-inner {
    220253        background: none;
    … …  
    224257        overflow: hidden;
    225258        padding: 0;
    226259}
     260
    227261#buddypress .activity-list .activity-content {
    228262        margin: 0 70px 0 0;
    229263}
     264
    230265body.activity-permalink #buddypress .activity-list li .activity-content {
    231266        border: none;
    232267        font-size: 100%;
    … …  
    235270        margin-left: 0;
    236271        padding: 0;
    237272}
     273
    238274body.activity-permalink #buddypress .activity-list li .activity-header > p {
    239275        margin: 0;
    240         padding: 5px 0 0 0;
     276        padding: 5px 0 0;
    241277}
     278
    242279#buddypress .activity-list .activity-content .activity-header,
    243280#buddypress .activity-list .activity-content .comment-header {
    244281        color: #767676;
    245282        line-height: 220%;
    246283}
     284
    247285#buddypress .activity-header {
    248286        margin-left: 20px;
    249287}
     288
    250289#buddypress .activity-header a,
    251290#buddypress .comment-meta a,
    252291#buddypress .acomment-meta a {
    253292        text-decoration: none;
    254293}
     294
    255295#buddypress .activity-list .activity-content .activity-header img.avatar {
    256296        float: none !important;
    257297        margin: 0 0 -8px 5px !important;
    258298}
     299
    259300#buddypress a.bp-secondary-action,
    260301#buddypress span.highlight {
    261302        font-size: 80%;
    … …  
    263304        margin-left: 5px;
    264305        text-decoration: none;
    265306}
     307
    266308#buddypress .activity-list .activity-content .activity-inner,
    267309#buddypress .activity-list .activity-content blockquote {
    268310        margin: 10px 0 5px 10px;
    269311        overflow: hidden;
    270312}
     313
    271314#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
    272315#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    273         border-right: 2px solid #EAEAEA;
     316        border-right: 2px solid #eaeaea;
    274317        margin-right: 5px;
    275318        padding-right: 10px;
    276319}
     320
    277321body.activity-permalink #buddypress .activity-content .activity-inner,
    278322body.activity-permalink #buddypress .activity-content blockquote {
    279323        margin-right: 0;
    280324        margin-top: 5px;
    281325}
     326
    282327#buddypress .activity-inner > p {
    283328        word-wrap: break-word;
    284329}
     330
    285331#buddypress .activity-inner > .activity-inner {
    286332        margin: 0;
    287333}
     334
    288335#buddypress .activity-inner > blockquote {
    289336        margin: 0;
    290337}
     338
    291339#buddypress .activity-list .activity-content img.thumbnail {
    292340        border: 2px solid #eee;
    293341        float: right;
    294342        margin: 0 0 5px 10px;
    295343}
     344
    296345#buddypress .activity-read-more {
    297346        margin-right: 1em;
    298347        white-space: nowrap;
    299348}
     349
    300350#buddypress .activity-list li.load-more,
    301351#buddypress .activity-list li.load-newest {
    302352        background: #f0f0f0;
    … …  
    305355        padding: 10px 15px;
    306356        text-align: center;
    307357}
     358
    308359#buddypress .activity-list li.load-more a,
    309360#buddypress .activity-list li.load-newest a {
    310         color: #4D4D4D;
     361        color: #4d4d4d;
    311362}
    312363
    313364
    … …  
    317368#buddypress div.activity-meta {
    318369        margin: 18px 0 0;
    319370}
     371
    320372body.activity-permalink #buddypress div.activity-meta {
    321373        margin-bottom: 6px;
    322374}
     375
    323376#buddypress div.activity-meta a {
    324377        padding: 4px 8px;
    325378}
     379
    326380#buddypress a.activity-time-since {
    327381        color: #767676;
    328382        text-decoration: none;
    329383}
     384
    330385#buddypress a.activity-time-since:hover {
    331386        color: #767676;
    332387        text-decoration: underline;
    333388}
     389
    334390#buddypress a.bp-primary-action,
    335391#buddypress #reply-title small a {
    336392        font-size: 80%;
    … …  
    337393        margin-left: 5px;
    338394        text-decoration: none;
    339395}
     396
    340397#buddypress a.bp-primary-action span,
    341398#buddypress #reply-title small a span {
    342399        background: #767676;
    … …  
    345402        margin-right: 2px;
    346403        padding: 0 5px;
    347404}
     405
    348406#buddypress a.bp-primary-action:hover span,
    349407#buddypress #reply-title small a:hover span {
    350408        background: #555;
    351409        color: #fff;
    352410}
     411
    353412#buddypress div.activity-comments {
    354413        margin: 0 70px 0 0;
    355414        overflow: hidden; /* IE fix */
    … …  
    357416        width: auto;
    358417        clear: both;
    359418}
     419
    360420body.activity-permalink #buddypress div.activity-comments {
    361421        background: none;
    362422        margin-right: 170px;
    363423        width: auto;
    364424}
     425
    365426#buddypress div.activity-comments > ul {
    366427        padding: 0 10px 0 0;
    367428}
     429
    368430#buddypress div.activity-comments ul,
    369431#buddypress div.activity-comments ul li {
    370432        border: none;
    371433        list-style: none;
    372434}
     435
    373436#buddypress div.activity-comments ul {
    374437        clear: both;
    375438        margin: 0;
    376439}
     440
    377441#buddypress div.activity-comments ul li {
    378442        border-top: 1px solid #eee;
    379443        padding: 10px 0 0;
    380444}
     445
    381446body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    382447        clear: none;
    383448        margin-top: 0;
    384449}
     450
    385451body.activity-permalink #buddypress div.activity-comments ul li {
    386452        border-width: 1px;
    387         padding: 10px 0 0 0;
     453        padding: 10px 0 0;
    388454}
     455
    389456#buddypress div.activity-comments > ul > li:first-child {
    390457        border-top: none;
    391458}
     459
    392460#buddypress div.activity-comments ul li:last-child {
    393461        margin-bottom: 0;
    394462}
     463
    395464#buddypress div.activity-comments ul li > ul {
    396465        margin-right: 30px;
    397466        margin-top: 0;
    398467        padding-right: 10px;
    399468}
     469
    400470body.activity-permalink #buddypress div.activity-comments ul li > ul {
    401471        margin-top: 10px;
    402472}
     473
    403474body.activity-permalink #buddypress div.activity-comments > ul {
    404475        padding: 0 15px 0 10px;
    405476}
     477
    406478#buddypress div.activity-comments div.acomment-avatar img {
    407479        border-width: 1px;
    408480        float: right;
    … …  
    410482        margin-left: 10px;
    411483        width: 25px;
    412484}
     485
    413486#buddypress div.activity-comments div.acomment-content {
    414487        font-size: 80%;
    415488        margin: 5px 40px 0 0;
    416489}
     490
    417491#buddypress div.acomment-content .time-since,
    418492#buddypress div.acomment-content .activity-delete-link,
    419493#buddypress div.acomment-content .comment-header {
    420494        display: none;
    421495}
     496
    422497body.activity-permalink #buddypress div.activity-comments div.acomment-content {
    423498        font-size: 90%;
    424499}
     500
    425501#buddypress div.activity-comments div.acomment-meta {
    426502        color: #767676;
    427503        font-size: 80%;
    428504}
     505
    429506#buddypress div.activity-comments form.ac-form {
    430507        display: none;
    431508        padding: 10px;
    432509}
     510
    433511#buddypress div.activity-comments li form.ac-form {
    434512        margin-left: 15px;
    435513        clear: both;
    436514}
     515
    437516#buddypress div.activity-comments form.root {
    438517        margin-right: 0;
    439518}
     519
    440520#buddypress div.activity-comments div#message {
    441521        margin-top: 15px;
    442522        margin-bottom: 0;
    443523}
     524
    444525#buddypress div.activity-comments form .ac-textarea {
    445526        background: #fff;
    446527        border: 1px inset #ccc;
    … …  
    447528        margin-bottom: 10px;
    448529        padding: 8px;
    449530}
     531
    450532#buddypress div.activity-comments form textarea {
    451533        border: none;
    452534        background: transparent;
    … …  
    460542        margin: 0;
    461543        width: 100%;
    462544}
     545
    463546#buddypress div.activity-comments form input {
    464547        margin-top: 5px;
    465548}
     549
    466550#buddypress div.activity-comments form div.ac-reply-avatar {
    467551        float: right;
    468552}
     553
    469554#buddypress div.ac-reply-avatar img {
    470555        border: 1px solid #eee;
    471556}
     557
    472558#buddypress div.activity-comments form div.ac-reply-content {
    473559        color: #767676;
    474560        margin-right: 50px;
    475561        padding-right: 15px;
    476562}
     563
    477564#buddypress div.activity-comments form div.ac-reply-content a {
    478565        text-decoration: none;
    479566}
     567
    480568#buddypress .acomment-options {
    481569        float: right;
    482570        margin: 5px 40px 5px 0;
    483571}
     572
    484573#buddypress .acomment-options a {
    485574        color: #767676;
    486575}
     576
    487577#buddypress .acomment-options a:hover {
    488578        color: inherit;
    489579}
    … …  
    495585        float: left;
    496586        margin: -39px 0 0 0;
    497587}
     588
    498589#buddypress div.dir-search input[type=text],
    499590#buddypress li.groups-members-search input[type=text] {
    500591        font-size: 90%;
    501592        padding: 1px 3px;
    502593}
     594
    503595#buddypress .current-member-type {
    504596        font-style: italic;
    505597}
     598
    506599#buddypress .dir-form {
    507600        clear: both;
    508601}
    … …  
    513606#buddypress div#message {
    514607        margin: 0 0 15px;
    515608}
     609
    516610#buddypress #message.info {
    517611        margin-bottom: 0;
    518612}
     613
    519614#buddypress div#message.updated {
    520615        clear: both;
    521616        display: block;
    522617}
     618
    523619#buddypress div#message p,
    524620#sitewide-notice p {
    525621        font-size: 90%;
    … …  
    526622        display: block;
    527623        padding: 10px 15px;
    528624}
     625
    529626#buddypress div#message.error p {
    530627        background-color: #fdc;
    531628        border: 1px solid #a00;
    … …  
    532629        clear: right;
    533630        color: #800;
    534631}
     632
    535633#buddypress div#message.warning p {
    536634        background-color: #ffe0af;
    537635        border: 1px solid #ffd087;
    … …  
    538636        clear: right;
    539637        color: #800;
    540638}
     639
    541640#buddypress div#message.updated p {
    542641        background-color: #efc;
    543642        border: 1px solid #591;
    544643        color: #250;
    545644}
     645
    546646#buddypress #pass-strength-result {
    547647        background-color: #eee;
    548648        border-color: #ddd;
    … …  
    554654        text-align: center;
    555655        width: 150px;
    556656}
     657
    557658#buddypress .standard-form #basic-details-section #pass-strength-result {
    558659        width: 35%;
    559660}
     661
    560662#buddypress #pass-strength-result.error,
    561663#buddypress #pass-strength-result.bad {
    562664        background-color: #ffb78c;
    … …  
    563665        border-color: #ff853c !important;
    564666        display: block;
    565667}
     668
    566669#buddypress #pass-strength-result.good {
    567670        background-color: #ffec8b;
    568671        border-color: #fc0 !important;
    569672        display: block;
    570673}
     674
    571675#buddypress #pass-strength-result.short {
    572676        background-color: #ffa0a0;
    573677        border-color: #f04040 !important;
    574678        display: block;
    575679}
     680
    576681#buddypress #pass-strength-result.strong {
    577682        background-color: #c3ff88;
    578683        border-color: #8dff1c !important;
    579684        display: block;
    580685}
     686
    581687#buddypress .standard-form#signup_form div div.error {
    582688        background: #faa;
    583689        color: #a00;
    584         margin: 0 0 10px 0;
     690        margin: 0 0 10px;
    585691        padding: 6px;
    586692        width: 90%;
    587693}
     694
    588695#buddypress div.accept,
    589696#buddypress div.reject {
    590697        float: right;
    591698        margin-right: 10px;
    592699}
     700
    593701#buddypress ul.button-nav li {
    594702        float: right;
    595703        margin: 0 0 10px 10px;
    596704        list-style: none;
    597705}
     706
    598707#buddypress ul.button-nav li.current a {
    599708        font-weight: bold;
    600709}
     710
    601711#sitewide-notice #message {
    602712        right: 2%;
    603713        position: fixed;
    … …  
    605715        width: 96%;
    606716        z-index: 9999;
    607717}
     718
    608719#sitewide-notice.admin-bar-on #message {
    609720        top: 3.3em;
    610721}
     722
    611723#sitewide-notice strong {
    612724        display: block;
    613725        margin-bottom: -1em;
    … …  
    646758        font-size: 100%;
    647759        padding: 6px;
    648760}
     761
    649762#buddypress .standard-form select {
    650763        padding: 3px;
    651764}
     765
    652766#buddypress .standard-form input[type=password] {
    653767        margin-bottom: 5px;
    654768}
     769
    655770#buddypress .standard-form label,
    656771#buddypress .standard-form span.label,
    657772#buddypress .standard-form legend {
    658773        display: block;
    659774        font-weight: bold;
    660         margin: 15px 0 5px 0;
     775        margin: 15px 0 5px;
    661776        width: auto;
    662777}
     778
    663779#buddypress .standard-form p label,
    664780#buddypress .standard-form #invite-list label {
    665781        font-weight: normal;
    666782        margin: auto;
    667783}
     784
    668785#buddypress .standard-form .checkbox label,
    669786#buddypress .standard-form .radio label {
    670787        color: #767676;
    671788        font-size: 100%;
    672789        font-weight: normal;
    673         margin: 5px 0 0 0;
     790        margin: 5px 0 0;
    674791}
     792
    675793#buddypress .standard-form#sidebar-login-form label {
    676794        margin-top: 5px;
    677795}
     796
    678797#buddypress .standard-form input[type=text] {
    679798        width: 75%;
    680799}
     800
    681801#buddypress .standard-form#sidebar-login-form input[type=text],
    682802#buddypress .standard-form#sidebar-login-form input[type=password] {
    683803        padding: 4px;
    684804        width: 95%;
    685805}
     806
    686807#buddypress .standard-form #basic-details-section input[type=password],
    687808#buddypress .standard-form #blog-details-section input#signup_blog_url {
    688809        width: 35%;
    689810}
     811
    690812#buddypress .standard-form#signup_form input[type=text],
    691813#buddypress .standard-form#signup_form textarea,
    692814#buddypress .form-allowed-tags,
    … …  
    694816#buddypress #commentform textarea {
    695817        width: 90%;
    696818}
     819
    697820#buddypress .standard-form#signup_form div.submit {
    698821        float: left;
    699822}
     823
    700824#buddypress div#signup-avatar img {
    701825        margin: 0 0 10px 15px;
    702826}
     827
    703828#buddypress .standard-form textarea {
    704829        width: 75%;
    705830        height: 120px;
    706831}
     832
    707833#buddypress .standard-form textarea#message_content {
    708834        height: 200px;
    709835}
     836
    710837#buddypress .standard-form#send-reply textarea {
    711838        width: 97.5%;
    712839}
     840
    713841#buddypress .standard-form p.description {
    714842        color: #767676;
    715843        font-size: 80%;
    716844        margin: 5px 0;
    717845}
     846
    718847#buddypress .standard-form div.submit {
    719848        clear: both;
    720         padding: 15px 0 0 0;
     849        padding: 15px 0 0;
    721850}
     851
    722852#buddypress .standard-form p.submit {
    723853        margin-bottom: 0;
    724         padding: 15px 0 0 0;
     854        padding: 15px 0 0;
    725855}
     856
    726857#buddypress .standard-form div.submit input {
    727858        margin-left: 15px;
    728859}
     860
    729861#buddypress .standard-form div.radio ul {
    730862        margin: 10px 38px 15px 0;
    731863        list-style: disc;
    732864}
     865
    733866#buddypress .standard-form div.radio ul li {
    734867        margin-bottom: 5px;
    735868}
     869
    736870#buddypress .standard-form a.clear-value {
    737871        display: block;
    738872        margin-top: 5px;
    739873        outline: none;
    740874}
     875
    741876#buddypress .standard-form #basic-details-section,
    742877#buddypress .standard-form #blog-details-section,
    743878#buddypress .standard-form #profile-details-section {
    … …  
    744879        float: right;
    745880        width: 48%;
    746881}
     882
    747883#buddypress .standard-form #profile-details-section {
    748884        float: left;
    749885}
     886
    750887#buddypress .standard-form #blog-details-section,
    751888#buddypress #notifications-bulk-management {
    752889        clear: right;
    753890}
     891
    754892body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
    755893body.no-js #buddypress label[for="message-type-select"],
    756894body.no-js #buddypress #message-type-select,
    … …  
    759897body.no-js #buddypress #messages-bulk-management #select-all-messages {
    760898        display: none;
    761899}
     900
    762901#buddypress .standard-form input:focus,
    763902#buddypress .standard-form textarea:focus,
    764903#buddypress .standard-form select:focus {
    … …  
    765904        background: #fafafa;
    766905        color: #555;
    767906}
     907
    768908#buddypress form#send-invite-form {
    769909        margin-top: 20px;
    770910}
     911
    771912#buddypress div#invite-list {
    772913        background: #f5f5f5;
    773914        height: 400px;
    … …  
    776917        padding: 5px;
    777918        width: 160px;
    778919}
     920
    779921#buddypress button,
    780922#buddypress a.button,
    781923#buddypress input[type=submit],
    … …  
    795937        text-align: center;
    796938        text-decoration: none;
    797939}
     940
    798941#buddypress button:hover,
    799942#buddypress a.button:hover,
    800943#buddypress a.button:focus,
    … …  
    816959        float: right;
    817960}
    818961
    819 #buddypress form.standard-form .left-menu #invite-list ul{
    820         margin:1%;
     962#buddypress form.standard-form .left-menu #invite-list ul {
     963        margin: 1%;
    821964        list-style: none;
    822965}
    823966
    824967#buddypress form.standard-form .left-menu #invite-list ul li {
    825         margin:0 1% 0 0;
     968        margin: 0 1% 0 0;
    826969}
    827970
    828971#buddypress form.standard-form .main-column {
    … …  
    830973}
    831974
    832975#buddypress form.standard-form .main-column ul#friend-list {
    833         clear:none;
     976        clear: none;
    834977        float: right;
    835978}
    836979
    837980#buddypress form.standard-form .main-column ul#friend-list h4 {
    838         clear:none;
     981        clear: none;
    839982}
    840983
    841984/* Overrides for embedded WP editors */
    … …  
    848991}
    849992
    850993/* Form classes & generic attr styling */
    851 #buddypress form *[disabled="disabled"]{
     994#buddypress form *[disabled="disabled"] {
    852995        cursor: default;
    853         opacity: .4;
     996        opacity: 0.4;
    854997}
    855998
    856999.bp-screen-reader-text {
    … …  
    8701013--------------------------------------------------------------*/
    8711014#buddypress a.loading,
    8721015#buddypress input.loading {
    873         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    874         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
     1016        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     1017        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    8751018        border-color: #aaa;
    8761019}
     1020
    8771021@-webkit-keyframes loader-pulsate {
     1022
    8781023        from {
    8791024                border-color: #aaa;
    8801025                -webkit-box-shadow: 0 0 6px #ccc;
    8811026                box-shadow: 0 0 6px #ccc;
    8821027        }
     1028
    8831029        to {
    8841030                border-color: #ccc;
    8851031                -webkit-box-shadow: 0 0 6px #f8f8f8;
    … …  
    8861032                box-shadow: 0 0 6px #f8f8f8;
    8871033        }
    8881034}
     1035
    8891036@-moz-keyframes loader-pulsate {
     1037
    8901038        from {
    8911039                border-color: #aaa;
    8921040                -moz-box-shadow: 0 0 6px #ccc;
    8931041                box-shadow: 0 0 6px #ccc;
    8941042        }
     1043
    8951044        to {
    8961045                border-color: #ccc;
    8971046                -moz-box-shadow: 0 0 6px #f8f8f8;
    … …  
    9031052#buddypress input.loading:hover {
    9041053        color: #767676;
    9051054}
     1055
    9061056#buddypress input[type="submit"].pending,
    9071057#buddypress input[type="button"].pending,
    9081058#buddypress input[type="reset"].pending,
    … …  
    9181068        color: #bbb;
    9191069        cursor: default;
    9201070}
     1071
    9211072#buddypress input[type="submit"]:hover.pending,
    9221073#buddypress input[type="button"]:hover.pending,
    9231074#buddypress input[type="reset"]:hover.pending,
    … …  
    9391090        margin: 0;
    9401091        width: auto;
    9411092}
     1093
    9421094#buddypress ul#topic-post-list li {
    9431095        padding: 15px;
    9441096        position: relative;
    9451097}
     1098
    9461099#buddypress ul#topic-post-list li.alt {
    9471100        background: #f5f5f5;
    9481101}
     1102
    9491103#buddypress ul#topic-post-list li div.poster-meta {
    9501104        color: #767676;
    9511105        margin-bottom: 10px;
    9521106}
     1107
    9531108#buddypress ul#topic-post-list li div.post-content {
    9541109        margin-right: 54px;
    9551110}
     1111
    9561112#buddypress div.topic-tags {
    9571113        font-size: 80%;
    9581114}
     1115
    9591116#buddypress div.admin-links {
    9601117        color: #767676;
    9611118        font-size: 80%;
    … …  
    9631120        top: 15px;
    9641121        left: 25px;
    9651122}
     1123
    9661124#buddypress div#topic-meta {
    9671125        margin: 0;
    9681126        padding: 5px 19px 30px;
    9691127        position: relative;
    9701128}
     1129
    9711130#buddypress div#topic-meta div.admin-links {
    9721131        left: 19px;
    9731132        top: -36px;
    9741133}
     1134
    9751135#buddypress div#topic-meta h3 {
    9761136        margin: 5px 0;
    9771137}
     1138
    9781139#buddypress div#new-topic-post {
    9791140        display: none;
    980         margin: 20px 0 0 0;
    981         padding: 1px 0 0 0;
     1141        margin: 20px 0 0;
     1142        padding: 1px 0 0;
    9821143}
     1144
    9831145#buddypress table.notifications,
    9841146#buddypress table.notifications-settings,
    9851147#buddypress table.profile-settings,
    … …  
    9891151#buddypress table.forum {
    9901152        width: 100%;
    9911153}
     1154
    9921155#buddypress table.notifications thead tr,
    9931156#buddypress table.notifications-settings thead tr,
    9941157#buddypress table.profile-settings thead tr,
    … …  
    9981161#buddypress table.forum thead tr {
    9991162        background: #eaeaea;
    10001163}
     1164
    10011165#buddypress table#message-threads {
    10021166        clear: both;
    10031167}
     1168
    10041169#buddypress table.profile-fields {
    10051170        margin-bottom: 20px;
    10061171}
     1172
    10071173#buddypress table.profile-fields:last-child {
    10081174        margin-bottom: 0;
    10091175}
     1176
    10101177#buddypress table.profile-fields p {
    10111178        margin: 0;
    10121179}
     1180
    10131181#buddypress table.profile-fields p:last-child {
    10141182        margin-top: 0;
    10151183}
     1184
    10161185#buddypress table.notifications tr td,
    10171186#buddypress table.notifications-settings tr td,
    10181187#buddypress table.profile-settings tr td,
    … …  
    10291198        padding: 8px;
    10301199        vertical-align: middle;
    10311200}
     1201
    10321202#buddypress table.notifications tr td.label,
    10331203#buddypress table.notifications-settings tr td.label,
    10341204#buddypress table.profile-fields tr td.label,
    … …  
    10391209        font-weight: bold;
    10401210        width: 25%;
    10411211}
     1212
    10421213#buddypress #message-threads .thread-info {
    10431214        min-width: 40%;
    10441215}
     1216
    10451217#buddypress table tr td.thread-info p {
    10461218        margin: 0;
    10471219}
     1220
    10481221#buddypress table tr td.thread-info p.thread-excerpt {
    10491222        color: #767676;
    10501223        font-size: 80%;
    10511224        margin-top: 3px;
    10521225}
     1226
    10531227#buddypress table.forum td {
    10541228        text-align: center;
    10551229}
     1230
    10561231#buddypress table.notifications tr.alt td,
    10571232#buddypress table.notifications-settings tr.alt td,
    10581233#buddypress table.profile-settings tr.alt td,
    … …  
    10621237#buddypress table.forum tr.alt td {
    10631238        background: #f5f5f5;
    10641239}
     1240
    10651241#buddypress table.notification-settings {
    10661242        margin-bottom: 20px;
    10671243        text-align: right;
    10681244}
     1245
    10691246#buddypress #groups-notification-settings {
    10701247        margin-bottom: 0;
    10711248}
     1249
    10721250#buddypress table.notifications th.icon,
    10731251#buddypress table.notifications td:first-child,
    10741252#buddypress table.notification-settings th.icon,
    … …  
    10751253#buddypress table.notification-settings td:first-child {
    10761254        display: none;
    10771255}
     1256
    10781257#buddypress table.notification-settings th.title,
    10791258#buddypress table.profile-settings th.title {
    10801259        width: 80%;
    10811260}
     1261
    10821262#buddypress table.notification-settings .yes,
    10831263#buddypress table.notification-settings .no {
    10841264        text-align: center;
    10851265        width: 40px;
    10861266}
     1267
    10871268#buddypress table.forum {
    10881269        margin: 0;
    10891270        width: auto;
    10901271        clear: both;
    10911272}
     1273
    10921274#buddypress table.forum tr.sticky td {
    10931275        font-size: 110%;
    10941276        background: #fff9db;
    … …  
    10951277        border-top: 1px solid #ffe8c4;
    10961278        border-bottom: 1px solid #ffe8c4;
    10971279}
     1280
    10981281#buddypress table.forum tr.closed td.td-title {
    10991282        padding-right: 35px;
    11001283}
     1284
    11011285#buddypress table.forum td p.topic-text {
    11021286        color: #767676;
    11031287        font-size: 100%;
    11041288}
     1289
    11051290#buddypress table.forum tr > td:first-child,
    11061291#buddypress table.forum tr > th:first-child {
    11071292        padding-right: 15px;
    11081293}
     1294
    11091295#buddypress table.forum tr > td:last-child,
    11101296#buddypress table.forum tr > th:last-child {
    11111297        padding-left: 15px;
    11121298}
     1299
    11131300#buddypress table.forum tr th#th-title,
    11141301#buddypress table.forum tr th#th-poster,
    11151302#buddypress table.forum tr th#th-group,
    … …  
    11181305#buddypress table.forum td.td-title {
    11191306        text-align: right;
    11201307}
     1308
    11211309#buddypress table.forum tr td.td-title a.topic-title {
    11221310        font-size: 110%;
    11231311}
     1312
    11241313#buddypress table.forum td.td-freshness {
    11251314        white-space: nowrap;
    11261315}
     1316
    11271317#buddypress table.forum td.td-freshness span.time-since {
    11281318        font-size: 80%;
    11291319        color: #767676;
    11301320}
     1321
    11311322#buddypress table.forum td img.avatar {
    11321323        float: none;
    11331324        margin: 0 0 -8px 5px;
    11341325}
     1326
    11351327#buddypress table.forum td.td-poster,
    11361328#buddypress table.forum td.td-group {
    11371329        min-width: 140px;
    11381330}
     1331
    11391332#buddypress table.forum th#th-title {
    11401333        width: 80%;
    11411334}
     1335
    11421336#buddypress table.forum th#th-freshness {
    11431337        width: 25%;
    11441338}
     1339
    11451340#buddypress table.forum th#th-postcount {
    11461341        width: 15%;
    11471342}
     1343
    11481344#buddypress table.forum p.topic-meta {
    11491345        font-size: 80%;
    1150         margin: 5px 0 0 0;
     1346        margin: 5px 0 0;
    11511347}
    11521348
    11531349/*-------------------------------------------------------------------------
    … …  
    11561352#buddypress .item-body {
    11571353        margin: 20px 0;
    11581354}
     1355
    11591356#buddypress span.activity {
    11601357        display: inline-block;
    11611358        font-size: small;
    … …  
    11621359        opacity: 0.8;
    11631360        padding: 0;
    11641361}
     1362
    11651363#buddypress span.user-nicename {
    11661364        color: #767676;
    11671365        display: inline-block;
    … …  
    11681366        font-size: 120%;
    11691367        font-weight: bold;
    11701368}
     1369
    11711370#buddypress div#message p,
    11721371#sitewide-notice p {
    11731372        font-weight: normal;
    … …  
    11771376        border: 1px solid #cb2;
    11781377        color: #440;
    11791378}
     1379
    11801380#buddypress #item-header:after {
    11811381        clear: both;
    11821382        content: "";
    11831383        display: table;
    11841384}
     1385
    11851386#buddypress div#item-header div#item-header-content {
    11861387        float: right;
    11871388        margin-right: 0;
    11881389}
     1390
    11891391#buddypress div#item-header h2 {
    11901392        line-height: 120%;
    1191         margin: 0 0 15px 0;
     1393        margin: 0 0 15px;
    11921394}
     1395
    11931396#buddypress div#item-header h2 a {
    11941397        color: #767676;
    11951398        text-decoration: none;
    11961399}
     1400
    11971401#buddypress div#item-header img.avatar {
    11981402        float: right;
    11991403        margin: 0 0 19px 15px;
    12001404}
     1405
    12011406#buddypress div#item-header h2 {
    12021407        margin-bottom: 5px;
    12031408}
     1409
    12041410#buddypress div#item-header h2 span.highlight {
    12051411        font-size: 60%;
    12061412        font-weight: normal;
    … …  
    12081414        vertical-align: middle;
    12091415        display: inline-block;
    12101416}
     1417
    12111418#buddypress div#item-header h2 span.highlight span {
    12121419        background: #a1dcfa;
    12131420        color: #fff;
    … …  
    12211428        top: -2px;
    12221429        vertical-align: middle;
    12231430}
     1431
    12241432#buddypress div#item-header div#item-meta {
    12251433        font-size: 80%;
    12261434        color: #767676;
    12271435        overflow: hidden;
    1228         margin: 15px 0 5px 0;
     1436        margin: 15px 0 5px;
    12291437        padding-bottom: 10px;
    12301438}
     1439
    12311440#buddypress div#item-header div#item-actions {
    12321441        float: left;
    12331442        margin: 0 15px 15px 0;
    … …  
    12341443        text-align: left;
    12351444        width: 20%;
    12361445}
     1446
    12371447#buddypress div#item-header div#item-actions h3 {
    1238         margin: 0 0 5px 0;
     1448        margin: 0 0 5px;
    12391449}
     1450
    12401451#buddypress div#item-header ul {
    12411452        margin-bottom: 15px;
    12421453        overflow: hidden;
    12431454}
     1455
    12441456#buddypress div#item-header ul h5,
    12451457#buddypress div#item-header ul span,
    12461458#buddypress div#item-header ul hr {
    12471459        display: none;
    12481460}
     1461
    12491462#buddypress div#item-header ul li {
    12501463        float: left;
    12511464        list-style: none;
    12521465}
     1466
    12531467#buddypress div#item-header ul img.avatar,
    12541468#buddypress div#item-header ul.avatars img.avatar {
    12551469        height: 30px;
    … …  
    12561470        margin: 2px;
    12571471        width: 30px;
    12581472}
     1473
    12591474#buddypress div#item-header div.generic-button,
    12601475#buddypress div#item-header a.button {
    12611476        float: right;
    12621477        margin: 10px 0 0 10px;
    12631478}
     1479
    12641480body.no-js #buddypress div#item-header .js-self-profile-button {
    1265         display:none;
     1481        display: none;
    12661482}
     1483
    12671484#buddypress div#item-header div#message.info {
    12681485        line-height: 80%;
    12691486}
     1487
    12701488#buddypress ul.item-list {
    12711489        border-top: 1px solid #eaeaea;
    12721490        width: 100%;
    … …  
    12751493        margin: 0;
    12761494        padding: 0;
    12771495}
     1496
    12781497body.activity-permalink #buddypress ul.item-list,
    12791498body.activity-permalink #buddypress ul.item-list li.activity-item {
    12801499        border: none;
    12811500}
     1501
    12821502#buddypress ul.item-list li {
    12831503        border-bottom: 1px solid #eaeaea;
    12841504        padding: 15px 0;
    … …  
    12861506        position: relative;
    12871507        list-style: none;
    12881508}
     1509
    12891510#buddypress ul.single-line li {
    12901511        border: none;
    12911512}
     1513
    12921514#buddypress ul.item-list li img.avatar {
    12931515        float: right;
    12941516        margin: 0 0 0 10px;
    12951517}
     1518
    12961519#buddypress ul.item-list li div.item-title,
    12971520#buddypress ul.item-list li h4 {
    12981521        font-weight: normal;
    … …  
    13001523        margin: 0;
    13011524        width: 75%;
    13021525}
     1526
    13031527#buddypress ul.item-list li div.item-title span {
    13041528        color: #767676;
    13051529        font-size: 80%;
    13061530}
     1531
    13071532#buddypress ul.item-list li div.item-desc {
    13081533        color: #767676;
    13091534        font-size: 80%;
    … …  
    13101535        margin: 10px 60px 0 0;
    13111536        width: 50%;
    13121537}
     1538
    13131539#buddypress ul.item-list li.group-no-avatar div.item-desc {
    13141540        margin-right: 0;
    13151541}
     1542
    13161543#buddypress ul.item-list li div.action {
    13171544        position: absolute;
    13181545        top: 15px;
    … …  
    13191546        left: 0;
    13201547        text-align: left;
    13211548}
     1549
    13221550#buddypress ul.item-list li div.meta {
    13231551        color: #767676;
    13241552        font-size: 80%;
    13251553        margin-top: 10px;
    13261554}
     1555
    13271556#buddypress ul.item-list li h5 span.small {
    13281557        float: left;
    13291558        font-size: 80%;
    13301559        font-weight: normal;
    13311560}
     1561
    13321562#buddypress div.item-list-tabs {
    13331563        background: transparent;
    13341564        clear: right;
    … …  
    13391569        margin: 0;
    13401570        padding: 0;
    13411571}
     1572
    13421573#buddypress div.item-list-tabs ul li {
    13431574        float: right;
    13441575        margin: 0;
    13451576        list-style: none;
    13461577}
     1578
    13471579#buddypress div.item-list-tabs#subnav ul li {
    13481580        margin-top: 0;
    13491581}
     1582
    13501583#buddypress div.item-list-tabs ul li.last {
    13511584        float: left;
    13521585        margin: 7px 0 0;
    13531586}
     1587
    13541588#buddypress div.item-list-tabs#subnav ul li.last {
    13551589        margin-top: 4px;
    13561590}
     1591
    13571592#buddypress div.item-list-tabs ul li.last select {
    13581593        max-width: 185px;
    13591594}
     1595
    13601596#buddypress div.item-list-tabs ul li a,
    13611597#buddypress div.item-list-tabs ul li span {
    13621598        display: block;
    … …  
    13631599        padding: 5px 10px;
    13641600        text-decoration: none;
    13651601}
     1602
    13661603#buddypress div.item-list-tabs ul li a span {
    13671604        background: #eee;
    13681605        border-radius: 50%;
    … …  
    13751612        text-align: center;
    13761613        vertical-align: middle;
    13771614}
     1615
    13781616#buddypress div.item-list-tabs ul li.selected a,
    13791617#buddypress div.item-list-tabs ul li.current a {
    13801618        background-color: #eee;
    13811619        color: #555;
    1382         opacity: .8;
     1620        opacity: 0.8;
    13831621        font-weight: bold;
    13841622}
     1623
    13851624#buddypress div.item-list-tabs ul li.selected a span,
    13861625#buddypress div.item-list-tabs ul li.current a span,
    13871626#buddypress div.item-list-tabs ul li a:hover span {
    13881627        background-color: #eee;
    13891628}
     1629
    13901630#buddypress div.item-list-tabs ul li.selected a span,
    13911631#buddypress div.item-list-tabs ul li.current a span {
    13921632        background-color: #fff;
    13931633}
     1634
    13941635#buddypress div#item-nav ul li.loading a {
    13951636        background-position: 12% 50%;
    13961637}
     1638
    13971639#buddypress div.item-list-tabs#object-nav {
    13981640        margin-top: 0;
    13991641}
     1642
    14001643#buddypress div.item-list-tabs#subnav {
    14011644        background: transparent;
    1402         margin: 10px 0 10px;
     1645        margin: 10px 0;
    14031646        overflow: hidden;
    14041647}
     1648
    14051649#buddypress #admins-list li,
    14061650#buddypress #mods-list li,
    14071651#buddypress #members-list li {
    … …  
    14081652        overflow: auto;
    14091653        list-style: none;
    14101654}
     1655
    14111656#buddypress #item-buttons:empty {
    14121657        display: none;
    14131658}
    … …  
    14521697        border-bottom: 1px solid #ffe8c4;
    14531698        font-weight: bold;
    14541699}
     1700
    14551701#buddypress table#message-threads tr.unread td .thread-excerpt,
    14561702#buddypress table#message-threads tr.unread td .activity,
    14571703#buddypress table#message-threads tr.unread td.thread-options {
    14581704        font-weight: normal;
    14591705}
     1706
    14601707#buddypress li span.unread-count,
    14611708#buddypress tr.unread span.unread-count {
    1462         background: #dd0000;
     1709        background: #d00;
    14631710        color: #fff;
    14641711        font-weight: bold;
    14651712        padding: 2px 8px;
    14661713}
     1714
    14671715#buddypress div.item-list-tabs ul li a span.unread-count {
    14681716        padding: 1px 6px;
    14691717        color: #fff;
    14701718}
     1719
    14711720#buddypress div#message-thread div.message-box {
    14721721        margin: 0;
    14731722        padding: 15px;
    14741723}
     1724
    14751725#buddypress div#message-thread div.alt {
    14761726        background: #f4f4f4;
    14771727}
     1728
    14781729#buddypress div#message-thread p#message-recipients {
    1479         margin: 10px 0 20px 0;
     1730        margin: 10px 0 20px;
    14801731}
     1732
    14811733#buddypress div#message-thread img.avatar {
    14821734        float: right;
    14831735        margin: 0 0 0 10px;
    14841736        vertical-align: middle;
    14851737}
     1738
    14861739#buddypress div#message-thread strong {
    14871740        font-size: 100%;
    14881741        margin: 0;
    14891742}
     1743
    14901744#buddypress div#message-thread strong a {
    14911745        text-decoration: none;
    14921746}
     1747
    14931748#buddypress div#message-thread strong span.activity {
    14941749        margin-top: 4px;
    14951750}
     1751
    14961752#buddypress div#message-thread div.message-metadata {
    14971753        overflow: hidden;
    14981754}
     1755
    14991756#buddypress div#message-thread div.message-content {
    15001757        margin-right: 45px;
    15011758}
     1759
    15021760#buddypress div#message-thread div.message-options {
    15031761        text-align: left;
    15041762}
     1763
    15051764#buddypress #message-threads img.avatar {
    15061765        max-width: none;
    15071766}
     1767
    15081768#buddypress div.message-search {
    15091769        float: left;
    15101770        margin: 0 20px;
    … …  
    15131773.message-metadata {
    15141774        position: relative;
    15151775}
     1776
    15161777.message-star-actions {
    15171778        position: absolute;
    15181779        left: 0;
    15191780        top: 0;
    15201781}
     1782
    15211783#buddypress a.message-action-star,
    15221784#buddypress a.message-action-unstar {
    15231785        border-bottom: 0;
    … …  
    15241786        text-decoration: none;
    15251787        outline: none;
    15261788}
     1789
    15271790a.message-action-star {
    1528         opacity: .7;
     1791        opacity: 0.7;
    15291792}
     1793
    15301794a.message-action-star:hover {
    15311795        opacity: 1;
    15321796}
     1797
    15331798.message-action-star span.icon:before,
    15341799.message-action-unstar span.icon:before {
    15351800        font-family: dashicons;
    15361801        font-size: 18px;
    15371802}
     1803
    15381804.message-action-star span.icon:before {
    15391805        color: #767676;
    15401806        content: "\f154";
    15411807}
     1808
    15421809.message-action-unstar span.icon:before {
    15431810        color: #fcdd77;
    15441811        content: "\f155";
    … …  
    15521819        margin-bottom: auto;
    15531820        margin-top: 15px;
    15541821}
     1822
    15551823#buddypress #profile-edit-form ul.button-nav {
    15561824        margin-top: 15px;
    15571825}
     1826
    15581827body.no-js #buddypress .field-visibility-settings-toggle,
    15591828body.no-js #buddypress .field-visibility-settings-close {
    15601829        display: none;
    15611830}
     1831
    15621832#buddypress .field-visibility-settings {
    15631833        display: none;
    15641834        margin-top: 10px;
    15651835}
    1566         body.no-js #buddypress .field-visibility-settings {
    1567                 display: block;
    1568         }
     1836
     1837body.no-js #buddypress .field-visibility-settings {
     1838        display: block;
     1839}
     1840
    15691841#buddypress .current-visibility-level {
    15701842        font-weight: bold;
    15711843        font-style: normal;
    15721844}
     1845
    15731846#buddypress .field-visibility-settings,
    15741847#buddypress .field-visibility-settings-toggle,
    15751848#buddypress .field-visibility-settings-notoggle {
    15761849        color: #767676;
    15771850}
     1851
    15781852#buddypress .field-visibility-settings-toggle a,
    15791853#buddypress .field-visibility-settings a {
    15801854        font-size: 80%;
    15811855}
     1856
    15821857body.register #buddypress div.page ul {
    15831858        list-style: none;
    15841859}
     1860
    15851861#buddypress .standard-form .field-visibility-settings label {
    15861862        margin: 0;
    15871863        font-weight: normal;
    15881864}
     1865
    15891866#buddypress .field-visibility-settings legend,
    15901867#buddypress .field-visibility-settings-toggle {
    15911868        font-style: italic;
    15921869}
     1870
    15931871#buddypress .field-visibility-settings .radio {
    15941872        list-style: none;
    15951873        margin-bottom: 0;
    15961874}
     1875
    15971876#buddypress .field-visibility select {
    15981877        margin: 0;
    15991878}
     1879
    16001880#buddypress .wp-editor-container {
    16011881        border: 1px solid #dedede;
    16021882}
     1883
    16031884#buddypress .html-active button.switch-html {
    16041885        border-bottom-color: transparent;
    16051886        border-bottom-right-radius: 0;
    … …  
    16061887        border-bottom-left-radius: 0;
    16071888        background: #f5f5f5;
    16081889}
     1890
    16091891#buddypress .tmce-active button.switch-tmce {
    16101892        border-bottom-color: transparent;
    16111893        border-bottom-right-radius: 0;
    … …  
    16121894        border-bottom-left-radius: 0;
    16131895        background: #f5f5f5;
    16141896}
     1897
    16151898#buddypress .standard-form .wp-editor-container textarea {
    16161899        width: 100%;
    16171900        padding-top: 0;
    … …  
    16361919
    16371920.widget.buddypress div.item-options {
    16381921        font-size: 90%;
    1639         margin: 0 0 1em 0;
     1922        margin: 0 0 1em;
    16401923        padding: 1em 0;
    16411924}
    16421925
    1643 .widget.buddypress div.item{
    1644         margin:0 0 1em 0;
     1926.widget.buddypress div.item {
     1927        margin: 0 0 1em;
    16451928}
    16461929
    16471930.widget.buddypress div.item-meta,
    … …  
    16551938        margin-left: 10px;
    16561939        width: 40px;
    16571940}
     1941
    16581942.widget.buddypress div.item-avatar img {
    16591943        height: 40px;
    16601944        margin: 1px;
    … …  
    16611945        width: 40px;
    16621946}
    16631947
    1664 .widget.buddypress div.avatar-block{
     1948.widget.buddypress div.avatar-block {
    16651949        overflow: hidden;
    16661950}
    16671951
    16681952.widget.buddypress #bp-login-widget-form label {
    16691953        display: block;
    1670         margin: 1rem 0 .5rem;
     1954        margin: 1rem 0 0.5rem;
    16711955}
    16721956
    16731957.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
    … …  
    16881972}
    16891973
    16901974.widget.buddypress .bp-login-widget-user-links > div {
    1691         margin-bottom: .5rem;
     1975        margin-bottom: 0.5rem;
    16921976}
    16931977
    16941978.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
    … …  
    17151999/*--------------------------------------------------------------
    171620004.1 - Smartphones - landscape
    17172001--------------------------------------------------------------*/
    1718 @media only screen and (max-width: 480px ){
     2002@media only screen and (max-width: 480px) {
     2003
    17192004        #buddypress div.dir-search {
    17202005                float: left;
    17212006                margin-top: -50px;
    17222007                text-align: left;
    17232008        }
     2009
    17242010        #buddypress div.dir-search input[type="text"] {
    17252011                margin-bottom: 1em;
    17262012                width: 50%;
    17272013        }
     2014
    17282015        a.bp-title-button {
    17292016                margin-right: 10px;
    17302017        }
    1731         #buddypress form.standard-form .main-column div.action{
     2018
     2019        #buddypress form.standard-form .main-column div.action {
    17322020                position: relative;
    1733                 margin-bottom:1em;
     2021                margin-bottom: 1em;
    17342022        }
    1735         #buddypress form.standard-form .main-column ul#friend-list h4{
    1736                 width:100%;
     2023
     2024        #buddypress form.standard-form .main-column ul#friend-list h4 {
     2025                width: 100%;
    17372026        }
    17382027}
    17392028
    … …  
    174120304.2 - Smartphones - portrait
    17422031--------------------------------------------------------------*/
    17432032@media only screen and (max-width: 320px) {
     2033
    17442034        #buddypress div.dir-search {
    17452035                clear: right;
    17462036                float: right;
    … …  
    17472037                margin-top: 0;
    17482038                text-align: right;
    17492039        }
     2040
    17502041        #buddypress li#groups-order-select {
    17512042                clear: right;
    17522043                float: right;
    17532044        }
     2045
    17542046        #buddypress ul.item-list li div.action {
    17552047                clear: right;
    17562048                float: right;
    … …  
    17612053                left: 0;
    17622054                text-align: right;
    17632055        }
     2056
    17642057        #buddypress ul.item-list li div.item-desc {
    17652058                clear: right;
    17662059                float: right;
    … …  
    17672060                margin: 10px 0 0;
    17682061                width: auto;
    17692062        }
     2063
    17702064        #buddypress li div.item {
    17712065                margin-right: 70px;
    17722066                width: auto;
    17732067        }
     2068
    17742069        #buddypress ul.item-list li div.meta {
    17752070                margin-top: 0;
    17762071        }
     2072
    17772073        #buddypress .item-desc p {
    17782074                margin: 0 0 10px;
    17792075        }
     2076
    17802077        #buddypress div.pagination .pag-count {
    17812078                margin-right: 0;
    17822079        }
    … …  
    178620834.2 - Smartphones - smaller screen sizes
    17872084--------------------------------------------------------------*/
    17882085@media only screen and (max-width: 240px) {
     2086
    17892087        #buddypress div.dir-search {
    17902088                float: right;
    17912089                margin: 0;
    17922090        }
     2091
    17932092        #buddypress div.dir-search input[type="text"] {
    17942093                width: 50%;
    17952094        }
     2095
    17962096        #buddypress li#groups-order-select {
    17972097                float: right;
    17982098        }
     2099
    17992100        #buddypress ul.item-list li img.avatar {
    18002101                width: 30px;
    18012102                height: auto;
    18022103        }
     2104
    18032105        #buddypress ul.item-list li div.action,
    1804         #buddypress li div.item{
     2106        #buddypress li div.item {
    18052107                margin-right: 45px;
    18062108        }
     2109
    18072110        h1 a.bp-title-button {
    18082111                clear: right;
    18092112                float: right;

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

     
    4747        width: 100%;
    4848        padding: 10px 0;
    4949}
     50
    5051#buddypress div.pagination .pag-count {
    5152        float: left;
    5253        margin-left: 10px;
    5354}
     55
    5456#buddypress div.pagination .pagination-links {
    5557        float: right;
    5658        margin-right: 10px;
    5759}
     60
    5861#buddypress div.pagination .pagination-links span,
    5962#buddypress div.pagination .pagination-links a {
    6063        font-size: 90%;
    6164        padding: 0 5px;
    6265}
     66
    6367#buddypress div.pagination .pagination-links a:hover {
    6468        font-weight: bold;
    6569}
     70
    6671#buddypress noscript div.pagination {
    6772        margin-bottom: 15px;
    6873}
     74
    6975#buddypress #nav-above {
    7076        display: none;
    7177}
     78
    7279#buddypress .paged #nav-above {
    7380        display: block;
    7481}
    … …  
    8592        margin: 0 !important;
    8693        padding: 0 !important;
    8794}
     95
    8896#buddypress .clear {
    8997        clear: left;
    9098}
    … …  
    107115        margin: 0;
    108116        padding: 0;
    109117}
     118
    110119#buddypress .home-page form#whats-new-form {
    111120        border-bottom: none;
    112121        padding-bottom: 0;
    113122}
     123
    114124#buddypress form#whats-new-form #whats-new-avatar {
    115125        float: left;
    116126}
     127
    117128#buddypress form#whats-new-form #whats-new-content {
    118129        margin-left: 55px;
    119130        padding: 0 0 20px 20px;
    120131}
     132
    121133#buddypress form#whats-new-form p.activity-greeting {
    122134        line-height: 0.5em;
    123135        margin-bottom: 15px;
    124136        margin-left: 75px;
    125137}
     138
    126139#buddypress form#whats-new-form textarea {
    127140        background: #fff;
    128141        box-sizing: border-box;
    … …  
    134147        padding: 6px;
    135148        width: 100%;
    136149}
     150
    137151body.no-js #buddypress form#whats-new-form textarea {
    138152        height: 50px;
    139153}
     154
    140155#buddypress form#whats-new-form #whats-new-options select {
    141156        max-width: 200px;
    142157        margin-top: 12px;
    143158}
     159
    144160#buddypress form#whats-new-form #whats-new-submit {
    145161        float: right;
    146162        margin-top: 12px;
    147163}
     164
    148165#buddypress #whats-new-options:after {
    149166        clear: both;
    150167        content: "";
    151168        display: table;
    152169}
     170
    153171body.no-js #buddypress #whats-new-options {
    154172        height: auto;
    155173}
     174
    156175#buddypress #whats-new:focus {
    157176        border-color: rgba(31, 179, 221, 0.9) !important;
    158177        outline-color: rgba(31, 179, 221, 0.9);
    … …  
    166185        padding: 15px 0 0;
    167186        list-style: none;
    168187}
     188
    169189#buddypress .activity-list .activity-avatar {
    170190        float: left;
    171191}
     192
    172193#buddypress ul.item-list.activity-list li.has-comments {
    173194        padding-bottom: 15px;
    174195}
     196
    175197body.activity-permalink #buddypress ul.activity-list li.has-comments {
    176198        padding-bottom: 0;
    177199}
     200
    178201#buddypress .activity-list li.mini {
    179202        font-size: 80%;
    180203        position: relative;
    181204}
     205
    182206#buddypress .activity-list li.mini .activity-avatar img.avatar,
    183207#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
    184208        height: 20px;
    … …  
    185209        margin-left: 30px;
    186210        width: 20px;
    187211}
     212
    188213#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
    189214#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
    190215        height: auto;
    … …  
    191216        margin-left: 0;
    192217        width: auto;
    193218}
     219
    194220body.activity-permalink #buddypress .activity-list > li:first-child {
    195221        padding-top: 0;
    196222}
     223
    197224#buddypress .activity-list li .activity-content {
    198225        position: relative;
    199226}
     227
    200228#buddypress .activity-list li.mini .activity-content p {
    201229        margin: 0;
    202230}
     231
    203232#buddypress .activity-list li.mini .activity-comments {
    204233        clear: both;
    205234        font-size: 120%;
    206235}
     236
    207237body.activity-permalink #buddypress li.mini .activity-meta {
    208238        margin-top: 4px;
    209239}
     240
    210241#buddypress .activity-list li .activity-inreplyto {
    211242        color: #767676;
    212243        font-size: 80%;
    213244}
     245
    214246#buddypress .activity-list li .activity-inreplyto > p {
    215247        margin: 0;
    216248        display: inline;
    217249}
     250
    218251#buddypress .activity-list li .activity-inreplyto blockquote,
    219252#buddypress .activity-list li .activity-inreplyto div.activity-inner {
    220253        background: none;
    … …  
    224257        overflow: hidden;
    225258        padding: 0;
    226259}
     260
    227261#buddypress .activity-list .activity-content {
    228262        margin: 0 0 0 70px;
    229263}
     264
    230265body.activity-permalink #buddypress .activity-list li .activity-content {
    231266        border: none;
    232267        font-size: 100%;
    … …  
    235270        margin-right: 0;
    236271        padding: 0;
    237272}
     273
    238274body.activity-permalink #buddypress .activity-list li .activity-header > p {
    239275        margin: 0;
    240         padding: 5px 0 0 0;
     276        padding: 5px 0 0;
    241277}
     278
    242279#buddypress .activity-list .activity-content .activity-header,
    243280#buddypress .activity-list .activity-content .comment-header {
    244281        color: #767676;
    245282        line-height: 220%;
    246283}
     284
    247285#buddypress .activity-header {
    248286        margin-right: 20px;
    249287}
     288
    250289#buddypress .activity-header a,
    251290#buddypress .comment-meta a,
    252291#buddypress .acomment-meta a {
    253292        text-decoration: none;
    254293}
     294
    255295#buddypress .activity-list .activity-content .activity-header img.avatar {
    256296        float: none !important;
    257297        margin: 0 5px -8px 0 !important;
    258298}
     299
    259300#buddypress a.bp-secondary-action,
    260301#buddypress span.highlight {
    261302        font-size: 80%;
    … …  
    263304        margin-right: 5px;
    264305        text-decoration: none;
    265306}
     307
    266308#buddypress .activity-list .activity-content .activity-inner,
    267309#buddypress .activity-list .activity-content blockquote {
    268310        margin: 10px 10px 5px 0;
    269311        overflow: hidden;
    270312}
     313
    271314#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
    272315#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    273         border-left: 2px solid #EAEAEA;
     316        border-left: 2px solid #eaeaea;
    274317        margin-left: 5px;
    275318        padding-left: 10px;
    276319}
     320
    277321body.activity-permalink #buddypress .activity-content .activity-inner,
    278322body.activity-permalink #buddypress .activity-content blockquote {
    279323        margin-left: 0;
    280324        margin-top: 5px;
    281325}
     326
    282327#buddypress .activity-inner > p {
    283328        word-wrap: break-word;
    284329}
     330
    285331#buddypress .activity-inner > .activity-inner {
    286332        margin: 0;
    287333}
     334
    288335#buddypress .activity-inner > blockquote {
    289336        margin: 0;
    290337}
     338
    291339#buddypress .activity-list .activity-content img.thumbnail {
    292340        border: 2px solid #eee;
    293341        float: left;
    294342        margin: 0 10px 5px 0;
    295343}
     344
    296345#buddypress .activity-read-more {
    297346        margin-left: 1em;
    298347        white-space: nowrap;
    299348}
     349
    300350#buddypress .activity-list li.load-more,
    301351#buddypress .activity-list li.load-newest {
    302352        background: #f0f0f0;
    … …  
    305355        padding: 10px 15px;
    306356        text-align: center;
    307357}
     358
    308359#buddypress .activity-list li.load-more a,
    309360#buddypress .activity-list li.load-newest a {
    310         color: #4D4D4D;
     361        color: #4d4d4d;
    311362}
    312363
    313364
    … …  
    317368#buddypress div.activity-meta {
    318369        margin: 18px 0 0;
    319370}
     371
    320372body.activity-permalink #buddypress div.activity-meta {
    321373        margin-bottom: 6px;
    322374}
     375
    323376#buddypress div.activity-meta a {
    324377        padding: 4px 8px;
    325378}
     379
    326380#buddypress a.activity-time-since {
    327381        color: #767676;
    328382        text-decoration: none;
    329383}
     384
    330385#buddypress a.activity-time-since:hover {
    331386        color: #767676;
    332387        text-decoration: underline;
    333388}
     389
    334390#buddypress a.bp-primary-action,
    335391#buddypress #reply-title small a {
    336392        font-size: 80%;
    … …  
    337393        margin-right: 5px;
    338394        text-decoration: none;
    339395}
     396
    340397#buddypress a.bp-primary-action span,
    341398#buddypress #reply-title small a span {
    342399        background: #767676;
    … …  
    345402        margin-left: 2px;
    346403        padding: 0 5px;
    347404}
     405
    348406#buddypress a.bp-primary-action:hover span,
    349407#buddypress #reply-title small a:hover span {
    350408        background: #555;
    351409        color: #fff;
    352410}
     411
    353412#buddypress div.activity-comments {
    354413        margin: 0 0 0 70px;
    355414        overflow: hidden; /* IE fix */
    … …  
    357416        width: auto;
    358417        clear: both;
    359418}
     419
    360420body.activity-permalink #buddypress div.activity-comments {
    361421        background: none;
    362422        margin-left: 170px;
    363423        width: auto;
    364424}
     425
    365426#buddypress div.activity-comments > ul {
    366427        padding: 0 0 0 10px;
    367428}
     429
    368430#buddypress div.activity-comments ul,
    369431#buddypress div.activity-comments ul li {
    370432        border: none;
    371433        list-style: none;
    372434}
     435
    373436#buddypress div.activity-comments ul {
    374437        clear: both;
    375438        margin: 0;
    376439}
     440
    377441#buddypress div.activity-comments ul li {
    378442        border-top: 1px solid #eee;
    379443        padding: 10px 0 0;
    380444}
     445
    381446body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    382447        clear: none;
    383448        margin-top: 0;
    384449}
     450
    385451body.activity-permalink #buddypress div.activity-comments ul li {
    386452        border-width: 1px;
    387         padding: 10px 0 0 0;
     453        padding: 10px 0 0;
    388454}
     455
    389456#buddypress div.activity-comments > ul > li:first-child {
    390457        border-top: none;
    391458}
     459
    392460#buddypress div.activity-comments ul li:last-child {
    393461        margin-bottom: 0;
    394462}
     463
    395464#buddypress div.activity-comments ul li > ul {
    396465        margin-left: 30px;
    397466        margin-top: 0;
    398467        padding-left: 10px;
    399468}
     469
    400470body.activity-permalink #buddypress div.activity-comments ul li > ul {
    401471        margin-top: 10px;
    402472}
     473
    403474body.activity-permalink #buddypress div.activity-comments > ul {
    404475        padding: 0 10px 0 15px;
    405476}
     477
    406478#buddypress div.activity-comments div.acomment-avatar img {
    407479        border-width: 1px;
    408480        float: left;
    … …  
    410482        margin-right: 10px;
    411483        width: 25px;
    412484}
     485
    413486#buddypress div.activity-comments div.acomment-content {
    414487        font-size: 80%;
    415488        margin: 5px 0 0 40px;
    416489}
     490
    417491#buddypress div.acomment-content .time-since,
    418492#buddypress div.acomment-content .activity-delete-link,
    419493#buddypress div.acomment-content .comment-header {
    420494        display: none;
    421495}
     496
    422497body.activity-permalink #buddypress div.activity-comments div.acomment-content {
    423498        font-size: 90%;
    424499}
     500
    425501#buddypress div.activity-comments div.acomment-meta {
    426502        color: #767676;
    427503        font-size: 80%;
    428504}
     505
    429506#buddypress div.activity-comments form.ac-form {
    430507        display: none;
    431508        padding: 10px;
    432509}
     510
    433511#buddypress div.activity-comments li form.ac-form {
    434512        margin-right: 15px;
    435513        clear: both;
    436514}
     515
    437516#buddypress div.activity-comments form.root {
    438517        margin-left: 0;
    439518}
     519
    440520#buddypress div.activity-comments div#message {
    441521        margin-top: 15px;
    442522        margin-bottom: 0;
    443523}
     524
    444525#buddypress div.activity-comments form .ac-textarea {
    445526        background: #fff;
    446527        border: 1px inset #ccc;
    … …  
    447528        margin-bottom: 10px;
    448529        padding: 8px;
    449530}
     531
    450532#buddypress div.activity-comments form textarea {
    451533        border: none;
    452534        background: transparent;
    … …  
    460542        margin: 0;
    461543        width: 100%;
    462544}
     545
    463546#buddypress div.activity-comments form input {
    464547        margin-top: 5px;
    465548}
     549
    466550#buddypress div.activity-comments form div.ac-reply-avatar {
    467551        float: left;
    468552}
     553
    469554#buddypress div.ac-reply-avatar img {
    470555        border: 1px solid #eee;
    471556}
     557
    472558#buddypress div.activity-comments form div.ac-reply-content {
    473559        color: #767676;
    474560        margin-left: 50px;
    475561        padding-left: 15px;
    476562}
     563
    477564#buddypress div.activity-comments form div.ac-reply-content a {
    478565        text-decoration: none;
    479566}
     567
    480568#buddypress .acomment-options {
    481569        float: left;
    482570        margin: 5px 0 5px 40px;
    483571}
     572
    484573#buddypress .acomment-options a {
    485574        color: #767676;
    486575}
     576
    487577#buddypress .acomment-options a:hover {
    488578        color: inherit;
    489579}
    … …  
    495585        float: right;
    496586        margin: -39px 0 0 0;
    497587}
     588
    498589#buddypress div.dir-search input[type=text],
    499590#buddypress li.groups-members-search input[type=text] {
    500591        font-size: 90%;
    501592        padding: 1px 3px;
    502593}
     594
    503595#buddypress .current-member-type {
    504596        font-style: italic;
    505597}
     598
    506599#buddypress .dir-form {
    507600        clear: both;
    508601}
    … …  
    513606#buddypress div#message {
    514607        margin: 0 0 15px;
    515608}
     609
    516610#buddypress #message.info {
    517611        margin-bottom: 0;
    518612}
     613
    519614#buddypress div#message.updated {
    520615        clear: both;
    521616        display: block;
    522617}
     618
    523619#buddypress div#message p,
    524620#sitewide-notice p {
    525621        font-size: 90%;
    … …  
    526622        display: block;
    527623        padding: 10px 15px;
    528624}
     625
    529626#buddypress div#message.error p {
    530627        background-color: #fdc;
    531628        border: 1px solid #a00;
    … …  
    532629        clear: left;
    533630        color: #800;
    534631}
     632
    535633#buddypress div#message.warning p {
    536634        background-color: #ffe0af;
    537635        border: 1px solid #ffd087;
    … …  
    538636        clear: left;
    539637        color: #800;
    540638}
     639
    541640#buddypress div#message.updated p {
    542641        background-color: #efc;
    543642        border: 1px solid #591;
    544643        color: #250;
    545644}
     645
    546646#buddypress #pass-strength-result {
    547647        background-color: #eee;
    548648        border-color: #ddd;
    … …  
    554654        text-align: center;
    555655        width: 150px;
    556656}
     657
    557658#buddypress .standard-form #basic-details-section #pass-strength-result {
    558659        width: 35%;
    559660}
     661
    560662#buddypress #pass-strength-result.error,
    561663#buddypress #pass-strength-result.bad {
    562664        background-color: #ffb78c;
    … …  
    563665        border-color: #ff853c !important;
    564666        display: block;
    565667}
     668
    566669#buddypress #pass-strength-result.good {
    567670        background-color: #ffec8b;
    568671        border-color: #fc0 !important;
    569672        display: block;
    570673}
     674
    571675#buddypress #pass-strength-result.short {
    572676        background-color: #ffa0a0;
    573677        border-color: #f04040 !important;
    574678        display: block;
    575679}
     680
    576681#buddypress #pass-strength-result.strong {
    577682        background-color: #c3ff88;
    578683        border-color: #8dff1c !important;
    579684        display: block;
    580685}
     686
    581687#buddypress .standard-form#signup_form div div.error {
    582688        background: #faa;
    583689        color: #a00;
    584         margin: 0 0 10px 0;
     690        margin: 0 0 10px;
    585691        padding: 6px;
    586692        width: 90%;
    587693}
     694
    588695#buddypress div.accept,
    589696#buddypress div.reject {
    590697        float: left;
    591698        margin-left: 10px;
    592699}
     700
    593701#buddypress ul.button-nav li {
    594702        float: left;
    595703        margin: 0 10px 10px 0;
    596704        list-style: none;
    597705}
     706
    598707#buddypress ul.button-nav li.current a {
    599708        font-weight: bold;
    600709}
     710
    601711#sitewide-notice #message {
    602712        left: 2%;
    603713        position: fixed;
    … …  
    605715        width: 96%;
    606716        z-index: 9999;
    607717}
     718
    608719#sitewide-notice.admin-bar-on #message {
    609720        top: 3.3em;
    610721}
     722
    611723#sitewide-notice strong {
    612724        display: block;
    613725        margin-bottom: -1em;
    … …  
    646758        font-size: 100%;
    647759        padding: 6px;
    648760}
     761
    649762#buddypress .standard-form select {
    650763        padding: 3px;
    651764}
     765
    652766#buddypress .standard-form input[type=password] {
    653767        margin-bottom: 5px;
    654768}
     769
    655770#buddypress .standard-form label,
    656771#buddypress .standard-form span.label,
    657772#buddypress .standard-form legend {
    658773        display: block;
    659774        font-weight: bold;
    660         margin: 15px 0 5px 0;
     775        margin: 15px 0 5px;
    661776        width: auto;
    662777}
     778
    663779#buddypress .standard-form p label,
    664780#buddypress .standard-form #invite-list label {
    665781        font-weight: normal;
    666782        margin: auto;
    667783}
     784
    668785#buddypress .standard-form .checkbox label,
    669786#buddypress .standard-form .radio label {
    670787        color: #767676;
    671788        font-size: 100%;
    672789        font-weight: normal;
    673         margin: 5px 0 0 0;
     790        margin: 5px 0 0;
    674791}
     792
    675793#buddypress .standard-form#sidebar-login-form label {
    676794        margin-top: 5px;
    677795}
     796
    678797#buddypress .standard-form input[type=text] {
    679798        width: 75%;
    680799}
     800
    681801#buddypress .standard-form#sidebar-login-form input[type=text],
    682802#buddypress .standard-form#sidebar-login-form input[type=password] {
    683803        padding: 4px;
    684804        width: 95%;
    685805}
     806
    686807#buddypress .standard-form #basic-details-section input[type=password],
    687808#buddypress .standard-form #blog-details-section input#signup_blog_url {
    688809        width: 35%;
    689810}
     811
    690812#buddypress .standard-form#signup_form input[type=text],
    691813#buddypress .standard-form#signup_form textarea,
    692814#buddypress .form-allowed-tags,
    … …  
    694816#buddypress #commentform textarea {
    695817        width: 90%;
    696818}
     819
    697820#buddypress .standard-form#signup_form div.submit {
    698821        float: right;
    699822}
     823
    700824#buddypress div#signup-avatar img {
    701825        margin: 0 15px 10px 0;
    702826}
     827
    703828#buddypress .standard-form textarea {
    704829        width: 75%;
    705830        height: 120px;
    706831}
     832
    707833#buddypress .standard-form textarea#message_content {
    708834        height: 200px;
    709835}
     836
    710837#buddypress .standard-form#send-reply textarea {
    711838        width: 97.5%;
    712839}
     840
    713841#buddypress .standard-form p.description {
    714842        color: #767676;
    715843        font-size: 80%;
    716844        margin: 5px 0;
    717845}
     846
    718847#buddypress .standard-form div.submit {
    719848        clear: both;
    720         padding: 15px 0 0 0;
     849        padding: 15px 0 0;
    721850}
     851
    722852#buddypress .standard-form p.submit {
    723853        margin-bottom: 0;
    724         padding: 15px 0 0 0;
     854        padding: 15px 0 0;
    725855}
     856
    726857#buddypress .standard-form div.submit input {
    727858        margin-right: 15px;
    728859}
     860
    729861#buddypress .standard-form div.radio ul {
    730862        margin: 10px 0 15px 38px;
    731863        list-style: disc;
    732864}
     865
    733866#buddypress .standard-form div.radio ul li {
    734867        margin-bottom: 5px;
    735868}
     869
    736870#buddypress .standard-form a.clear-value {
    737871        display: block;
    738872        margin-top: 5px;
    739873        outline: none;
    740874}
     875
    741876#buddypress .standard-form #basic-details-section,
    742877#buddypress .standard-form #blog-details-section,
    743878#buddypress .standard-form #profile-details-section {
    … …  
    744879        float: left;
    745880        width: 48%;
    746881}
     882
    747883#buddypress .standard-form #profile-details-section {
    748884        float: right;
    749885}
     886
    750887#buddypress .standard-form #blog-details-section,
    751888#buddypress #notifications-bulk-management {
    752889        clear: left;
    753890}
     891
    754892body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
    755893body.no-js #buddypress label[for="message-type-select"],
    756894body.no-js #buddypress #message-type-select,
    … …  
    759897body.no-js #buddypress #messages-bulk-management #select-all-messages {
    760898        display: none;
    761899}
     900
    762901#buddypress .standard-form input:focus,
    763902#buddypress .standard-form textarea:focus,
    764903#buddypress .standard-form select:focus {
    … …  
    765904        background: #fafafa;
    766905        color: #555;
    767906}
     907
    768908#buddypress form#send-invite-form {
    769909        margin-top: 20px;
    770910}
     911
    771912#buddypress div#invite-list {
    772913        background: #f5f5f5;
    773914        height: 400px;
    … …  
    776917        padding: 5px;
    777918        width: 160px;
    778919}
     920
    779921#buddypress button,
    780922#buddypress a.button,
    781923#buddypress input[type=submit],
    … …  
    795937        text-align: center;
    796938        text-decoration: none;
    797939}
     940
    798941#buddypress button:hover,
    799942#buddypress a.button:hover,
    800943#buddypress a.button:focus,
    … …  
    816959        float: left;
    817960}
    818961
    819 #buddypress form.standard-form .left-menu #invite-list ul{
    820         margin:1%;
     962#buddypress form.standard-form .left-menu #invite-list ul {
     963        margin: 1%;
    821964        list-style: none;
    822965}
    823966
    824967#buddypress form.standard-form .left-menu #invite-list ul li {
    825         margin:0 0 0 1%;
     968        margin: 0 0 0 1%;
    826969}
    827970
    828971#buddypress form.standard-form .main-column {
    … …  
    830973}
    831974
    832975#buddypress form.standard-form .main-column ul#friend-list {
    833         clear:none;
     976        clear: none;
    834977        float: left;
    835978}
    836979
    837980#buddypress form.standard-form .main-column ul#friend-list h4 {
    838         clear:none;
     981        clear: none;
    839982}
    840983
    841984/* Overrides for embedded WP editors */
    … …  
    848991}
    849992
    850993/* Form classes & generic attr styling */
    851 #buddypress form *[disabled="disabled"]{
     994#buddypress form *[disabled="disabled"] {
    852995        cursor: default;
    853         opacity: .4;
     996        opacity: 0.4;
    854997}
    855998
    856999.bp-screen-reader-text {
    … …  
    8701013--------------------------------------------------------------*/
    8711014#buddypress a.loading,
    8721015#buddypress input.loading {
    873         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    874         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
     1016        -webkit-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
     1017        -moz-animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    8751018        border-color: #aaa;
    8761019}
     1020
    8771021@-webkit-keyframes loader-pulsate {
     1022
    8781023        from {
    8791024                border-color: #aaa;
    8801025                -webkit-box-shadow: 0 0 6px #ccc;
    8811026                box-shadow: 0 0 6px #ccc;
    8821027        }
     1028
    8831029        to {
    8841030                border-color: #ccc;
    8851031                -webkit-box-shadow: 0 0 6px #f8f8f8;
    … …  
    8861032                box-shadow: 0 0 6px #f8f8f8;
    8871033        }
    8881034}
     1035
    8891036@-moz-keyframes loader-pulsate {
     1037
    8901038        from {
    8911039                border-color: #aaa;
    8921040                -moz-box-shadow: 0 0 6px #ccc;
    8931041                box-shadow: 0 0 6px #ccc;
    8941042        }
     1043
    8951044        to {
    8961045                border-color: #ccc;
    8971046                -moz-box-shadow: 0 0 6px #f8f8f8;
    … …  
    9031052#buddypress input.loading:hover {
    9041053        color: #767676;
    9051054}
     1055
    9061056#buddypress input[type="submit"].pending,
    9071057#buddypress input[type="button"].pending,
    9081058#buddypress input[type="reset"].pending,
    … …  
    9181068        color: #bbb;
    9191069        cursor: default;
    9201070}
     1071
    9211072#buddypress input[type="submit"]:hover.pending,
    9221073#buddypress input[type="button"]:hover.pending,
    9231074#buddypress input[type="reset"]:hover.pending,
    … …  
    9391090        margin: 0;
    9401091        width: auto;
    9411092}
     1093
    9421094#buddypress ul#topic-post-list li {
    9431095        padding: 15px;
    9441096        position: relative;
    9451097}
     1098
    9461099#buddypress ul#topic-post-list li.alt {
    9471100        background: #f5f5f5;
    9481101}
     1102
    9491103#buddypress ul#topic-post-list li div.poster-meta {
    9501104        color: #767676;
    9511105        margin-bottom: 10px;
    9521106}
     1107
    9531108#buddypress ul#topic-post-list li div.post-content {
    9541109        margin-left: 54px;
    9551110}
     1111
    9561112#buddypress div.topic-tags {
    9571113        font-size: 80%;
    9581114}
     1115
    9591116#buddypress div.admin-links {
    9601117        color: #767676;
    9611118        font-size: 80%;
    … …  
    9631120        top: 15px;
    9641121        right: 25px;
    9651122}
     1123
    9661124#buddypress div#topic-meta {
    9671125        margin: 0;
    9681126        padding: 5px 19px 30px;
    9691127        position: relative;
    9701128}
     1129
    9711130#buddypress div#topic-meta div.admin-links {
    9721131        right: 19px;
    9731132        top: -36px;
    9741133}
     1134
    9751135#buddypress div#topic-meta h3 {
    9761136        margin: 5px 0;
    9771137}
     1138
    9781139#buddypress div#new-topic-post {
    9791140        display: none;
    980         margin: 20px 0 0 0;
    981         padding: 1px 0 0 0;
     1141        margin: 20px 0 0;
     1142        padding: 1px 0 0;
    9821143}
     1144
    9831145#buddypress table.notifications,
    9841146#buddypress table.notifications-settings,
    9851147#buddypress table.profile-settings,
    … …  
    9891151#buddypress table.forum {
    9901152        width: 100%;
    9911153}
     1154
    9921155#buddypress table.notifications thead tr,
    9931156#buddypress table.notifications-settings thead tr,
    9941157#buddypress table.profile-settings thead tr,
    … …  
    9981161#buddypress table.forum thead tr {
    9991162        background: #eaeaea;
    10001163}
     1164
    10011165#buddypress table#message-threads {
    10021166        clear: both;
    10031167}
     1168
    10041169#buddypress table.profile-fields {
    10051170        margin-bottom: 20px;
    10061171}
     1172
    10071173#buddypress table.profile-fields:last-child {
    10081174        margin-bottom: 0;
    10091175}
     1176
    10101177#buddypress table.profile-fields p {
    10111178        margin: 0;
    10121179}
     1180
    10131181#buddypress table.profile-fields p:last-child {
    10141182        margin-top: 0;
    10151183}
     1184
    10161185#buddypress table.notifications tr td,
    10171186#buddypress table.notifications-settings tr td,
    10181187#buddypress table.profile-settings tr td,
    … …  
    10291198        padding: 8px;
    10301199        vertical-align: middle;
    10311200}
     1201
    10321202#buddypress table.notifications tr td.label,
    10331203#buddypress table.notifications-settings tr td.label,
    10341204#buddypress table.profile-fields tr td.label,
    … …  
    10391209        font-weight: bold;
    10401210        width: 25%;
    10411211}
     1212
    10421213#buddypress #message-threads .thread-info {
    10431214        min-width: 40%;
    10441215}
     1216
    10451217#buddypress table tr td.thread-info p {
    10461218        margin: 0;
    10471219}
     1220
    10481221#buddypress table tr td.thread-info p.thread-excerpt {
    10491222        color: #767676;
    10501223        font-size: 80%;
    10511224        margin-top: 3px;
    10521225}
     1226
    10531227#buddypress table.forum td {
    10541228        text-align: center;
    10551229}
     1230
    10561231#buddypress table.notifications tr.alt td,
    10571232#buddypress table.notifications-settings tr.alt td,
    10581233#buddypress table.profile-settings tr.alt td,
    … …  
    10621237#buddypress table.forum tr.alt td {
    10631238        background: #f5f5f5;
    10641239}
     1240
    10651241#buddypress table.notification-settings {
    10661242        margin-bottom: 20px;
    10671243        text-align: left;
    10681244}
     1245
    10691246#buddypress #groups-notification-settings {
    10701247        margin-bottom: 0;
    10711248}
     1249
    10721250#buddypress table.notifications th.icon,
    10731251#buddypress table.notifications td:first-child,
    10741252#buddypress table.notification-settings th.icon,
    … …  
    10751253#buddypress table.notification-settings td:first-child {
    10761254        display: none;
    10771255}
     1256
    10781257#buddypress table.notification-settings th.title,
    10791258#buddypress table.profile-settings th.title {
    10801259        width: 80%;
    10811260}
     1261
    10821262#buddypress table.notification-settings .yes,
    10831263#buddypress table.notification-settings .no {
    10841264        text-align: center;
    10851265        width: 40px;
    10861266}
     1267
    10871268#buddypress table.forum {
    10881269        margin: 0;
    10891270        width: auto;
    10901271        clear: both;
    10911272}
     1273
    10921274#buddypress table.forum tr.sticky td {
    10931275        font-size: 110%;
    10941276        background: #fff9db;
    … …  
    10951277        border-top: 1px solid #ffe8c4;
    10961278        border-bottom: 1px solid #ffe8c4;
    10971279}
     1280
    10981281#buddypress table.forum tr.closed td.td-title {
    10991282        padding-left: 35px;
    11001283}
     1284
    11011285#buddypress table.forum td p.topic-text {
    11021286        color: #767676;
    11031287        font-size: 100%;
    11041288}
     1289
    11051290#buddypress table.forum tr > td:first-child,
    11061291#buddypress table.forum tr > th:first-child {
    11071292        padding-left: 15px;
    11081293}
     1294
    11091295#buddypress table.forum tr > td:last-child,
    11101296#buddypress table.forum tr > th:last-child {
    11111297        padding-right: 15px;
    11121298}
     1299
    11131300#buddypress table.forum tr th#th-title,
    11141301#buddypress table.forum tr th#th-poster,
    11151302#buddypress table.forum tr th#th-group,
    … …  
    11181305#buddypress table.forum td.td-title {
    11191306        text-align: left;
    11201307}
     1308
    11211309#buddypress table.forum tr td.td-title a.topic-title {
    11221310        font-size: 110%;
    11231311}
     1312
    11241313#buddypress table.forum td.td-freshness {
    11251314        white-space: nowrap;
    11261315}
     1316
    11271317#buddypress table.forum td.td-freshness span.time-since {
    11281318        font-size: 80%;
    11291319        color: #767676;
    11301320}
     1321
    11311322#buddypress table.forum td img.avatar {
    11321323        float: none;
    11331324        margin: 0 5px -8px 0;
    11341325}
     1326
    11351327#buddypress table.forum td.td-poster,
    11361328#buddypress table.forum td.td-group {
    11371329        min-width: 140px;
    11381330}
     1331
    11391332#buddypress table.forum th#th-title {
    11401333        width: 80%;
    11411334}
     1335
    11421336#buddypress table.forum th#th-freshness {
    11431337        width: 25%;
    11441338}
     1339
    11451340#buddypress table.forum th#th-postcount {
    11461341        width: 15%;
    11471342}
     1343
    11481344#buddypress table.forum p.topic-meta {
    11491345        font-size: 80%;
    1150         margin: 5px 0 0 0;
     1346        margin: 5px 0 0;
    11511347}
    11521348
    11531349/*-------------------------------------------------------------------------
    … …  
    11561352#buddypress .item-body {
    11571353        margin: 20px 0;
    11581354}
     1355
    11591356#buddypress span.activity {
    11601357        display: inline-block;
    11611358        font-size: small;
    … …  
    11621359        opacity: 0.8;
    11631360        padding: 0;
    11641361}
     1362
    11651363#buddypress span.user-nicename {
    11661364        color: #767676;
    11671365        display: inline-block;
    … …  
    11681366        font-size: 120%;
    11691367        font-weight: bold;
    11701368}
     1369
    11711370#buddypress div#message p,
    11721371#sitewide-notice p {
    11731372        font-weight: normal;
    … …  
    11771376        border: 1px solid #cb2;
    11781377        color: #440;
    11791378}
     1379
    11801380#buddypress #item-header:after {
    11811381        clear: both;
    11821382        content: "";
    11831383        display: table;
    11841384}
     1385
    11851386#buddypress div#item-header div#item-header-content {
    11861387        float: left;
    11871388        margin-left: 0;
    11881389}
     1390
    11891391#buddypress div#item-header h2 {
    11901392        line-height: 120%;
    1191         margin: 0 0 15px 0;
     1393        margin: 0 0 15px;
    11921394}
     1395
    11931396#buddypress div#item-header h2 a {
    11941397        color: #767676;
    11951398        text-decoration: none;
    11961399}
     1400
    11971401#buddypress div#item-header img.avatar {
    11981402        float: left;
    11991403        margin: 0 15px 19px 0;
    12001404}
     1405
    12011406#buddypress div#item-header h2 {
    12021407        margin-bottom: 5px;
    12031408}
     1409
    12041410#buddypress div#item-header h2 span.highlight {
    12051411        font-size: 60%;
    12061412        font-weight: normal;
    … …  
    12081414        vertical-align: middle;
    12091415        display: inline-block;
    12101416}
     1417
    12111418#buddypress div#item-header h2 span.highlight span {
    12121419        background: #a1dcfa;
    12131420        color: #fff;
    … …  
    12211428        top: -2px;
    12221429        vertical-align: middle;
    12231430}
     1431
    12241432#buddypress div#item-header div#item-meta {
    12251433        font-size: 80%;
    12261434        color: #767676;
    12271435        overflow: hidden;
    1228         margin: 15px 0 5px 0;
     1436        margin: 15px 0 5px;
    12291437        padding-bottom: 10px;
    12301438}
     1439
    12311440#buddypress div#item-header div#item-actions {
    12321441        float: right;
    12331442        margin: 0 0 15px 15px;
    … …  
    12341443        text-align: right;
    12351444        width: 20%;
    12361445}
     1446
    12371447#buddypress div#item-header div#item-actions h3 {
    1238         margin: 0 0 5px 0;
     1448        margin: 0 0 5px;
    12391449}
     1450
    12401451#buddypress div#item-header ul {
    12411452        margin-bottom: 15px;
    12421453        overflow: hidden;
    12431454}
     1455
    12441456#buddypress div#item-header ul h5,
    12451457#buddypress div#item-header ul span,
    12461458#buddypress div#item-header ul hr {
    12471459        display: none;
    12481460}
     1461
    12491462#buddypress div#item-header ul li {
    12501463        float: right;
    12511464        list-style: none;
    12521465}
     1466
    12531467#buddypress div#item-header ul img.avatar,
    12541468#buddypress div#item-header ul.avatars img.avatar {
    12551469        height: 30px;
    … …  
    12561470        margin: 2px;
    12571471        width: 30px;
    12581472}
     1473
    12591474#buddypress div#item-header div.generic-button,
    12601475#buddypress div#item-header a.button {
    12611476        float: left;
    12621477        margin: 10px 10px 0 0;
    12631478}
     1479
    12641480body.no-js #buddypress div#item-header .js-self-profile-button {
    1265         display:none;
     1481        display: none;
    12661482}
     1483
    12671484#buddypress div#item-header div#message.info {
    12681485        line-height: 80%;
    12691486}
     1487
    12701488#buddypress ul.item-list {
    12711489        border-top: 1px solid #eaeaea;
    12721490        width: 100%;
    … …  
    12751493        margin: 0;
    12761494        padding: 0;
    12771495}
     1496
    12781497body.activity-permalink #buddypress ul.item-list,
    12791498body.activity-permalink #buddypress ul.item-list li.activity-item {
    12801499        border: none;
    12811500}
     1501
    12821502#buddypress ul.item-list li {
    12831503        border-bottom: 1px solid #eaeaea;
    12841504        padding: 15px 0;
    … …  
    12861506        position: relative;
    12871507        list-style: none;
    12881508}
     1509
    12891510#buddypress ul.single-line li {
    12901511        border: none;
    12911512}
     1513
    12921514#buddypress ul.item-list li img.avatar {
    12931515        float: left;
    12941516        margin: 0 10px 0 0;
    12951517}
     1518
    12961519#buddypress ul.item-list li div.item-title,
    12971520#buddypress ul.item-list li h4 {
    12981521        font-weight: normal;
    … …  
    13001523        margin: 0;
    13011524        width: 75%;
    13021525}
     1526
    13031527#buddypress ul.item-list li div.item-title span {
    13041528        color: #767676;
    13051529        font-size: 80%;
    13061530}
     1531
    13071532#buddypress ul.item-list li div.item-desc {
    13081533        color: #767676;
    13091534        font-size: 80%;
    … …  
    13101535        margin: 10px 0 0 60px;
    13111536        width: 50%;
    13121537}
     1538
    13131539#buddypress ul.item-list li.group-no-avatar div.item-desc {
    13141540        margin-left: 0;
    13151541}
     1542
    13161543#buddypress ul.item-list li div.action {
    13171544        position: absolute;
    13181545        top: 15px;
    … …  
    13191546        right: 0;
    13201547        text-align: right;
    13211548}
     1549
    13221550#buddypress ul.item-list li div.meta {
    13231551        color: #767676;
    13241552        font-size: 80%;
    13251553        margin-top: 10px;
    13261554}
     1555
    13271556#buddypress ul.item-list li h5 span.small {
    13281557        float: right;
    13291558        font-size: 80%;
    13301559        font-weight: normal;
    13311560}
     1561
    13321562#buddypress div.item-list-tabs {
    13331563        background: transparent;
    13341564        clear: left;
    … …  
    13391569        margin: 0;
    13401570        padding: 0;
    13411571}
     1572
    13421573#buddypress div.item-list-tabs ul li {
    13431574        float: left;
    13441575        margin: 0;
    13451576        list-style: none;
    13461577}
     1578
    13471579#buddypress div.item-list-tabs#subnav ul li {
    13481580        margin-top: 0;
    13491581}
     1582
    13501583#buddypress div.item-list-tabs ul li.last {
    13511584        float: right;
    13521585        margin: 7px 0 0;
    13531586}
     1587
    13541588#buddypress div.item-list-tabs#subnav ul li.last {
    13551589        margin-top: 4px;
    13561590}
     1591
    13571592#buddypress div.item-list-tabs ul li.last select {
    13581593        max-width: 185px;
    13591594}
     1595
    13601596#buddypress div.item-list-tabs ul li a,
    13611597#buddypress div.item-list-tabs ul li span {
    13621598        display: block;
    … …  
    13631599        padding: 5px 10px;
    13641600        text-decoration: none;
    13651601}
     1602
    13661603#buddypress div.item-list-tabs ul li a span {
    13671604        background: #eee;
    13681605        border-radius: 50%;
    … …  
    13751612        text-align: center;
    13761613        vertical-align: middle;
    13771614}
     1615
    13781616#buddypress div.item-list-tabs ul li.selected a,
    13791617#buddypress div.item-list-tabs ul li.current a {
    13801618        background-color: #eee;
    13811619        color: #555;
    1382         opacity: .8;
     1620        opacity: 0.8;
    13831621        font-weight: bold;
    13841622}
     1623
    13851624#buddypress div.item-list-tabs ul li.selected a span,
    13861625#buddypress div.item-list-tabs ul li.current a span,
    13871626#buddypress div.item-list-tabs ul li a:hover span {
    13881627        background-color: #eee;
    13891628}
     1629
    13901630#buddypress div.item-list-tabs ul li.selected a span,
    13911631#buddypress div.item-list-tabs ul li.current a span {
    13921632        background-color: #fff;
    13931633}
     1634
    13941635#buddypress div#item-nav ul li.loading a {
    13951636        background-position: 88% 50%;
    13961637}
     1638
    13971639#buddypress div.item-list-tabs#object-nav {
    13981640        margin-top: 0;
    13991641}
     1642
    14001643#buddypress div.item-list-tabs#subnav {
    14011644        background: transparent;
    1402         margin: 10px 0 10px;
     1645        margin: 10px 0;
    14031646        overflow: hidden;
    14041647}
     1648
    14051649#buddypress #admins-list li,
    14061650#buddypress #mods-list li,
    14071651#buddypress #members-list li {
    … …  
    14081652        overflow: auto;
    14091653        list-style: none;
    14101654}
     1655
    14111656#buddypress #item-buttons:empty {
    14121657        display: none;
    14131658}
    … …  
    14521697        border-bottom: 1px solid #ffe8c4;
    14531698        font-weight: bold;
    14541699}
     1700
    14551701#buddypress table#message-threads tr.unread td .thread-excerpt,
    14561702#buddypress table#message-threads tr.unread td .activity,
    14571703#buddypress table#message-threads tr.unread td.thread-options {
    14581704        font-weight: normal;
    14591705}
     1706
    14601707#buddypress li span.unread-count,
    14611708#buddypress tr.unread span.unread-count {
    1462         background: #dd0000;
     1709        background: #d00;
    14631710        color: #fff;
    14641711        font-weight: bold;
    14651712        padding: 2px 8px;
    14661713}
     1714
    14671715#buddypress div.item-list-tabs ul li a span.unread-count {
    14681716        padding: 1px 6px;
    14691717        color: #fff;
    14701718}
     1719
    14711720#buddypress div#message-thread div.message-box {
    14721721        margin: 0;
    14731722        padding: 15px;
    14741723}
     1724
    14751725#buddypress div#message-thread div.alt {
    14761726        background: #f4f4f4;
    14771727}
     1728
    14781729#buddypress div#message-thread p#message-recipients {
    1479         margin: 10px 0 20px 0;
     1730        margin: 10px 0 20px;
    14801731}
     1732
    14811733#buddypress div#message-thread img.avatar {
    14821734        float: left;
    14831735        margin: 0 10px 0 0;
    14841736        vertical-align: middle;
    14851737}
     1738
    14861739#buddypress div#message-thread strong {
    14871740        font-size: 100%;
    14881741        margin: 0;
    14891742}
     1743
    14901744#buddypress div#message-thread strong a {
    14911745        text-decoration: none;
    14921746}
     1747
    14931748#buddypress div#message-thread strong span.activity {
    14941749        margin-top: 4px;
    14951750}
     1751
    14961752#buddypress div#message-thread div.message-metadata {
    14971753        overflow: hidden;
    14981754}
     1755
    14991756#buddypress div#message-thread div.message-content {
    15001757        margin-left: 45px;
    15011758}
     1759
    15021760#buddypress div#message-thread div.message-options {
    15031761        text-align: right;
    15041762}
     1763
    15051764#buddypress #message-threads img.avatar {
    15061765        max-width: none;
    15071766}
     1767
    15081768#buddypress div.message-search {
    15091769        float: right;
    15101770        margin: 0 20px;
    … …  
    15131773.message-metadata {
    15141774        position: relative;
    15151775}
     1776
    15161777.message-star-actions {
    15171778        position: absolute;
    15181779        right: 0;
    15191780        top: 0;
    15201781}
     1782
    15211783#buddypress a.message-action-star,
    15221784#buddypress a.message-action-unstar {
    15231785        border-bottom: 0;
    … …  
    15241786        text-decoration: none;
    15251787        outline: none;
    15261788}
     1789
    15271790a.message-action-star {
    1528         opacity: .7;
     1791        opacity: 0.7;
    15291792}
     1793
    15301794a.message-action-star:hover {
    15311795        opacity: 1;
    15321796}
     1797
    15331798.message-action-star span.icon:before,
    15341799.message-action-unstar span.icon:before {
    15351800        font-family: dashicons;
    15361801        font-size: 18px;
    15371802}
     1803
    15381804.message-action-star span.icon:before {
    15391805        color: #767676;
    15401806        content: "\f154";
    15411807}
     1808
    15421809.message-action-unstar span.icon:before {
    15431810        color: #fcdd77;
    15441811        content: "\f155";
    … …  
    15521819        margin-bottom: auto;
    15531820        margin-top: 15px;
    15541821}
     1822
    15551823#buddypress #profile-edit-form ul.button-nav {
    15561824        margin-top: 15px;
    15571825}
     1826
    15581827body.no-js #buddypress .field-visibility-settings-toggle,
    15591828body.no-js #buddypress .field-visibility-settings-close {
    15601829        display: none;
    15611830}
     1831
    15621832#buddypress .field-visibility-settings {
    15631833        display: none;
    15641834        margin-top: 10px;
    15651835}
    1566         body.no-js #buddypress .field-visibility-settings {
    1567                 display: block;
    1568         }
     1836
     1837body.no-js #buddypress .field-visibility-settings {
     1838        display: block;
     1839}
     1840
    15691841#buddypress .current-visibility-level {
    15701842        font-weight: bold;
    15711843        font-style: normal;
    15721844}
     1845
    15731846#buddypress .field-visibility-settings,
    15741847#buddypress .field-visibility-settings-toggle,
    15751848#buddypress .field-visibility-settings-notoggle {
    15761849        color: #767676;
    15771850}
     1851
    15781852#buddypress .field-visibility-settings-toggle a,
    15791853#buddypress .field-visibility-settings a {
    15801854        font-size: 80%;
    15811855}
     1856
    15821857body.register #buddypress div.page ul {
    15831858        list-style: none;
    15841859}
     1860
    15851861#buddypress .standard-form .field-visibility-settings label {
    15861862        margin: 0;
    15871863        font-weight: normal;
    15881864}
     1865
    15891866#buddypress .field-visibility-settings legend,
    15901867#buddypress .field-visibility-settings-toggle {
    15911868        font-style: italic;
    15921869}
     1870
    15931871#buddypress .field-visibility-settings .radio {
    15941872        list-style: none;
    15951873        margin-bottom: 0;
    15961874}
     1875
    15971876#buddypress .field-visibility select {
    15981877        margin: 0;
    15991878}
     1879
    16001880#buddypress .wp-editor-container {
    16011881        border: 1px solid #dedede;
    16021882}
     1883
    16031884#buddypress .html-active button.switch-html {
    16041885        border-bottom-color: transparent;
    16051886        border-bottom-left-radius: 0;
    … …  
    16061887        border-bottom-right-radius: 0;
    16071888        background: #f5f5f5;
    16081889}
     1890
    16091891#buddypress .tmce-active button.switch-tmce {
    16101892        border-bottom-color: transparent;
    16111893        border-bottom-left-radius: 0;
    … …  
    16121894        border-bottom-right-radius: 0;
    16131895        background: #f5f5f5;
    16141896}
     1897
    16151898#buddypress .standard-form .wp-editor-container textarea {
    16161899        width: 100%;
    16171900        padding-top: 0;
    … …  
    16361919
    16371920.widget.buddypress div.item-options {
    16381921        font-size: 90%;
    1639         margin: 0 0 1em 0;
     1922        margin: 0 0 1em;
    16401923        padding: 1em 0;
    16411924}
    16421925
    1643 .widget.buddypress div.item{
    1644         margin:0 0 1em 0;
     1926.widget.buddypress div.item {
     1927        margin: 0 0 1em;
    16451928}
    16461929
    16471930.widget.buddypress div.item-meta,
    … …  
    16551938        margin-right: 10px;
    16561939        width: 40px;
    16571940}
     1941
    16581942.widget.buddypress div.item-avatar img {
    16591943        height: 40px;
    16601944        margin: 1px;
    … …  
    16611945        width: 40px;
    16621946}
    16631947
    1664 .widget.buddypress div.avatar-block{
     1948.widget.buddypress div.avatar-block {
    16651949        overflow: hidden;
    16661950}
    16671951
    16681952.widget.buddypress #bp-login-widget-form label {
    16691953        display: block;
    1670         margin: 1rem 0 .5rem;
     1954        margin: 1rem 0 0.5rem;
    16711955}
    16721956
    16731957.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
    … …  
    16881972}
    16891973
    16901974.widget.buddypress .bp-login-widget-user-links > div {
    1691         margin-bottom: .5rem;
     1975        margin-bottom: 0.5rem;
    16921976}
    16931977
    16941978.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
    … …  
    17151999/*--------------------------------------------------------------
    171620004.1 - Smartphones - landscape
    17172001--------------------------------------------------------------*/
    1718 @media only screen and (max-width: 480px ){
     2002@media only screen and (max-width: 480px) {
     2003
    17192004        #buddypress div.dir-search {
    17202005                float: right;
    17212006                margin-top: -50px;
    17222007                text-align: right;
    17232008        }
     2009
    17242010        #buddypress div.dir-search input[type="text"] {
    17252011                margin-bottom: 1em;
    17262012                width: 50%;
    17272013        }
     2014
    17282015        a.bp-title-button {
    17292016                margin-left: 10px;
    17302017        }
    1731         #buddypress form.standard-form .main-column div.action{
     2018
     2019        #buddypress form.standard-form .main-column div.action {
    17322020                position: relative;
    1733                 margin-bottom:1em;
     2021                margin-bottom: 1em;
    17342022        }
    1735         #buddypress form.standard-form .main-column ul#friend-list h4{
    1736                 width:100%;
     2023
     2024        #buddypress form.standard-form .main-column ul#friend-list h4 {
     2025                width: 100%;
    17372026        }
    17382027}
    17392028
    … …  
    174120304.2 - Smartphones - portrait
    17422031--------------------------------------------------------------*/
    17432032@media only screen and (max-width: 320px) {
     2033
    17442034        #buddypress div.dir-search {
    17452035                clear: left;
    17462036                float: left;
    … …  
    17472037                margin-top: 0;
    17482038                text-align: left;
    17492039        }
     2040
    17502041        #buddypress li#groups-order-select {
    17512042                clear: left;
    17522043                float: left;
    17532044        }
     2045
    17542046        #buddypress ul.item-list li div.action {
    17552047                clear: left;
    17562048                float: left;
    … …  
    17612053                right: 0;
    17622054                text-align: left;
    17632055        }
     2056
    17642057        #buddypress ul.item-list li div.item-desc {
    17652058                clear: left;
    17662059                float: left;
    … …  
    17672060                margin: 10px 0 0;
    17682061                width: auto;
    17692062        }
     2063
    17702064        #buddypress li div.item {
    17712065                margin-left: 70px;
    17722066                width: auto;
    17732067        }
     2068
    17742069        #buddypress ul.item-list li div.meta {
    17752070                margin-top: 0;
    17762071        }
     2072
    17772073        #buddypress .item-desc p {
    17782074                margin: 0 0 10px;
    17792075        }
     2076
    17802077        #buddypress div.pagination .pag-count {
    17812078                margin-left: 0;
    17822079        }
    … …  
    178620834.2 - Smartphones - smaller screen sizes
    17872084--------------------------------------------------------------*/
    17882085@media only screen and (max-width: 240px) {
     2086
    17892087        #buddypress div.dir-search {
    17902088                float: left;
    17912089                margin: 0;
    17922090        }
     2091
    17932092        #buddypress div.dir-search input[type="text"] {
    17942093                width: 50%;
    17952094        }
     2095
    17962096        #buddypress li#groups-order-select {
    17972097                float: left;
    17982098        }
     2099
    17992100        #buddypress ul.item-list li img.avatar {
    18002101                width: 30px;
    18012102                height: auto;
    18022103        }
     2104
    18032105        #buddypress ul.item-list li div.action,
    1804         #buddypress li div.item{
     2106        #buddypress li div.item {
    18052107                margin-left: 45px;
    18062108        }
     2109
    18072110        h1 a.bp-title-button {
    18082111                clear: left;
    18092112                float: left;

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*------------------------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    101103
    102104.buddypress main article .entry-header,
    103105.buddypress main article .entry-content {
    104         padding: 0 3rem 3rem 3rem;
     106        padding: 0 3rem 3rem;
    105107}
    106108
    107109.buddypress main article #buddypress {
    … …  
    821823        .bp-user #buddypress #item-header .generic-button,
    822824        .single-item.groups #buddypress #item-header .generic-button {
    823825                float: none;
    824                 margin: 1.5em 0 0 0;
     826                margin: 1.5em 0 0;
    825827        }
    826828}
    827829
    … …  
    15061508        width: 100%;
    15071509}
    15081510
    1509 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1511.bp-user #buddypress #message-threads tr td.thread-info a:after {
    15101512        content: " – " attr(title);
    15111513        font-size: 12px;
    15121514        font-size: 1.2rem;
    … …  
    16401642        text-indent: -999em;
    16411643}
    16421644
    1643 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1645.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16441646        content: attr(title);
    16451647        display: block;
    16461648        line-height: initial;
    … …  
    17421744        list-style: none;
    17431745}
    17441746
    1745 #buddypress .standard-form input[type='text'],
     1747#buddypress .standard-form input[type="text"],
    17461748#buddypress .standard-form textarea,
    1747 #buddypress .group-create-form input[type='text'],
     1749#buddypress .group-create-form input[type="text"],
    17481750#buddypress .group-create-form textarea {
    17491751        width: 100%;
    17501752}
    … …  
    17701772        width: 80%;
    17711773}
    17721774
    1773 #buddypress div.dir-search form input[type='text'],
    1774 #buddypress div.message-search form input[type='text'],
    1775 #buddypress li.groups-members-search form input[type='text'] {
     1775#buddypress div.dir-search form input[type="text"],
     1776#buddypress div.message-search form input[type="text"],
     1777#buddypress li.groups-members-search form input[type="text"] {
    17761778        float: right;
    17771779        margin: 0;
    17781780        width: 80%;
    17791781}
    17801782
    1781 #buddypress div.dir-search form input[type='text'],
    1782 #buddypress div.dir-search form input[type='submit'],
    1783 #buddypress div.message-search form input[type='text'],
    1784 #buddypress div.message-search form input[type='submit'],
    1785 #buddypress li.groups-members-search form input[type='text'],
    1786 #buddypress li.groups-members-search form input[type='submit'] {
     1783#buddypress div.dir-search form input[type="text"],
     1784#buddypress div.dir-search form input[type="submit"],
     1785#buddypress div.message-search form input[type="text"],
     1786#buddypress div.message-search form input[type="submit"],
     1787#buddypress li.groups-members-search form input[type="text"],
     1788#buddypress li.groups-members-search form input[type="submit"] {
    17871789        font-size: 14px;
    17881790        font-size: 1.4rem;
    17891791        border: 0;
    … …  
    17901792        line-height: inherit;
    17911793}
    17921794
    1793 #buddypress div.dir-search form input[type='text'],
    1794 #buddypress div.message-search form input[type='text'],
    1795 #buddypress li.groups-members-search form input[type='text'] {
     1795#buddypress div.dir-search form input[type="text"],
     1796#buddypress div.message-search form input[type="text"],
     1797#buddypress li.groups-members-search form input[type="text"] {
    17961798        border-left: 1px solid rgba(153, 153, 153, 0.4);
    17971799        padding: 0.2em 0.2em 0.2em 0;
    17981800}
    17991801
    1800 #buddypress div.dir-search form input[type='submit'],
    1801 #buddypress div.message-search form input[type='submit'],
    1802 #buddypress li.groups-members-search form input[type='submit'] {
     1802#buddypress div.dir-search form input[type="submit"],
     1803#buddypress div.message-search form input[type="submit"],
     1804#buddypress li.groups-members-search form input[type="submit"] {
    18031805        float: left;
    18041806        font-weight: normal;
    18051807        padding: 0.2em 1em;
    … …  
    18161818                margin-bottom: 5px !important;
    18171819        }
    18181820        #buddypress div.dir-search form label,
    1819         #buddypress div.dir-search form input[type='text'],
    1820         #buddypress div.dir-search form input[type='submit'],
     1821        #buddypress div.dir-search form input[type="text"],
     1822        #buddypress div.dir-search form input[type="submit"],
    18211823        #buddypress div.message-search form label,
    1822         #buddypress div.message-search form input[type='text'],
    1823         #buddypress div.message-search form input[type='submit'],
     1824        #buddypress div.message-search form input[type="text"],
     1825        #buddypress div.message-search form input[type="submit"],
    18241826        #buddypress li.groups-members-search form label,
    1825         #buddypress li.groups-members-search form input[type='text'],
    1826         #buddypress li.groups-members-search form input[type='submit'] {
     1827        #buddypress li.groups-members-search form input[type="text"],
     1828        #buddypress li.groups-members-search form input[type="submit"] {
    18271829                width: auto;
    18281830        }
    18291831}
    18301832
    18311833@media screen and (min-width: 77.5em) {
    1832         #buddypress .dir-search form input[type='text'],
    1833         #buddypress .message-search form input[type='text'] {
     1834        #buddypress .dir-search form input[type="text"],
     1835        #buddypress .message-search form input[type="text"] {
    18341836                font-size: 16px;
    18351837                font-size: 1.6rem;
    18361838        }
    1837         #buddypress .dir-search form input[type='submit'],
    1838         #buddypress .message-search form input[type='submit'] {
     1839        #buddypress .dir-search form input[type="submit"],
     1840        #buddypress .message-search form input[type="submit"] {
    18391841                font-size: 16px;
    18401842                font-size: 1.6rem;
    18411843        }

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*------------------------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    101103
    102104.buddypress main article .entry-header,
    103105.buddypress main article .entry-content {
    104         padding: 0 3rem 3rem 3rem;
     106        padding: 0 3rem 3rem;
    105107}
    106108
    107109.buddypress main article #buddypress {
    … …  
    821823        .bp-user #buddypress #item-header .generic-button,
    822824        .single-item.groups #buddypress #item-header .generic-button {
    823825                float: none;
    824                 margin: 1.5em 0 0 0;
     826                margin: 1.5em 0 0;
    825827        }
    826828}
    827829
    … …  
    15061508        width: 100%;
    15071509}
    15081510
    1509 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1511.bp-user #buddypress #message-threads tr td.thread-info a:after {
    15101512        content: " – " attr(title);
    15111513        font-size: 12px;
    15121514        font-size: 1.2rem;
    … …  
    16401642        text-indent: -999em;
    16411643}
    16421644
    1643 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1645.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    16441646        content: attr(title);
    16451647        display: block;
    16461648        line-height: initial;
    … …  
    17421744        list-style: none;
    17431745}
    17441746
    1745 #buddypress .standard-form input[type='text'],
     1747#buddypress .standard-form input[type="text"],
    17461748#buddypress .standard-form textarea,
    1747 #buddypress .group-create-form input[type='text'],
     1749#buddypress .group-create-form input[type="text"],
    17481750#buddypress .group-create-form textarea {
    17491751        width: 100%;
    17501752}
    … …  
    17701772        width: 80%;
    17711773}
    17721774
    1773 #buddypress div.dir-search form input[type='text'],
    1774 #buddypress div.message-search form input[type='text'],
    1775 #buddypress li.groups-members-search form input[type='text'] {
     1775#buddypress div.dir-search form input[type="text"],
     1776#buddypress div.message-search form input[type="text"],
     1777#buddypress li.groups-members-search form input[type="text"] {
    17761778        float: left;
    17771779        margin: 0;
    17781780        width: 80%;
    17791781}
    17801782
    1781 #buddypress div.dir-search form input[type='text'],
    1782 #buddypress div.dir-search form input[type='submit'],
    1783 #buddypress div.message-search form input[type='text'],
    1784 #buddypress div.message-search form input[type='submit'],
    1785 #buddypress li.groups-members-search form input[type='text'],
    1786 #buddypress li.groups-members-search form input[type='submit'] {
     1783#buddypress div.dir-search form input[type="text"],
     1784#buddypress div.dir-search form input[type="submit"],
     1785#buddypress div.message-search form input[type="text"],
     1786#buddypress div.message-search form input[type="submit"],
     1787#buddypress li.groups-members-search form input[type="text"],
     1788#buddypress li.groups-members-search form input[type="submit"] {
    17871789        font-size: 14px;
    17881790        font-size: 1.4rem;
    17891791        border: 0;
    … …  
    17901792        line-height: inherit;
    17911793}
    17921794
    1793 #buddypress div.dir-search form input[type='text'],
    1794 #buddypress div.message-search form input[type='text'],
    1795 #buddypress li.groups-members-search form input[type='text'] {
     1795#buddypress div.dir-search form input[type="text"],
     1796#buddypress div.message-search form input[type="text"],
     1797#buddypress li.groups-members-search form input[type="text"] {
    17961798        border-right: 1px solid rgba(153, 153, 153, 0.4);
    17971799        padding: 0.2em 0 0.2em 0.2em;
    17981800}
    17991801
    1800 #buddypress div.dir-search form input[type='submit'],
    1801 #buddypress div.message-search form input[type='submit'],
    1802 #buddypress li.groups-members-search form input[type='submit'] {
     1802#buddypress div.dir-search form input[type="submit"],
     1803#buddypress div.message-search form input[type="submit"],
     1804#buddypress li.groups-members-search form input[type="submit"] {
    18031805        float: right;
    18041806        font-weight: normal;
    18051807        padding: 0.2em 1em;
    … …  
    18161818                margin-bottom: 5px !important;
    18171819        }
    18181820        #buddypress div.dir-search form label,
    1819         #buddypress div.dir-search form input[type='text'],
    1820         #buddypress div.dir-search form input[type='submit'],
     1821        #buddypress div.dir-search form input[type="text"],
     1822        #buddypress div.dir-search form input[type="submit"],
    18211823        #buddypress div.message-search form label,
    1822         #buddypress div.message-search form input[type='text'],
    1823         #buddypress div.message-search form input[type='submit'],
     1824        #buddypress div.message-search form input[type="text"],
     1825        #buddypress div.message-search form input[type="submit"],
    18241826        #buddypress li.groups-members-search form label,
    1825         #buddypress li.groups-members-search form input[type='text'],
    1826         #buddypress li.groups-members-search form input[type='submit'] {
     1827        #buddypress li.groups-members-search form input[type="text"],
     1828        #buddypress li.groups-members-search form input[type="submit"] {
    18271829                width: auto;
    18281830        }
    18291831}
    18301832
    18311833@media screen and (min-width: 77.5em) {
    1832         #buddypress .dir-search form input[type='text'],
    1833         #buddypress .message-search form input[type='text'] {
     1834        #buddypress .dir-search form input[type="text"],
     1835        #buddypress .message-search form input[type="text"] {
    18341836                font-size: 16px;
    18351837                font-size: 1.6rem;
    18361838        }
    1837         #buddypress .dir-search form input[type='submit'],
    1838         #buddypress .message-search form input[type='submit'] {
     1839        #buddypress .dir-search form input[type="submit"],
     1840        #buddypress .message-search form input[type="submit"] {
    18391841                font-size: 16px;
    18401842                font-size: 1.6rem;
    18411843        }

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

     
    105105        @if $text-color {
    106106                // if a param was passed through
    107107                $text-color: $text-color;
    108         } @else {
     108        }
     109
     110        @else {
    109111                $text-color: darken($background, 50%);
    110112        }
    111113
    … …  
    124126}
    125127
    126128// Variables: color definitions
     129/* stylelint-disable declaration-colon-space-after */
    127130$content-background: #fff;
    128131$light-background:   #f7f7f7;
    129132$medium-background:  #ccc;
    … …  
    141144$stripe-even:        #dbe5ff;
    142145$unread:             #dce5ff;
    143146$link-action:        #c82b2b;
     147/* stylelint-enable */
    144148
    145149/*------------------------------------------------------------------------------
    146150
    … …  
    208212// for all heading h# elements this is problematic where floats are concerned
    209213// We reset this here under our #buddypress namespace
    210214#buddypress {
     215
    211216        h1,
    212217        h2,
    213218        h3,
    … …  
    222227// to maximise the screen real estate for BP pages.
    223228
    224229.buddypress {
    225         div.clear {display: none;}
     230
     231        div.clear {
     232                display: none;
     233        }
     234
    226235        .site-content {
     236
    227237                @media screen and (min-width: 77.5em) {
    228238                }
    229239        }
    … …  
    249259
    250260                        .entry-header,
    251261                        .entry-content {
    252                                 padding: 0 3rem 3rem 3rem;
     262                                padding: 0 3rem 3rem;
    253263                        }
    254264
    255265                        #buddypress {
    … …  
    277287// Remove 2015 border bottom on BP links/spans
    278288
    279289.buddypress #buddypress {
     290
    280291        .item-list-tabs,
    281292        .activity-header,
    282293        .activity-inner,
    … …  
    287298        #latest-update,
    288299        table,
    289300        .avatar-nav-items {
    290                 a { border-bottom: 0; }
     301
     302                a {
     303                        border-bottom: 0;
     304                }
    291305        }
    292306
    293307        .pagination-links {
     308
    294309                a,
    295                 span { border-bottom: 0; }
     310
     311                span {
     312                        border-bottom: 0;
     313                }
    296314        }
    297315} // close .buddypress #buddypress
    298316
    … …  
    311329
    312330        // active/current states all navs
    313331        div.item-list-tabs {
     332
    314333                ul {
     334
    315335                        li.selected {
     336
    316337                                a {
    317338                                        background: $dark-background;
    318339                                        color: #fff;
    … …  
    323344        }
    324345        // Global Nav Styles
    325346        div.item-list-tabs {
     347
    326348                ul {
    327349                        background-color: $light-background;
    328350                        border-bottom: 1px solid rgba($border-light, 0.9);
    … …  
    331353                        padding: $spacing-val-xs 0;
    332354
    333355                        li {
     356
    334357                                a {
    335                                         span {border-radius: 25%;}
     358
     359                                        span {
     360                                                border-radius: 25%;
     361                                        }
    336362                                }
    337363                        }
    338364                }
    … …  
    343369
    344370                ul {
    345371                        overflow: hidden;
    346                         li {float: none;}
     372
     373                        li {
     374                                float: none;
     375                        }
     376
    347377                        li:not(.selected) {
    348                                 a {opacity: 0.7;}
     378
     379                                a {
     380                                        opacity: 0.7;
     381                                }
    349382                        }
    350383
    351384                        @media screen and (min-width: 38.75em) {
     385
    352386                                li {
    353387                                        float: left;
    354388                                }
    … …  
    380414                                select,
    381415                                label,
    382416                                option {
     417
    383418                                        @include font-size(14);
    384419                                }
    385420
    … …  
    389424                        }
    390425
    391426                        @media screen and (min-width: 38.75em) {
     427
    392428                                li.last {
    393429                                        text-align: right;
    394430                                }
    … …  
    398434
    399435        // active/current states all navs
    400436        div.item-list-tabs {
     437
    401438                ul {
     439
    402440                        li.selected,
    403441                        li.current {
     442
    404443                                a {
    405444                                        background: $dark-background;
    406445                                        color: #fff;
    … …  
    412451
    413452} // close #buddypress
    414453
    415         /*__ Vertical menu User Account / Group single screens __*/
     454/*__ Vertical menu User Account / Group single screens __*/
    416455
    417456// This block contains rules to re-factor the item-body structural element
    418457// to sit alongside the vert menu
    419458
    420459@media screen and (min-width: 55em) {
     460
    421461        .bp-user #buddypress,
    422462        .single-item.groups #buddypress {
    423463                background: $light-background;
    … …  
    424464        }
    425465
    426466        #buddypress {
     467
    427468                #item-header,
    428469                #item-body {
    429470                        background: $content-background;
    … …  
    474515*/
    475516
    476517#buddypress {
     518
    477519        div.pagination {
     520
    478521                box-shadow: none;
    479                 .pag-count {margin-left: 0;}
     522
     523                .pag-count {
     524                        margin-left: 0;
     525                }
     526
    480527                .pagination-links {
    481528                        margin-right: 0;
    482529
    … …  
    493540                                color: inherit;
    494541                                overflow: visible;
    495542                                width: auto;
    496                                 &:before {display: none;}
     543
     544                                &:before {
     545                                        display: none;
     546                                }
    497547                        }
    498548
    499549                        .prev {
    … …  
    517567
    518568// Adjusts Meta items and various elements to match 2015 font-family
    519569#buddypress {
     570
    520571        .item-list {
     572
    521573                .activity-header,
    522574                .activity-meta {
     575
    523576                        @include default-font-sans();
    524577                }
    525578        }
    … …  
    534587// Adjusts Meta items to match 2015 font-family
    535588
    536589#buddypress {
     590
    537591        ul.item-list {
     592
    538593                li {
    539594                        overflow: hidden !important;
    540595
    … …  
    541596                        // Undo BP floats to center avatars initially mobile up
    542597                        .item-avatar {
    543598                                margin-bottom: $spacing-val-sm;
    544                                 @media screen and (min-width: 38.75em) { margin-bottom: 0; }
     599
     600                                @media screen and (min-width: 38.75em) {
     601                                        margin-bottom: 0;
     602                                }
     603
    545604                                text-align: center;
    546                                 a {border-bottom: 0;}
     605
     606                                a {
     607                                        border-bottom: 0;
     608                                }
     609
    547610                                img.avatar {
    548611                                        display: inline-block;
    549612                                        float: none;
    … …  
    558621                        .item {
    559622                                margin-left: 25%;
    560623
    561                                 span.activity {font-style: italic;}
     624                                span.activity {
     625                                        font-style: italic;
     626                                }
    562627
    563628                                .item-desc {
    564629                                        margin-left: 0;
    … …  
    567632                        }
    568633
    569634                        @media screen and (min-width: 59.6875em) {
     635
    570636                                .item-avatar,
    571637                                .item,
    572638                                .action {
    … …  
    650716*/
    651717
    652718#buddypress {
     719
    653720        form#whats-new-form {
    654721
    655722                // Line-height issue inherited from BP rules, override.
    … …  
    660727                // corrective measure for clipped elements due to JS inline styling
    661728
    662729                @media screen and (max-width: 30em) {
     730
    663731                        #whats-new-post-in-box {
     732
    664733                                select {
     734
    665735                                        @include font-size(14);
    666736                                        max-width: 120px;
    667737                                }
    … …  
    669739                }
    670740
    671741                @media screen and (max-width: 38.75em) {
     742
    672743                        #whats-new-content {
    673744                                clear: left;
    674745                                margin: $spacing-val-sm 0 $spacing-val-lg;
    … …  
    677748                                #whats-new-submit {
    678749                                        float: none;
    679750
    680                                         input {width: 100%;}
     751                                        input {
     752                                                width: 100%;
     753                                        }
    681754                                }
    682755                        }
    683756
    … …  
    685758                                display: flex;
    686759                                flex-direction: column;
    687760
    688                                 #whats-new-submit {order: 2;}
    689                                 #whats-new-post-in-box {order: 1;}
     761                                #whats-new-submit {
     762                                        order: 2;
     763                                }
     764
     765                                #whats-new-post-in-box {
     766                                        order: 1;
     767                                }
    690768                        }
    691769                } // close @media
    692770
    693771                #whats-new-options[style] {
     772
    694773                        #whats-new-post-in-box {
    695774                                border: 1px solid rgba($border-color, 0.5);
    696775                                float: left;
    … …  
    711790                        }
    712791
    713792                        @media screen and (min-width: 30em) {
     793
    714794                                #whats-new-post-in-box {
    715795                                        width: auto;
    716796                                }
    … …  
    726806
    727807        // User account form requires matching bp default specificity
    728808        #item-body {
     809
    729810                form#whats-new-form {
    730811                        margin: $spacing-val-lg 0;
    731812                }
    … …  
    769850                                margin-left: 0;
    770851
    771852                                .activity-header {
     853
    772854                                        @include font-size(14);
    773855                                }
    774856                        }
    … …  
    779861                                        float: left;
    780862                                        margin-right: $spacing-val-sm;
    781863                                        text-align: left;
    782                                         a {border-bottom: 0;}
     864
     865                                        a {
     866                                                border-bottom: 0;
     867                                        }
    783868                                }
    784869
    785870                                .activity-content {
    … …  
    787872                                        overflow: hidden;
    788873
    789874                                        .activity-header {
     875
    790876                                                @include font-size(16);
    791877                                        }
    792878                                }
    … …  
    796882                } // close li
    797883
    798884                li.mini {
     885
    799886                        .activity-avatar {
     887
    800888                                a {
     889
    801890                                        img.avatar {
    802891                                                height: 30px;
    803892                                                margin-left: 15px;
    … …  
    807896                        }
    808897
    809898                        .activity-content {
     899
    810900                                .activity-header {
     901
    811902                                        @include font-size(13);
    812903                                }
    813904                        }
    … …  
    833924                        } // close .activity-header
    834925
    835926                        .activity-meta {
     927
    836928                                a {
    837929                                        display: block;
    838930                                        margin: 0 0 $spacing-val-xs;
    … …  
    855947                        &:hover {
    856948                                background: darken($light-background, 1%);
    857949                                border: 1px solid rgba(#9fd1e2, 0.3);
    858                                 a { font-style: italic; }
     950
     951                                a {
     952                                        font-style: italic;
     953                                }
    859954                        }
    860955
    861956                        a {
    … …  
    869964/* Single activity view  - activity permalink */
    870965
    871966.activity-permalink {
     967
    872968        #buddypress {
    873969                background: none; // counter the .bp-user faux column background
    874970                #activity-stream {
    … …  
    878974                        }
    879975
    880976                        li.mini {
     977
    881978                                .activity-header {
     979
    882980                                        @include font-size(16);
     981
    883982                                        @media screen and (min-width: 46.25em) {
     983
    884984                                                @include font-size(20);
    885985                                        }
    886986
    887987                                        margin-bottom: $spacing-val-lg;
    888                                         p {padding: $spacing-val-md;}
     988
     989                                        p {
     990                                                padding: $spacing-val-md;
     991                                        }
    889992                                }
    890993                        }
    891994                }
    … …  
    9001003#buddypress {
    9011004
    9021005        #activity-stream {
     1006
    9031007                .activity-comments {
    9041008                        margin: $spacing-val-sm 0 0;
    9051009
    … …  
    9361040                                        padding-left: 0.2em;
    9371041                                }
    9381042
    939                                 .acomment-meta {border-bottom: 1px solid $border-light; font-style: italic;}
     1043                                .acomment-meta {
     1044                                        border-bottom: 1px solid $border-light;
     1045                                        font-style: italic;
     1046                                }
    9401047
    9411048                                // Display the user avatar stacked up to 30em
    9421049                                // reduce/widen the content margins
    9431050                                @media screen and (max-width: 38.75em) {
     1051
    9441052                                        .acomment-avatar {
    9451053                                                display: block;
    9461054                                                text-align: center;
    9471055
    9481056                                                a,
    949                                                 img.avatar {display: inline; float: none;}
     1057                                                img.avatar {
     1058                                                        display: inline;
     1059                                                        float: none;
     1060                                                }
    9501061                                        }
    9511062
    9521063                                        .acomment-content,
    … …  
    9551066                                                margin: $spacing-val-xs;
    9561067                                        }
    9571068
    958                                         .acomment-content {padding: 0 $spacing-val-sm;}
     1069                                        .acomment-content {
     1070                                                padding: 0 $spacing-val-sm;
     1071                                        }
    9591072                                } // close @media
    9601073
    9611074                        } // close the ul li comments construct
    9621075
    963                         .ac-reply-avatar {display: none;}
     1076                        .ac-reply-avatar {
     1077                                display: none;
     1078                        }
    9641079
    9651080                        .ac-reply-content {
    9661081                                margin-left: 0;
    … …  
    9681083                        }
    9691084
    9701085                        @media screen and (min-width: 38.75em) {
    971                                 .ac-reply-avatar {display: block;}
    9721086
     1087                                .ac-reply-avatar {
     1088                                        display: block;
     1089                                }
     1090
    9731091                                .ac-reply-content {
    9741092                                        overflow: hidden;
    9751093                                }
    … …  
    9821100                                        color: rgba($body-text, 0.8);
    9831101                                        display: inline-block;
    9841102                                        font-family: inherit;
     1103
    9851104                                        @include font-size(12);
    9861105                                        font-weight: normal;
    9871106                                        line-height: 1.2;
    … …  
    10141133*/
    10151134
    10161135#buddypress {
     1136
    10171137        #members-list {
    10181138
    10191139                @media screen and (min-width: 59.6875em) {
     1140
    10201141                        li {
     1142
    10211143                                .item-avatar,
    10221144                                .item {
    10231145                                        float: left;
    … …  
    10471169
    10481170.bp-user,
    10491171.single-item.groups {
     1172
    10501173        @media screen and (max-width: 46.25em) {
     1174
    10511175                main {
     1176
    10521177                        header.entry-header {
    10531178                                padding-bottom: 1rem;
    10541179                        }
    … …  
    10561181        }
    10571182
    10581183        @media screen and (max-width: 38.75em) {
     1184
    10591185                h1,
    10601186                #item-header-content {
    10611187                        text-align: center;
    … …  
    10631189        }
    10641190
    10651191        #buddypress {
     1192
    10661193                @media screen and (max-width: 46.25em) {
     1194
    10671195                        #item-header {
     1196
    10681197                                .generic-button {
    10691198                                        float: none;
    1070                                         margin: 1.5em 0 0 0;
     1199                                        margin: 1.5em 0 0;
    10711200                                }
    10721201                        }
    10731202                }
    10741203
    10751204                @media screen and (max-width: 38.75em) {
     1205
    10761206                        h1 {
    10771207                                margin-bottom: 0;
    10781208                        }
    10791209
    10801210                        #item-header-avatar {
     1211
    10811212                                img.avatar {
    10821213                                        margin-right: 0;
    10831214                                }
    … …  
    10991230*/
    11001231
    11011232.single-item.groups {
     1233
    11021234        #buddypress {
     1235
    11031236                @media screen and (max-width: 46.25em) {
     1237
    11041238                        #item-header {
     1239
    11051240                                #item-meta {
    11061241                                        margin-bottom: $spacing-val-md;
    11071242                                }
    … …  
    11111246                // Move visual flow of avatar & item-actions at narrow width,
    11121247                // avatar first after group title
    11131248                @media screen and (max-width: 38.75em) {
     1249
    11141250                        div#item-header {
    11151251                                display: flex;
    11161252                                flex-direction: column;
    … …  
    11291265                                        }
    11301266                                }
    11311267
    1132                                 #item-header-content {order: 2;}
     1268                                #item-header-content {
     1269                                        order: 2;
     1270                                }
    11331271
    1134                                 #item-actions {order: 3;}
     1272                                #item-actions {
     1273                                        order: 3;
     1274                                }
    11351275                        }
    11361276                } // close @media
    11371277
    … …  
    11511291                                h3 {
    11521292                                        background: $dark-background;
    11531293                                        color: $content-background;
     1294
    11541295                                        @include font-size(14);
    11551296
    11561297                                        @media screen and (min-width: 46.25em) {
     1298
    11571299                                                @include font-size(16);
    11581300                                        }
    11591301
    … …  
    11971339*/
    11981340
    11991341.bp-user {
     1342
    12001343        #buddypress {
     1344
    12011345                #item-header {
    12021346                        padding: $spacing-val-md 0;
    12031347
    … …  
    12131357                        }
    12141358
    12151359                        @media screen and (min-width: 46.25em) {
     1360
    12161361                                #item-header-avatar {
    12171362                                        float: left;
    12181363                                        width: 20%;
    … …  
    12441389// Manage the margins inherited from 2015 inside the item-body sections
    12451390// generally far too large a top margin for headings in our lists
    12461391#item-body {
     1392
    12471393        h1,
    12481394        h2,
    12491395        h3,
    … …  
    12521398        h6 {
    12531399                margin: 1em 0;
    12541400
    1255                 a {border-bottom: 0;}
     1401                a {
     1402                        border-bottom: 0;
     1403                }
    12561404        }
    12571405}
    12581406/**
    … …  
    12721420
    12731421// headings settings screens & general global settings styles
    12741422.groups {
     1423
    12751424        #group-settings-form {
     1425
    12761426                h4 {
    12771427                        background: $dark-background;
    12781428                        color: $content-background;
    … …  
    12801430                }
    12811431                // remove backgrounds from request list member names.
    12821432                #request-list {
     1433
    12831434                        h4 {
    12841435                                background: none;
    12851436                                color: inherit;
    … …  
    12891440}
    12901441
    12911442.groups.edit-details {
     1443
    12921444        #group-settings-form {
    12931445
    12941446                label {
    12951447                        background: $dark-background;
     1448
    12961449                        @include border-top-radius(4px);
    12971450                        color: $content-background;
    12981451                        display: inline-block;
    … …  
    13091462                textarea + p label {
    13101463                        background: none;
    13111464                        color: inherit;
     1465
    13121466                        @include font-size(14);
    13131467                        width: auto;
    13141468                }
    … …  
    13171471} // close .groups.edit-details
    13181472
    13191473.groups.group-settings {
     1474
    13201475        #group-settings-form,
    13211476        #create-group-form {
    13221477
    13231478                div.radio {
     1479
    13241480                        label {
    13251481                                border: 1px solid $border-light;
    13261482                                padding: 0.2em;
    … …  
    13281484
    13291485                        ul {
    13301486                                color: rgba($body-text, 0.6);
     1487
    13311488                                @include font-size(14);
    13321489                        }
    13331490                }
    … …  
    13441501}
    13451502
    13461503.groups.manage-members {
     1504
    13471505        #group-settings-form {
     1506
    13481507                .item-list {
     1508
    13491509                        li {
    13501510                                border-bottom: 1px solid $border-light;
    13511511
    … …  
    13531513                                h5 {
    13541514                                        float: left;
    13551515
    1356                                         > a {border-bottom: 0;}
     1516                                        > a {
     1517                                                border-bottom: 0;
     1518                                        }
    13571519                                }
    13581520
    13591521                                span.small {
    … …  
    13911553/* Members loop */
    13921554
    13931555.groups.group-members {
     1556
    13941557        #buddypress {
     1558
    13951559                #members-group-list {
     1560
    13961561                        li {
    13971562
    13981563                                @media screen and (max-width: 30em) {
     1564
    13991565                                        > a {
    14001566                                                border-bottom: 0;
    14011567                                                display: block;
    … …  
    14111577
    14121578                                h5 {
    14131579                                        display: inline-block;
     1580
    14141581                                        @include font-size(14);
    14151582
    14161583                                        @media screen and (min-width: 59.6875em) {
     1584
    14171585                                                @include font-size(16);
    14181586                                        }
    14191587
    14201588                                        margin: 0;
    14211589
    1422                                         a {border-bottom: 0;}
     1590                                        a {
     1591                                                border-bottom: 0;
     1592                                        }
    14231593                                } //  close h5
    14241594
    14251595                                span.activity {
     1596
    14261597                                        @include font-size(12);
    14271598                                }
    14281599
    … …  
    14361607
    14371608// Massage the members search for groups nav specifically.
    14381609.groups.group-members {
     1610
    14391611        #subnav {
     1612
    14401613                li {
     1614
    14411615                        @media screen and (max-width: 38.75em) {
    14421616                                background: $content-background;
    14431617                                padding: $spacing-val-md 0;
    … …  
    14531627                                        width: 100%;
    14541628
    14551629                                        label {
    1456                                                 input[type="text"] {width: 100%;}
     1630
     1631                                                input[type="text"] {
     1632                                                        width: 100%;
     1633                                                }
    14571634                                        }
    14581635                                }
    14591636
    … …  
    14701647*/
    14711648
    14721649.groups.group-invites {
     1650
    14731651        #item-body {
     1652
    14741653                .item-list {
     1654
    14751655                        .action {
    14761656                                margin-bottom: 0;
    14771657                        }
    … …  
    14791659        }
    14801660
    14811661        @media screen and (min-width: 46.25em) {
     1662
    14821663                #buddypress {
     1664
    14831665                        #item-body {
     1666
    14841667                                #message {
    14851668                                        margin-top: 0;
    14861669                                }
    … …  
    14891672        }
    14901673
    14911674        @media screen and (min-width: 55em) {
     1675
    14921676                #buddypress {
    1493                         #send-invite-form { margin-top: 0;}
     1677
     1678                        #send-invite-form {
     1679                                margin-top: 0;
     1680                        }
    14941681                }
    14951682        }
    14961683
    14971684        #item-body {
     1685
    14981686                @media screen and (max-width: 46.25em) {
     1687
    14991688                        .left-menu {
    15001689                                float: none;
    15011690                                margin: $spacing-val-sm 0;
    … …  
    15111700                        }
    15121701
    15131702                        .submit {
     1703
    15141704                                input {
    15151705                                        display: inline-block;
    15161706                                        width: 100%;
    … …  
    15311721*/
    15321722
    15331723.bp-user {
     1724
    15341725        .entry-title {
    15351726                margin-bottom: 0.5em;
    15361727        }
    … …  
    15471738        #buddypress {
    15481739
    15491740                table {
    1550                         th {@include font-size(14)}
    1551                         td {@include font-size(12)}
    15521741
     1742                        th {
     1743
     1744                                @include font-size(14);
     1745                        }
     1746
     1747                        td {
     1748
     1749                                @include font-size(12);
     1750                        }
     1751
    15531752                        @media screen and (min-width: 46.25em) {
    1554                                 th {@include font-size(16)}
    1555                                 td {@include font-size(14)}
     1753
     1754                                th {
     1755
     1756                                        @include font-size(16);
     1757                                }
     1758
     1759                                td {
     1760
     1761                                        @include font-size(14);
     1762                                }
    15561763                        }
    15571764
    15581765                        @media screen and (min-width: 77.5em) {
    1559                                 th {@include font-size(18)}
    1560                                 td {@include font-size(16)}
     1766
     1767                                th {
     1768
     1769                                        @include font-size(18);
     1770                                }
     1771
     1772                                td {
     1773
     1774                                        @include font-size(16);
     1775                                }
    15611776                        }
    15621777                }
    15631778
    1564                 .pag-count {font-style: italic;}
     1779                .pag-count {
     1780                        font-style: italic;
     1781                }
    15651782
    15661783                .notifications-options-nav,
    15671784                .messages-options-nav {
    … …  
    15741791
    15751792                        select,
    15761793                        input {
     1794
    15771795                                @include font-size(14);
    15781796                                outline: 0;
    15791797                                padding: 0;
    … …  
    15911809
    15921810                        input {
    15931811                                float: right;
     1812
    15941813                                @include default-font-serif();
    15951814                                line-height: 1.5;
    15961815                                margin-top: $spacing-val-sm;
    15971816                                width: 100%;
    15981817
    1599                                 &[disabled]:hover {background: none;}
     1818                                &[disabled]:hover {
     1819                                        background: none;
     1820                                }
    16001821
    16011822                                @media screen and (min-width: 30em) {
    16021823                                        margin-top: 0;
    … …  
    16171838        */
    16181839
    16191840.bp-user {
     1841
    16201842        #buddypress {
     1843
    16211844                .profile {
     1845
    16221846                        .bp-widget {
     1847
    16231848                                h4 {
    16241849                                        background: lighten($dark-background, 10%);
    16251850                                        color: #fff;
    … …  
    16271852                                        padding: 0.4em;
    16281853                                }
    16291854
    1630                                 table {margin-top: 0;}
     1855                                table {
     1856                                        margin-top: 0;
     1857                                }
    16311858                        }
    16321859                }
    16331860        }
    … …  
    16351862
    16361863/* Edit Profile */
    16371864.bp-user {
     1865
    16381866        #buddypress {
    16391867
    16401868                .profile {
     1869
    16411870                        #profile-edit-form {
     1871
    16421872                                .button-nav:before,
    16431873                                .button-nav:after {
    16441874                                        content: " ";
    … …  
    16671897                                        a {
    16681898                                                background: none;
    16691899                                                border: 0;
    1670                                                 @include font-size(18)
     1900
     1901                                                @include font-size(18);
    16711902                                        }
    16721903                                } //.button-nav
    16731904
    16741905                                .field-visibility-settings-toggle,
    16751906                                .field-visibility-settings {
     1907
    16761908                                        @include font-size(14);
    16771909                                }
    16781910
    … …  
    16851917                        } // close profile form
    16861918
    16871919                        .bp-avatar {
     1920
    16881921                                #bp-delete-avatar {
    1689                                         a {font-size: inherit; }
     1922
     1923                                        a {
     1924                                                font-size: inherit;
     1925                                        }
    16901926                                }
    16911927                        }
    16921928                } // close .profile
    … …  
    17041940        #buddypress {
    17051941
    17061942                #groups-list {
     1943
    17071944                        li {
     1945
    17081946                                .item {
     1947
    17091948                                        @media screen and (min-width: 77.5em) {
    17101949                                                left: 5%;
    17111950                                                width: 50%;
    … …  
    17571996                                }
    17581997
    17591998                                @media screen and (min-width: 46.25em) {
     1999
    17602000                                        img.avatar {
    17612001                                                float: left;
    17622002                                        }
    … …  
    17772017                        }
    17782018
    17792019                        #send-reply {
     2020
    17802021                                .message-content {
    17812022                                        background: $content-background;
    17822023                                        border: 0;
    … …  
    17902031                } // close message-thread  Singular view!
    17912032
    17922033                #message-threads {
     2034
    17932035                        thead {
     2036
    17942037                                tr {
    17952038                                        background: lighten($dark-background, 10%);
    17962039                                }
    … …  
    17972040                        }
    17982041
    17992042                        tr {
     2043
    18002044                                td {
    18012045                                        background: $content-background;
    18022046                                        display: inline-block;
    … …  
    18282072                                td.thread-from,
    18292073                                td.thread-options {
    18302074                                        border-left: 0 !important;
     2075
    18312076                                        @include calc(width, "100% - 30px");
    18322077                                        margin-left: 0;
    18332078                                }
    … …  
    18362081                                        padding-left: 41px;
    18372082                                        width: 100%;
    18382083
    1839                                         a::after {
     2084                                        a:after {
    18402085                                                content: " \2013 \00a0"attr(title);
     2086
    18412087                                                @include font-size(12);
    18422088                                        }
    18432089                                }
    … …  
    18462092                                        text-align: right;
    18472093
    18482094                                        a {
     2095
    18492096                                                @include font-size(12);
    18502097                                                line-height: 2.2;
    18512098                                        }
    … …  
    18622109
    18632110                                        @media screen and (max-width: 38.75em) {
    18642111                                                clear: both;
     2112
    18652113                                                @include font-size(11);
    18662114                                                width: 100%;
    18672115                                        }
    … …  
    18692117                        }
    18702118
    18712119                        tr.unread {
     2120
    18722121                                td {
    18732122                                        background: $unread;
    18742123                                        border-bottom-color: darken($border-light, 20%);
    … …  
    18972146                .acfb-holder {
    18982147                        list-style: none;
    18992148
    1900                         li {margin-left: 0;}
     2149                        li {
     2150                                margin-left: 0;
     2151                        }
    19012152
    19022153                        li.friend-tab {
    19032154                                background: lighten($notice-info, 20%);
    … …  
    19322183                }
    19332184
    19342185                #message-threads.sitewide-notices {
     2186
    19352187                        td {
    19362188                                width: 100%;
    19372189
    … …  
    19742226                                        text-indent: -999em;
    19752227                                }
    19762228
    1977                                 a:last-child::after {
     2229                                a:last-child:after {
    19782230                                        content: attr(title);
    19792231                                        display: block;
    19802232                                        line-height: initial;
    … …  
    19902242                background: #eee;
    19912243                padding-left: $spacing-val-sm;
    19922244
    1993                 ul {    margin: 0; }
     2245                ul {
     2246                        margin: 0;
     2247                }
    19942248
    19952249                li {
    19962250                        margin: $spacing-val-sm 0;
    … …  
    20112265        */
    20122266
    20132267.bp-user {
     2268
    20142269        #buddypress {
    20152270
    20162271                #settings-form {
    20172272                        // 'p' = email notification screen sub heading
    20182273                        > p {
     2274
    20192275                                @include font-size(20);
    20202276                                margin: $spacing-val-md 0 $spacing-val-sm;
    20212277                        }
    … …  
    20222278                }
    20232279
    20242280                table.notification-settings {
    2025                         th.title {width: 75%;}
     2281
     2282                        th.title {
     2283                                width: 75%;
     2284                        }
     2285
    20262286                        td.yes,
    20272287                        td.no {
    20282288                                vertical-align: middle;
    … …  
    20382298                        }
    20392299
    20402300                        @media screen and (min-width: 46.25em) {
     2301
    20412302                                th.field-group-name,
    20422303                                td.field-name {
    20432304                                        width: 70%;
    … …  
    20502311                        }
    20512312
    20522313                        td.field-visibility {
    2053                                 select {width: 100%;}
     2314
     2315                                select {
     2316                                        width: 100%;
     2317                                }
    20542318                        }
    20552319                }
    20562320
    … …  
    20702334        // are not inherited or being overriden.
    20712335
    20722336        div.activity-comments {
     2337
    20732338                form {
     2339
    20742340                        .ac-textarea {
    20752341                                background: $light-background;
    20762342                                border: 1px solid rgba($border-color, 0.3);
    … …  
    20832349                }
    20842350        }
    20852351
    2086         select {border: 1px solid rgba($border-color, 0.5);}
     2352        select {
     2353                border: 1px solid rgba($border-color, 0.5);
     2354        }
    20872355
    20882356        // Overrides for embedded WP editors.
    20892357        .wp-editor-wrap {
     2358
    20902359                a.button,
    20912360                button,
    20922361                input[type=submit],
    … …  
    21052374
    21062375        .standard-form,
    21072376        .group-create-form {
     2377
    21082378                li {
    21092379                        float: none;
    21102380                        list-style: none;
    21112381                }
    21122382
    2113                 input[type='text'],
     2383                input[type="text"],
    21142384                textarea {
    21152385                        width: 100%;
    21162386                }
    … …  
    21342404                                width: 80%;
    21352405                        }
    21362406
    2137                         input[type='text'] {
     2407                        input[type="text"] {
    21382408                                float: left;
    21392409                                margin: 0;
    21402410                                width: 80%;
    21412411                        }
    21422412
    2143                         input[type='text'],
    2144                         input[type='submit'] {
     2413                        input[type="text"],
     2414                        input[type="submit"] {
     2415
    21452416                                @include font-size(14);
    21462417                                border: 0;
    21472418                                line-height: inherit;
    21482419                        }
    21492420
    2150                         input[type='text'] {
     2421                        input[type="text"] {
    21512422                                border-right: 1px solid rgba($border-color, 0.4);
    21522423                                padding: 0.2em 0 0.2em 0.2em;
    21532424                        }
    21542425
    2155                         input[type='submit'] {
     2426                        input[type="submit"] {
    21562427                                float: right;
    21572428                                font-weight: normal;
    21582429                                padding: 0.2em 1em;
    … …  
    21662437
    21672438        // Shift the search parent to the right and allow to shrinkwrap
    21682439        @media screen and (min-width: 38.75em) {
     2440
    21692441                div.dir-search,
    21702442                div.message-search,
    21712443                li.groups-members-search {
    … …  
    21732445                        margin-bottom: 5px !important;
    21742446
    21752447                        form {
     2448
    21762449                                label,
    2177                                 input[type='text'],
    2178                                 input[type='submit'] {
     2450                                input[type="text"],
     2451                                input[type="submit"] {
    21792452                                        width: auto;
    21802453                                }
    21812454                        }
    … …  
    21862459
    21872460                .dir-search,
    21882461                .message-search {
     2462
    21892463                        form {
    2190                                 input[type='text'] { @include font-size(16) ;}
    2191                                 input[type='submit'] { @include font-size(16) ;}
     2464
     2465                                input[type="text"] {
     2466
     2467                                        @include font-size(16);
     2468                                }
     2469
     2470                                input[type="submit"] {
     2471
     2472                                        @include font-size(16);
     2473                                }
    21922474                        }
    21932475                }
    21942476        }
    … …  
    22062488// a more general typography section to manage BP elements grouped under
    22072489// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
    22082490#buddypress {
     2491
    22092492        table {
     2493
    22102494                @include font-size(14);
    22112495                margin: $spacing-val-md 0;
    22122496
    … …  
    22172501                }
    22182502
    22192503                // Reduce the themes inherited paragraph margins in tables
    2220                 p {margin-bottom: 0.5em;}
     2504                p {
     2505                        margin-bottom: 0.5em;
     2506                }
    22212507        }
    22222508
    22232509        @media screen and (min-width: 55em) {
    2224                 table {@include font-size(16);}
     2510
     2511                table {
     2512
     2513                        @include font-size(16);
     2514                }
    22252515        }
    22262516}
    22272517
    … …  
    22322522        // Manage some table cells widths that are disproportionate to their content
    22332523        .notifications,
    22342524        .messages-notices {
     2525
    22352526                th {
    22362527                        width: 30%;
    22372528
    … …  
    22602551                // Notices action buttons, this maybe better moved, temp for now to address
    22612552                // styling issues - this will need styling ideas
    22622553                td {
     2554
    22632555                        .button {
    22642556                                border: 0;
    22652557                                display: block;
    … …  
    22822574// to background color darker by 50%
    22832575
    22842576#buddypress {
     2577
    22852578        #item-body {
     2579
    22862580                div#message {
    22872581                        margin-top: $spacing-val-md;
    22882582
    … …  
    22932587        }
    22942588
    22952589        div#message {
     2590
    22962591                p {
     2592
    22972593                        @include font-size(18);
    22982594                        font-weight: bold;
    22992595                }
    23002596
    23012597                &.info {
     2598
    23022599                        p {
     2600
    23032601                                @include message-box($notice-info);
    23042602                        }
    23052603                }
    23062604
    23072605                &.updated {
     2606
    23082607                        p {
     2608
    23092609                                @include message-box($notice-update);
    23102610                        }
    23112611                }
    … …  
    23172617// Without direct classes on our mesages ( 'warning' )
    23182618// we need to use the body classes
    23192619.delete-group {
     2620
    23202621        #buddypress {
     2622
    23212623                div#message.info {
    23222624
    23232625                        p {
     2626
    23242627                                @include message-box($notice-warning);
    23252628                        }
    23262629                }

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*------------------------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    11181120        width: 100%;
    11191121}
    11201122
    1121 #buddypress table#message-threads tr td.thread-info a::after {
     1123#buddypress table#message-threads tr td.thread-info a:after {
    11221124        content: " – " attr(title);
    11231125        font-size: 12px;
    11241126        font-size: 0.75rem;
    … …  
    12721274        text-indent: -999em;
    12731275}
    12741276
    1275 #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1277#buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    12761278        content: attr(title);
    12771279        display: block;
    12781280        line-height: initial;
    … …  
    13881390        width: 80%;
    13891391}
    13901392
    1391 #buddypress div.dir-search form input[type='text'],
    1392 #buddypress div.message-search form input[type='text'],
    1393 #buddypress li.groups-members-search form input[type='text'] {
     1393#buddypress div.dir-search form input[type="text"],
     1394#buddypress div.message-search form input[type="text"],
     1395#buddypress li.groups-members-search form input[type="text"] {
    13941396        float: right;
    13951397        margin: 0;
    13961398        width: 80%;
    13971399}
    13981400
    1399 #buddypress div.dir-search form input[type='text'],
    1400 #buddypress div.dir-search form input[type='submit'],
    1401 #buddypress div.message-search form input[type='text'],
    1402 #buddypress div.message-search form input[type='submit'],
    1403 #buddypress li.groups-members-search form input[type='text'],
    1404 #buddypress li.groups-members-search form input[type='submit'] {
     1401#buddypress div.dir-search form input[type="text"],
     1402#buddypress div.dir-search form input[type="submit"],
     1403#buddypress div.message-search form input[type="text"],
     1404#buddypress div.message-search form input[type="submit"],
     1405#buddypress li.groups-members-search form input[type="text"],
     1406#buddypress li.groups-members-search form input[type="submit"] {
    14051407        border: 0;
    14061408        font-size: 14px;
    14071409        font-size: 0.875rem;
    … …  
    14081410        line-height: inherit;
    14091411}
    14101412
    1411 #buddypress div.dir-search form input[type='text'],
    1412 #buddypress div.message-search form input[type='text'],
    1413 #buddypress li.groups-members-search form input[type='text'] {
     1413#buddypress div.dir-search form input[type="text"],
     1414#buddypress div.message-search form input[type="text"],
     1415#buddypress li.groups-members-search form input[type="text"] {
    14141416        border-left: 1px solid #ccc;
    14151417        padding: 0.2em 0.2em 0.2em 0;
    14161418}
    14171419
    1418 #buddypress div.dir-search form input[type='submit'],
    1419 #buddypress div.message-search form input[type='submit'],
    1420 #buddypress li.groups-members-search form input[type='submit'] {
     1420#buddypress div.dir-search form input[type="submit"],
     1421#buddypress div.message-search form input[type="submit"],
     1422#buddypress li.groups-members-search form input[type="submit"] {
    14211423        float: left;
    14221424        font-weight: normal;
    14231425        padding: 0.2em 1em;
    … …  
    14331435                float: left;
    14341436        }
    14351437        #buddypress div.dir-search form label,
    1436         #buddypress div.dir-search form input[type='submit'],
    1437         #buddypress div.dir-search form input[type='text'],
     1438        #buddypress div.dir-search form input[type="submit"],
     1439        #buddypress div.dir-search form input[type="text"],
    14381440        #buddypress div.message-search form label,
    1439         #buddypress div.message-search form input[type='submit'],
    1440         #buddypress div.message-search form input[type='text'] {
     1441        #buddypress div.message-search form input[type="submit"],
     1442        #buddypress div.message-search form input[type="text"] {
    14411443                width: auto;
    14421444        }
    14431445        #buddypress div.message-search {
    … …  
    14441446                margin: 3px 0 0;
    14451447        }
    14461448        #buddypress li.groups-members-search form label,
    1447         #buddypress li.groups-members-search form input[type='submit'],
    1448         #buddypress li.groups-members-search form input[type='text'] {
     1449        #buddypress li.groups-members-search form input[type="submit"],
     1450        #buddypress li.groups-members-search form input[type="text"] {
    14491451                width: auto;
    14501452        }
    14511453}

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*------------------------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    11181120        width: 100%;
    11191121}
    11201122
    1121 #buddypress table#message-threads tr td.thread-info a::after {
     1123#buddypress table#message-threads tr td.thread-info a:after {
    11221124        content: " – " attr(title);
    11231125        font-size: 12px;
    11241126        font-size: 0.75rem;
    … …  
    12721274        text-indent: -999em;
    12731275}
    12741276
    1275 #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1277#buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    12761278        content: attr(title);
    12771279        display: block;
    12781280        line-height: initial;
    … …  
    13881390        width: 80%;
    13891391}
    13901392
    1391 #buddypress div.dir-search form input[type='text'],
    1392 #buddypress div.message-search form input[type='text'],
    1393 #buddypress li.groups-members-search form input[type='text'] {
     1393#buddypress div.dir-search form input[type="text"],
     1394#buddypress div.message-search form input[type="text"],
     1395#buddypress li.groups-members-search form input[type="text"] {
    13941396        float: left;
    13951397        margin: 0;
    13961398        width: 80%;
    13971399}
    13981400
    1399 #buddypress div.dir-search form input[type='text'],
    1400 #buddypress div.dir-search form input[type='submit'],
    1401 #buddypress div.message-search form input[type='text'],
    1402 #buddypress div.message-search form input[type='submit'],
    1403 #buddypress li.groups-members-search form input[type='text'],
    1404 #buddypress li.groups-members-search form input[type='submit'] {
     1401#buddypress div.dir-search form input[type="text"],
     1402#buddypress div.dir-search form input[type="submit"],
     1403#buddypress div.message-search form input[type="text"],
     1404#buddypress div.message-search form input[type="submit"],
     1405#buddypress li.groups-members-search form input[type="text"],
     1406#buddypress li.groups-members-search form input[type="submit"] {
    14051407        border: 0;
    14061408        font-size: 14px;
    14071409        font-size: 0.875rem;
    … …  
    14081410        line-height: inherit;
    14091411}
    14101412
    1411 #buddypress div.dir-search form input[type='text'],
    1412 #buddypress div.message-search form input[type='text'],
    1413 #buddypress li.groups-members-search form input[type='text'] {
     1413#buddypress div.dir-search form input[type="text"],
     1414#buddypress div.message-search form input[type="text"],
     1415#buddypress li.groups-members-search form input[type="text"] {
    14141416        border-right: 1px solid #ccc;
    14151417        padding: 0.2em 0 0.2em 0.2em;
    14161418}
    14171419
    1418 #buddypress div.dir-search form input[type='submit'],
    1419 #buddypress div.message-search form input[type='submit'],
    1420 #buddypress li.groups-members-search form input[type='submit'] {
     1420#buddypress div.dir-search form input[type="submit"],
     1421#buddypress div.message-search form input[type="submit"],
     1422#buddypress li.groups-members-search form input[type="submit"] {
    14211423        float: right;
    14221424        font-weight: normal;
    14231425        padding: 0.2em 1em;
    … …  
    14331435                float: right;
    14341436        }
    14351437        #buddypress div.dir-search form label,
    1436         #buddypress div.dir-search form input[type='submit'],
    1437         #buddypress div.dir-search form input[type='text'],
     1438        #buddypress div.dir-search form input[type="submit"],
     1439        #buddypress div.dir-search form input[type="text"],
    14381440        #buddypress div.message-search form label,
    1439         #buddypress div.message-search form input[type='submit'],
    1440         #buddypress div.message-search form input[type='text'] {
     1441        #buddypress div.message-search form input[type="submit"],
     1442        #buddypress div.message-search form input[type="text"] {
    14411443                width: auto;
    14421444        }
    14431445        #buddypress div.message-search {
    … …  
    14441446                margin: 3px 0 0;
    14451447        }
    14461448        #buddypress li.groups-members-search form label,
    1447         #buddypress li.groups-members-search form input[type='submit'],
    1448         #buddypress li.groups-members-search form input[type='text'] {
     1449        #buddypress li.groups-members-search form input[type="submit"],
     1450        #buddypress li.groups-members-search form input[type="text"] {
    14491451                width: auto;
    14501452        }
    14511453}

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

     
    107107        @if $text-color {
    108108                // if a param was passed through
    109109                $text-color: $text-color;
    110         } @else {
     110        }
     111
     112        @else {
    111113                $text-color: darken($background, 50%);
    112114        }
    113115
    … …  
    123125}
    124126
    125127// Variabals: color definitions
     128/* stylelint-disable declaration-colon-space-after */
    126129$content-background:     #fff;
    127130$dark-back-text-color:   #fff;
    128131$light-background:       #f7f7f7;
    … …  
    140143$stripe-even:            #dbe5ff;
    141144$unread:                 #cddaff;
    142145$link-action:            #c82b2b;
     146/* stylelint-enable */
    143147
    144148// 2014 font family
    145149@mixin default-font() {
    … …  
    213217// for all heading h# elements this is problematic where floats are concerned
    214218// We reset this here under our #buddypress namespace
    215219#buddypress {
     220
    216221        h1,
    217222        h2,
    218223        h3,
    … …  
    268273*----------------------------------------------------------
    269274*/
    270275#buddypress {
     276
    271277        .item-list-tabs {
     278
    272279                ul {
    273280
    274281                        li {
    … …  
    276283                        }
    277284
    278285                        @media screen and (min-width: 400px) {
     286
    279287                                li {
    280288                                        width: 50%;
    281289                                }
    … …  
    282290                        }
    283291
    284292                        @media screen and (min-width: 594px) {
     293
    285294                                li {
    286295                                        width: auto;
    287296                                }
    … …  
    291300}
    292301
    293302.directory #buddypress {
     303
    294304        .item-list-tabs {
    295305
    296306                ul:before,
    … …  
    309319                }
    310320
    311321                @media screen and (min-width: 783px) {
     322
    312323                        ul {
    313324                                padding-bottom: 0;
    314325
    … …  
    315326                                li.selected {
    316327                                        border: 1px solid $border-med;
    317328                                        border-bottom-color: $content-background;
     329
    318330                                        @include border-top-radius(4px);
    319331                                        margin-bottom: -1px;
    320332
    … …  
    328340        } // close .item-list-tabs
    329341
    330342        #subnav {
     343
    331344                ul {
    332345                        border-bottom: 0;
    333346                }
    … …  
    337350
    338351/* List last filters global */
    339352#buddypress {
     353
    340354        #subnav {
     355
    341356                li#activity-filter-select.last {
    342357                        line-height: 2.1;
    343358                        margin-top: 0;
    … …  
    351366@media screen and (max-width: 783px) {
    352367
    353368        #buddypress {
     369
    354370                #object-nav {
     371
    355372                        ul {
    356373                                border-bottom: 1px solid $border-med;
    357374                                overflow: hidden;
    … …  
    363380                        margin-bottom: $spacing-val-lg;
    364381
    365382                        ul {
     383
    366384                                li {
    367385                                        width: auto;
    368386                                }
    … …  
    385403
    386404        .bp-user,
    387405        .single-item.groups {
     406
    388407                #buddypress {
    389408                        background: lighten($nav-background-border, 10%);
    390409                }
    … …  
    397416                        background: #fff;
    398417                }
    399418
    400                 #item-body {border-left: 1px solid $nav-background-border;}
     419                #item-body {
     420                        border-left: 1px solid $nav-background-border;
     421                }
    401422
    402423                #object-nav {
    403424                        background: lighten($nav-background-border, 10%);
    … …  
    477498*/
    478499
    479500#buddypress {
     501
    480502        div.pagination {
     503
    481504                .pag-count {
    482505                        margin-left: 0;
    483506                }
    … …  
    490513*-------------------------------------------------------------------------------
    491514*/
    492515#buddypress {
     516
    493517        .item-list {
     518
    494519                .item-title {
    495520
    496521                        a {
    497522                                display: block;
     523
    498524                                @include font-size(22);
    499525                                text-decoration: none;
    500526                        }
    … …  
    501527
    502528                        span.update,
    503529                        span a {
     530
    504531                                @include font-size(12);
    505532                        }
    506533                }
    … …  
    512539// - Adjusts display of action buttons at small screen
    513540
    514541#buddypress {
     542
    515543        ul.item-list {
     544
    516545                li {
    517546                        overflow: hidden !important; // buddypress styles over specified
    518547
    … …  
    522551                                text-align: center;
    523552
    524553                                a {
     554
    525555                                        img.avatar {
    526556                                                float: none;
    527557                                        }
    … …  
    532562                                float: none;
    533563                                width: 100%;
    534564
    535                                 > a {text-align: center;}
     565                                > a {
     566                                        text-align: center;
     567                                }
    536568                        }
    537569
    538570                        .item {
    … …  
    572604                        }
    573605
    574606                        @media screen and (min-width: 594px) {
     607
    575608                                .item-avatar {
    576609                                        float: left;
    577610                                        margin-bottom: 0;
    578611                                }
    579612
    580                                 div.item-title > a {text-align: left;}
     613                                div.item-title > a {
     614                                        text-align: left;
     615                                }
    581616
    582617                                .item {
    583618                                        float: right;
    … …  
    598633                        } // close @media
    599634
    600635                        @media screen and (min-width: 783px) {
     636
    601637                                .item {
    602638                                        float: left;
    603639                                        width: 55%;
    … …  
    618654                                                display: block;
    619655
    620656                                                a {
     657
    621658                                                        @include box-model(border-box);
    622659                                                        display: block;
    623660                                                        width: 100%;
    … …  
    652689*-------------------------------------------------
    653690*/
    654691#buddypress {
     692
    655693        form#whats-new-form {
    656694                margin: $spacing-val-lg 0;
    657695
    … …  
    675713                }
    676714
    677715                #whats-new-content {
     716
    678717                        @media screen and (max-width: 594px) {
     718
    679719                                #whats-new-options {
    680720                                        display: flex;
    681721                                        flex-direction: column;
    … …  
    703743                } // close whats-new-content.active
    704744
    705745                @media screen and (min-width: 594px) {
     746
    706747                        #whats-new-avatar {
    707748                                float: left;
    708749                        }
    … …  
    725766*/
    726767
    727768#buddypress {
    728         #activity-stream {margin-top: $spacing-val-lg;}
     769
     770        #activity-stream {
     771                margin-top: $spacing-val-lg;
     772        }
     773
    729774        .activity-list {
    730775
    731776                li.activity-item:not(.mini) {
     777
    732778                        .activity-avatar {
    733779                                float: none;
    734780                                margin-bottom: $spacing-val-sm;
    … …  
    742788                }
    743789
    744790                li.mini {
     791
    745792                        .activity-avatar {
     793
    746794                                img.avatar {
    747795                                        margin-left: 0;
    748796                                }
    … …  
    749797                        }
    750798
    751799                        .activity-meta {
    752                                 a {@include font-size(12);}
     800
     801                                a {
     802
     803                                        @include font-size(12);
     804                                }
    753805                        }
    754806                }
    755807
    … …  
    771823                                }
    772824                        }
    773825
    774                         .activity-inner {margin: $spacing-val-sm 0;}
     826                        .activity-inner {
     827                                margin: $spacing-val-sm 0;
     828                        }
    775829                }
    776830
    777831                @media screen and (min-width: 594px) {
     832
    778833                        li.activity-item:not(.mini) {
     834
    779835                                .activity-avatar {
    780836                                        float: left;
    781837                                        margin: 0 $spacing-val-md 0 0;
    … …  
    788844                        }
    789845
    790846                        li.mini {
     847
    791848                                .activity-avatar {
    792849                                        margin: 0 $spacing-val-sm 0 5%;
    793850                                }
    … …  
    804861
    805862// Activity Single Item 'Permalink' Page
    806863body.activity-permalink {
     864
    807865        #buddypress {
    808866                // remove user account faux column background
    809867                background: transparent;
    810868
    811869                .activity-list {
     870
    812871                        li {
     872
    813873                                @media screen and (max-width: 760px) {
     874
    814875                                        .activity-content,
    815876                                        .activity-comments {
    816877                                                margin-left: 0;
    … …  
    828889*/
    829890
    830891#buddypress {
     892
    831893        .activity {
     894
    832895                .activity-comments {
    833896                        margin-left: 0;
    834897                        margin-top: 5px;
    … …  
    850913                        // Display the user avatar stacked up to 594px
    851914                        // reduce/widen the content margins
    852915                        @media screen and (max-width: 400px) {
     916
    853917                                .acomment-avatar {
    854918                                        display: block;
    855919                                        text-align: center;
    856920
    857921                                        a,
    858                                         img.avatar {display: inline; float: none;}
     922                                        img.avatar {
     923                                                display: inline;
     924                                                float: none;
     925                                        }
    859926                                }
    860927
    861928                                .acomment-content,
    … …  
    864931                                        margin: $spacing-val-xs;
    865932                                }
    866933
    867                                 .acomment-content {padding: 0 $spacing-val-sm;}
     934                                .acomment-content {
     935                                        padding: 0 $spacing-val-sm;
     936                                }
    868937                        } // close @media
    869938
    870939                        .ac-form {
    … …  
    874943                                        color: rgba($body-text, 0.8);
    875944                                        display: inline-block;
    876945                                        font-family: inherit;
     946
    877947                                        @include font-size(12);
    878948                                        font-weight: normal;
    879949                                        line-height: 1.2;
    … …  
    907977*/
    908978
    909979
    910 
    911980/*
    912981*-------------------------------------------------------------------------------
    913982* @section 6.0 - Single Item screens
    … …  
    918987.bp-user {
    919988
    920989        .entry-title {
     990
    921991                @include title-background-dark();
    922992                @include font-size(22);
    923993                margin-bottom: $spacing-val-sm;
    … …  
    925995        }
    926996
    927997        @media screen and (min-width: 673px) {
     998
    928999                .entry-title {
     1000
    9291001                        @include font-size(28);
    9301002                }
    9311003        }
    … …  
    9381010*/
    9391011// override BP margins - users/groups manage their own styles later on
    9401012#buddypress {
     1013
    9411014        div#item-header {
    9421015                padding-bottom: $spacing-val-sm;
    9431016
    … …  
    9511024                        margin-bottom: $spacing-val-xs;
    9521025                        padding-top: $spacing-val-sm;
    9531026
    954                         p {margin-bottom: 0;}
     1027                        p {
     1028                                margin-bottom: 0;
     1029                        }
    9551030                }
    9561031        }
    9571032}
    … …  
    9621037*-------------------------------------------------
    9631038*/
    9641039.single-item.groups {
     1040
    9651041        #buddypress {
    9661042
    9671043                @media screen and (max-width: 594px) {
     1044
    9681045                        div#item-header {
    9691046                                display: flex;
    9701047                                flex-direction: column;
    … …  
    9831060                                        }
    9841061                                }
    9851062
    986                                 #item-header-content {order: 2;}
     1063                                #item-header-content {
     1064                                        order: 2;
     1065                                }
    9871066
    9881067                                #item-actions {
    9891068                                        margin-left: 0;
    … …  
    10141093                                width: auto;
    10151094
    10161095                                h3 {
     1096
    10171097                                        @include font-size(20);
    10181098                                }
    10191099                        }
    … …  
    10281108                        }
    10291109
    10301110                        @media screen and (min-width: 594px) {
     1111
    10311112                                #item-actions {
    10321113                                        float: right;
    10331114                                }
    … …  
    10531134*/
    10541135
    10551136.bp-user #buddypress {
     1137
    10561138        #item-header {
    10571139
    10581140                #item-header-avatar {
    … …  
    10691151                }
    10701152
    10711153                @media screen and (max-width: 594px) {
     1154
    10721155                        #item-buttons {
     1156
    10731157                                div.generic-button {
    10741158                                        display: inline-block;
    10751159                                        float: none;
    … …  
    10771161                                        width: 100%;
    10781162
    10791163                                        a {
     1164
    10801165                                                @include box-model();
    10811166                                                display: block;
    10821167                                                width: 100%;
    … …  
    10861171                }
    10871172
    10881173                @media screen and (min-width: 673px) {
     1174
    10891175                        #item-header-avatar {
    10901176                                float: left;
    10911177                                overflow: hidden;
    … …  
    11311217#create-group-form {
    11321218
    11331219        .radio {
     1220
    11341221                strong {
     1222
    11351223                        @include font-size(18);
    11361224                }
    11371225
    … …  
    11401228                }
    11411229        }
    11421230
    1143         #group-creation-previous {margin: $spacing-val-sm 0;}
     1231        #group-creation-previous {
     1232                margin: $spacing-val-sm 0;
     1233        }
    11441234}
    11451235
    11461236/* Manage Members */
    11471237.groups.manage-members {
     1238
    11481239        #group-settings-form {
    11491240
    1150                 h4 {margin-top: $spacing-val-lg;}
     1241                h4 {
     1242                        margin-top: $spacing-val-lg;
     1243                }
    11511244
    11521245                .item-list {
    11531246                        background: $light-background;
    … …  
    11561249
    11571250                        li {
    11581251                                border-bottom: 1px solid $border-light;
    1159                                 &:last-child {border-bottom: 0;}
    11601252
     1253                                &:last-child {
     1254                                        border-bottom: 0;
     1255                                }
     1256
    11611257                                img,
    11621258                                h5 {
    11631259                                        clear: none;
    11641260                                        float: left;
    1165                                         > a {border-bottom: 0;}
     1261
     1262                                        > a {
     1263                                                border-bottom: 0;
     1264                                        }
    11661265                                }
    11671266
    11681267                                span.small {
    … …  
    11981297        */
    11991298
    12001299#buddypress {
     1300
    12011301        #members-group-list {
     1302
    12021303                .item-list {
     1304
    12031305                        h5 {
    12041306                                display: inline-block;
    12051307                                margin: 0;
    … …  
    12131315} // close #buddypress
    12141316
    12151317#buddypress {
     1318
    12161319        #item-body {
     1320
    12171321                #subnav {
     1322
    12181323                        li.groups-members-search:focus,
    12191324                        li.groups-members-search:hover,
    12201325                        li.last:focus,
    … …  
    12271332
    12281333// Need to target groups members via body classes
    12291334.groups.group-members {
     1335
    12301336        #subnav {
    12311337
    12321338                ul:before,
    … …  
    12351341                        display: table;
    12361342                }
    12371343
    1238                 ul:after {clear: both; }
     1344                ul:after {
     1345                        clear: both;
     1346                }
    12391347
    12401348                ul {
    12411349                        padding: $spacing-val-xs 0;
    … …  
    12511359                        }
    12521360
    12531361                        #search-members-form {
     1362
    12541363                                @include box-model(border-box);
    12551364                                float: left;
    12561365
    … …  
    12591368                                        width: 100%;
    12601369
    12611370                                        label {
    1262                                                 input[type="text"] {width: 100%;}
     1371
     1372                                                input[type="text"] {
     1373                                                        width: 100%;
     1374                                                }
    12631375                                        }
    12641376                                }
    12651377
    … …  
    12801392        */
    12811393
    12821394.send-invites {
     1395
    12831396        #buddypress {
     1397
    12841398                #item-body {
     1399
    12851400                        @media screen and (min-width: 783px) {
    12861401                                border-top: 1px solid $nav-background-border;
    12871402                        }
    12881403
    12891404                        @media screen and (max-width: 400px) {
     1405
    12901406                                .left-menu {
    12911407                                        float: none;
    12921408
    … …  
    13021418                        }
    13031419
    13041420                        li {
     1421
    13051422                                img.avatar {
    13061423                                        display: block;
    13071424                                        float: none;
    … …  
    13201437                        }
    13211438
    13221439                        @media screen and (min-width: 594px) {
    1323                                 #invite-list {width: 160px;}
    1324                                 .main-column {margin-left: 190px;}
    13251440
     1441                                #invite-list {
     1442                                        width: 160px;
     1443                                }
     1444
     1445                                .main-column {
     1446                                        margin-left: 190px;
     1447                                }
     1448
    13261449                                li {
     1450
    13271451                                        img.avatar {
    13281452                                                float: left;
    13291453                                                margin: 0 $spacing-val-sm 0 0;
    … …  
    13501474
    13511475
    13521476#buddypress {
     1477
    13531478        .profile {
    13541479
    13551480                .bp-widget {
     1481
    13561482                        h4 {
    13571483                                background: $medium-background;
    13581484                                color: #fff;
    … …  
    13631489                // Edit profile
    13641490
    13651491                #profile-edit-form {
     1492
    13661493                        .button-nav:before,
    13671494                        .button-nav:after {
    13681495                                content: " ";
    … …  
    13911518                                a {
    13921519                                        background: none;
    13931520                                        border: 0;
    1394                                         @include font-size(18)
     1521
     1522                                        @include font-size(18);
    13951523                                }
    13961524                        } //.button-nav
    13971525
    13981526                        .field-visibility-settings-toggle,
    13991527                        .field-visibility-settings {
     1528
    14001529                                @include font-size(14);
    14011530                        }
    14021531
    … …  
    14361565                        td {
    14371566                                background: $content-background;
    14381567                                border-right: 0 !important;
     1568
    14391569                                @include box-model(border-box);
    14401570                                display: inline-block;
    14411571                                float: left;
    … …  
    14681598                        td.thread-from,
    14691599                        td.thread-options {
    14701600                                border-left: 0;
     1601
    14711602                                @include calc(width, "100% - 30px");
    14721603                                margin-left: 0;
    14731604                        }
    … …  
    14771608                                padding-left: 41px;
    14781609                                width: 100%;
    14791610
    1480                                 a::after {
     1611                                a:after {
    14811612                                        content: " \2013 \00a0"attr(title);
     1613
    14821614                                        @include font-size(12);
    14831615                                }
    14841616                        }
    … …  
    14871619                                text-align: right;
    14881620
    14891621                                a {
     1622
    14901623                                        @include font-size(12);
    14911624                                        line-height: 2.2;
    14921625                                }
    … …  
    15031636
    15041637                                @media screen and (max-width: 320px) {
    15051638                                        clear: both;
     1639
    15061640                                        @include font-size(11);
    15071641                                        width: 100%;
    15081642                                }
    … …  
    15101644                }
    15111645
    15121646                tr.unread {
     1647
    15131648                        td {
    15141649                                background: lighten($unread, 7%);
    15151650                                border-color: $border-med;
    … …  
    15401675        #message-thread {
    15411676
    15421677                #message-subject {
     1678
    15431679                        @include title-background-dark();
    15441680                        padding: 0.5em;
    15451681                }
    15461682
    15471683                .message-box {
     1684
    15481685                        .message-metadata {
    15491686                                margin-bottom: $spacing-val-sm;
    15501687                        }
    … …  
    15601697                list-style: none;
    15611698                margin: 0;
    15621699
    1563                 li {margin-left: 0;}
     1700                li {
     1701                        margin-left: 0;
     1702                }
    15641703
    15651704                li.friend-tab {
    15661705                        background: lighten($notice-info, 20%);
    … …  
    15951734        }
    15961735
    15971736        #message-threads.sitewide-notices {
     1737
    15981738                td {
    15991739                        width: 100%;
    16001740
    16011741                        strong {
     1742
    16021743                                @include title-background-dark();
    16031744                                @include font-size(16);
    16041745                                display: block;
    … …  
    16381779                                text-indent: -999em;
    16391780                        }
    16401781
    1641                         a:last-child::after {
     1782                        a:last-child:after {
    16421783                                content: attr(title);
    16431784                                display: block;
    16441785                                line-height: initial;
    … …  
    16561797                background: #eee;
    16571798                padding-left: $spacing-val-sm;
    16581799
    1659                 ul {    margin: 0; }
     1800                ul {
     1801                        margin: 0;
     1802                }
    16601803
    16611804                li {
    16621805                        margin: $spacing-val-sm 0;
    … …  
    16771820        */
    16781821
    16791822#buddypress {
     1823
    16801824        #settings-form {
    16811825                // 'p' = email notification screen sub heading
    1682                 > p { @include font-size(20); }
     1826                > p {
     1827
     1828                        @include font-size(20);
     1829                }
    16831830        }
    16841831
    16851832        table.notification-settings {
     1833
    16861834                td.yes,
    16871835                td.no {
    16881836                        vertical-align: middle;
    … …  
    16981846                }
    16991847
    17001848                @media screen and (min-width: 401px) {
     1849
    17011850                        th.field-group-name,
    17021851                        td.field-name {
    17031852                                width: 70%;
    … …  
    17051854                }
    17061855
    17071856                td.field-visibility {
    1708                         select {width: 100%;}
     1857
     1858                        select {
     1859                                width: 100%;
     1860                        }
    17091861                }
    17101862        }
    17111863} // close #buddypress - user acounts item-body
    … …  
    17291881        }
    17301882
    17311883        .standard-form {
     1884
    17321885                input[type="text"],
    17331886                input[type="email"],
    17341887                input[type="password"],
    … …  
    17391892        }
    17401893
    17411894        // BP :(
    1742         #send-reply.standard-form textarea {width: 100%;}
     1895        #send-reply.standard-form textarea {
     1896                width: 100%;
     1897        }
    17431898
    17441899        div.activity-comments {
     1900
    17451901                form {
     1902
    17461903                        .ac-textarea {
    17471904                                background: $light-background;
    17481905                                border: 1px solid $border-med;
    … …  
    17771934                                width: 80%;
    17781935                        }
    17791936
    1780                         input[type='text'] {
     1937                        input[type="text"] {
    17811938                                float: left;
    17821939                                margin: 0;
    17831940                                width: 80%;
    17841941                        }
    17851942
    1786                         input[type='text'],
    1787                         input[type='submit'] {
     1943                        input[type="text"],
     1944                        input[type="submit"] {
    17881945                                border: 0;
     1946
    17891947                                @include font-size(14);
    17901948                                line-height: inherit;
    17911949                        }
    17921950
    1793                         input[type='text'] {
     1951                        input[type="text"] {
    17941952                                border-right: 1px solid #ccc;
    17951953                                padding: 0.2em 0 0.2em 0.2em;
    17961954                        }
    17971955
    1798                         input[type='submit'] {
     1956                        input[type="submit"] {
    17991957                                float: right;
    18001958                                font-weight: normal;
    18011959                                padding: 0.2em 1em;
    … …  
    18101968
    18111969        // Shift the search parent to the right and allow to shrinkwrap
    18121970        @media screen and (min-width: 401px) {
     1971
    18131972                div.dir-search,
    18141973                div.message-search {
    18151974                        clear: none;
    … …  
    18161975                        float: right;
    18171976
    18181977                        form {
     1978
    18191979                                label,
    1820                                 input[type='submit'],
    1821                                 input[type='text'] {
     1980                                input[type="submit"],
     1981                                input[type="text"] {
    18221982                                        width: auto;
    18231983                                }
    18241984                        }
    18251985                }
    18261986
    1827                 div.message-search { margin: 3px 0 0;}
     1987                div.message-search {
     1988                        margin: 3px 0 0;
     1989                }
    18281990
    18291991                li.groups-members-search {
     1992
    18301993                        form {
     1994
    18311995                                label,
    1832                                 input[type='submit'],
    1833                                 input[type='text'] {
     1996                                input[type="submit"],
     1997                                input[type="text"] {
    18341998                                        width: auto;
    18351999                                }
    18362000                        }
    … …  
    18462010*-------------------------------------------------------------------------------
    18472011*/
    18482012#buddypress {
     2013
    18492014        table {
    18502015                border-color: $border-med;
    18512016        }
    … …  
    18632028#buddypress {
    18642029
    18652030        div#message {
     2031
    18662032                p {
     2033
    18672034                        @include font-size(18);
    18682035                        font-weight: bold;
    18692036                }
    18702037
    18712038                &.info {
     2039
    18722040                        p {
     2041
    18732042                                @include message-box($notice-info);
    18742043                        }
    18752044                }
    18762045
    18772046                &.updated {
     2047
    18782048                        p {
     2049
    18792050                                @include message-box($notice-update);
    18802051                        }
    18812052                }
    … …  
    18882059// we need to use the body classes
    18892060// todo: If this is class .warning is included in main BP styles remove from here
    18902061.delete-group {
     2062
    18912063        #buddypress {
     2064
    18922065                div#message.info {
     2066
    18932067                        p {
     2068
    18942069                                @include message-box($notice-warning);
    18952070                        }
    18962071                }

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*--------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    884886        .bp-user #buddypress #item-header .generic-button,
    885887        .single-item.groups #buddypress #item-header .generic-button {
    886888                float: none;
    887                 margin: 1.5em 0 0 0;
     889                margin: 1.5em 0 0;
    888890        }
    889891}
    890892
    … …  
    14571459        width: 100%;
    14581460}
    14591461
    1460 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1462.bp-user #buddypress #message-threads tr td.thread-info a:after {
    14611463        content: " ‖ " attr(title);
    14621464        font-size: 12px;
    14631465        font-size: 0.75rem;
    … …  
    15941596        text-indent: -999em;
    15951597}
    15961598
    1597 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1599.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    15981600        content: attr(title);
    15991601        display: block;
    16001602        line-height: initial;
    … …  
    16681670        float: none;
    16691671}
    16701672
    1671 #main #buddypress .standard-form input[type='text'],
    1672 #main #buddypress .standard-form input[type='email'],
    1673 #main #buddypress .standard-form input[type='password'],
     1673#main #buddypress .standard-form input[type="text"],
     1674#main #buddypress .standard-form input[type="email"],
     1675#main #buddypress .standard-form input[type="password"],
    16741676#main #buddypress .standard-form textarea {
    16751677        width: 100%;
    16761678}
    … …  
    17241726        width: 70%;
    17251727}
    17261728
    1727 #buddypress div.dir-search form input[type='text'],
    1728 #buddypress div.message-search form input[type='text'],
    1729 #buddypress li.groups-members-search form input[type='text'] {
     1729#buddypress div.dir-search form input[type="text"],
     1730#buddypress div.message-search form input[type="text"],
     1731#buddypress li.groups-members-search form input[type="text"] {
    17301732        float: right;
    17311733        margin: 0;
    17321734        width: 100%;
    17331735}
    17341736
    1735 #buddypress div.dir-search form input[type='text'],
    1736 #buddypress div.dir-search form input[type='submit'],
    1737 #buddypress div.message-search form input[type='text'],
    1738 #buddypress div.message-search form input[type='submit'],
    1739 #buddypress li.groups-members-search form input[type='text'],
    1740 #buddypress li.groups-members-search form input[type='submit'] {
     1737#buddypress div.dir-search form input[type="text"],
     1738#buddypress div.dir-search form input[type="submit"],
     1739#buddypress div.message-search form input[type="text"],
     1740#buddypress div.message-search form input[type="submit"],
     1741#buddypress li.groups-members-search form input[type="text"],
     1742#buddypress li.groups-members-search form input[type="submit"] {
    17411743        font-size: 14px;
    17421744        font-size: 0.875rem;
    17431745        border: 0;
    … …  
    17441746        line-height: inherit;
    17451747}
    17461748
    1747 #buddypress div.dir-search form input[type='text'],
    1748 #buddypress div.message-search form input[type='text'],
    1749 #buddypress li.groups-members-search form input[type='text'] {
     1749#buddypress div.dir-search form input[type="text"],
     1750#buddypress div.message-search form input[type="text"],
     1751#buddypress li.groups-members-search form input[type="text"] {
    17501752        border-left: 1px solid rgba(212, 208, 186, 0.6);
    17511753        padding: 0.2em 0.2em 0.2em 0;
    17521754}
    17531755
    1754 #buddypress div.dir-search form input[type='submit'],
    1755 #buddypress div.message-search form input[type='submit'],
    1756 #buddypress li.groups-members-search form input[type='submit'] {
     1756#buddypress div.dir-search form input[type="submit"],
     1757#buddypress div.message-search form input[type="submit"],
     1758#buddypress li.groups-members-search form input[type="submit"] {
    17571759        float: left;
    17581760        font-weight: normal;
    17591761        padding: 0.2em 1em;
    … …  
    17701772                margin-bottom: 5px !important;
    17711773        }
    17721774        #buddypress div.dir-search form label,
    1773         #buddypress div.dir-search form input[type='text'],
    1774         #buddypress div.dir-search form input[type='submit'],
     1775        #buddypress div.dir-search form input[type="text"],
     1776        #buddypress div.dir-search form input[type="submit"],
    17751777        #buddypress div.message-search form label,
    1776         #buddypress div.message-search form input[type='text'],
    1777         #buddypress div.message-search form input[type='submit'],
     1778        #buddypress div.message-search form input[type="text"],
     1779        #buddypress div.message-search form input[type="submit"],
    17781780        #buddypress li.groups-members-search form label,
    1779         #buddypress li.groups-members-search form input[type='text'],
    1780         #buddypress li.groups-members-search form input[type='submit'] {
     1781        #buddypress li.groups-members-search form input[type="text"],
     1782        #buddypress li.groups-members-search form input[type="submit"] {
    17811783                width: auto;
    17821784        }
    17831785}
    17841786
    17851787@media screen and (min-width: 75em) {
    1786         #buddypress .dir-search form input[type='text'],
    1787         #buddypress .message-search form input[type='text'] {
     1788        #buddypress .dir-search form input[type="text"],
     1789        #buddypress .message-search form input[type="text"] {
    17881790                font-size: 16px;
    17891791                font-size: 1rem;
    17901792        }
    1791         #buddypress .dir-search form input[type='submit'],
    1792         #buddypress .message-search form input[type='submit'] {
     1793        #buddypress .dir-search form input[type="submit"],
     1794        #buddypress .message-search form input[type="submit"] {
    17931795                font-size: 16px;
    17941796                font-size: 1rem;
    17951797        }

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

     
    11@charset "UTF-8";
     2/* stylelint-disable declaration-colon-space-after */
     3/* stylelint-enable */
    24/*--------------------------------------------------------------
    35
    46This is the BuddyPress companion stylesheet for
    … …  
    884886        .bp-user #buddypress #item-header .generic-button,
    885887        .single-item.groups #buddypress #item-header .generic-button {
    886888                float: none;
    887                 margin: 1.5em 0 0 0;
     889                margin: 1.5em 0 0;
    888890        }
    889891}
    890892
    … …  
    14571459        width: 100%;
    14581460}
    14591461
    1460 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1462.bp-user #buddypress #message-threads tr td.thread-info a:after {
    14611463        content: " ‖ " attr(title);
    14621464        font-size: 12px;
    14631465        font-size: 0.75rem;
    … …  
    15941596        text-indent: -999em;
    15951597}
    15961598
    1597 .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1599.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child:after {
    15981600        content: attr(title);
    15991601        display: block;
    16001602        line-height: initial;
    … …  
    16681670        float: none;
    16691671}
    16701672
    1671 #main #buddypress .standard-form input[type='text'],
    1672 #main #buddypress .standard-form input[type='email'],
    1673 #main #buddypress .standard-form input[type='password'],
     1673#main #buddypress .standard-form input[type="text"],
     1674#main #buddypress .standard-form input[type="email"],
     1675#main #buddypress .standard-form input[type="password"],
    16741676#main #buddypress .standard-form textarea {
    16751677        width: 100%;
    16761678}
    … …  
    17241726        width: 70%;
    17251727}
    17261728
    1727 #buddypress div.dir-search form input[type='text'],
    1728 #buddypress div.message-search form input[type='text'],
    1729 #buddypress li.groups-members-search form input[type='text'] {
     1729#buddypress div.dir-search form input[type="text"],
     1730#buddypress div.message-search form input[type="text"],
     1731#buddypress li.groups-members-search form input[type="text"] {
    17301732        float: left;
    17311733        margin: 0;
    17321734        width: 100%;
    17331735}
    17341736
    1735 #buddypress div.dir-search form input[type='text'],
    1736 #buddypress div.dir-search form input[type='submit'],
    1737 #buddypress div.message-search form input[type='text'],
    1738 #buddypress div.message-search form input[type='submit'],
    1739 #buddypress li.groups-members-search form input[type='text'],
    1740 #buddypress li.groups-members-search form input[type='submit'] {
     1737#buddypress div.dir-search form input[type="text"],
     1738#buddypress div.dir-search form input[type="submit"],
     1739#buddypress div.message-search form input[type="text"],
     1740#buddypress div.message-search form input[type="submit"],
     1741#buddypress li.groups-members-search form input[type="text"],
     1742#buddypress li.groups-members-search form input[type="submit"] {
    17411743        font-size: 14px;
    17421744        font-size: 0.875rem;
    17431745        border: 0;
    … …  
    17441746        line-height: inherit;
    17451747}
    17461748
    1747 #buddypress div.dir-search form input[type='text'],
    1748 #buddypress div.message-search form input[type='text'],
    1749 #buddypress li.groups-members-search form input[type='text'] {
     1749#buddypress div.dir-search form input[type="text"],
     1750#buddypress div.message-search form input[type="text"],
     1751#buddypress li.groups-members-search form input[type="text"] {
    17501752        border-right: 1px solid rgba(212, 208, 186, 0.6);
    17511753        padding: 0.2em 0 0.2em 0.2em;
    17521754}
    17531755
    1754 #buddypress div.dir-search form input[type='submit'],
    1755 #buddypress div.message-search form input[type='submit'],
    1756 #buddypress li.groups-members-search form input[type='submit'] {
     1756#buddypress div.dir-search form input[type="submit"],
     1757#buddypress div.message-search form input[type="submit"],
     1758#buddypress li.groups-members-search form input[type="submit"] {
    17571759        float: right;
    17581760        font-weight: normal;
    17591761        padding: 0.2em 1em;
    … …  
    17701772                margin-bottom: 5px !important;
    17711773        }
    17721774        #buddypress div.dir-search form label,
    1773         #buddypress div.dir-search form input[type='text'],
    1774         #buddypress div.dir-search form input[type='submit'],
     1775        #buddypress div.dir-search form input[type="text"],
     1776        #buddypress div.dir-search form input[type="submit"],
    17751777        #buddypress div.message-search form label,
    1776         #buddypress div.message-search form input[type='text'],
    1777         #buddypress div.message-search form input[type='submit'],
     1778        #buddypress div.message-search form input[type="text"],
     1779        #buddypress div.message-search form input[type="submit"],
    17781780        #buddypress li.groups-members-search form label,
    1779         #buddypress li.groups-members-search form input[type='text'],
    1780         #buddypress li.groups-members-search form input[type='submit'] {
     1781        #buddypress li.groups-members-search form input[type="text"],
     1782        #buddypress li.groups-members-search form input[type="submit"] {
    17811783                width: auto;
    17821784        }
    17831785}
    17841786
    17851787@media screen and (min-width: 75em) {
    1786         #buddypress .dir-search form input[type='text'],
    1787         #buddypress .message-search form input[type='text'] {
     1788        #buddypress .dir-search form input[type="text"],
     1789        #buddypress .message-search form input[type="text"] {
    17881790                font-size: 16px;
    17891791                font-size: 1rem;
    17901792        }
    1791         #buddypress .dir-search form input[type='submit'],
    1792         #buddypress .message-search form input[type='submit'] {
     1793        #buddypress .dir-search form input[type="submit"],
     1794        #buddypress .message-search form input[type="submit"] {
    17931795                font-size: 16px;
    17941796                font-size: 1rem;
    17951797        }

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

     
    3636//
    3737
    3838@mixin small-up {
     39
    3940        @media screen and (min-width: 44.375em) {
     41
    4042                @content;
    4143        }
    4244}
    4345
    4446@mixin medium-up {
     47
    4548        @media screen and (min-width: 61.5625em) {
     49
    4650                @content;
    4751        }
    4852}
    4953
    5054@mixin large-up {
     55
    5156        @media screen and (min-width: 75em) {
     57
    5258                @content;
    5359        }
    5460}
    … …  
    139145        @if $text-color {
    140146                // if a param was passed through
    141147                $text-color: $text-color;
    142         } @else {
     148        }
     149
     150        @else {
    143151                $text-color: darken($background, 50%);
    144152        }
    145153
    … …  
    154162}
    155163
    156164// Variables: color definitions
    157 $body-text:          #141412;
     165/* stylelint-disable declaration-colon-space-after */
     166$body-text: #141412;
    158167$content-background: #fff;
    159 $off-white:          lighten(#f9f8ee, 0.7);
    160 $cream-background:   #f7f5e7;
    161 $light-background:   #f7f7f7;
    162 $medium-background:  #ccc;
    163 $dark-background:    #555;
    164 $border-color:       #d4d0ba;    // border color is varied using rgba
    165 $border-light:       #eaeaea; // BP dividers
     168$off-white: lighten(#f9f8ee, 0.7);
     169$cream-background: #f7f5e7;
     170$light-background: #f7f7f7;
     171$medium-background: #ccc;
     172$dark-background: #555;
     173$border-color: #d4d0ba;    // border color is varied using rgba
     174$border-light: #eaeaea; // BP dividers
    166175$border-med:         #ddd;
    167176$background-hover:   #db572f; // 2016 link background hover
    168177$bp-button-hover:    #ededed; // this is the default BP button hover background
    … …  
    174183$stripe-even:        #dbe5ff;
    175184$unread:             #dce5ff;
    176185$link-action:        #c82b2b;
     186/* stylelint-enable */
    177187/*--------------------------------------------------------------
    178188
    179189This is the BuddyPress companion stylesheet for
    … …  
    236246*/
    237247
    238248
    239 
    240249.buddypress {
    241250        // Remove any empty clearing elements, CSS provides clearing.
    242         div.clear {display: none;}
     251        div.clear {
     252                display: none;
     253        }
    243254
    244255        // Ensure no text decoration or box shadow causing underlined effect.
    245256        #page a {
    … …  
    259270        // but margins & padding still in effect for sidebar style.css L:2781.
    260271
    261272        @include small-up {
     273
    262274                #primary {
    263275                        float: none;
    264276                        margin: 0;
    … …  
    284296        }
    285297
    286298        @include medium-up {
     299
    287300                #primary {
    288301                        float: left;
    289302                        margin-right: -100%;
    … …  
    327340*/
    328341
    329342
    330 
    331343/**
    332344*----------------------------------------------------------
    333345* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
    … …  
    343355
    344356        // active/current states all navs
    345357        div.item-list-tabs {
     358
    346359                ul {
     360
    347361                        li.selected {
     362
    348363                                a {
    349364                                        background: inherit;
    350365                                        opacity: 1;
    … …  
    354369        }
    355370        // global nav styles
    356371        div.item-list-tabs {
     372
    357373                ul {
    358374                        background-color: $cream-background;
    359375                        border-bottom: 1px solid rgba($border-light, 0.9);
    … …  
    362378                        padding: 0;
    363379
    364380                        li {
     381
    365382                                a {
    366                                         span {border-radius: 25%;}
     383
     384                                        span {
     385                                                border-radius: 25%;
     386                                        }
    367387                                }
    368388                        }
    369389                }
    … …  
    401421
    402422                                &:hover,
    403423                                &:focus {
    404                                         &:before {content: "Menu \021E7";}
    405424
     425                                        &:before {
     426                                                content: "Menu \021E7";
     427                                        }
     428
    406429                                        ul {
    407430                                                height: 320px;
    408431                                                opacity: 1;
    … …  
    433456                        }
    434457
    435458                        @media screen and (max-width: 38.75em) {
     459
    436460                                li:not(:last-child) {
    437461                                        border-bottom: 1px solid $border-light;
    438462                                }
    … …  
    439463                        }
    440464
    441465                        li:not(.selected) {
    442                                 a {opacity: 0.7;}
    443466
     467                                a {
     468                                        opacity: 0.7;
     469                                }
     470
    444471                                @media screen and (max-width: 38.75em) {
     472
    445473                                        &:focus,
    446474                                        &:hover {
    447475                                                background: darken($cream-background, 2%);
    … …  
    450478                        }
    451479
    452480                        @media screen and (min-width: 38.75em) {
     481
    453482                                li {
    454483                                        float: left;
    455484                                }
    … …  
    482511                                select,
    483512                                label,
    484513                                option {
     514
    485515                                        @include font-size(14);
    486516                                }
    487517
    … …  
    491521                        }
    492522
    493523                        @media screen and (min-width: 38.75em) {
     524
    494525                                li.last {
    495526                                        text-align: right;
    496527                                }
    … …  
    511542@media screen and (min-width: 55em) {
    512543
    513544        body.no-sidebar {
     545
    514546                #buddypress {
    515547
    516548                        #item-header,
    … …  
    552584                                #subnav {
    553585                                        margin: 0 0 0 (-$spacing-val-md);
    554586
    555                                         ul {margin-top: 0;}
     587                                        ul {
     588                                                margin-top: 0;
     589                                        }
    556590                                }
    557591                        }
    558592
    … …  
    565599// Primarilly used for group create screens & ? directory nav.
    566600
    567601@media screen and (min-width: 46.25em) {
     602
    568603        #main {
     604
    569605                #buddypress {
    570606
    571607                        #group-create-tabs.item-list-tabs {
    … …  
    596632                                        li.current {
    597633                                                border: 1px solid $border-med;
    598634                                                border-bottom-color: $content-background;
     635
    599636                                                @include border-top-radius(4px);
    600637                                                margin-bottom: -1px;
    601638
    … …  
    610647                        } // close .item-list-tabs
    611648
    612649                        #subnav {
     650
    613651                                ul {
    614652                                        border-bottom: 0;
    615653                                }
    … …  
    637675                        width: 0;
    638676                }
    639677
    640                 .pag-count {margin-left: 0;}
     678                .pag-count {
     679                        margin-left: 0;
     680                }
     681
    641682                .pagination-links {
    642683                        margin-right: 0;
    643684
    … …  
    654695                                color: inherit;
    655696                                overflow: visible;
    656697                                width: auto;
    657                                 &:before {display: none;}
     698
     699                                &:before {
     700                                        display: none;
     701                                }
    658702                        }
    659703
    660704                        .prev {
    … …  
    678722
    679723// Adjusts Meta items and various elements to match 2016 font-family
    680724#buddypress {
     725
    681726        .item-list {
     727
    682728                .activity-header,
    683729                .activity-meta {
     730
    684731                        @include default-font-sans();
    685732                }
    686733        }
    … …  
    687734}
    688735
    689736#buddypress {
     737
    690738        .activity-meta {
     739
    691740                .button {
     741
    692742                        &:focus,
    693743                        &:hover {
    694744                                background: inherit;
    … …  
    698748        }
    699749
    700750        .action {
     751
    701752                .generic-button {
     753
    702754                        a {
     755
    703756                                &:focus,
    704757                                &:hover {
    705758                                        background: inherit;
    … …  
    719772// Adjusts Meta items to match 2016 font-family
    720773
    721774#buddypress {
     775
    722776        ul.item-list {
     777
    723778                li {
    724779                        overflow: hidden !important;
    725780
    … …  
    733788
    734789                                text-align: center;
    735790
    736                                 a {border-bottom: 0;}
     791                                a {
     792                                        border-bottom: 0;
     793                                }
    737794
    738795                                img.avatar {
    739796                                        display: inline-block;
    … …  
    765822                                }
    766823
    767824                                .item-title {
     825
    768826                                        @include font-size(18);
    769827                                        line-height: 1.2;
    770828                                        text-align: center;
    … …  
    777835
    778836                                        .update {
    779837                                                display: block;
     838
    780839                                                @include font-size(12);
    781840
    782841                                                @include medium-up {
     842
    783843                                                        @include font-size(14);
    784844                                                }
    785845
    … …  
    791851                        }
    792852
    793853                        @include medium-up {
     854
    794855                                .item-avatar,
    795856                                .item,
    796857                                .action {
    … …  
    804865                                        width: 55%;
    805866
    806867                                        .item-title {
    807                                                 @include font-size(22)
     868
     869                                                @include font-size(22);
    808870                                        }
    809871                                }
    810 
    811872                        }// close medium-up
    812873
    813874                        div.action {
    … …  
    880941*/
    881942
    882943#buddypress {
     944
    883945        form#whats-new-form {
    884946
    885947                // Line-height issue inherited from BP rules, override.
    … …  
    890952                // corrective measure for clipped elements due to JS inline styling
    891953
    892954                @media screen and (max-width: 46.25em) {
     955
    893956                        #whats-new-content {
    894957                                clear: left;
    895958                                margin: $spacing-val-sm 0 $spacing-val-md;
    … …  
    898961                }
    899962
    900963                #whats-new-content.active {
     964
    901965                        #whats-new-options[style] {
     966
    902967                                #whats-new-post-in-box {
    903968                                        border: 1px solid rgba($border-color, 0.5);
    904969                                        float: left;
    … …  
    918983                                }
    919984
    920985                                @media screen and (min-width: 30em) {
     986
    921987                                        #whats-new-post-in-box {
    922988                                                width: auto;
    923989                                        }
    … …  
    9341000
    9351001        // User account form requires matching bp default specificity
    9361002        #item-body {
     1003
    9371004                form#whats-new-form {
    9381005                        margin: $spacing-val-lg 0;
    9391006                }
    … …  
    9771044                                margin-left: 0;
    9781045
    9791046                                .activity-header {
     1047
    9801048                                        @include font-size(14);
    9811049                                }
    9821050                        }
    … …  
    9871055                                        float: left;
    9881056                                        margin-right: $spacing-val-sm;
    9891057                                        text-align: left;
    990                                         a {border-bottom: 0;}
     1058
     1059                                        a {
     1060                                                border-bottom: 0;
     1061                                        }
    9911062                                }
    9921063
    9931064                                .activity-content {
    … …  
    9951066                                        overflow: hidden;
    9961067
    9971068                                        .activity-header {
     1069
    9981070                                                @include font-size(16);
    9991071                                        }
    10001072                                }
    … …  
    10041076                } // close li
    10051077
    10061078                li.mini {
     1079
    10071080                        .activity-avatar {
     1081
    10081082                                a {
     1083
    10091084                                        img.avatar {
    10101085                                                height: 30px;
    10111086                                                margin-left: 15px;
    … …  
    10151090                        }
    10161091
    10171092                        .activity-content {
     1093
    10181094                                .activity-header {
     1095
    10191096                                        @include font-size(14);
    10201097                                }
    10211098                        }
    … …  
    10421119                        } // close .activity-header
    10431120
    10441121                        .activity-meta {
     1122
    10451123                                a {
    10461124                                        display: block;
    10471125                                        margin-bottom: $spacing-val-xs;
    … …  
    10641142                        &:hover {
    10651143                                background: darken($light-background, 1%);
    10661144                                border: 1px solid rgba(#9fd1e2, 0.3);
    1067                                 a { font-style: italic; }
     1145
     1146                                a {
     1147                                        font-style: italic;
     1148                                }
    10681149                        }
    10691150
    10701151                        a {
    … …  
    10781159/* Single activity view  - activity permalink */
    10791160
    10801161.activity-permalink {
     1162
    10811163        #buddypress {
     1164
    10821165                #activity-stream {
    10831166
    10841167                        li.activity-item {
    … …  
    10861169                        }
    10871170
    10881171                        li.mini {
     1172
    10891173                                .activity-header {
     1174
    10901175                                        @include font-size(16);
     1176
    10911177                                        @media screen and (min-width: 46.25em) {
     1178
    10921179                                                @include font-size(20);
    10931180                                        }
    10941181
    10951182                                        margin-bottom: $spacing-val-lg;
    1096                                         p {padding: $spacing-val-md;}
     1183
     1184                                        p {
     1185                                                padding: $spacing-val-md;
     1186                                        }
    10971187                                }
    10981188                        }
    10991189                }
    … …  
    11081198#buddypress {
    11091199
    11101200        #activity-stream {
     1201
    11111202                .activity-comments {
    11121203                        border-left: 1px solid $border-light;
    11131204                        margin-top: 5px;
    … …  
    11241215                                        color: rgba($body-text, 0.8);
    11251216                                        display: inline-block;
    11261217                                        font-family: inherit;
     1218
    11271219                                        @include font-size(12);
    11281220                                        font-weight: normal;
    11291221                                        line-height: 1.2;
    … …  
    11561248*/
    11571249
    11581250#buddypress {
     1251
    11591252        #members-list {
    11601253
    11611254                @include medium-up {
     1255
    11621256                        li {
     1257
    11631258                                .item-avatar,
    11641259                                .item {
    11651260                                        float: left;
    … …  
    11871282*/
    11881283
    11891284#buddypress {
     1285
    11901286        #signup_form.standard-form {
    11911287
    11921288                #profile-details-section,
    … …  
    12011297                }
    12021298
    12031299                @media screen and (min-width: 38.75em) {
    1204                         #profile-details-section {float: right;}
    1205                         #basic-details-section {float: left;}
     1300
     1301                        #profile-details-section {
     1302                                float: right;
     1303                        }
     1304
     1305                        #basic-details-section {
     1306                                float: left;
     1307                        }
    12061308                }
    12071309
    12081310        }
    … …  
    12231325
    12241326.bp-user,
    12251327.single-item.groups {
     1328
    12261329        #buddypress {
     1330
    12271331                #item-header-content {
     1332
    12281333                        #item-meta {
     1334
    12291335                                @include font-size(14);
    12301336                                text-align: left;
    12311337
    1232                                 p {margin-bottom: 0.5em;}
     1338                                p {
     1339                                        margin-bottom: 0.5em;
     1340                                }
    12331341                        }
    12341342                }
    12351343        }
    12361344
    12371345        @media screen and (max-width: 46.25em) {
     1346
    12381347                main {
     1348
    12391349                        header.entry-header {
    12401350                                padding-bottom: 1rem;
    12411351                        }
    … …  
    12431353        }
    12441354
    12451355        @media screen and (max-width: 38.75em) {
     1356
    12461357                h1,
    12471358                #item-header-content {
    12481359                        text-align: center;
    … …  
    12501361        }
    12511362
    12521363        #buddypress {
     1364
    12531365                @media screen and (max-width: 46.25em) {
     1366
    12541367                        #item-header {
     1368
    12551369                                .generic-button {
    12561370                                        float: none;
    1257                                         margin: 1.5em 0 0 0;
     1371                                        margin: 1.5em 0 0;
    12581372                                }
    12591373                        }
    12601374                }
    12611375
    12621376                @media screen and (max-width: 38.75em) {
     1377
    12631378                        h1 {
    12641379                                margin-bottom: 0;
    12651380                        }
    12661381
    12671382                        #item-header-avatar {
     1383
    12681384                                img.avatar {
    12691385                                        margin-right: 0;
    12701386                                }
    … …  
    12861402*/
    12871403
    12881404.single-item.groups {
     1405
    12891406        #buddypress {
     1407
    12901408                @media screen and (max-width: 46.25em) {
     1409
    12911410                        #item-header {
     1411
    12921412                                #item-meta {
    12931413                                        margin-bottom: $spacing-val-md;
    12941414                                }
    … …  
    12981418                // Move visual flow of avatar & item-actions at narrow width,
    12991419                // avatar first after group title
    13001420                @media screen and (max-width: 38.75em) {
     1421
    13011422                        div#item-header {
    13021423                                display: flex;
    13031424                                flex-direction: column;
    … …  
    13581479                                h3 {
    13591480                                        //background: $dark-background;
    13601481                                        //color: $content-background;
     1482
    13611483                                        @include font-size(14);
    13621484
    13631485                                        @media screen and (min-width: 46.25em) {
     1486
    13641487                                                @include font-size(16);
    13651488                                        }
    13661489
    … …  
    14041527*/
    14051528
    14061529.bp-user {
     1530
    14071531        #buddypress {
     1532
    14081533                #item-header {
    14091534                        padding: $spacing-val-md 0;
    14101535
    … …  
    14211546                        }
    14221547
    14231548                        @media screen and (min-width: 46.25em) {
     1549
    14241550                                #item-header-avatar {
    14251551                                        float: left;
    14261552                                        width: 20%;
    … …  
    14651591
    14661592// headings settings screens & general global settings styles
    14671593.groups {
     1594
    14681595        #group-settings-form {
     1596
    14691597                h4 {
    14701598                        background: $dark-background;
    14711599                        color: $content-background;
    … …  
    14751603}
    14761604
    14771605.groups.edit-details {
     1606
    14781607        #group-settings-form {
    14791608
    14801609                label {
    … …  
    14861615                textarea + p label {
    14871616                        background: none;
    14881617                        color: inherit;
     1618
    14891619                        @include font-size(14);
    14901620                        width: auto;
    14911621                }
    … …  
    14991629} // close .groups.edit-details
    15001630
    15011631.groups.group-settings {
     1632
    15021633        #group-settings-form {
    15031634
    15041635                div.radio label {
    … …  
    15071638
    15081639                        ul {
    15091640                                color: rgba($body-text, 0.6);
     1641
    15101642                                @include font-size(14);
    15111643                        }
    15121644                }
    … …  
    15231655}
    15241656
    15251657.groups.manage-members {
     1658
    15261659        #group-settings-form {
     1660
    15271661                .item-list {
     1662
    15281663                        li {
    15291664                                border-bottom: 1px solid $border-light;
    15301665
    … …  
    15321667                                h5 {
    15331668                                        float: left;
    15341669
    1535                                         > a {border-bottom: 0;}
     1670                                        > a {
     1671                                                border-bottom: 0;
     1672                                        }
    15361673                                }
    15371674
    15381675                                span.small {
    … …  
    15691706
    15701707// Massage the members search for groups nav specifically.
    15711708.groups.group-members {
     1709
    15721710        #subnav {
     1711
    15731712                li {
     1713
    15741714                        @media screen and (max-width: 38.75em) {
    15751715                                background: $content-background;
    15761716                                padding: $spacing-val-md 0;
    … …  
    15861726                                        width: 100%;
    15871727
    15881728                                        label {
    1589                                                 input[type="text"] {width: 100%;}
     1729
     1730                                                input[type="text"] {
     1731                                                        width: 100%;
     1732                                                }
    15901733                                        }
    15911734                                }
    15921735
    … …  
    16051748*/
    16061749
    16071750.bp-user {
    1608         .entry-title {margin-bottom: 0.5em;}
     1751
     1752        .entry-title {
     1753                margin-bottom: 0.5em;
     1754        }
    16091755}
    16101756
    16111757/**
    … …  
    16181764        #buddypress {
    16191765
    16201766                table {
    1621                         th {@include font-size(14)}
    1622                         td {@include font-size(12)}
    16231767
     1768                        th {
     1769
     1770                                @include font-size(14);
     1771                        }
     1772
     1773                        td {
     1774
     1775                                @include font-size(12);
     1776                        }
     1777
    16241778                        @include medium-up {
    1625                                 th {@include font-size(16)}
    1626                                 td {@include font-size(14)}
     1779
     1780                                th {
     1781
     1782                                        @include font-size(16);
     1783                                }
     1784
     1785                                td {
     1786
     1787                                        @include font-size(14);
     1788                                }
    16271789                        }
    16281790
    16291791                        @include large-up {
    1630                                 th {@include font-size(18)}
    1631                                 td {@include font-size(16)}
     1792
     1793                                th {
     1794
     1795                                        @include font-size(18);
     1796                                }
     1797
     1798                                td {
     1799
     1800                                        @include font-size(16);
     1801                                }
    16321802                        }
    16331803                }
    16341804
    1635                 .pag-count {font-style: italic;}
     1805                .pag-count {
     1806                        font-style: italic;
     1807                }
    16361808
    16371809                .notifications-options-nav {
    16381810                        border: 1px solid rgba($border-color, 0.5);
    … …  
    16461818                        select,
    16471819                        input {
    16481820                                border: 0;
     1821
    16491822                                @include font-size(14);
    16501823                                outline: 0;
    16511824                                padding: 0;
    … …  
    16801853        #buddypress {
    16811854
    16821855                .profile {
     1856
    16831857                        .bp-widget {
     1858
    16841859                                h4 {
    16851860                                        background: lighten($dark-background, 10%);
    16861861                                        color: #fff;
    … …  
    16881863                                        padding: 0.4em;
    16891864                                }
    16901865
    1691                                 table {margin-top: 0;}
     1866                                table {
     1867                                        margin-top: 0;
     1868                                }
    16921869                        }
    16931870                        /* Edit profile */
    16941871
    16951872                        #profile-edit-form {
     1873
    16961874                                .button-nav:before,
    16971875                                .button-nav:after {
    16981876                                        content: " ";
    … …  
    17211899                                        a {
    17221900                                                background: none;
    17231901                                                border: 0;
    1724                                                 @include font-size(18)
     1902
     1903                                                @include font-size(18);
    17251904                                        }
    17261905                                } //.button-nav
    17271906
    17281907                                .field-visibility-settings-toggle,
    17291908                                .field-visibility-settings {
     1909
    17301910                                        @include font-size(14);
    17311911                                }
    17321912
    … …  
    17391919                        } // close profile form
    17401920
    17411921                        .bp-avatar {
     1922
    17421923                                #bp-delete-avatar {
    1743                                         a {font-size: inherit; }
     1924
     1925                                        a {
     1926                                                font-size: inherit;
     1927                                        }
    17441928                                }
    17451929                        }
    17461930                } // close .profile
    … …  
    17591943        #buddypress {
    17601944
    17611945                #groups-list {
     1946
    17621947                        li {
     1948
    17631949                                .item {
     1950
    17641951                                        @media screen and (min-width: 77.5em) {
    17651952                                                left: 5%;
    17661953                                                width: 50%;
    … …  
    18111998                                }
    18121999
    18132000                                @media screen and (min-width: 46.25em) {
     2001
    18142002                                        img.avatar {
    18152003                                                float: left;
    18162004                                        }
    … …  
    18312019                        }
    18322020
    18332021                        #send-reply {
     2022
    18342023                                .message-content {
    18352024                                        background: $content-background;
    18362025                                        border: 0;
    … …  
    18462035                #message-threads {
    18472036
    18482037                        thead {
     2038
    18492039                                tr {
    18502040                                        background: lighten($dark-background, 10%);
    18512041                                }
    … …  
    18522042                        }
    18532043
    18542044                        tr {
     2045
    18552046                                td {
    18562047                                        background: $content-background;
    18572048                                        display: inline-block;
    … …  
    18912082                                td.thread-from,
    18922083                                td.thread-options {
    18932084                                        border-left: 0 !important;
     2085
    18942086                                        @include calc(width, "100% - 30px");
    18952087                                        margin-left: 0;
    18962088                                }
    … …  
    18992091                                        padding-left: 41px;
    19002092                                        width: 100%;
    19012093
    1902                                         a::after {
     2094                                        a:after {
    19032095                                                content: " \2016 \00a0"attr(title);
     2096
    19042097                                                @include font-size(12);
    19052098                                        }
    19062099                                }
    … …  
    19092102                                        text-align: right;
    19102103
    19112104                                        a {
     2105
    19122106                                                @include font-size(12);
    19132107                                                line-height: 2.2;
    19142108                                        }
    … …  
    19252119
    19262120                                        @media screen and (max-width: 38.75em) {
    19272121                                                clear: both;
     2122
    19282123                                                @include font-size(11);
    19292124                                                width: 100%;
    19302125                                        }
    … …  
    19322127                        }
    19332128
    19342129                        tr.unread {
     2130
    19352131                                td {
    19362132                                        background: $unread;
    19372133                                        border-color: $border-color;
    … …  
    19592155                .acfb-holder {
    19602156                        list-style: none;
    19612157
    1962                         li {margin-left: 0;}
     2158                        li {
     2159                                margin-left: 0;
     2160                        }
    19632161
    19642162                        li.friend-tab {
    19652163                                background: lighten($notice-info, 20%);
    … …  
    20162214                        }
    20172215
    20182216                        td:nth-child(2) {
     2217
    20192218                                strong {
    20202219                                        margin: -8px -8px 8px;
    20212220                                }
    … …  
    20432242                                        text-indent: -999em;
    20442243                                }
    20452244
    2046                                 a:last-child::after {
     2245                                a:last-child:after {
    20472246                                        content: attr(title);
    20482247                                        display: block;
    20492248                                        line-height: initial;
    … …  
    20592258                background: #eee;
    20602259                padding-left: $spacing-val-sm;
    20612260
    2062                 ul {    margin: 0; }
     2261                ul {
     2262                        margin: 0;
     2263                }
    20632264
    20642265                li {
    20652266                        margin: $spacing-val-sm 0;
    … …  
    20862287                #settings-form {
    20872288                        // 'p' = email notification screen sub heading
    20882289                        > p {
     2290
    20892291                                @include font-size(20);
    20902292                                margin: $spacing-val-md 0 $spacing-val-sm;
    20912293                        }
    … …  
    20922294                }
    20932295
    20942296                table.notification-settings {
     2297
    20952298                        td.yes,
    20962299                        td.no {
    20972300                                vertical-align: middle;
    … …  
    21072310                        }
    21082311
    21092312                        @media screen and (min-width: 46.25em) {
     2313
    21102314                                th.field-group-name,
    21112315                                td.field-name {
    21122316                                        width: 70%;
    … …  
    21192323                        }
    21202324
    21212325                        td.field-visibility {
    2122                                 select {width: 100%;}
     2326
     2327                                select {
     2328                                        width: 100%;
     2329                                }
    21232330                        }
    21242331                }
    21252332
    … …  
    21352342
    21362343// Attempt to reset form control widths
    21372344#main {
     2345
    21382346        #buddypress {
     2347
    21392348                .standard-form {
    21402349
    2141                         li {float: none;}
    2142                         input[type='text'],
    2143                         input[type='email'],
    2144                         input[type='password'],
     2350                        li {
     2351                                float: none;
     2352                        }
     2353
     2354                        input[type="text"],
     2355                        input[type="email"],
     2356                        input[type="password"],
    21452357                        textarea {
    21462358                                width: 100%;
    21472359                        }
    … …  
    21572369        div.activity-comments {
    21582370
    21592371                form {
     2372
    21602373                        .ac-textarea {
    21612374                                background: $light-background;
    21622375                                border: 1px solid rgba($border-color, 0.5);
    … …  
    21852398        } // close .standard-form
    21862399
    21872400        #signup_form.standard-form {
     2401
    21882402                div.submit {
    21892403                        float: none;
    21902404
    2191                         input {margin-right: 0;}
     2405                        input {
     2406                                margin-right: 0;
     2407                        }
    21922408                }
    21932409        }
    21942410
    … …  
    21952411} // close #buddypress
    21962412
    21972413#buddypress {
     2414
    21982415        div.dir-search,
    21992416        div.message-search,
    22002417        li.groups-members-search {
    … …  
    22132430                                width: 70%;
    22142431                        }
    22152432
    2216                         input[type='text'] {
     2433                        input[type="text"] {
    22172434                                float: left;
    22182435                                margin: 0;
    22192436                                width: 100%;
    22202437                        }
    22212438
    2222                         input[type='text'],
    2223                         input[type='submit'] {
     2439                        input[type="text"],
     2440                        input[type="submit"] {
     2441
    22242442                                @include font-size(14);
    22252443                                border: 0;
    22262444                                line-height: inherit;
    22272445                        }
    22282446
    2229                         input[type='text'] {
     2447                        input[type="text"] {
    22302448                                border-right: 1px solid rgba($border-color, 0.6);
    22312449                                padding: 0.2em 0 0.2em 0.2em;
    22322450                        }
    22332451
    2234                         input[type='submit'] {
     2452                        input[type="submit"] {
    22352453                                float: right;
    22362454                                font-weight: normal;
    22372455                                padding: 0.2em 1em;
    … …  
    22462464        // Shift the search parent to the right and allow to shrinkwrap
    22472465
    22482466        @media screen and (min-width: 38.75em) {
     2467
    22492468                div.dir-search,
    22502469                div.message-search,
    22512470                li.groups-members-search {
    … …  
    22532472                        margin-bottom: 5px !important;
    22542473
    22552474                        form {
     2475
    22562476                                label,
    2257                                 input[type='text'],
    2258                                 input[type='submit'] {
     2477                                input[type="text"],
     2478                                input[type="submit"] {
    22592479                                        width: auto;
    22602480                                }
    22612481                        }
    … …  
    22682488
    22692489                .dir-search,
    22702490                .message-search {
     2491
    22712492                        form {
    2272                                 input[type='text'] { @include font-size(16) ;}
    2273                                 input[type='submit'] { @include font-size(16) ;}
     2493
     2494                                input[type="text"] {
     2495
     2496                                        @include font-size(16);
     2497                                }
     2498
     2499                                input[type="submit"] {
     2500
     2501                                        @include font-size(16);
     2502                                }
    22742503                        }
    22752504                }
    22762505        }
    … …  
    22882517// a more general typography section to manage BP elements grouped under
    22892518// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
    22902519#buddypress {
     2520
    22912521        table {
     2522
    22922523                @include font-size(14);
    22932524                margin: $spacing-val-md 0;
    22942525
    … …  
    22992530                }
    23002531
    23012532                // Reduce the themes inherited paragraph margins in tables
    2302                 p {margin-bottom: 0.5em;}
     2533                p {
     2534                        margin-bottom: 0.5em;
     2535                }
    23032536        }
    23042537
    23052538        @media screen and (min-width: 55em) {
    2306                 table {@include font-size(16);}
     2539
     2540                table {
     2541
     2542                        @include font-size(16);
     2543                }
    23072544        }
    23082545}
    23092546
    … …  
    23142551        // Manage some table cells widths that are disproportionate to their content
    23152552        .notifications,
    23162553        .messages-notices {
     2554
    23172555                th {
    23182556                        width: 30%;
    23192557
    … …  
    23422580                // Notices action buttons, this maybe better moved, temp for now to address
    23432581                // styling issues - this will need styling ideas
    23442582                td {
     2583
    23452584                        .button {
    23462585                                border: 0;
    23472586                                display: block;
    … …  
    23642603// to background color darker by 50%
    23652604
    23662605#buddypress {
     2606
    23672607        div#message {
     2608
    23682609                p {
     2610
    23692611                        @include font-size(18);
    23702612                        font-weight: bold;
    23712613                }
    23722614
    23732615                &.info {
     2616
    23742617                        p {
     2618
    23752619                                @include message-box($notice-info);
    23762620                        }
    23772621                }
    23782622
    23792623                &.updated {
     2624
    23802625                        p {
     2626
    23812627                                @include message-box($notice-update);
    23822628                        }
    23832629                }
    … …  
    23902636// we need to use the body classes
    23912637// todo: If this is class .warning is included in main BP styles remove from here
    23922638.delete-group {
     2639
    23932640        #buddypress {
     2641
    23942642                div#message.info {
     2643
    23952644                        p {
     2645
    23962646                                @include message-box($notice-warning);
    23972647                        }
    23982648                }

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

     
    858858        .bp-user #buddypress #item-header .generic-button,
    859859        .single-item.groups #buddypress #item-header .generic-button {
    860860                float: none;
    861                 margin: 1.5em 0 0 0;
     861                margin: 1.5em 0 0;
    862862        }
    863863}
    864864
    … …  
    15261526        width: 100%;
    15271527}
    15281528
    1529 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1529.bp-user #buddypress #message-threads tr td.thread-info a:after {
    15301530        content: " – " attr(title);
    15311531        font-size: 12px;
    15321532        font-size: 0.75rem;
    … …  
    17101710        float: none;
    17111711}
    17121712
    1713 #main #buddypress .standard-form input[type='text'],
    1714 #main #buddypress .standard-form input[type='email'],
    1715 #main #buddypress .standard-form input[type='password'],
     1713#main #buddypress .standard-form input[type="text"],
     1714#main #buddypress .standard-form input[type="email"],
     1715#main #buddypress .standard-form input[type="password"],
    17161716#main #buddypress .standard-form textarea {
    17171717        width: 100%;
    17181718}
    … …  
    17741774        }
    17751775}
    17761776
    1777 #buddypress div.dir-search form input[type='text'],
    1778 #buddypress div.message-search form input[type='text'],
    1779 #buddypress li.groups-members-search form input[type='text'] {
     1777#buddypress div.dir-search form input[type="text"],
     1778#buddypress div.message-search form input[type="text"],
     1779#buddypress li.groups-members-search form input[type="text"] {
    17801780        float: right;
    17811781        margin: 0;
    17821782        width: 100%;
    17831783}
    17841784
    1785 #buddypress div.dir-search form input[type='text'],
    1786 #buddypress div.dir-search form input[type='submit'],
    1787 #buddypress div.message-search form input[type='text'],
    1788 #buddypress div.message-search form input[type='submit'],
    1789 #buddypress li.groups-members-search form input[type='text'],
    1790 #buddypress li.groups-members-search form input[type='submit'] {
     1785#buddypress div.dir-search form input[type="text"],
     1786#buddypress div.dir-search form input[type="submit"],
     1787#buddypress div.message-search form input[type="text"],
     1788#buddypress div.message-search form input[type="submit"],
     1789#buddypress li.groups-members-search form input[type="text"],
     1790#buddypress li.groups-members-search form input[type="submit"] {
    17911791        font-size: 14px;
    17921792        font-size: 0.875rem;
    17931793        border: 0;
    … …  
    17941794        line-height: inherit;
    17951795}
    17961796
    1797 #buddypress div.dir-search form input[type='text'],
    1798 #buddypress div.message-search form input[type='text'],
    1799 #buddypress li.groups-members-search form input[type='text'] {
     1797#buddypress div.dir-search form input[type="text"],
     1798#buddypress div.message-search form input[type="text"],
     1799#buddypress li.groups-members-search form input[type="text"] {
    18001800        border-left: 1px solid rgba(212, 208, 186, 0.6);
    18011801        padding: 0.2em 0.2em 0.2em 0;
    18021802}
    18031803
    1804 #buddypress div.dir-search form input[type='submit'],
    1805 #buddypress div.message-search form input[type='submit'],
    1806 #buddypress li.groups-members-search form input[type='submit'] {
     1804#buddypress div.dir-search form input[type="submit"],
     1805#buddypress div.message-search form input[type="submit"],
     1806#buddypress li.groups-members-search form input[type="submit"] {
    18071807        float: left;
    18081808        font-weight: normal;
    18091809        padding: 0.2em 1em;
    … …  
    18131813}
    18141814
    18151815@media screen and (min-width: 46.25em) {
    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                width: 20%;
    18201820        }
    18211821}
    … …  
    18281828                margin-bottom: 5px !important;
    18291829        }
    18301830        #buddypress div.dir-search form label,
    1831         #buddypress div.dir-search form input[type='text'],
    1832         #buddypress div.dir-search form input[type='submit'],
     1831        #buddypress div.dir-search form input[type="text"],
     1832        #buddypress div.dir-search form input[type="submit"],
    18331833        #buddypress div.message-search form label,
    1834         #buddypress div.message-search form input[type='text'],
    1835         #buddypress div.message-search form input[type='submit'],
     1834        #buddypress div.message-search form input[type="text"],
     1835        #buddypress div.message-search form input[type="submit"],
    18361836        #buddypress li.groups-members-search form label,
    1837         #buddypress li.groups-members-search form input[type='text'],
    1838         #buddypress li.groups-members-search form input[type='submit'] {
     1837        #buddypress li.groups-members-search form input[type="text"],
     1838        #buddypress li.groups-members-search form input[type="submit"] {
    18391839                width: auto;
    18401840        }
    18411841}
    18421842
    18431843@media screen and (min-width: 77.5em) {
    1844         #buddypress .dir-search form input[type='text'],
    1845         #buddypress .message-search form input[type='text'] {
     1844        #buddypress .dir-search form input[type="text"],
     1845        #buddypress .message-search form input[type="text"] {
    18461846                font-size: 16px;
    18471847                font-size: 1rem;
    18481848        }
    1849         #buddypress .dir-search form input[type='submit'],
    1850         #buddypress .message-search form input[type='submit'] {
     1849        #buddypress .dir-search form input[type="submit"],
     1850        #buddypress .message-search form input[type="submit"] {
    18511851                font-size: 16px;
    18521852                font-size: 1rem;
    18531853        }

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

     
    858858        .bp-user #buddypress #item-header .generic-button,
    859859        .single-item.groups #buddypress #item-header .generic-button {
    860860                float: none;
    861                 margin: 1.5em 0 0 0;
     861                margin: 1.5em 0 0;
    862862        }
    863863}
    864864
    … …  
    15261526        width: 100%;
    15271527}
    15281528
    1529 .bp-user #buddypress #message-threads tr td.thread-info a::after {
     1529.bp-user #buddypress #message-threads tr td.thread-info a:after {
    15301530        content: " – " attr(title);
    15311531        font-size: 12px;
    15321532        font-size: 0.75rem;
    … …  
    17101710        float: none;
    17111711}
    17121712
    1713 #main #buddypress .standard-form input[type='text'],
    1714 #main #buddypress .standard-form input[type='email'],
    1715 #main #buddypress .standard-form input[type='password'],
     1713#main #buddypress .standard-form input[type="text"],
     1714#main #buddypress .standard-form input[type="email"],
     1715#main #buddypress .standard-form input[type="password"],
    17161716#main #buddypress .standard-form textarea {
    17171717        width: 100%;
    17181718}
    … …  
    17741774        }
    17751775}
    17761776
    1777 #buddypress div.dir-search form input[type='text'],
    1778 #buddypress div.message-search form input[type='text'],
    1779 #buddypress li.groups-members-search form input[type='text'] {
     1777#buddypress div.dir-search form input[type="text"],
     1778#buddypress div.message-search form input[type="text"],
     1779#buddypress li.groups-members-search form input[type="text"] {
    17801780        float: left;
    17811781        margin: 0;
    17821782        width: 100%;
    17831783}
    17841784
    1785 #buddypress div.dir-search form input[type='text'],
    1786 #buddypress div.dir-search form input[type='submit'],
    1787 #buddypress div.message-search form input[type='text'],
    1788 #buddypress div.message-search form input[type='submit'],
    1789 #buddypress li.groups-members-search form input[type='text'],
    1790 #buddypress li.groups-members-search form input[type='submit'] {
     1785#buddypress div.dir-search form input[type="text"],
     1786#buddypress div.dir-search form input[type="submit"],
     1787#buddypress div.message-search form input[type="text"],
     1788#buddypress div.message-search form input[type="submit"],
     1789#buddypress li.groups-members-search form input[type="text"],
     1790#buddypress li.groups-members-search form input[type="submit"] {
    17911791        font-size: 14px;
    17921792        font-size: 0.875rem;
    17931793        border: 0;
    … …  
    17941794        line-height: inherit;
    17951795}
    17961796
    1797 #buddypress div.dir-search form input[type='text'],
    1798 #buddypress div.message-search form input[type='text'],
    1799 #buddypress li.groups-members-search form input[type='text'] {
     1797#buddypress div.dir-search form input[type="text"],
     1798#buddypress div.message-search form input[type="text"],
     1799#buddypress li.groups-members-search form input[type="text"] {
    18001800        border-right: 1px solid rgba(212, 208, 186, 0.6);
    18011801        padding: 0.2em 0 0.2em 0.2em;
    18021802}
    18031803
    1804 #buddypress div.dir-search form input[type='submit'],
    1805 #buddypress div.message-search form input[type='submit'],
    1806 #buddypress li.groups-members-search form input[type='submit'] {
     1804#buddypress div.dir-search form input[type="submit"],
     1805#buddypress div.message-search form input[type="submit"],
     1806#buddypress li.groups-members-search form input[type="submit"] {
    18071807        float: right;
    18081808        font-weight: normal;
    18091809        padding: 0.2em 1em;
    … …  
    18131813}
    18141814
    18151815@media screen and (min-width: 46.25em) {
    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                width: 20%;
    18201820        }
    18211821}
    … …  
    18281828                margin-bottom: 5px !important;
    18291829        }
    18301830        #buddypress div.dir-search form label,
    1831         #buddypress div.dir-search form input[type='text'],
    1832         #buddypress div.dir-search form input[type='submit'],
     1831        #buddypress div.dir-search form input[type="text"],
     1832        #buddypress div.dir-search form input[type="submit"],
    18331833        #buddypress div.message-search form label,
    1834         #buddypress div.message-search form input[type='text'],
    1835         #buddypress div.message-search form input[type='submit'],
     1834        #buddypress div.message-search form input[type="text"],
     1835        #buddypress div.message-search form input[type="submit"],
    18361836        #buddypress li.groups-members-search form label,
    1837         #buddypress li.groups-members-search form input[type='text'],
    1838         #buddypress li.groups-members-search form input[type='submit'] {
     1837        #buddypress li.groups-members-search form input[type="text"],
     1838        #buddypress li.groups-members-search form input[type="submit"] {
    18391839                width: auto;
    18401840        }
    18411841}
    18421842
    18431843@media screen and (min-width: 77.5em) {
    1844         #buddypress .dir-search form input[type='text'],
    1845         #buddypress .message-search form input[type='text'] {
     1844        #buddypress .dir-search form input[type="text"],
     1845        #buddypress .message-search form input[type="text"] {
    18461846                font-size: 16px;
    18471847                font-size: 1rem;
    18481848        }
    1849         #buddypress .dir-search form input[type='submit'],
    1850         #buddypress .message-search form input[type='submit'] {
     1849        #buddypress .dir-search form input[type="submit"],
     1850        #buddypress .message-search form input[type="submit"] {
    18511851                font-size: 16px;
    18521852                font-size: 1rem;
    18531853        }

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

     
    117117        @if $text-color {
    118118                // if a param was passed through
    119119                $text-color: $text-color;
    120         } @else {
     120        }
     121
     122        @else {
    121123                $text-color: darken($background, 50%);
    122124        }
    123125
    … …  
    132134}
    133135
    134136// Variables: color definitions
    135 $body-text:          #141412;
    136 $light-body:         lighten(#141412, 45%);
     137$body-text: #141412;
     138$light-body: lighten(#141412, 45%);
    137139$content-background: #fff;
    138 $off-white:          lighten(#f9f8ee, 10%);
    139 $cream-background:   #f7f5e7;
    140 $light-background:   #f7f7f7;
    141 $medium-background:  #ccc;
    142 $dark-background:    #555;
    143 $border-color:       #d4d0ba;    // border color is varied using rgba
    144 $border-light:       #eaeaea; // BP dividers
    145 $border-med:         #ddd;
    146 $background-hover:   #db572f; // 2013 link background hover
    147 $bp-button-hover:    #ededed; // this is the default BP button hover background
    148 $notice-error:       #c85a6e;
    149 $notice-warning:     #d05656;
    150 $notice-info:        #9fd1e2;
    151 $notice-update:      #ced98c;
    152 $stripe-odd:         #ebf0ff;
    153 $stripe-even:        #dbe5ff;
    154 $unread:             #dce5ff;
    155 $link-action:        #c82b2b;
     140$off-white: lighten(#f9f8ee, 10%);
     141$cream-background: #f7f5e7;
     142$light-background: #f7f7f7;
     143$medium-background: #ccc;
     144$dark-background: #555;
     145$border-color: #d4d0ba;    // border color is varied using rgba
     146$border-light: #eaeaea; // BP dividers
     147$border-med: #ddd;
     148$background-hover: #db572f; // 2013 link background hover
     149$bp-button-hover: #ededed; // this is the default BP button hover background
     150$notice-error: #c85a6e;
     151$notice-warning: #d05656;
     152$notice-info: #9fd1e2;
     153$notice-update: #ced98c;
     154$stripe-odd: #ebf0ff;
     155$stripe-even: #dbe5ff;
     156$unread: #dce5ff;
     157$link-action: #c82b2b;
    156158
    157159/*--------------------------------------------------------------
    158160
    … …  
    220222// to maximise the screen real estate for BP pages.
    221223
    222224.buddypress {
    223         div.clear {display: none;}
    224225
     226        div.clear {
     227                display: none;
     228        }
     229
    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
    234245        .entry-header,
    … …  
    247258*/
    248259
    249260
    250 
    251261/**
    252262*----------------------------------------------------------
    253263* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
    … …  
    263273
    264274        // Global Nav Styles
    265275        div.item-list-tabs {
     276
    266277                ul {
    267278                        background-color: $cream-background;
    268279                        border-bottom: 1px solid rgba($border-light, 0.9);
    … …  
    271282                        padding: 0;
    272283
    273284                        li {
     285
    274286                                a {
    275                                         span {border-radius: 25%;}
     287
     288                                        span {
     289                                                border-radius: 25%;
     290                                        }
    276291                                }
    277292                        }
    278293                }
    … …  
    281296// .bp-user #object-nav @ small screen as a dropdown
    282297
    283298.bp-user {
     299
    284300        #buddypress {
     301
    285302                @media screen and (max-width: 38.75em) {
    286303
    287304                        #object-nav {
    … …  
    306323
    307324                                &:hover,
    308325                                &:focus {
    309                                         &:before {content: "Menu \021E7";}
    310326
     327                                        &:before {
     328                                                content: "Menu \021E7";
     329                                        }
     330
    311331                                        ul {
    312332                                                height: 320px;
    313333                                                opacity: 1;
    … …  
    317337                                }
    318338                        }
    319339
    320                         #subnav {clear: both;}
     340                        #subnav {
     341                                clear: both;
     342                        }
    321343
    322344                } // close @media
    323345        }
    … …  
    332354                        overflow: hidden;
    333355
    334356                        li {
     357
    335358                                @media screen and (max-width: 38.75em) {
     359
    336360                                        &:focus,
    337361                                        &:hover {
    338362                                                background: darken($cream-background, 2%);
    … …  
    343367                        }
    344368
    345369                        @media screen and (max-width: 38.75em) {
     370
    346371                                li:not(:last-child) {
    347372                                        border-bottom: 1px solid $border-light;
    348373                                }
    … …  
    349374                        }
    350375
    351376                        li:not(.selected) {
    352                                 a {opacity: 0.7;}
     377
     378                                a {
     379                                        opacity: 0.7;
     380                                }
    353381                        }
    354382
    355383                        @media screen and (min-width: 38.75em) {
     384
    356385                                li {
    357386                                        float: left;
    358387                                }
    … …  
    385414                                select,
    386415                                label,
    387416                                option {
     417
    388418                                        @include font-size(14);
    389419                                }
    390420
    … …  
    394424                        }
    395425
    396426                        @media screen and (min-width: 38.75em) {
     427
    397428                                li.last {
    398429                                        text-align: right;
    399430                                }
    … …  
    403434
    404435        // active/current states all navs
    405436        div.item-list-tabs {
     437
    406438                ul {
     439
    407440                        li.selected,
    408441                        li.current {
     442
    409443                                a {
    410444                                        background: none;
    411445                                        opacity: 1;
    … …  
    426460@media screen and (min-width: 55em) {
    427461
    428462        body:not(.sidebar) {
     463
    429464                #buddypress {
    430465
    431466                        #item-header,
    … …  
    467502                                #subnav {
    468503                                        margin: 0 0 0 (-$spacing-val-md);
    469504
    470                                         ul {margin-top: 0;}
     505                                        ul {
     506                                                margin-top: 0;
     507                                        }
    471508                                }
    472509                        }
    473510
    … …  
    480517// Primarilly used for group create screens & ? directory nav.
    481518
    482519@media screen and (min-width: 46.25em) {
     520
    483521        #main {
     522
    484523                #buddypress {
    485524
    486525                        #group-create-tabs.item-list-tabs {
    … …  
    511550                                        li.current {
    512551                                                border: 1px solid $border-med;
    513552                                                border-bottom-color: $content-background;
     553
    514554                                                @include border-top-radius(4px);
    515555                                                margin-bottom: -1px;
    516556
    … …  
    525565                        } // close .item-list-tabs
    526566
    527567                        #subnav {
     568
    528569                                ul {
    529570                                        border-bottom: 0;
    530571                                }
    … …  
    541582*/
    542583
    543584#buddypress {
     585
    544586        div.pagination {
    545587                box-shadow: none;
    546                 .pag-count {margin-left: 0;}
     588
     589                .pag-count {
     590                        margin-left: 0;
     591                }
     592
    547593                .pagination-links {
    548594                        margin-right: 0;
    549595
    … …  
    560606                                color: inherit;
    561607                                overflow: visible;
    562608                                width: auto;
    563                                 &:before {display: none;}
     609
     610                                &:before {
     611                                        display: none;
     612                                }
    564613                        }
    565614
    566615                        .prev {
    … …  
    584633
    585634// Adjusts Meta items and various elements to match 2013 font-family
    586635#buddypress {
     636
    587637        .item-list {
     638
    588639                .activity-header,
    589640                .activity-meta {
     641
    590642                        @include default-font-sans();
    591643                }
    592644        }
    … …  
    593645}
    594646
    595647#buddypress {
     648
    596649        .activity-meta {
     650
    597651                .button {
     652
    598653                        &:focus,
    599654                        &:hover {
    600655                                background: lighten($background-hover, 10%);
    … …  
    604659        }
    605660
    606661        .action {
     662
    607663                .generic-button {
     664
    608665                        a {
     666
    609667                                &:focus,
    610668                                &:hover {
    611669                                        background: lighten($background-hover, 10%);
    … …  
    625683// Adjusts Meta items to match 2013 font-family
    626684
    627685#buddypress {
     686
    628687        ul.item-list {
     688
    629689                li {
    630690                        overflow: hidden !important;
    631691
    … …  
    639699
    640700                                text-align: center;
    641701
    642                                 a {border-bottom: 0;}
     702                                a {
     703                                        border-bottom: 0;
     704                                }
    643705
    644706                                img.avatar {
    645707                                        display: inline-block;
    … …  
    670732                                }
    671733
    672734                                .item-title {
     735
    673736                                        @include font-size(18);
    674737                                        line-height: 1.2;
    675738                                        margin: 0 auto;
    … …  
    682745                                        width: 100%;
    683746
    684747                                        .update {
     748
    685749                                                @include font-size(12);
    686750                                                display: block;
    687751
    688752                                                @media screen and (min-width: 59.6875em) {
     753
    689754                                                        @include font-size(14);
    690755                                                }
    691756
    … …  
    698763                        }
    699764
    700765                        @media screen and (min-width: 59.6875em) {
     766
    701767                                .item-avatar,
    702768                                .item,
    703769                                .action {
    … …  
    711777                                        width: 55%;
    712778
    713779                                        .item-title {
    714                                                 @include font-size(22)
     780
     781                                                @include font-size(22);
    715782                                        }
    716783                                }
    717784
    … …  
    787854*/
    788855
    789856#buddypress {
     857
    790858        form#whats-new-form {
    791859
    792860                // Line-height issue inherited from BP rules, override.
    … …  
    797865                // corrective measure for clipped elements due to JS inline styling
    798866
    799867                @media screen and (max-width: 46.25em) {
     868
    800869                        #whats-new-content {
    801870                                clear: left;
    802871                                margin: $spacing-val-sm 0 $spacing-val-md;
    … …  
    805874                }
    806875
    807876                #whats-new-content.active {
     877
    808878                        #whats-new-options[style] {
     879
    809880                                #whats-new-post-in-box {
    810881                                        border: 1px solid rgba($border-color, 0.5);
    811882                                        float: left;
    … …  
    825896                                }
    826897
    827898                                @media screen and (min-width: 30em) {
     899
    828900                                        #whats-new-post-in-box {
    829901                                                width: auto;
    830902                                        }
    … …  
    841913
    842914        // User account form requires matching bp default specificity
    843915        #item-body {
     916
    844917                form#whats-new-form {
     918
    845919                        margin: $spacing-val-lg 0;
    846920                }
    847921        }
    … …  
    884958                                margin-left: 0;
    885959
    886960                                .activity-header {
     961
    887962                                        @include font-size(14);
    888963                                }
    889964                        }
    … …  
    894969                                        float: left;
    895970                                        margin-right: $spacing-val-sm;
    896971                                        text-align: left;
    897                                         a {border-bottom: 0;}
     972
     973                                        a {
     974                                                border-bottom: 0;
     975                                        }
    898976                                }
    899977
    900978                                .activity-content {
    … …  
    902980                                        overflow: hidden;
    903981
    904982                                        .activity-header {
     983
    905984                                                @include font-size(16);
    906985                                        }
    907986                                }
    … …  
    911990                } // close li
    912991
    913992                li.mini {
     993
    914994                        .activity-avatar {
     995
    915996                                a {
     997
    916998                                        img.avatar {
    917999                                                height: 30px;
    9181000                                                margin-left: 15px;
    … …  
    9221004                        }
    9231005
    9241006                        .activity-content {
     1007
    9251008                                .activity-header {
     1009
    9261010                                        @include font-size(14);
    9271011                                }
    9281012                        }
    … …  
    9491033                        } // close .activity-header
    9501034
    9511035                        .activity-meta {
     1036
    9521037                                a {
    9531038                                        display: block;
    9541039                                        margin-bottom: $spacing-val-xs;
    … …  
    9711056                        &:hover {
    9721057                                background: darken($light-background, 1%);
    9731058                                border: 1px solid rgba(#9fd1e2, 0.3);
    974                                 a { font-style: italic; }
     1059
     1060                                a {
     1061                                        font-style: italic;
     1062                                }
    9751063                        }
    9761064
    9771065                        a {
    … …  
    9851073/* Single activity view  - activity permalink */
    9861074
    9871075.activity-permalink {
     1076
    9881077        #buddypress {
     1078
    9891079                #activity-stream {
    9901080
    9911081                        li.activity-item {
    … …  
    9931083                        }
    9941084
    9951085                        li.mini {
     1086
    9961087                                .activity-header {
     1088
    9971089                                        @include font-size(16);
     1090
    9981091                                        @media screen and (min-width: 46.25em) {
     1092
    9991093                                                @include font-size(20);
    10001094                                        }
    10011095
    10021096                                        margin-bottom: $spacing-val-lg;
    1003                                         p {padding: $spacing-val-md;}
     1097
     1098                                        p {
     1099                                                padding: $spacing-val-md;
     1100                                        }
    10041101                                }
    10051102                        }
    10061103                }
    … …  
    10151112#buddypress {
    10161113
    10171114        #activity-stream {
     1115
    10181116                .activity-comments {
     1117
    10191118                        border-left: 1px solid $border-light;
    10201119                        margin-top: 5px;
    10211120
    … …  
    10311130                                        color: rgba($body-text, 0.8);
    10321131                                        display: inline-block;
    10331132                                        font-family: inherit;
     1133
    10341134                                        @include font-size(12);
    10351135                                        font-weight: normal;
    10361136                                        line-height: 1.2;
    … …  
    10631163*/
    10641164
    10651165#buddypress {
     1166
    10661167        #members-list {
    10671168
    10681169                @media screen and (min-width: 59.6875em) {
     1170
    10691171                        li {
     1172
    10701173                                .item-avatar,
    10711174                                .item {
    10721175                                        float: left;
    … …  
    10941197*/
    10951198
    10961199#buddypress {
     1200
    10971201        #signup_form.standard-form {
    10981202
    10991203                #profile-details-section,
    … …  
    11081212                }
    11091213
    11101214                @media screen and (min-width: 38.75em) {
    1111                         #profile-details-section {float: right;}
    1112                         #basic-details-section {float: left;}
     1215
     1216                        #profile-details-section {
     1217                                float: right;
     1218                        }
     1219
     1220                        #basic-details-section {
     1221                                float: left;
     1222                        }
    11131223                }
    11141224
    11151225        }
    … …  
    11361246
    11371247                .entry-title {
    11381248                        color: $light-body;
     1249
    11391250                        @include font-size(32);
    11401251                        margin-bottom: $spacing-val-sm;
    11411252                        text-align: center;
    … …  
    11471258        }
    11481259
    11491260        #buddypress {
     1261
    11501262                #item-header-content {
     1263
    11511264                        #item-meta {
     1265
    11521266                                @include font-size(14);
    11531267                                text-align: left;
    11541268
    1155                                 p {margin-bottom: 0.5em;}
     1269                                p {
     1270                                        margin-bottom: 0.5em;
     1271                                }
    11561272                        }
    11571273                }
    11581274        }
    11591275
    11601276        @media screen and (max-width: 46.25em) {
     1277
    11611278                main {
     1279
    11621280                        header.entry-header {
    11631281                                padding-bottom: 1rem;
    11641282                        }
    … …  
    11661284        }
    11671285
    11681286        @media screen and (max-width: 38.75em) {
     1287
    11691288                h1,
    11701289                #item-header-content {
    11711290                        text-align: center;
    … …  
    11731292        }
    11741293
    11751294        #buddypress {
     1295
    11761296                @media screen and (max-width: 46.25em) {
     1297
    11771298                        #item-header {
     1299
    11781300                                .generic-button {
    11791301                                        float: none;
    1180                                         margin: 1.5em 0 0 0;
     1302                                        margin: 1.5em 0 0;
    11811303                                }
    11821304                        }
    11831305                }
    11841306
    11851307                @media screen and (max-width: 38.75em) {
     1308
    11861309                        h1 {
    11871310                                margin-bottom: 0;
    11881311                        }
    11891312
    11901313                        #item-header-avatar {
     1314
    11911315                                img.avatar {
    11921316                                        margin-right: 0;
    11931317                                }
    … …  
    12091333*/
    12101334
    12111335.single-item.groups {
     1336
    12121337        #buddypress {
     1338
    12131339                @media screen and (max-width: 46.25em) {
     1340
    12141341                        #item-header {
     1342
    12151343                                #item-meta {
    12161344                                        margin-bottom: $spacing-val-md;
    12171345                                }
    … …  
    12211349                // Move visual flow of avatar & item-actions at narrow width,
    12221350                // avatar first after group title
    12231351                @media screen and (max-width: 38.75em) {
     1352
    12241353                        div#item-header {
    12251354                                display: flex;
    12261355                                flex-direction: column;
    … …  
    12791408                                }
    12801409
    12811410                                h3 {
     1411
    12821412                                        @include font-size(14);
    12831413
    12841414                                        @media screen and (min-width: 46.25em) {
     1415
    12851416                                                @include font-size(16);
    12861417                                        }
    12871418
    … …  
    13111442                                        width: 28%;
    13121443
    13131444                                        h3 {
     1445
    13141446                                                @include font-size(14);
    13151447                                        }
    13161448                                }
    … …  
    13311463                                }
    13321464
    13331465                                @media screen and (min-width: 46.25em) {
     1466
    13341467                                        #item-header-content {
    13351468                                                padding-left: $spacing-val-sm;
    13361469
    … …  
    13651498.bp-user {
    13661499
    13671500        #buddypress {
     1501
    13681502                #item-header {
    13691503                        padding: $spacing-val-md 0;
    13701504
    … …  
    13811515                        }
    13821516
    13831517                        #item-header-content {
     1518
    13841519                                .user-nicename,
    13851520                                span.activity {
    13861521                                        display: block;
    … …  
    13891524                        }
    13901525
    13911526                        @media screen and (min-width: 46.25em) {
     1527
    13921528                                #item-header-avatar {
    13931529                                        float: left;
    13941530                                        width: auto;
    … …  
    14191555                #item-header-cover-image {
    14201556
    14211557                        #item-header-content {
     1558
    14221559                                @media screen and (min-width: 46.25em) {
     1560
    14231561                                        .user-nicename {
    14241562                                                margin-bottom: $spacing-val-md;
    14251563                                        }
    … …  
    14561594
    14571595// headings settings screens & general global settings styles
    14581596.groups {
     1597
    14591598        #group-settings-form {
     1599
    14601600                h4 {
    14611601                        background: $dark-background;
    14621602                        color: $content-background;
    … …  
    14661606}
    14671607
    14681608.groups.edit-details {
     1609
    14691610        #group-settings-form {
    14701611
    14711612                label {
    … …  
    14771618                textarea + p label {
    14781619                        background: none;
    14791620                        color: inherit;
     1621
    14801622                        @include font-size(14);
    14811623                        width: auto;
    14821624                }
    … …  
    14901632} // close .groups.edit-details
    14911633
    14921634.groups.group-settings {
     1635
    14931636        #group-settings-form {
    14941637
    14951638                div.radio label {
    … …  
    14981641
    14991642                        ul {
    15001643                                color: rgba($body-text, 0.6);
     1644
    15011645                                @include font-size(14);
    15021646                        }
    15031647                }
    … …  
    15141658}
    15151659
    15161660.groups.manage-members {
     1661
    15171662        #group-settings-form {
     1663
    15181664                .item-list {
     1665
    15191666                        li {
    15201667                                border-bottom: 1px solid $border-light;
    15211668
    … …  
    15231670                                h5 {
    15241671                                        float: left;
    15251672
    1526                                         > a {border-bottom: 0;}
     1673                                        > a {
     1674                                                border-bottom: 0;
     1675                                        }
    15271676                                }
    15281677
    15291678                                span.small {
    … …  
    15601709
    15611710// Massage the members search for groups nav specifically.
    15621711.groups.group-members {
     1712
    15631713        #subnav {
     1714
    15641715                li {
     1716
    15651717                        @media screen and (max-width: 38.75em) {
    15661718                                background: $content-background;
    15671719                                padding: $spacing-val-md 0;
    … …  
    15771729                                        width: 100%;
    15781730
    15791731                                        label {
    1580                                                 input[type="text"] {width: 100%;}
     1732
     1733                                                input[type="text"] {
     1734                                                        width: 100%;
     1735                                                }
    15811736                                        }
    15821737                                }
    15831738
    … …  
    15951750#buddypress {
    15961751
    15971752        div.invite {
     1753
    15981754                .left-menu {
    15991755                        float: none;
    16001756
    … …  
    16391795*/
    16401796
    16411797.bp-user {
    1642         .entry-title {margin-bottom: 0.5em;}
     1798
     1799        .entry-title {
     1800                margin-bottom: 0.5em;
     1801        }
    16431802}
    16441803
    16451804/**
    … …  
    16531812        #buddypress {
    16541813
    16551814                table {
    1656                         th {@include font-size(14)}
    1657                         td {@include font-size(13)}
    16581815
     1816                        th {
     1817
     1818                                @include font-size(14);
     1819                        }
     1820
     1821                        td {
     1822
     1823                                @include font-size(13);
     1824                        }
     1825
    16591826                        @media screen and (min-width: 46.25em) {
    1660                                 th {@include font-size(16)}
    1661                                 td {@include font-size(14)}
     1827
     1828                                th {
     1829
     1830                                        @include font-size(16);
     1831                                }
     1832
     1833                                td {
     1834
     1835                                        @include font-size(14);
     1836                                }
    16621837                        }
    16631838
    16641839                        @media screen and (min-width: 77.5em) {
    1665                                 th {@include font-size(18)}
    1666                                 td {@include font-size(16)}
     1840
     1841                                th {
     1842
     1843                                        @include font-size(18);
     1844                                }
     1845
     1846                                td {
     1847
     1848                                        @include font-size(16);
     1849                                }
    16671850                        }
    16681851                }
    16691852
    1670                 .pag-count {font-style: italic;}
     1853                .pag-count {
     1854                        font-style: italic;
     1855                }
    16711856
    16721857                .notifications-options-nav {
    16731858                        border: 1px solid rgba($border-color, 0.5);
    … …  
    16811866                        select,
    16821867                        input {
    16831868                                border: 0;
     1869
    16841870                                @include font-size(14);
    16851871                                outline: 0;
    16861872                                padding: 0;
    … …  
    17141900        #buddypress {
    17151901
    17161902                .profile {
     1903
    17171904                        .bp-widget {
     1905
    17181906                                h4 {
    17191907                                        background: lighten($dark-background, 10%);
    17201908                                        color: #fff;
    … …  
    17221910                                        padding: 0.4em;
    17231911                                }
    17241912
    1725                                 table {margin-top: 0;}
     1913                                table {
     1914                                        margin-top: 0;
     1915                                }
    17261916                        }
    17271917
    17281918                        #profile-edit-form {
    … …  
    17561946                                        a {
    17571947                                                background: none;
    17581948                                                border: 0;
    1759                                                 @include font-size(18)
     1949
     1950                                                @include font-size(18);
    17601951                                        }
    17611952                                } //.button-nav
    17621953
    17631954                                .field-visibility-settings-toggle,
    17641955                                .field-visibility-settings {
     1956
    17651957                                        @include font-size(14);
    17661958                                }
    17671959
    … …  
    17741966                        } // close profile form
    17751967
    17761968                        .bp-avatar {
     1969
    17771970                                #bp-delete-avatar {
    1778                                         a {font-size: inherit; }
     1971
     1972                                        a {
     1973                                                font-size: inherit;
     1974                                        }
    17791975                                }
    17801976                        }
    17811977                } // close .profile
    … …  
    17931989        #buddypress {
    17941990
    17951991                #groups-list {
     1992
    17961993                        li {
     1994
    17971995                                .item {
     1996
    17981997                                        @media screen and (min-width: 77.5em) {
     1998
    17991999                                                left: 5%;
    18002000                                                width: 50%;
    18012001                                        }
    … …  
    18442044                                }
    18452045
    18462046                                @media screen and (min-width: 46.25em) {
     2047
    18472048                                        img.avatar {
    18482049                                                float: left;
    18492050                                        }
    … …  
    18642065                        }
    18652066
    18662067                        #send-reply {
     2068
    18672069                                .message-content {
    18682070                                        background: $content-background;
    18692071                                        border: 0;
    … …  
    18772079                } // close message-thread  Singular view!
    18782080
    18792081                #message-threads {
     2082
    18802083                        thead {
     2084
    18812085                                tr {
    18822086                                        background: lighten($dark-background, 10%);
    18832087                                }
    … …  
    18842088                        }
    18852089
    18862090                        tr {
     2091
    18872092                                td {
    18882093                                        background: $content-background;
    18892094                                        display: inline-block;
    … …  
    19002105
    19012106                                        @media screen and (max-width: 46.25em) {
    19022107                                                padding-top: 0;
    1903                                                 span.icon:before {font-size: 14px;}
     2108
     2109                                                span.icon:before {
     2110                                                        font-size: 14px;
     2111                                                }
    19042112                                        }
    19052113                                }
    19062114
    … …  
    19202128                                td.thread-from,
    19212129                                td.thread-options {
    19222130                                        border-left: 0 !important;
     2131
    19232132                                        @include calc(width, "100% - 30px");
    19242133                                        margin-left: 0;
    19252134                                }
    … …  
    19282137                                        padding-left: 41px;
    19292138                                        width: 100%;
    19302139
    1931                                         a::after {
     2140                                        a:after {
     2141
    19322142                                                content: " \2013 \00a0"attr(title);
     2143
    19332144                                                @include font-size(12);
    19342145                                        }
    19352146
    19362147                                        .thread-excerpt {
     2148
    19372149                                                @include font-size(14);
    19382150                                        }
    19392151                                }
    … …  
    19422154                                        text-align: right;
    19432155
    19442156                                        a {
     2157
    19452158                                                @include font-size(12);
    19462159                                                line-height: 2.2;
    19472160                                        }
    … …  
    19582171
    19592172                                        @media screen and (max-width: 38.75em) {
    19602173                                                clear: both;
     2174
    19612175                                                @include font-size(12);
    19622176                                                width: 100%;
    19632177                                        }
    … …  
    19652179                        }
    19662180
    19672181                        tr.unread {
     2182
    19682183                                td {
    19692184                                        background: $unread;
    19702185                                        border-color: $border-color;
    … …  
    19942209                        margin: 0;
    19952210                        padding: 0;
    19962211
    1997                         li {margin-left: 0;}
     2212                        li {
     2213                                margin-left: 0;
     2214                        }
    19982215
    19992216                        li.friend-tab {
    20002217                                background: lighten($notice-info, 20%);
    … …  
    20292246                }
    20302247
    20312248                .sitewide-notices {
     2249
    20322250                        tr {
     2251
    20332252                                td:first-child {
    20342253                                        display: none;
    20352254                                }
    … …  
    20362255                        }
    20372256
    20382257                        td {
     2258
    20392259                                strong {
    20402260                                        background: lighten($dark-background, 10%);
    20412261                                        color: $content-background;
    … …  
    20832303                        padding: 0 $spacing-val-sm;
    20842304                        // 'p' = email notification screen sub heading
    20852305                        > p {
     2306
    20862307                                @include font-size(20);
    20872308                                margin: $spacing-val-md 0 $spacing-val-sm;
    20882309                        }
    … …  
    20892310                }
    20902311
    20912312                table.notification-settings {
     2313
    20922314                        td.yes,
    20932315                        td.no {
    20942316                                vertical-align: middle;
    … …  
    21042326                        }
    21052327
    21062328                        @media screen and (min-width: 46.25em) {
     2329
    21072330                                th.field-group-name,
    21082331                                td.field-name {
    21092332                                        width: 70%;
    … …  
    21162339                        }
    21172340
    21182341                        td.field-visibility {
    2119                                 select {width: 100%;}
     2342
     2343                                select {
     2344                                        width: 100%;
     2345                                }
    21202346                        }
    21212347                }
    21222348
    … …  
    21312357*/
    21322358// Attempt to reset form control widths
    21332359#main {
     2360
    21342361        #buddypress {
     2362
    21352363                .standard-form {
    21362364
    2137                         li {float: none;}
    2138                         input[type='text'],
    2139                         input[type='email'],
    2140                         input[type='password'],
     2365                        li {
     2366                                float: none;
     2367                        }
     2368
     2369                        input[type="text"],
     2370                        input[type="email"],
     2371                        input[type="password"],
    21412372                        textarea {
    21422373                                width: 100%;
    21432374                        }
    … …  
    21532384        div.activity-comments {
    21542385
    21552386                form {
     2387
    21562388                        .ac-textarea {
    21572389                                background: $light-background;
    21582390                                border: 1px solid rgba($border-color, 0.5);
    … …  
    21812413        } // close .standard-form
    21822414
    21832415        #signup_form.standard-form {
     2416
    21842417                div.submit {
    21852418                        float: none;
    21862419
    2187                         input {margin-right: 0;}
     2420                        input {
     2421                                margin-right: 0;
     2422                        }
    21882423                }
    21892424        }
    21902425
    … …  
    21912426} // close #buddypress
    21922427
    21932428#buddypress {
     2429
    21942430        div.dir-search,
    21952431        div.message-search,
    21962432        li.groups-members-search {
    … …  
    22132449                                }
    22142450                        }
    22152451
    2216                         input[type='text'] {
     2452                        input[type="text"] {
    22172453                                float: left;
    22182454                                margin: 0;
    22192455                                width: 100%;
    22202456                        }
    22212457
    2222                         input[type='text'],
    2223                         input[type='submit'] {
     2458                        input[type="text"],
     2459                        input[type="submit"] {
     2460
    22242461                                @include font-size(14);
    22252462                                border: 0;
    22262463                                line-height: inherit;
    22272464                        }
    22282465
    2229                         input[type='text'] {
     2466                        input[type="text"] {
    22302467                                border-right: 1px solid rgba($border-color, 0.6);
    22312468                                padding: 0.2em 0 0.2em 0.2em;
    22322469                        }
    22332470
    2234                         input[type='submit'] {
     2471                        input[type="submit"] {
    22352472                                float: right;
    22362473                                font-weight: normal;
    22372474                                padding: 0.2em 1em;
    … …  
    22502487
    22512488        // Shift the search parent to the right and allow to shrinkwrap
    22522489        @media screen and (min-width: 38.75em) {
     2490
    22532491                div.dir-search,
    22542492                div.message-search,
    22552493                li.groups-members-search {
    … …  
    22572495                        margin-bottom: 5px !important;
    22582496
    22592497                        form {
     2498
    22602499                                label,
    2261                                 input[type='text'],
    2262                                 input[type='submit'] {
     2500                                input[type="text"],
     2501                                input[type="submit"] {
    22632502                                        width: auto;
    22642503                                }
    22652504                        }
    … …  
    22722511
    22732512                .dir-search,
    22742513                .message-search {
     2514
    22752515                        form {
    2276                                 input[type='text'] { @include font-size(16) ;}
    2277                                 input[type='submit'] { @include font-size(16) ;}
     2516
     2517                                input[type="text"] {
     2518
     2519                                        @include font-size(16);
     2520                                }
     2521
     2522                                input[type="submit"] {
     2523
     2524                                        @include font-size(16);
     2525                                }
    22782526                        }
    22792527                }
    22802528        }
    … …  
    22952543#buddypress {
    22962544
    22972545        table {
     2546
    22982547                @include font-size(14);
    22992548                margin: $spacing-val-md 0;
    23002549
    … …  
    23112560                }
    23122561
    23132562                // Reduce the themes inherited paragraph margins in tables
    2314                 p {margin-bottom: 0.5em;}
     2563                p {
     2564                        margin-bottom: 0.5em;
     2565                }
    23152566        }
    23162567
    23172568        @media screen and (min-width: 55em) {
    2318                 table {@include font-size(16);}
     2569
     2570                table {
     2571
     2572                        @include font-size(16);
     2573                }
    23192574        }
    23202575}
    23212576
    … …  
    23262581        // Manage some table cells widths that are disproportionate to their content
    23272582        .notifications,
    23282583        .messages-notices {
     2584
    23292585                th {
    23302586                        width: 30%;
    23312587
    … …  
    23542610                // Notices action buttons, this maybe better moved, temp for now to address
    23552611                // styling issues - this will need styling ideas
    23562612                td {
     2613
    23572614                        .button {
    23582615                                border: 0;
    23592616                                display: block;
    … …  
    23762633// to background color darker by 50%
    23772634
    23782635#buddypress {
     2636
    23792637        div#message {
     2638
    23802639                p {
     2640
    23812641                        @include font-size(18);
    23822642                        font-weight: bold;
    23832643                }
    23842644
    23852645                &.info {
     2646
    23862647                        p {
     2648
    23872649                                @include message-box($notice-info);
    23882650                        }
    23892651                }
    23902652
    23912653                &.updated {
     2654
    23922655                        p {
     2656
    23932657                                @include message-box($notice-update);
    23942658                        }
    23952659                }
    … …  
    24022666// we need to use the body classes
    24032667// todo: If this is class .warning is included in main BP styles remove from here
    24042668.delete-group {
     2669
    24052670        #buddypress {
     2671
    24062672                div#message.info {
     2673
    24072674                        p {
     2675
    24082676                                @include message-box($notice-warning);
    24092677                        }
    24102678                }

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

     
    1414// 2012 Media Queries / Breakpoints.
    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)
    1919
    20 
    21 
    2220// In addition BP can use the em breakpoints as referenced below to provide
    2321// a series of finer breakpoints.
    2422// @media screen and (max-width: 20em)    xtra small mobile only 320px
    … …  
    3230// written as:
    3331// @include medium-up {
    3432//  body {property: value;}
    35 // }
     33//
    3634
    3735// 600px
    3836@mixin small-up {
    39         @media screen and (min-width: 37.500em) {
     37
     38        @media screen and (min-width: 37.5em) {
     39
    4040                @content;
    4141        }
    4242}
    4343// 960px
    4444@mixin medium-up {
     45
    4546        @media screen and (min-width: 60em) {
     47
    4648                @content;
    4749        }
    4850}
    4951// 1200px
    5052@mixin large-up {
     53
    5154        @media screen and (min-width: 75em) {
     55
    5256                @content;
    5357        }
    5458}
    … …  
    123127        box-sizing: $box-model;
    124128}
    125129
    126 // Calc
    127 @mixin calc($property, $expression) {
    128         #{$property}: -webkit-calc(#{$expression});
    129         #{$property}: -moz-calc(#{$expression});
    130         #{$property}: calc(#{$expression});
    131 }
    132 
    133130// Re-enable the VendorPrefix lint test
    134131// scss-lint:enable VendorPrefix
    135132
    … …  
    139136        @if $text-color {
    140137                // if a param was passed through
    141138                $text-color: $text-color;
    142         } @else {
     139        }
     140
     141        @else {
     142
    143143                $text-color: darken($background, 50%);
    144144        }
    145145
    … …  
    153153        font-family: "Source Sans Pro", Helvetica, sans-serif;
    154154}
    155155
    156 // Variables: color definitions
     156// Variables: color definitions;
     157/* stylelint-disable declaration-colon-space-after */
    157158$body-text:          #141412;
    158159$content-background: #fff;
    159160$off-white:          lighten(#f9f8ee, 0.7);
    … …  
    174175$stripe-even:        #dbe5ff;
    175176$unread:             #9dc3c8;
    176177$link-action:        #c82b2b;
     178/* stylelint-enable */
     179
    177180/*--------------------------------------------------------------
    178181
    179182This is the BuddyPress companion stylesheet for
    … …  
    236239*-------------------------------------------------------------------------------
    237240*/
    238241
     242.buddypress {
    239243
    240 
    241 .buddypress {
    242244        // Remove any empty clearing elements, CSS provides clearing.
    243         div.clear {display: none;}
     245        div.clear {
     246                display: none;
     247        }
    244248
    245249} // .buddypress (body class)
    246250
    … …  
    267271
    268272        // active/current states all navs
    269273        div.item-list-tabs {
     274
    270275                ul {
     276
    271277                        li.selected,
    272278                        li.current {
     279
    273280                                a {
    274281                                        background: inherit;
    275282                                        opacity: 1;
    … …  
    277284                        }
    278285                }
    279286        }
     287
    280288        // global nav styles
    281289        div.item-list-tabs {
     290
    282291                ul {
    283292                        overflow: hidden;
    284293                        padding: 0;
    285294
    286295                        li {
     296
    287297                                a {
    288298
    289299                                        &:focus,
    … …  
    295305                                                color: #21759b;
    296306                                        }
    297307
    298                                         span {border-radius: 25%;}
     308                                        span {
     309                                                border-radius: 25%;
     310                                        }
    299311                                }
    300 
    301312                        }
    302313                }
    303         } // close item-list-tabs
     314        }
    304315
    305316} // close #buddypress
    306317
    … …  
    333344
    334345                                &:hover,
    335346                                &:focus {
    336                                         &:before {content: "Menu \021E7";}
    337347
     348                                        &:before {
     349                                                content: "Menu \021E7";
     350                                        }
     351
    338352                                        ul {
    339353                                                height: 320px;
    340354                                                opacity: 1;
    … …  
    348362                                clear: both;
    349363                        }
    350364
    351                 } // close @media
     365                }
    352366        }
    353367}
    354368
    … …  
    364378                                float: none;
    365379                        }
    366380
    367                         @media screen and (max-width: 37.500em) {
     381                        @media screen and (max-width: 37.5em) {
     382
    368383                                li:not(:last-child) {
    369384                                        border-bottom: 1px solid $border-light;
    370385                                }
    … …  
    372387
    373388                        li:not(.selected) {
    374389
    375                                 @media screen and (max-width: 37.500em) {
     390                                @media screen and (max-width: 37.5em) {
     391
    376392                                        &:focus,
    377393                                        &:hover {
    378394                                                background: darken($light-background, 2%);
    … …  
    380396                                }
    381397                        }
    382398
    383                         @media screen and (min-width: 37.500em) {
     399                        @media screen and (min-width: 37.5em) {
     400
    384401                                li {
    385402                                        float: left;
    386403                                }
    … …  
    421438                                select,
    422439                                label,
    423440                                option {
     441
    424442                                        @include font-size(14);
    425443                                }
    426444
    … …  
    433451                                }
    434452                        }
    435453
    436                 } // close ul
    437         } // close #subnav
     454                }
     455        }
    438456
    439457} // close #buddypress
    440458
    441459.bp-user {
     460
    442461        #buddypress {
     462
    443463                div#subnav.item-list-tabs {
     464
    444465                        li.last {
    445466                                margin-left: 0;
    446467                                text-align: right;
    … …  
    458479
    459480/*__ Vertical menu User Account / Group single screens __*/
    460481
    461 // This block contains rules to re-factor the item-body structural element
    462 // to sit alongside the vert menu
    463 // 2012 right sidebar is displayed if the widget sidebar has widgets;
    464 // we'll only display object nav as a vert menu if sidebar not present.
    465482
    466483@media screen and (min-width: 60em) {
    467484
    468485        body.full-width {
     486
    469487                #buddypress {
    470488
    471489                        #item-header,
    … …  
    507525                                #subnav {
    508526                                        margin: 0 0 0 (-$spacing-val-md);
    509527
    510                                         ul {margin-top: 0;}
     528                                        ul {
     529                                                margin-top: 0;
     530                                        }
    511531                                }
    512532                        }
    513533
    514                 } // close  #buddypress
    515         } // close body:not(.sidebar)
     534                }
     535        }
    516536} // close @media
    517537
    518538
    … …  
    520540// Primarilly used for group create screens & ? directory nav.
    521541
    522542@media screen and (min-width: 46.25em) {
     543
    523544        #main {
     545
    524546                #buddypress {
    525547
    526548                        #group-create-tabs.item-list-tabs {
    … …  
    551573                                        li.current {
    552574                                                border: 1px solid $border-med;
    553575                                                border-bottom-color: $content-background;
     576
    554577                                                @include border-top-radius(4px);
    555578                                                margin-bottom: -1px;
    556579
    … …  
    565588                        } // close .item-list-tabs
    566589
    567590                        #subnav {
     591
    568592                                ul {
    569593                                        border-bottom: 0;
    570594                                }
    571595
    572                         } // close #subnav
    573                 } // close #buddypress
     596                        }
     597                }
    574598        }
    575599} // close @media
    576600
    … …  
    592616                        width: 0;
    593617                }
    594618
    595                 .pag-count {margin-left: 0;}
     619                .pag-count {
     620                        margin-left: 0;
     621                }
     622
    596623                .pagination-links {
    597624                        margin-right: 0;
    598625
    … …  
    609636                                color: inherit;
    610637                                overflow: visible;
    611638                                width: auto;
    612                                 &:before {display: none;}
     639
     640                                &:before {
     641                                        display: none;
     642                                }
    613643                        }
    614644
    615645                        .prev {
    … …  
    640670// Adjusts Meta items to match 2012 font-family
    641671
    642672#buddypress {
     673
    643674        ul.item-list {
    644675                border-top: 0;
    645676
    … …  
    650681                        .item-avatar {
    651682                                margin-bottom: $spacing-val-sm;
    652683
    653                                 @media screen and (min-width: 37.500em) {
     684                                @media screen and (min-width: 37.5em) {
    654685                                        margin-bottom: 0;
    655686                                }
    656687
    657688                                text-align: center;
    658689
    659                                 a {border-bottom: 0;}
     690                                a {
     691                                        border-bottom: 0;
     692                                }
    660693
    661694                                img.avatar {
    662695                                        display: inline-block;
    … …  
    700733                                }
    701734
    702735                                .item-title {
     736
    703737                                        @include font-size(16);
    704738                                        line-height: 1.2;
    705739                                        text-align: center;
    … …  
    713747                                        > a {
    714748                                                text-decoration: none;
    715749
    716                                                 &:visited { color: #21759b;}
     750                                                &:visited {
     751                                                        color: #21759b;
     752                                                }
    717753                                        }
    718754
    719755                                        .update {
    720756                                                display: block;
     757
    721758                                                @include font-size(12);
    722759
    723760                                                @include medium-up {
     761
    724762                                                        @include font-size(14);
    725763                                                }
    726764
    … …  
    732770                        } // close .item
    733771
    734772                        @include medium-up {
     773
    735774                                .item-avatar,
    736775                                .item,
    737776                                .action {
    … …  
    745784                                        width: 55%;
    746785
    747786                                        .item-title {
    748                                                 @include font-size(18)
     787
     788                                                @include font-size(18);
    749789                                        }
    750790                                }
    751791
    … …  
    782822                                        // Provisionally lets keep the 'action' div
    783823                                        //position but inline-block the buttons
    784824
    785                                         @media screen and (min-width: 37.500em) {
     825                                        @media screen and (min-width: 37.5em) {
    786826                                                // keep buttons to a row small tablet up
    787827                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    788828                                                width: auto;
    … …  
    820860*/
    821861
    822862#buddypress {
     863
    823864        form#whats-new-form {
    824865
    825866                // Line-height issue inherited from BP rules, override.
    … …  
    830871                // corrective measure for clipped elements due to JS inline styling
    831872
    832873                @media screen and (max-width: 46.25em) {
     874
    833875                        #whats-new-content {
    834876                                clear: left;
    835877                                margin: $spacing-val-sm 0 $spacing-val-md;
    … …  
    838880                }
    839881
    840882                #whats-new-content.active {
     883
    841884                        #whats-new-options[style] {
     885
    842886                                #whats-new-post-in-box {
    843887                                        border: 1px solid rgba($border-color, 0.5);
    844888                                        float: left;
    … …  
    858902                                }
    859903
    860904                                @media screen and (min-width: 30em) {
     905
    861906                                        #whats-new-post-in-box {
    862907                                                width: auto;
    863908                                        }
    … …  
    878923
    879924        // User account form requires matching bp default specificity
    880925        #item-body {
     926
    881927                form#whats-new-form {
    882928                        margin: $spacing-val-lg 0;
    883929                }
    … …  
    923969                        }
    924970
    925971                        .activity-header {
     972
    926973                                @include font-size(14);
    927974
    928975                                a:visited {
    … …  
    931978                        }
    932979
    933980                        .activity-inner {
    934                                 img {height: auto;}
     981
     982                                img {
     983                                        height: auto;
     984                                }
    935985                        }
    936986
    937987                        @media screen and (min-width: 46.25em) {
    … …  
    9511001                                        overflow: hidden;
    9521002
    9531003                                        .activity-header {
     1004
    9541005                                                @include font-size(16);
    9551006                                        }
    9561007                                }
    … …  
    9641015                } // close li
    9651016
    9661017                li.mini {
     1018
    9671019                        .activity-avatar {
     1020
    9681021                                a {
     1022
    9691023                                        img.avatar {
    9701024                                                height: 30px;
    9711025                                                margin-left: 15px;
    … …  
    9751029                        }
    9761030
    9771031                        .activity-content {
     1032
    9781033                                .activity-header {
     1034
    9791035                                        @include font-size(14);
    9801036                                }
    9811037
    9821038                                .activity-meta {
     1039
    9831040                                        a {
     1041
    9841042                                                @include font-size(12);
    9851043                                        }
    9861044                                }
    … …  
    10071065                        } // close .activity-header
    10081066
    10091067                        .activity-meta {
     1068
    10101069                                a {
    10111070                                        display: block;
     1071
    10121072                                        @include font-size(14);
    10131073                                        margin-bottom: $spacing-val-xs;
    10141074
    1015                                         @media screen and (min-width: 37.500em) {
     1075                                        @media screen and (min-width: 37.5em) {
    10161076                                                float: left;
    10171077                                                margin-bottom: 0;
    10181078                                        }
    … …  
    10451105/* Single activity view  - activity permalink */
    10461106
    10471107.activity-permalink {
     1108
    10481109        #buddypress {
     1110
    10491111                #activity-stream {
    10501112
    10511113                        li.activity-item {
    … …  
    10531115                        }
    10541116
    10551117                        li.mini {
     1118
    10561119                                .activity-header {
     1120
    10571121                                        @include font-size(16);
     1122
    10581123                                        @media screen and (min-width: 46.25em) {
     1124
    10591125                                                @include font-size(20);
    10601126                                        }
    10611127
    10621128                                        margin-bottom: $spacing-val-lg;
    1063                                         p {padding: $spacing-val-md;}
     1129
     1130                                        p {
     1131                                                padding: $spacing-val-md;
     1132                                        }
    10641133                                }
    10651134                        } // close li.mini
    10661135
    … …  
    10961165
    10971166                                        .acomment-meta,
    10981167                                        .acomment-content {
     1168
    10991169                                                @include font-size(12);
    11001170                                        }
    11011171
    … …  
    11141184                                        color: rgba($body-text, 0.8);
    11151185                                        display: inline-block;
    11161186                                        font-family: inherit;
     1187
    11171188                                        @include font-size(12);
    11181189                                        font-weight: normal;
    11191190                                        line-height: 1.2;
    … …  
    11471218*/
    11481219
    11491220#buddypress {
     1221
    11501222        #members-list {
    11511223
    11521224                @include medium-up {
     1225
    11531226                        li {
     1227
    11541228                                .item-avatar,
    11551229                                .item {
    11561230                                        float: left;
    … …  
    11781252*/
    11791253
    11801254#buddypress {
     1255
    11811256        #signup_form.standard-form {
    11821257
    11831258                #profile-details-section,
    … …  
    11861261                        float: none;
    11871262                        width: 100%;
    11881263
    1189                         @media screen and (min-width: 37.500em) {
     1264                        @media screen and (min-width: 37.5em) {
    11901265                                width: 48%;
    11911266                        }
    11921267                }
    11931268
    1194                 @media screen and (min-width: 37.500em) {
    1195                         #profile-details-section {float: right;}
    1196                         #basic-details-section {float: left;}
     1269                @media screen and (min-width: 37.5em) {
     1270
     1271                        #profile-details-section {
     1272                                float: right;
     1273                        }
     1274
     1275                        #basic-details-section {
     1276                                float: left;
     1277                        }
    11971278                }
    11981279
    11991280        }
    … …  
    12061287*/
    12071288
    12081289.bp-user {
     1290
    12091291        #buddypress {
    12101292                // On object nav links, table links (notifications etc) we don't really need :visited
    12111293                // inheritance, so set pseudo class to :link color.
    12121294                a {
     1295
    12131296                        &:visited {
    12141297                                color: #21759b;
    12151298                        }
    … …  
    12251308
    12261309.bp-user,
    12271310.single-item.groups {
     1311
    12281312        #buddypress {
     1313
    12291314                #item-header-content {
     1315
    12301316                        #item-meta {
     1317
    12311318                                @include font-size(14);
    12321319                                text-align: left;
    12331320
    1234                                 p {margin-bottom: 0.5em;}
     1321                                p {
     1322                                        margin-bottom: 0.5em;
     1323                                }
    12351324                        }
    12361325                }
    12371326        }
    12381327
    1239         @media screen and (max-width: 37.500em) {
     1328        @media screen and (max-width: 37.5em) {
     1329
    12401330                h1,
    12411331                #item-header-content {
    12421332                        text-align: center;
    … …  
    12441334        }
    12451335
    12461336        @media screen and (max-width: 46.25em) {
     1337
    12471338                main {
     1339
    12481340                        header.entry-header {
    12491341                                padding-bottom: 1rem;
    12501342                        }
    … …  
    12521344        }
    12531345
    12541346        #buddypress {
    1255                 @media screen and (max-width: 37.500em) {
     1347
     1348                @media screen and (max-width: 37.5em) {
     1349
    12561350                        h1 {
    12571351                                margin-bottom: 0;
    12581352                        }
    12591353
    12601354                        #item-header-avatar {
     1355
    12611356                                img.avatar {
    12621357                                        margin-right: 0;
    12631358                                }
    … …  
    12691364                } // close @media
    12701365
    12711366                @media screen and (max-width: 46.25em) {
     1367
    12721368                        #item-header {
     1369
    12731370                                .generic-button {
    12741371                                        float: none;
    1275                                         margin: 1.5em 0 0 0;
     1372                                        margin: 1.5em 0 0;
    12761373                                }
    12771374                        }
    12781375                }
    … …  
    12891386*/
    12901387
    12911388.single-item.groups {
     1389
    12921390        #buddypress {
     1391
    12931392                @media screen and (max-width: 46.25em) {
     1393
    12941394                        #item-header {
     1395
    12951396                                #item-meta {
    12961397                                        margin-bottom: $spacing-val-md;
    12971398                                }
    … …  
    13011402                // Move visual flow of avatar & item-actions at narrow width,
    13021403                // avatar first after group title
    13031404                @media screen and (max-width: 50em) {
     1405
    13041406                        div#item-header {
    13051407                                display: flex;
    13061408                                flex-direction: column;
    … …  
    13381440                        padding-bottom: $spacing-val-lg;
    13391441
    13401442                        #item-header-content {
     1443
    13411444                                @include box-model(border-box);
    13421445                        }
    13431446
    … …  
    13631466                                }
    13641467
    13651468                                h3 {
     1469
    13661470                                        @include font-size(14);
    13671471                                        padding: 0.2em;
    13681472                                }
    … …  
    13691473
    13701474                                #group-admins,
    13711475                                #group-mods {
     1476
    13721477                                        li {
    13731478                                                margin: 0;
    13741479                                        }
    … …  
    13961501                        } // close @media
    13971502
    13981503                        @media screen and (min-width: 64em) {
     1504
    13991505                                #item-header-content {
    14001506                                        width: 40%;
    14011507                                }
    … …  
    14091515        // Due to cover image styles being applied via embedded styles & thus carrying
    14101516        // heavier weight than linked styles the use of !important to override may be required.
    14111517        #buddypress {
     1518
    14121519                #cover-image-container {
     1520
    14131521                        #item-header-cover-image {
    14141522
    14151523                                #item-actions {
    … …  
    14171525                                }
    14181526
    14191527                                @media screen and (min-width: 50em) and (max-width: 60em) {
     1528
    14201529                                        #item-header-content {
    14211530                                                max-width: 60% !important;
    14221531                                                width: 60% !important;
    … …  
    14331542                                                padding-top: 0 !important;
    14341543                                                width: auto;
    14351544
    1436                                                 h3 {border-bottom: 1px solid $border-light;}
     1545                                                h3 {
     1546                                                        border-bottom: 1px solid $border-light;
     1547                                                }
    14371548                                        }
    14381549                                } // @media
    14391550
    … …  
    14531564*/
    14541565
    14551566.bp-user {
     1567
    14561568        #buddypress {
     1569
    14571570                #item-header {
    14581571                        padding: $spacing-val-md 0;
    14591572
    … …  
    14691582                        }
    14701583
    14711584                        #item-header-content {
     1585
    14721586                                #item-buttons {
     1587
    14731588                                        .generic-button {
    14741589                                                margin-right: 5px;
    14751590                                        }
    … …  
    14771592                        }
    14781593
    14791594                        @media screen and (min-width: 46.25em) {
     1595
    14801596                                #item-header-avatar {
    14811597                                        float: left;
    14821598
    … …  
    15201636
    15211637// headings settings screens & general global settings styles
    15221638.groups {
     1639
    15231640        #group-settings-form {
     1641
    15241642                h4 {
    15251643                        background: $dark-background;
    15261644                        color: $content-background;
    … …  
    15301648}
    15311649
    15321650.groups.edit-details {
     1651
    15331652        #group-settings-form {
    15341653
    15351654                label {
    … …  
    15411660                textarea + p label {
    15421661                        background: none;
    15431662                        color: inherit;
     1663
    15441664                        @include font-size(14);
    15451665                        width: auto;
    15461666                }
    … …  
    15541674} // close .groups.edit-details
    15551675
    15561676.groups.group-settings {
     1677
    15571678        #group-settings-form {
    15581679
    15591680                div.radio label {
    … …  
    15621683
    15631684                        ul {
    15641685                                color: rgba($body-text, 0.6);
     1686
    15651687                                @include font-size(14);
    15661688                        }
    15671689                }
    … …  
    15781700}
    15791701
    15801702.groups.manage-members {
     1703
    15811704        #group-settings-form {
     1705
    15821706                .item-list {
     1707
    15831708                        li {
    15841709                                border-bottom: 1px solid $border-light;
    15851710
    … …  
    15871712                                h5 {
    15881713                                        float: left;
    15891714
    1590                                         > a {border-bottom: 0;}
     1715                                        > a {
     1716                                                border-bottom: 0;
     1717                                        }
    15911718                                }
    15921719
    15931720                                span.small {
    … …  
    16011728                                                margin: $spacing-val-xs 0;
    16021729                                                width: 100%;
    16031730
    1604                                                 @media screen and (min-width: 37.500em) {
     1731                                                @media screen and (min-width: 37.5em) {
    16051732                                                        width: auto;
    16061733                                                }
    16071734                                        }
    … …  
    16241751
    16251752// Massage the members search for groups nav specifically.
    16261753.groups.group-members {
     1754
    16271755        #subnav {
     1756
    16281757                li {
    1629                         @media screen and (max-width: 37.500em) {
     1758
     1759                        @media screen and (max-width: 37.5em) {
    16301760                                background: $content-background;
    16311761                                padding: $spacing-val-md 0;
    16321762                        }
    … …  
    16361766                        #search-members-form {
    16371767                                float: right;
    16381768
    1639                                 @media screen and (max-width: 37.500em) {
     1769                                @media screen and (max-width: 37.5em) {
    16401770                                        margin: 0;
    16411771                                        width: 100%;
    16421772
    16431773                                        label {
    1644                                                 input[type="text"] {width: 100%;}
     1774
     1775                                                input[type="text"] {
     1776                                                        width: 100%;
     1777                                                }
    16451778                                        }
    16461779                                }
    16471780
    … …  
    16601793*/
    16611794
    16621795.bp-user {
    1663         .entry-title {margin-bottom: 0.5em;}
     1796
     1797        .entry-title {
     1798                margin-bottom: 0.5em;
     1799        }
    16641800}
    16651801
    16661802/**
    … …  
    16731809        #buddypress {
    16741810
    16751811                table {
    1676                         th {@include font-size(13)}
    1677                         td {@include font-size(12)}
    16781812
     1813                        th {
     1814
     1815                                @include font-size(13);
     1816                        }
     1817
     1818                        td {
     1819
     1820                                @include font-size(12);
     1821                        }
     1822
    16791823                        @include medium-up {
    1680                                 th {@include font-size(16)}
    1681                                 td {@include font-size(14)}
     1824
     1825                                th {
     1826
     1827                                        @include font-size(16);
     1828                                }
     1829
     1830                                td {
     1831
     1832                                        @include font-size(14);
     1833                                }
    16821834                        }
    16831835                }
    16841836
    1685                 .pag-count {font-style: italic;}
     1837                .pag-count {
     1838                        font-style: italic;
     1839                }
    16861840
    16871841                .notifications-options-nav,
    16881842                .messages-options-nav {
    … …  
    16891843                        float: left;
    16901844                        width: 100%;
    16911845
    1692                         @media screen and (min-width: 37.500em) {
     1846                        @media screen and (min-width: 37.5em) {
    16931847                                width: 40%;
    16941848                        }
    16951849
    16961850                        select,
    16971851                        input {
     1852
    16981853                                @include font-size(14);
    16991854                                outline: 0;
    17001855                                padding: 0;
    … …  
    17051860                                margin-right: 0;
    17061861                                width: 49%;
    17071862
    1708                                 @media screen and (min-width: 37.500em) {
     1863                                @media screen and (min-width: 37.5em) {
    17091864                                        width: auto;
    17101865                                }
    17111866                        }
    … …  
    17171872                                margin-left: 1%;
    17181873                                width: 50%;
    17191874
    1720                                 @media screen and (min-width: 37.500em) {
     1875                                @media screen and (min-width: 37.5em) {
    17211876                                        width: auto;
    17221877                                }
    17231878
    … …  
    17431898        #buddypress {
    17441899
    17451900                .profile {
     1901
    17461902                        .bp-widget {
     1903
    17471904                                h4 {
    17481905                                        background: lighten($dark-background, 10%);
    17491906                                        color: #fff;
    … …  
    17511908                                        padding: 0.4em;
    17521909                                }
    17531910
    1754                                 table {margin-top: 0;}
     1911                                table {
     1912                                        margin-top: 0;
     1913                                }
    17551914                        }
    17561915                        /* Edit profile */
    17571916
    17581917                        #profile-edit-form {
     1918
    17591919                                .button-nav:before,
    17601920                                .button-nav:after {
    17611921                                        content: " ";
    … …  
    17841944                                        a {
    17851945                                                background: none;
    17861946                                                border: 0;
    1787                                                 @include font-size(18)
     1947
     1948                                                @include font-size(18);
    17881949                                        }
    17891950                                } //.button-nav
    17901951
    … …  
    17941955
    17951956                                .field-visibility-settings-toggle,
    17961957                                .field-visibility-settings {
     1958
    17971959                                        @include font-size(14);
    17981960                                }
    17991961
    … …  
    18001962                                .field-visibility-settings-close,
    18011963                                .visibility-toggle-link {
    18021964                                        background: lighten($dark-background, 10%);
     1965
    18031966                                        @include border-radius(2px);
    18041967                                        color: #eee;
    18051968                                        font-weight: bold;
    … …  
    18141977                        } // close profile form
    18151978
    18161979                        .bp-avatar {
     1980
    18171981                                #bp-delete-avatar {
    1818                                         a {font-size: inherit; }
     1982
     1983                                        a {
     1984                                                font-size: inherit;
     1985                                        }
    18191986                                }
    18201987                        }
    18211988                } // close .profile
    … …  
    18342001        #buddypress {
    18352002
    18362003                #groups-list {
     2004
    18372005                        li {
     2006
    18382007                                .item {
     2008
    18392009                                        @media screen and (min-width: 77.5em) {
     2010
    18402011                                                left: 5%;
    18412012                                                width: 50%;
    18422013                                        }
    … …  
    18902061                                }
    18912062
    18922063                                @media screen and (min-width: 46.25em) {
     2064
    18932065                                        img.avatar {
    18942066                                                float: left;
    18952067                                        }
    … …  
    19102082                        }
    19112083
    19122084                        #send-reply {
     2085
    19132086                                .message-content {
    19142087                                        background: $content-background;
    19152088                                        border: 0;
    … …  
    19252098                #message-threads {
    19262099
    19272100                        thead {
     2101
    19282102                                tr {
    19292103                                        background: lighten($dark-background, 10%);
    19302104                                }
    … …  
    19312105                        }
    19322106
    19332107                        tr {
     2108
    19342109                                td {
    19352110                                        background: $content-background;
    19362111                                        box-sizing: border-box;
    … …  
    19592134                                        }
    19602135
    19612136                                        span.icon:before {
     2137
    19622138                                                @include font-size(14);
    19632139                                        }
    19642140                                }
    … …  
    19672143                                td.thread-from {
    19682144                                        height: 3em;
    19692145
    1970                                         @media screen and (max-width: 37.500em) {
     2146                                        @media screen and (max-width: 37.5em) {
     2147
    19712148                                                height: 5.2em;
    19722149                                        }
    19732150                                }
    … …  
    19832160                                        padding-left: 41px;
    19842161                                        width: 100%;
    19852162
    1986                                         a::after {
     2163                                        a:after {
    19872164                                                content: " \2016 \00a0"attr(title);
     2165
    19882166                                                @include font-size(12);
    19892167                                        }
    19902168                                }
    … …  
    19932171                                        text-align: right;
    19942172
    19952173                                        a {
     2174
    19962175                                                @include font-size(12);
    19972176                                                line-height: 1.2;
    19982177                                        }
    … …  
    20072186                                        float: right;
    20082187                                        line-height: 2;
    20092188
    2010                                         @media screen and (max-width: 37.500em) {
     2189                                        @media screen and (max-width: 37.5em) {
    20112190                                                clear: both;
     2191
    20122192                                                @include font-size(11);
    20132193                                                width: 100%;
    20142194                                        }
    … …  
    20162196                        }
    20172197
    20182198                        tr.unread {
     2199
    20192200                                td {
    20202201                                        border-color: $border-light;
    20212202                                }
    … …  
    20402221                }
    20412222
    20422223                #send_message_form {
     2224
    20432225                        input,
    20442226                        textarea {
    20452227                                box-sizing: border-box;
    … …  
    20492231                .acfb-holder {
    20502232                        list-style: none;
    20512233
    2052                         li {margin-left: 0;}
     2234                        li {
     2235                                margin-left: 0;
     2236                        }
    20532237
    20542238                        li.friend-tab {
    20552239                                background: lighten($notice-info, 20%);
    … …  
    20842268                }
    20852269
    20862270                #message-threads.sitewide-notices {
    2087                         tr {margin: 3em 0;}
     2271
     2272                        tr {
     2273                                margin: 3em 0;
     2274                        }
     2275
    20882276                        td {
    20892277                                width: 100%;
    20902278
    … …  
    21122300                        }
    21132301
    21142302                        td:nth-child(2) {
     2303
    21152304                                strong {
    21162305                                        margin: -8px -8px 8px;
    21172306                                }
    … …  
    21392328                                        text-indent: -999em;
    21402329                                }
    21412330
    2142                                 a:last-child::after {
     2331                                a:last-child:after {
    21432332                                        content: attr(title);
    21442333                                        display: block;
    21452334                                        line-height: initial;
    … …  
    21632352                                cursor: pointer;
    21642353                        }
    21652354
    2166                         img { vertical-align: bottom;}
     2355                        img {
     2356                                vertical-align: bottom;
     2357                        }
    21672358
    21682359                }
    21692360        }
    … …  
    21822373
    21832374                #settings-form {
    21842375
    2185                         // 'p' = email notification screen sub heading
     2376                        // "p" = email notification screen sub heading
    21862377                        > p {
     2378
    21872379                                @include font-size(20);
    21882380                                margin: $spacing-val-md 0 $spacing-val-sm;
    21892381                        }
    … …  
    21902382                }
    21912383
    21922384                table.notification-settings {
     2385
    21932386                        td.yes,
    21942387                        td.no {
    21952388                                vertical-align: middle;
    … …  
    22062399                        }
    22072400
    22082401                        @media screen and (min-width: 46.25em) {
     2402
    22092403                                th.field-group-name,
    22102404                                td.field-name {
    22112405                                        width: 70%;
    … …  
    22182412                        }
    22192413
    22202414                        td.field-visibility {
    2221                                 select {width: 100%;}
     2415
     2416                                select {
     2417                                        width: 100%;
     2418                                }
    22222419                        }
    22232420                }
    22242421
    … …  
    22412438
    22422439// Attempt to reset form control widths
    22432440#main {
     2441
    22442442        #buddypress {
     2443
    22452444                .standard-form {
    22462445
    2247                         li {float: none;}
    2248                         input[type='text'],
    2249                         input[type='email'],
    2250                         input[type='password'],
     2446                        li {
     2447                                float: none;
     2448                        }
     2449
     2450                        input[type="text"],
     2451                        input[type="email"],
     2452                        input[type="password"],
    22512453                        textarea {
    22522454                                width: 100%;
    22532455                        }
    … …  
    22632465        div.activity-comments {
    22642466
    22652467                form {
     2468
    22662469                        .ac-textarea {
    22672470                                background: $light-background;
    22682471                                border: 1px solid rgba($border-color, 0.5);
    … …  
    22912494        } // close .standard-form
    22922495
    22932496        #signup_form.standard-form {
     2497
    22942498                div.submit {
    22952499                        float: none;
    22962500
    2297                         input {margin-right: 0;}
     2501                        input {
     2502                                margin-right: 0;
     2503                        }
    22982504                }
    22992505        }
    23002506
    … …  
    23012507} // close #buddypress
    23022508
    23032509#buddypress {
     2510
    23042511        div.dir-search,
    23052512        div.message-search,
    23062513        li.groups-members-search {
    … …  
    23192526                                width: 70%;
    23202527                        }
    23212528
    2322                         input[type='text'],
    2323                         input[type='submit'] {
     2529                        input[type="text"],
     2530                        input[type="submit"] {
     2531
    23242532                                @include font-size(14);
    23252533                                border: 0;
    23262534                                border-radius: 0;
    … …  
    23282536                                min-height: 2rem;
    23292537                        }
    23302538
    2331                         input[type='text'] {
     2539                        input[type="text"] {
    23322540                                border-right: 1px solid rgba($border-color, 0.6);
    23332541                                float: left;
    23342542                                margin: 0;
    2335                                 padding: 0 0.2em 0;
     2543                                padding: 0 0.2em;
    23362544                                width: 100%;
    23372545                        }
    23382546
    2339                         input[type='submit'] {
     2547                        input[type="submit"] {
    23402548                                float: right;
    23412549                                font-weight: normal;
    23422550                                padding: 0 1em;
    … …  
    23502558
    23512559        // Shift the search parent to the right and allow to shrinkwrap
    23522560
    2353         @media screen and (min-width: 37.500em) {
     2561        @media screen and (min-width: 37.5em) {
     2562
    23542563                div.dir-search,
    23552564                div.message-search,
    23562565                li.groups-members-search {
    … …  
    23582567                        margin-bottom: 5px !important;
    23592568
    23602569                        form {
     2570
    23612571                                label,
    2362                                 input[type='text'],
    2363                                 input[type='submit'] {
     2572                                input[type="text"],
     2573                                input[type="submit"] {
    23642574                                        width: auto;
    23652575                                }
    23662576                        }
    … …  
    23732583
    23742584                .dir-search,
    23752585                .message-search {
     2586
    23762587                        form {
    2377                                 input[type='text'] { @include font-size(16) ;}
    2378                                 input[type='submit'] { @include font-size(16) ;}
     2588
     2589                                input[type="text"] {
     2590
     2591                                        @include font-size(16) ;
     2592                                }
     2593
     2594                                input[type="submit"] {
     2595
     2596                                        @include font-size(16) ;
     2597                                }
    23792598                        }
    23802599                }
    23812600        }
    … …  
    23882607*-------------------------------------------------------------------------------
    23892608*/
    23902609.bp-user {
     2610
    23912611        #buddypress {
    23922612
    23932613                table {
     2614
    23942615                        @include font-size(14);
    23952616                        margin: $spacing-val-md 0;
    23962617
    … …  
    24062627                        }
    24072628
    24082629                        // Reduce the themes inherited paragraph margins in tables
    2409                         p {margin-bottom: 0.5em;}
     2630                        p {
     2631                                margin-bottom: 0.5em;
     2632                        }
    24102633                }
    24112634
    24122635                @media screen and (min-width: 55em) {
    2413                         table {@include font-size(16);}
     2636
     2637                        table {
     2638
     2639                                @include font-size(16);
     2640                        }
    24142641                }
    24152642
    24162643                // Manage some table cells widths that are disproportionate to their content
    24172644                .notifications,
    24182645                .messages-notices {
     2646
    24192647                        th {
    24202648                                width: 30%;
    24212649
    … …  
    24482676                        // Notices action buttons, this maybe better moved, temp for now to address
    24492677                        // styling issues - this will need styling ideas
    24502678                        td {
     2679
    24512680                                .button {
     2681
    24522682                                        border: 0;
    24532683                                        display: block;
    24542684                                        padding: 0;
    … …  
    24722702// to background color darker by 50%
    24732703
    24742704#buddypress {
     2705
    24752706        div#message {
     2707
    24762708                p {
     2709
    24772710                        @include font-size(18);
    24782711                        font-weight: bold;
    24792712                }
    24802713
    24812714                &.info {
     2715
    24822716                        p {
     2717
    24832718                                @include message-box($notice-info);
    24842719                        }
    24852720                }
    24862721
    24872722                &.updated {
     2723
    24882724                        p {
     2725
    24892726                                @include message-box($notice-update);
    24902727                        }
    24912728                }
    … …  
    24942731
    24952732} // close  #buddypress
    24962733
    2497 // Without direct classes on our mesages ( 'warning' )
     2734// Without direct classes on our mesages ( "warning" );
    24982735// we need to use the body classes
    24992736// todo: If this is class .warning is included in main BP styles remove from here
    25002737.delete-group {
     2738
    25012739        #buddypress {
     2740
    25022741                div#message.info {
     2742
    25032743                        p {
     2744
    25042745                                @include message-box($notice-warning);
    25052746                        }
    25062747                }

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

     
    11/* Profile field group main admin page */
     2/* stylelint-disable
     3        rule-nested-empty-line-before,
     4        block-opening-brace-newline-after,
     5        block-closing-brace-newline-before,
     6        block-opening-brace-space-before
     7*/
    28@-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; }
     9        from { box-shadow: 0 0 10px #1e8cbe; }
     10        50%  { box-shadow: 0 0 0    #1e8cbe; }
     11        to   { box-shadow: 0 0 10px #1e8cbe; }
    612}
     13
    714@-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; }
     15        from { box-shadow: 0 0 10px #1e8cbe; }
     16        50%  { box-shadow: 0 0 0    #1e8cbe; }
     17        to   { box-shadow: 0 0 10px #1e8cbe; }
    1118}
    1219
    1320@-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; }
     21        from { box-shadow: 0 0 10px #1e8cbe; }
     22        50%  { box-shadow: 0 0 0    #1e8cbe; }
     23        to   { box-shadow: 0 0 10px #1e8cbe; }
    1724}
     25/* stylelint-enable */
    1826
    1927#profile-field-form {
    2028        margin-top: 12px;
    … …  
    2230
    2331#tabs {
    2432        position: relative;
    25         }
    26         p.nofields {
    27                 margin: 20px 0 0;
    28         }
     33}
    2934
    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                 }
     35p.nofields {
     36        margin: 20px 0 0;
     37}
    7338
    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                 }
     39/* Field group tabs */
     40ul#field-group-tabs {
     41        float: right;
     42        padding: 0 15px 0 0;
     43        margin: 0;
     44        display: none;
     45}
    8246
    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         }
     47ul#field-group-tabs li {
     48        float: right;
     49        margin-left: 8px;
     50        margin-bottom: -1px;
     51}
    9552
    96         .bp-option a.delete,
    97         .field-wrapper a.deletion,
    98         .tab-toolbar a.deletion {
    99                 color: #f00;
    100                 border-bottom: 1px solid #f00;
    101                 text-decoration: none;
    102                 padding: 0;
    103         }
     53ul#field-group-tabs li.ui-state-hover a.ui-tab {
     54        color: #d54e21;
     55}
    10456
    105         div.delete-button {
    106                 float: left;
    107                 line-height: 28px;
    108         }
     57ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     58        -webkit-animation: tab-throb 2s infinite;
     59        -moz-animation: tab-throb 2s infinite;
     60        -o-animation: tab-throb 2s infinite;
     61        animation: tab-throb 2s infinite;
     62}
    10963
    110         div.field-group {
    111                 clear: right;
    112         }
     64ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     65        -webkit-box-shadow: 0 0 10px #0f0;
     66        -moz-box-shadow: 0 0 10px #0f0;
     67        -o-box-shadow: 0 0 10px #0f0;
     68        box-shadow: 0 0 10px #0f0;
     69        -webkit-animation: none;
     70        -moz-animation: none;
     71        -o-animation: none;
     72        animation: none;
     73        color: #000;
     74}
    11375
    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         }
     76ul#field-group-tabs li a.ui-tab {
     77        font-size: 14px;
     78        display: block;
     79        margin-top: 3px;
     80        padding: 5px 10px 6px;
     81        border: 1px solid #e5e5e5;
     82        background-color: #f5f5f5;
     83        text-decoration: none;
     84        color: #000;
     85        outline: none;
     86}
    14487
    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         }
     88/* Selected tab */
     89ul#field-group-tabs li.ui-state-active a.ui-tab {
     90        background-color: #fff;
     91        margin-top: 0;
     92        padding: 7px 10px;
     93        border-bottom: 1px solid transparent;
     94        color: #000;
     95}
    16896
    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         }
     97/* Toolbar */
     98.tab-toolbar {
     99        clear: right;
     100        background: #fff;
     101        border-width: 1px;
     102        border-color: #e5e5e5;
     103        border-style: solid;
     104        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     105        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     106        padding: 10px;
     107        margin-bottom: 10px;
     108}
    176109
    177         #field-group-tabs .ui-sortable-placeholder {
    178                 background: transparent;
    179                 border-bottom: none;
    180                 margin: -1px 0 -1px 6px;
    181         }
     110.bp-option a.delete,
     111.field-wrapper a.deletion,
     112.tab-toolbar a.deletion {
     113        color: #f00;
     114        border-bottom: 1px solid #f00;
     115        text-decoration: none;
     116        padding: 0;
     117}
    182118
    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                         }
     119div.delete-button {
     120        float: left;
     121        line-height: 28px;
     122}
    194123
    195                         ul.forTab li input {
    196                                 font-size: 1.4em;
    197                         }
     124div.field-group {
     125        clear: right;
     126}
    198127
    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         }
     128.field-group {
     129        cursor: default;
     130        border: 1px solid #e5e5e5;
     131        background: #fff;
     132        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     133        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     134        margin-top: 10px;
     135        padding: 0 20px 20px;
     136}
    207137
    208         span.desc, span.signup-description {
    209                 display: block;
    210                 font-size: 11px;
    211                 color: #555;
    212         }
     138.field-group .xprofile-field {
     139        position: relative;
     140}
    213141
     142.field-group fieldset {
     143        position: relative;
     144        border: 1px solid #ddd;
     145        margin: 20px 0 0;
     146        cursor: move;
     147        background: #fafafa;
     148        padding: 10px 0 0;
     149}
     150
     151.field-group fieldset legend {
     152        position: absolute;
     153        top: 10px;
     154        right: 10px;
     155        padding: 0;
     156}
     157
     158fieldset.radio div div label,
     159fieldset.checkbox div label {
     160        margin-left: 20px;
     161}
     162
     163fieldset.clear-value {
     164        margin-right: 10px;
     165}
     166
     167fieldset div.field-wrapper {
     168        padding: 25px 10px 10px;
     169}
     170
     171.field-group div.actions {
     172        float: none;
     173        border-top: 1px solid #ddd;
     174        margin: 10px 0 0;
     175        padding-top: 10px;
     176}
     177
     178.field-group div.actions a,
     179.field-group div.actions button,
     180.field-group div.actions input {
     181        float: none;
     182}
     183
     184.field-group fieldset:hover {
     185        border-color: #999;
     186}
     187
     188.field-group fieldset:hover div.actions {
     189        display: block;
     190}
     191
     192.bp-options-box .ui-sortable-placeholder,
     193#field-group-tabs .ui-sortable-placeholder,
     194.field-group fieldset.ui-sortable-placeholder {
     195        border: 1px dashed #999;
     196        background-color: #fff;
     197        visibility: visible !important;
     198}
     199
     200#field-group-tabs .ui-sortable-placeholder {
     201        background: transparent;
     202        border-bottom: none;
     203        margin: -1px 0 -1px 6px;
     204}
     205
     206ul.forTab {
     207        list-style: none;
     208        padding: 0;
     209        margin: 0 1em 0 0;
     210}
     211
     212ul.forTab li {
     213        margin: 0 0 1em;
     214}
     215
     216ul.forTab li label {
     217        display: block;
     218}
     219
     220ul.forTab li input {
     221        font-size: 1.4em;
     222}
     223
     224p.success {
     225        background: #0f0;
     226}
     227
     228p.err {
     229        border-top: 2px solid #f00;
     230        border-bottom: 2px solid #f00;
     231        color: #f00;
     232        padding: 5px 0;
     233        width: 40%;
     234}
     235
     236span.desc,
     237span.signup-description {
     238        display: block;
     239        font-size: 11px;
     240        color: #555;
     241}
     242
    214243ul.multi-checkbox {
    215244        margin: 0 0 0 5px;
    216         padding: .5em .9em;
     245        padding: 0.5em 0.9em;
    217246        height: 10em;
    218247        overflow: auto;
    219248        list-style: none;
    … …  
    238267}
    239268
    240269.bp-option-icon {
    241         font: normal 20px/1 'dashicons';
     270        font: normal 20px/1 "dashicons";
    242271        speak: none;
    243272        display: inline-block;
    244273        padding: 0 2px 0 0;
    … …  
    271300#bp-xprofile-add-field-group .titlewrap {
    272301        margin-bottom: 20px;
    273302}
     303
    274304#bp-xprofile-add-field #post-body-content {
    275305        margin-bottom: 0;
    276306}

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

     
    11/* Profile field group main admin page */
     2/* stylelint-disable
     3        rule-nested-empty-line-before,
     4        block-opening-brace-newline-after,
     5        block-closing-brace-newline-before,
     6        block-opening-brace-space-before
     7*/
    28@-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; }
     9        from { box-shadow: 0 0 10px #1e8cbe; }
     10        50%  { box-shadow: 0 0 0    #1e8cbe; }
     11        to   { box-shadow: 0 0 10px #1e8cbe; }
    612}
     13
    714@-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; }
     15        from { box-shadow: 0 0 10px #1e8cbe; }
     16        50%  { box-shadow: 0 0 0    #1e8cbe; }
     17        to   { box-shadow: 0 0 10px #1e8cbe; }
    1118}
    1219
    1320@-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; }
     21        from { box-shadow: 0 0 10px #1e8cbe; }
     22        50%  { box-shadow: 0 0 0    #1e8cbe; }
     23        to   { box-shadow: 0 0 10px #1e8cbe; }
    1724}
     25/* stylelint-enable */
    1826
    1927#profile-field-form {
    2028        margin-top: 12px;
    … …  
    2230
    2331#tabs {
    2432        position: relative;
    25         }
    26         p.nofields {
    27                 margin: 20px 0 0;
    28         }
     33}
    2934
    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                 }
     35p.nofields {
     36        margin: 20px 0 0;
     37}
    7338
    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                 }
     39/* Field group tabs */
     40ul#field-group-tabs {
     41        float: left;
     42        padding: 0 0 0 15px;
     43        margin: 0;
     44        display: none;
     45}
    8246
    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         }
     47ul#field-group-tabs li {
     48        float: left;
     49        margin-right: 8px;
     50        margin-bottom: -1px;
     51}
    9552
    96         .bp-option a.delete,
    97         .field-wrapper a.deletion,
    98         .tab-toolbar a.deletion {
    99                 color: #f00;
    100                 border-bottom: 1px solid #f00;
    101                 text-decoration: none;
    102                 padding: 0;
    103         }
     53ul#field-group-tabs li.ui-state-hover a.ui-tab {
     54        color: #d54e21;
     55}
    10456
    105         div.delete-button {
    106                 float: right;
    107                 line-height: 28px;
    108         }
     57ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     58        -webkit-animation: tab-throb 2s infinite;
     59        -moz-animation: tab-throb 2s infinite;
     60        -o-animation: tab-throb 2s infinite;
     61        animation: tab-throb 2s infinite;
     62}
    10963
    110         div.field-group {
    111                 clear: left;
    112         }
     64ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     65        -webkit-box-shadow: 0 0 10px #0f0;
     66        -moz-box-shadow: 0 0 10px #0f0;
     67        -o-box-shadow: 0 0 10px #0f0;
     68        box-shadow: 0 0 10px #0f0;
     69        -webkit-animation: none;
     70        -moz-animation: none;
     71        -o-animation: none;
     72        animation: none;
     73        color: #000;
     74}
    11375
    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         }
     76ul#field-group-tabs li a.ui-tab {
     77        font-size: 14px;
     78        display: block;
     79        margin-top: 3px;
     80        padding: 5px 10px 6px;
     81        border: 1px solid #e5e5e5;
     82        background-color: #f5f5f5;
     83        text-decoration: none;
     84        color: #000;
     85        outline: none;
     86}
    14487
    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         }
     88/* Selected tab */
     89ul#field-group-tabs li.ui-state-active a.ui-tab {
     90        background-color: #fff;
     91        margin-top: 0;
     92        padding: 7px 10px;
     93        border-bottom: 1px solid transparent;
     94        color: #000;
     95}
    16896
    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         }
     97/* Toolbar */
     98.tab-toolbar {
     99        clear: left;
     100        background: #fff;
     101        border-width: 1px;
     102        border-color: #e5e5e5;
     103        border-style: solid;
     104        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     105        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     106        padding: 10px;
     107        margin-bottom: 10px;
     108}
    176109
    177         #field-group-tabs .ui-sortable-placeholder {
    178                 background: transparent;
    179                 border-bottom: none;
    180                 margin: -1px 6px -1px 0;
    181         }
     110.bp-option a.delete,
     111.field-wrapper a.deletion,
     112.tab-toolbar a.deletion {
     113        color: #f00;
     114        border-bottom: 1px solid #f00;
     115        text-decoration: none;
     116        padding: 0;
     117}
    182118
    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                         }
     119div.delete-button {
     120        float: right;
     121        line-height: 28px;
     122}
    194123
    195                         ul.forTab li input {
    196                                 font-size: 1.4em;
    197                         }
     124div.field-group {
     125        clear: left;
     126}
    198127
    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         }
     128.field-group {
     129        cursor: default;
     130        border: 1px solid #e5e5e5;
     131        background: #fff;
     132        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     133        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     134        margin-top: 10px;
     135        padding: 0 20px 20px;
     136}
    207137
    208         span.desc, span.signup-description {
    209                 display: block;
    210                 font-size: 11px;
    211                 color: #555;
    212         }
     138.field-group .xprofile-field {
     139        position: relative;
     140}
    213141
     142.field-group fieldset {
     143        position: relative;
     144        border: 1px solid #ddd;
     145        margin: 20px 0 0;
     146        cursor: move;
     147        background: #fafafa;
     148        padding: 10px 0 0;
     149}
     150
     151.field-group fieldset legend {
     152        position: absolute;
     153        top: 10px;
     154        left: 10px;
     155        padding: 0;
     156}
     157
     158fieldset.radio div div label,
     159fieldset.checkbox div label {
     160        margin-right: 20px;
     161}
     162
     163fieldset.clear-value {
     164        margin-left: 10px;
     165}
     166
     167fieldset div.field-wrapper {
     168        padding: 25px 10px 10px;
     169}
     170
     171.field-group div.actions {
     172        float: none;
     173        border-top: 1px solid #ddd;
     174        margin: 10px 0 0;
     175        padding-top: 10px;
     176}
     177
     178.field-group div.actions a,
     179.field-group div.actions button,
     180.field-group div.actions input {
     181        float: none;
     182}
     183
     184.field-group fieldset:hover {
     185        border-color: #999;
     186}
     187
     188.field-group fieldset:hover div.actions {
     189        display: block;
     190}
     191
     192.bp-options-box .ui-sortable-placeholder,
     193#field-group-tabs .ui-sortable-placeholder,
     194.field-group fieldset.ui-sortable-placeholder {
     195        border: 1px dashed #999;
     196        background-color: #fff;
     197        visibility: visible !important;
     198}
     199
     200#field-group-tabs .ui-sortable-placeholder {
     201        background: transparent;
     202        border-bottom: none;
     203        margin: -1px 6px -1px 0;
     204}
     205
     206ul.forTab {
     207        list-style: none;
     208        padding: 0;
     209        margin: 0 0 0 1em;
     210}
     211
     212ul.forTab li {
     213        margin: 0 0 1em;
     214}
     215
     216ul.forTab li label {
     217        display: block;
     218}
     219
     220ul.forTab li input {
     221        font-size: 1.4em;
     222}
     223
     224p.success {
     225        background: #0f0;
     226}
     227
     228p.err {
     229        border-top: 2px solid #f00;
     230        border-bottom: 2px solid #f00;
     231        color: #f00;
     232        padding: 5px 0;
     233        width: 40%;
     234}
     235
     236span.desc,
     237span.signup-description {
     238        display: block;
     239        font-size: 11px;
     240        color: #555;
     241}
     242
    214243ul.multi-checkbox {
    215244        margin: 0 5px 0 0;
    216         padding: .5em .9em;
     245        padding: 0.5em 0.9em;
    217246        height: 10em;
    218247        overflow: auto;
    219248        list-style: none;
    … …  
    238267}
    239268
    240269.bp-option-icon {
    241         font: normal 20px/1 'dashicons';
     270        font: normal 20px/1 "dashicons";
    242271        speak: none;
    243272        display: inline-block;
    244273        padding: 0 0 0 2px;
    … …  
    271300#bp-xprofile-add-field-group .titlewrap {
    272301        margin-bottom: 20px;
    273302}
     303
    274304#bp-xprofile-add-field #post-body-content {
    275305        margin-bottom: 0;
    276306}