Skip to:
Content

BuddyPress.org

Changeset 11587


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

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

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

Props netweb, hnla, DJPaul.
Fixes #7028.

Location:
trunk
Files:
1 deleted
52 edited

Legend:

Unmodified
Added
Removed
  • trunk/.travis.yml

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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