Changeset 11587
- Timestamp:
- 06/13/2017 04:38:30 AM (8 years ago)
- Location:
- trunk
- Files:
-
- 1 deleted
- 52 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/.travis.yml
r11535 r11587 11 11 directories: 12 12 - $HOME/.composer/cache 13 - $HOME/.rvm/gems14 13 # - /tmp/wordpress/src/wp-content/plugins/buddypress/node_modules 15 14 … … 52 51 # before_install: Failures in this section will result in build status 'errored' 53 52 before_install: 54 # scss-lint requires Ruby >= 2.255 - source ~/.rvm/scripts/rvm && rvm install 2.2.0 && rvm use 2.2.056 53 # set up WP install 57 54 - export WP_DEVELOP_DIR=/tmp/wordpress/ … … 75 72 # prepare for running the tests 76 73 - cd $plugin_dir 77 - gem install scss_lint78 74 # setup NodeJS version using NVM 79 75 - node --version … … 84 80 - mysql --version 85 81 - phpenv versions 86 - ruby --version87 82 - php --version 88 83 - php -m -
trunk/Gruntfile.js
r11546 r11587 20 20 BP_EXCLUDED_MISC = [ 21 21 '!bp-forums/bbpress/**/*' 22 ], 23 24 // SASS generated "Twenty*"" CSS files 25 BP_SCSS_CSS_FILES = [ 26 '!bp-templates/bp-legacy/css/twenty*.css' 22 27 ], 23 28 … … 197 202 } 198 203 }, 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 },207 204 stylelint: { 208 205 css: { … … 213 210 expand: true, 214 211 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 ) 216 213 }, 217 214 scss: { … … 294 291 * Register tasks. 295 292 */ 296 grunt.registerTask( 'src', ['checkDependencies', 'jsvalidate:src', 'jshint', 's csslint', 'sass', 'rtlcss'] );293 grunt.registerTask( 'src', ['checkDependencies', 'jsvalidate:src', 'jshint', 'stylelint', 'sass', 'rtlcss'] ); 297 294 grunt.registerTask( 'commit', ['src', 'checktextdomain', 'imagemin'] ); 298 295 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 2 2 float: left; 3 3 } 4 4 5 .akismet-status a { 5 color: # AAA;6 color: #aaa; 6 7 font-style: italic; 7 8 } 9 8 10 .akismet-history { 9 11 margin: 13px; 10 12 } 13 11 14 .akismet-history div { 12 15 margin-bottom: 13px; 13 16 } 17 14 18 .akismet-history span { 15 19 color: #999; … … 19 23 padding: 5px 0; 20 24 } 25 21 26 #bp-activities { 22 27 height: 120px; 23 28 } 29 24 30 #bp-replyhead { 25 31 font-size: 1em; 26 line-height: 1.4 em;32 line-height: 1.4; 27 33 margin: 0; 28 34 } 35 29 36 #bp-replysubmit { 30 37 margin: 0; … … 32 39 text-align: center; 33 40 } 41 34 42 #bp-replysubmit .error { 35 color: red;43 color: #f00; 36 44 line-height: 21px; 37 45 text-align: center; 38 46 vertical-align: center; 39 47 } 48 40 49 #bp-replysubmit img.waiting { 41 50 float: left; … … 43 52 vertical-align: top; 44 53 } 54 45 55 #bp-activities-form .column-response img { 46 56 float: right; … … 49 59 margin-top: 1px; 50 60 } 61 51 62 .activity-errors { 52 63 list-style-type: disc; … … 58 69 line-height: 0; 59 70 } 71 60 72 #bp_activity_action h3, 61 73 #bp_activity_content h3 { 62 74 cursor: auto; 63 75 } 76 64 77 #bp_activity_action td.mceIframeContainer, 65 78 #bp_activity_content td.mceIframeContainer { 66 background-color: white;79 background-color: #fff; 67 80 } 81 68 82 #post-body #bp-activities-action_resize, 69 83 #post-body #bp-activities-content_resize { … … 71 85 margin-top: -2px; 72 86 } 87 73 88 #bp_activity_link input { 74 89 width: 99%; 75 90 } 91 76 92 #bp-activities-primaryid { 77 93 margin-bottom: 1em; 78 94 } 95 79 96 .column-action { 80 97 width: 12%; … … 82 99 83 100 @media screen and (max-width: 782px) { 101 84 102 body.toplevel_page_bp-activity .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { 85 103 display: table-cell; -
trunk/src/bp-activity/admin/css/admin.css
r10197 r11587 2 2 float: right; 3 3 } 4 4 5 .akismet-status a { 5 color: # AAA;6 color: #aaa; 6 7 font-style: italic; 7 8 } 9 8 10 .akismet-history { 9 11 margin: 13px; 10 12 } 13 11 14 .akismet-history div { 12 15 margin-bottom: 13px; 13 16 } 17 14 18 .akismet-history span { 15 19 color: #999; … … 19 23 padding: 5px 0; 20 24 } 25 21 26 #bp-activities { 22 27 height: 120px; 23 28 } 29 24 30 #bp-replyhead { 25 31 font-size: 1em; 26 line-height: 1.4 em;32 line-height: 1.4; 27 33 margin: 0; 28 34 } 35 29 36 #bp-replysubmit { 30 37 margin: 0; … … 32 39 text-align: center; 33 40 } 41 34 42 #bp-replysubmit .error { 35 color: red;43 color: #f00; 36 44 line-height: 21px; 37 45 text-align: center; 38 46 vertical-align: center; 39 47 } 48 40 49 #bp-replysubmit img.waiting { 41 50 float: right; … … 43 52 vertical-align: top; 44 53 } 54 45 55 #bp-activities-form .column-response img { 46 56 float: left; … … 49 59 margin-top: 1px; 50 60 } 61 51 62 .activity-errors { 52 63 list-style-type: disc; … … 58 69 line-height: 0; 59 70 } 71 60 72 #bp_activity_action h3, 61 73 #bp_activity_content h3 { 62 74 cursor: auto; 63 75 } 76 64 77 #bp_activity_action td.mceIframeContainer, 65 78 #bp_activity_content td.mceIframeContainer { 66 background-color: white;79 background-color: #fff; 67 80 } 81 68 82 #post-body #bp-activities-action_resize, 69 83 #post-body #bp-activities-content_resize { … … 71 85 margin-top: -2px; 72 86 } 87 73 88 #bp_activity_link input { 74 89 width: 99%; 75 90 } 91 76 92 #bp-activities-primaryid { 77 93 margin-bottom: 1em; 78 94 } 95 79 96 .column-action { 80 97 width: 12%; … … 82 99 83 100 @media screen and (max-width: 782px) { 101 84 102 body.toplevel_page_bp-activity .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { 85 103 display: table-cell; -
trunk/src/bp-activity/css/mentions-rtl.css
r10808 r11587 3 3 border-radius: 2px; 4 4 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; 7 7 display: none; 8 8 font-family: sans-serif; … … 15 15 left: 0; 16 16 } 17 17 18 .atwho-view ul { 18 background: # FFF;19 background: #fff; 19 20 list-style: none; 20 21 margin: auto; 21 22 padding: 0; 22 23 } 24 23 25 .atwho-view ul li { 24 border-bottom: 1px solid # EFEFEF;26 border-bottom: 1px solid #efefef; 25 27 box-sizing: content-box; 26 28 cursor: pointer; … … 33 35 padding: 5px 10px; 34 36 } 37 35 38 .atwho-view img { 36 39 border-radius: 2px; 37 40 float: left; 38 41 height: 20px; 39 margin-top: 0;42 margin-top: 0; 40 43 width: 20px; 41 44 } 45 42 46 .atwho-view strong { 43 background: # EFEFEF;44 font-weight: bold;47 background: #efefef; 48 font-weight: 700; 45 49 } 50 46 51 .atwho-view .username strong { 47 color: # D54E21;52 color: #d54e21; 48 53 } 54 49 55 .atwho-view small { 50 color: # AAA;56 color: #aaa; 51 57 float: left; 52 58 font-size: smaller; 53 font-weight: normal;59 font-weight: 400; 54 60 margin: 0 40px 0 10px; 55 61 } 62 56 63 .atwho-view .cur { 57 64 background: rgba(239, 239, 239, 0.5); … … 59 66 60 67 @media (max-width: 900px) { 68 61 69 .atwho-view img { 62 70 float: right; … … 64 72 } 65 73 } 74 66 75 @media (max-width: 400px) { 76 67 77 .atwho-view ul li { 68 78 font-size: 16px; … … 70 80 padding: 13px; 71 81 } 82 72 83 .atwho-view ul li img { 73 84 height: 30px; … … 75 86 width: 30px; 76 87 } 88 77 89 .atwho-view { 78 90 border-radius: 0; … … 81 93 width: 100%; 82 94 } 95 83 96 .atwho-view ul li .username { 84 97 display: inline-block; … … 86 99 padding: 10px 0; 87 100 } 101 88 102 .atwho-view ul li small { 89 103 display: inline-block; -
trunk/src/bp-activity/css/mentions.css
r10807 r11587 3 3 border-radius: 2px; 4 4 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; 7 7 display: none; 8 8 font-family: sans-serif; … … 12 12 z-index: 1000; /* >999 for wp-admin */ 13 13 } 14 14 15 /* rtl:ignore */ 15 16 .atwho-view { 16 17 left: 0; 17 18 } 19 18 20 .atwho-view ul { 19 background: # FFF;21 background: #fff; 20 22 list-style: none; 21 23 margin: auto; 22 24 padding: 0; 23 25 } 26 24 27 .atwho-view ul li { 25 border-bottom: 1px solid # EFEFEF;28 border-bottom: 1px solid #efefef; 26 29 box-sizing: content-box; 27 30 cursor: pointer; … … 34 37 padding: 5px 10px; 35 38 } 39 36 40 .atwho-view img { 37 41 border-radius: 2px; 38 42 float: right; 39 43 height: 20px; 40 margin-top: 0;44 margin-top: 0; 41 45 width: 20px; 42 46 } 47 43 48 .atwho-view strong { 44 background: # EFEFEF;45 font-weight: bold;49 background: #efefef; 50 font-weight: 700; 46 51 } 52 47 53 .atwho-view .username strong { 48 color: # D54E21;54 color: #d54e21; 49 55 } 56 50 57 .atwho-view small { 51 color: # AAA;58 color: #aaa; 52 59 float: right; 53 60 font-size: smaller; 54 font-weight: normal;61 font-weight: 400; 55 62 margin: 0 10px 0 40px; 56 63 } 64 57 65 .atwho-view .cur { 58 66 background: rgba(239, 239, 239, 0.5); … … 60 68 61 69 @media (max-width: 900px) { 70 62 71 .atwho-view img { 63 72 float: left; … … 65 74 } 66 75 } 76 67 77 @media (max-width: 400px) { 78 68 79 .atwho-view ul li { 69 80 font-size: 16px; … … 71 82 padding: 13px; 72 83 } 84 73 85 .atwho-view ul li img { 74 86 height: 30px; … … 76 88 width: 30px; 77 89 } 90 78 91 .atwho-view { 79 92 border-radius: 0; … … 82 95 width: 100%; 83 96 } 97 84 98 .atwho-view ul li .username { 85 99 display: inline-block; … … 87 101 padding: 10px 0; 88 102 } 103 89 104 .atwho-view ul li small { 90 105 display: inline-block; -
trunk/src/bp-core/admin/css/common-rtl.css
r11426 r11587 35 35 color: #d84800; 36 36 display: inline-block; 37 font: normal 150px/1 'dashicons'!important;37 font: 400 150px/1 dashicons !important; 38 38 } 39 39 … … 55 55 56 56 @media only screen and (max-width: 500px) { 57 57 58 .about-wrap .bp-badge { 58 59 position: relative; … … 89 90 height: 100px; 90 91 line-height: 100px; 91 margin: 0 0 15px 15px 92 margin: 0 0 15px 15px; 92 93 text-align: center; 93 94 width: 100px; … … 127 128 height: 80px; 128 129 line-height: 80px; 129 margin: 0 0 15px 15px 130 margin: 0 0 15px 15px; 130 131 text-align: center; 131 132 width: 80px; … … 164 165 } 165 166 166 .buddypress .bp-feature: :after {167 content: '';167 .buddypress .bp-feature:after { 168 content: ""; 168 169 } 169 170 … … 208 209 } 209 210 210 .buddypress .bp-changelog-section: :after {211 content: '';211 .buddypress .bp-changelog-section:after { 212 content: ""; 212 213 } 213 214 … … 263 264 264 265 @media screen and ( max-width: 782px ) { 266 265 267 .bp-headline-feature, 266 268 .bp-features-section, … … 270 272 margin-left: 20px; 271 273 } 274 272 275 .buddypress .bp-headline-feature { 273 276 padding: 0; 274 277 } 278 275 279 .buddypress .bp-headline { 276 280 margin: 0; 277 281 width: 97%; 278 282 } 283 279 284 .buddypress .bp-features-section { 280 285 clear: both; … … 283 288 padding-bottom: 2em; 284 289 } 290 285 291 .buddypress .bp-features-section .bp-feature-with-images { 286 292 margin-bottom: 2em; 287 293 } 294 288 295 .buddypress .bp-features-section .headline-title { 289 296 margin-bottom: 1em; 290 297 } 298 291 299 .buddypress .bp-changelog-section .changelog-title { 292 300 font-size: 1.25em; … … 295 303 margin-top: 0.5em; 296 304 } 305 297 306 .buddypress .bp-features-section .feature-title, 298 307 .buddypress .bp-changelog-section .title { … … 302 311 text-align: right; 303 312 } 313 304 314 .buddypress .bp-features-section .bp-feature, 305 315 .buddypress .bp-features-section .bp-feature-imaged { … … 312 322 width: 100%; 313 323 } 324 314 325 .buddypress .bp-features-section .bp-feature-imaged p { 315 326 font-size: 1em; 316 327 } 328 317 329 .buddypress .bp-features-section .bp-feature span { 318 330 margin-top: 0.33em; 319 331 } 332 320 333 .buddypress .bp-feature.opposite .feature-title, 321 334 .buddypress .bp-feature.opposite p { 322 335 float: none; 323 336 } 337 324 338 .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 329 344 .buddypress .bp-changelog-section .changelog-title { 330 345 margin-bottom: 1.5em; 331 346 } 347 332 348 .buddypress .bp-changelog .title { 333 349 font-size: 1em; 334 350 } 351 335 352 .buddypress .bp-changelog p { 336 353 margin-bottom: 1em; 337 354 } 355 338 356 .buddypress .bp-changelog-section .two-col > div, 339 357 .buddypress .bp-changelog-section .three-col .col { … … 343 361 } 344 362 } 363 345 364 @media screen and ( max-width: 360px ) { 365 346 366 .buddypress .bp-headline { 347 367 text-align: center; 348 368 } 369 349 370 .buddypress .bp-headline span.dashicons { 350 371 clear: none; … … 356 377 width: 80px; 357 378 } 379 358 380 .buddypress .bp-headline-feature .headline-title, 359 381 .buddypress .bp-features-section .headline-title { … … 362 384 text-align: right; 363 385 } 386 364 387 .buddypress .bp-headline-feature .headline-title { 365 margin: 1em 0 0 0; 366 } 388 margin: 1em 0 0; 389 } 390 367 391 .buddypress .bp-headline-feature p { 368 392 margin: 1.15em 0 0.6em auto; … … 370 394 width: auto; 371 395 } 396 372 397 .buddypress .bp-features-section .bp-feature { 373 398 text-align: center; 374 399 } 400 375 401 .buddypress .bp-features-section span.dashicons { 376 402 float: none; 377 403 } 404 378 405 .buddypress .bp-features-section .feature-title, 379 406 .buddypress .bp-features-section p { … … 382 409 } 383 410 } 411 384 412 /*------------------------------------------------------------------------------ 385 413 * 2.0 Dashicons … … 415 443 #adminmenu #toplevel_page_bp-friends .wp-menu-image:before, 416 444 #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 { 418 446 content: "\f454"; 419 447 } … … 441 469 442 470 .settings_page_bp-components td.plugin-title span:before { 443 font-family: 'dashicons';471 font-family: dashicons; 444 472 font-size: 18px; 445 473 } … … 494 522 495 523 @media screen and ( max-width: 782px ) { 524 496 525 .settings_page_bp-components td.plugin-title span { 497 526 margin-top: 5px; 498 527 } 528 499 529 #bp-admin-component-form .wp-list-table.plugins .plugin-title { 500 530 display: block; 501 531 width: auto; 502 532 } 533 503 534 #bp-admin-component-form .subsubsub { 504 535 margin-bottom: 0; … … 551 582 552 583 .bp-signups-list .column-fields { 553 font-weight: bold;584 font-weight: 700; 554 585 } 555 586 … … 594 625 color: #23282d; 595 626 font-size: 1.3em; 596 font-weight: 600 px;627 font-weight: 600; 597 628 margin: 1em 0; 598 629 } … … 601 632 clear: right; 602 633 display: block; 603 line-height: 1.5 em;634 line-height: 1.5; 604 635 margin: 0 0 1em; 605 636 vertical-align: middle; … … 607 638 608 639 @media screen and (max-width: 782px) { 640 609 641 .tools_page_bp-tools p { 610 642 line-height: 1.5; 611 643 } 644 612 645 .tools_page_bp-tools label { 613 646 margin-bottom: 1em; … … 615 648 text-indent: -33px; 616 649 } 650 617 651 .tools_page_bp-tools .checkbox { 618 652 padding: 0 30px 0 0; -
trunk/src/bp-core/admin/css/common.css
r11425 r11587 35 35 color: #d84800; 36 36 display: inline-block; 37 font: normal 150px/1 'dashicons'!important;37 font: 400 150px/1 dashicons !important; 38 38 } 39 39 … … 55 55 56 56 @media only screen and (max-width: 500px) { 57 57 58 .about-wrap .bp-badge { 58 59 position: relative; … … 89 90 height: 100px; 90 91 line-height: 100px; 91 margin: 0 15px 15px 0 92 margin: 0 15px 15px 0; 92 93 text-align: center; 93 94 width: 100px; … … 127 128 height: 80px; 128 129 line-height: 80px; 129 margin: 0 15px 15px 0 130 margin: 0 15px 15px 0; 130 131 text-align: center; 131 132 width: 80px; … … 164 165 } 165 166 166 .buddypress .bp-feature: :after {167 content: '';167 .buddypress .bp-feature:after { 168 content: ""; 168 169 } 169 170 … … 208 209 } 209 210 210 .buddypress .bp-changelog-section: :after {211 content: '';211 .buddypress .bp-changelog-section:after { 212 content: ""; 212 213 } 213 214 … … 263 264 264 265 @media screen and ( max-width: 782px ) { 266 265 267 .bp-headline-feature, 266 268 .bp-features-section, … … 270 272 margin-right: 20px; 271 273 } 274 272 275 .buddypress .bp-headline-feature { 273 276 padding: 0; 274 277 } 278 275 279 .buddypress .bp-headline { 276 280 margin: 0; 277 281 width: 97%; 278 282 } 283 279 284 .buddypress .bp-features-section { 280 285 clear: both; … … 283 288 padding-bottom: 2em; 284 289 } 290 285 291 .buddypress .bp-features-section .bp-feature-with-images { 286 292 margin-bottom: 2em; 287 293 } 294 288 295 .buddypress .bp-features-section .headline-title { 289 296 margin-bottom: 1em; 290 297 } 298 291 299 .buddypress .bp-changelog-section .changelog-title { 292 300 font-size: 1.25em; … … 295 303 margin-top: 0.5em; 296 304 } 305 297 306 .buddypress .bp-features-section .feature-title, 298 307 .buddypress .bp-changelog-section .title { … … 302 311 text-align: left; 303 312 } 313 304 314 .buddypress .bp-features-section .bp-feature, 305 315 .buddypress .bp-features-section .bp-feature-imaged { … … 312 322 width: 100%; 313 323 } 324 314 325 .buddypress .bp-features-section .bp-feature-imaged p { 315 326 font-size: 1em; 316 327 } 328 317 329 .buddypress .bp-features-section .bp-feature span { 318 330 margin-top: 0.33em; 319 331 } 332 320 333 .buddypress .bp-feature.opposite .feature-title, 321 334 .buddypress .bp-feature.opposite p { 322 335 float: none; 323 336 } 337 324 338 .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 329 344 .buddypress .bp-changelog-section .changelog-title { 330 345 margin-bottom: 1.5em; 331 346 } 347 332 348 .buddypress .bp-changelog .title { 333 349 font-size: 1em; 334 350 } 351 335 352 .buddypress .bp-changelog p { 336 353 margin-bottom: 1em; 337 354 } 355 338 356 .buddypress .bp-changelog-section .two-col > div, 339 357 .buddypress .bp-changelog-section .three-col .col { … … 343 361 } 344 362 } 363 345 364 @media screen and ( max-width: 360px ) { 365 346 366 .buddypress .bp-headline { 347 367 text-align: center; 348 368 } 369 349 370 .buddypress .bp-headline span.dashicons { 350 371 clear: none; … … 356 377 width: 80px; 357 378 } 379 358 380 .buddypress .bp-headline-feature .headline-title, 359 381 .buddypress .bp-features-section .headline-title { … … 362 384 text-align: left; 363 385 } 386 364 387 .buddypress .bp-headline-feature .headline-title { 365 margin: 1em 0 0 0; 366 } 388 margin: 1em 0 0; 389 } 390 367 391 .buddypress .bp-headline-feature p { 368 392 margin: 1.15em auto 0.6em 0; … … 370 394 width: auto; 371 395 } 396 372 397 .buddypress .bp-features-section .bp-feature { 373 398 text-align: center; 374 399 } 400 375 401 .buddypress .bp-features-section span.dashicons { 376 402 float: none; 377 403 } 404 378 405 .buddypress .bp-features-section .feature-title, 379 406 .buddypress .bp-features-section p { … … 382 409 } 383 410 } 411 384 412 /*------------------------------------------------------------------------------ 385 413 * 2.0 Dashicons … … 415 443 #adminmenu #toplevel_page_bp-friends .wp-menu-image:before, 416 444 #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 { 418 446 content: "\f454"; 419 447 } … … 441 469 442 470 .settings_page_bp-components td.plugin-title span:before { 443 font-family: 'dashicons';471 font-family: dashicons; 444 472 font-size: 18px; 445 473 } … … 494 522 495 523 @media screen and ( max-width: 782px ) { 524 496 525 .settings_page_bp-components td.plugin-title span { 497 526 margin-top: 5px; 498 527 } 528 499 529 #bp-admin-component-form .wp-list-table.plugins .plugin-title { 500 530 display: block; 501 531 width: auto; 502 532 } 533 503 534 #bp-admin-component-form .subsubsub { 504 535 margin-bottom: 0; … … 551 582 552 583 .bp-signups-list .column-fields { 553 font-weight: bold;584 font-weight: 700; 554 585 } 555 586 … … 594 625 color: #23282d; 595 626 font-size: 1.3em; 596 font-weight: 600 px;627 font-weight: 600; 597 628 margin: 1em 0; 598 629 } … … 601 632 clear: left; 602 633 display: block; 603 line-height: 1.5 em;634 line-height: 1.5; 604 635 margin: 0 0 1em; 605 636 vertical-align: middle; … … 607 638 608 639 @media screen and (max-width: 782px) { 640 609 641 .tools_page_bp-tools p { 610 642 line-height: 1.5; 611 643 } 644 612 645 .tools_page_bp-tools label { 613 646 margin-bottom: 1em; … … 615 648 text-indent: -33px; 616 649 } 650 617 651 .tools_page_bp-tools .checkbox { 618 652 padding: 0 0 0 30px; -
trunk/src/bp-core/admin/css/customizer-controls-rtl.css
r10475 r11587 1 1 .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); 5 5 float: right; 6 6 margin-left: 10px; -
trunk/src/bp-core/admin/css/customizer-controls.css
r10475 r11587 1 1 .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); 5 5 float: left; 6 6 margin-right: 10px; -
trunk/src/bp-core/css/admin-bar-rtl.css
r11248 r11587 17 17 right: 0; 18 18 } 19 19 20 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul { 20 21 right: 0; … … 31 32 padding: 2px 5px; 32 33 font-size: 10px; 33 font-weight: bold;34 font-weight: 700; 34 35 -moz-border-radius: 10px; 35 36 -khtml-border-radius: 10px; … … 41 42 background: #ddd; 42 43 color: #333; 43 margin: 0 44 margin: 0; 44 45 } 45 46 … … 50 51 51 52 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a { 52 padding: 0 .5em;53 padding: 0 0.5em; 53 54 } 54 55 … … 66 67 67 68 @media screen and (max-width: 600px) { 69 68 70 #wpadminbar .wp-admin-bar-arrow-right { 69 71 display: block; -
trunk/src/bp-core/css/admin-bar.css
r11248 r11587 17 17 left: 0; 18 18 } 19 19 20 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul { 20 21 left: 0; … … 31 32 padding: 2px 5px; 32 33 font-size: 10px; 33 font-weight: bold;34 font-weight: 700; 34 35 -moz-border-radius: 10px; 35 36 -khtml-border-radius: 10px; … … 41 42 background: #ddd; 42 43 color: #333; 43 margin: 0 44 margin: 0; 44 45 } 45 46 … … 50 51 51 52 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a { 52 padding: 0 .5em;53 padding: 0 0.5em; 53 54 } 54 55 … … 66 67 67 68 @media screen and (max-width: 600px) { 69 68 70 #wpadminbar .wp-admin-bar-arrow-right { 69 71 display: block; -
trunk/src/bp-core/css/avatar-rtl.css
r11579 r11587 31 31 float: left; 32 32 height: 22px; 33 line-height: 2 em;33 line-height: 2; 34 34 margin: 6px 0 0 10px; 35 35 margin-bottom: 2px; … … 56 56 } 57 57 58 /* stylelint-disable selector-id-pattern */ 58 59 #buddypress p.warning, 59 60 body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, … … 67 68 padding: 10px 15px; 68 69 } 70 /* stylelint-enable */ 69 71 70 72 div.bp-avatar-nav { 71 73 background: transparent; 72 74 clear: both; 73 margin: 10px 0 10px;75 margin: 10px 0; 74 76 overflow: hidden; 75 77 } … … 118 120 background: none; 119 121 color: inherit; 120 font-weight: bold;122 font-weight: 700; 121 123 opacity: 0.8; 122 124 outline: 0; … … 181 183 182 184 #avatar-to-crop { 183 margin: 0 auto 20px 185 margin: 0 auto 20px; 184 186 text-align: right; 185 187 } … … 221 223 222 224 @media screen and (min-width: 801px) { 225 223 226 #bp-webcam-avatar #avatar-to-crop { 224 227 max-width: 64%; … … 233 236 #bp-webcam-avatar #avatar-crop-actions { 234 237 float: right; 235 margin: 0 0 20px 0;238 margin: 0 0 20px; 236 239 width: 50%; 237 240 } … … 298 301 299 302 .bp-avatar .item { 300 overflow: hidden;303 overflow: hidden; 301 304 } 302 305 … … 323 326 } 324 327 325 #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions 328 #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions { 326 329 width: auto; 327 330 } … … 348 351 } 349 352 353 350 354 /** Admin Profile **/ 355 /* stylelint-disable selector-id-pattern */ 351 356 body.users_page_bp-profile-edit.modal-open #TB_ajaxContent, 352 357 body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent { … … 367 372 margin: 0; 368 373 } 374 369 375 .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop { 370 376 margin-bottom: 20px; 371 377 } 378 372 379 @media screen and (min-width: 783px) { 373 380 … … 384 391 385 392 .wp-admin #TB_window .bp-avatar #avatar-to-crop video { 386 387 393 width: 100%; 394 } 388 395 389 396 .wp-admin #TB_window .bp-avatar .avatar-crop-management a.button { … … 393 400 394 401 @media screen and (min-width: 810px) { 402 395 403 .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop { 396 404 max-width: none; … … 403 411 } 404 412 } 413 /* stylelint-enable */ -
trunk/src/bp-core/css/avatar.css
r11579 r11587 31 31 float: right; 32 32 height: 22px; 33 line-height: 2 em;33 line-height: 2; 34 34 margin: 6px 10px 0 0; 35 35 margin-bottom: 2px; … … 56 56 } 57 57 58 /* stylelint-disable selector-id-pattern */ 58 59 #buddypress p.warning, 59 60 body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, … … 67 68 padding: 10px 15px; 68 69 } 70 /* stylelint-enable */ 69 71 70 72 div.bp-avatar-nav { 71 73 background: transparent; 72 74 clear: both; 73 margin: 10px 0 10px;75 margin: 10px 0; 74 76 overflow: hidden; 75 77 } … … 118 120 background: none; 119 121 color: inherit; 120 font-weight: bold;122 font-weight: 700; 121 123 opacity: 0.8; 122 124 outline: 0; … … 181 183 182 184 #avatar-to-crop { 183 margin: 0 auto 20px 185 margin: 0 auto 20px; 184 186 text-align: left; 185 187 } … … 221 223 222 224 @media screen and (min-width: 801px) { 225 223 226 #bp-webcam-avatar #avatar-to-crop { 224 227 max-width: 64%; … … 233 236 #bp-webcam-avatar #avatar-crop-actions { 234 237 float: left; 235 margin: 0 0 20px 0;238 margin: 0 0 20px; 236 239 width: 50%; 237 240 } … … 298 301 299 302 .bp-avatar .item { 300 overflow: hidden;303 overflow: hidden; 301 304 } 302 305 … … 323 326 } 324 327 325 #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions 328 #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions { 326 329 width: auto; 327 330 } … … 348 351 } 349 352 353 350 354 /** Admin Profile **/ 355 /* stylelint-disable selector-id-pattern */ 351 356 body.users_page_bp-profile-edit.modal-open #TB_ajaxContent, 352 357 body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent { … … 367 372 margin: 0; 368 373 } 374 369 375 .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop { 370 376 margin-bottom: 20px; 371 377 } 378 372 379 @media screen and (min-width: 783px) { 373 380 … … 384 391 385 392 .wp-admin #TB_window .bp-avatar #avatar-to-crop video { 386 387 393 width: 100%; 394 } 388 395 389 396 .wp-admin #TB_window .bp-avatar .avatar-crop-management a.button { … … 393 400 394 401 @media screen and (min-width: 810px) { 402 395 403 .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop { 396 404 max-width: none; … … 403 411 } 404 412 } 413 /* stylelint-enable */ -
trunk/src/bp-core/css/buddybar-rtl.css
r10808 r11587 2 2 padding-top: 25px !important; 3 3 } 4 4 5 #wp-admin-bar { 5 6 position: fixed; … … 11 12 z-index: 9999; 12 13 } 14 13 15 #wp-admin-bar .padder { 14 16 position: relative; … … 16 18 width: 100%; 17 19 margin: 0 auto; 18 background: url( '../images/60pc_black.png');20 background: url(../images/60pc_black.png); 19 21 height: 25px; 20 22 } 23 21 24 body#bp-default #wp-admin-bar .padder { 22 25 max-width: 1250px; 23 26 } 27 24 28 #wp-admin-bar * { 25 29 z-index: 999; 26 30 } 31 27 32 #wp-admin-bar div#admin-bar-logo { 28 33 position: absolute; … … 30 35 right: 10px; 31 36 } 37 32 38 #wp-admin-bar a img { 33 39 border: none; 34 40 } 41 35 42 #wp-admin-bar li { 36 43 list-style: none; 37 44 margin: 0; 38 45 padding: 0; 39 line-height: 1 00%;46 line-height: 1; 40 47 text-align: right; 41 48 } 49 42 50 #wp-admin-bar li a { 43 padding: 7px 15px 7px 15px;51 padding: 7px 15px; 44 52 color: #eee; 45 53 text-decoration: none; 46 54 font-size: 11px; 47 55 } 56 48 57 #wp-admin-bar li.alt { 49 58 border: none; 50 59 } 60 51 61 #wp-admin-bar li.no-arrow a { 52 62 padding-left: 15px; 53 63 } 64 54 65 #wp-admin-bar ul li ul li a span { 55 66 display: none; 56 67 } 68 57 69 #wp-admin-bar li:hover, 58 70 #wp-admin-bar li.hover { 59 71 position: static; 60 72 } 73 61 74 #admin-bar-logo { 62 75 float: right; 63 font-weight: bold;76 font-weight: 700; 64 77 font-size: 11px; 65 78 padding: 5px 8px; … … 68 81 color: #fff; 69 82 } 83 70 84 body#bp-default #admin-bar-logo { 71 85 padding: 2px 8px; … … 87 101 float: right; 88 102 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; 90 104 padding-left: 11px; 91 105 } 106 92 107 #wp-admin-bar ul li.no-arrow { 93 108 background: none; 94 109 padding-left: 0; 95 110 } 111 96 112 #wp-admin-bar ul li ul li { 97 113 background-image: none; 98 114 } 115 99 116 #wp-admin-bar ul li.align-right { 100 117 position: absolute; 101 118 left: 0; 102 119 } 120 103 121 #wp-admin-bar ul li a { 104 122 display: block; 105 123 } 124 106 125 #wp-admin-bar ul.main-nav li:hover, 107 126 #wp-admin-bar ul.main-nav li.sfhover, … … 127 146 -webkit-border-top-left-radius: 0; 128 147 } 148 129 149 #wp-admin-bar ul li > ul { 130 150 border-top: none; 131 151 } 152 132 153 #wp-admin-bar ul li ul a { 133 154 color: #eee; 134 155 } 156 135 157 #wp-admin-bar ul li ul li { 136 158 float: right; … … 138 160 margin: 0; 139 161 } 162 140 163 #wp-admin-bar ul li ul li:hover a { 141 164 color: #fff; 142 165 } 166 143 167 #wp-admin-bar ul li div.admin-bar-clear { 144 168 clear: both; 145 169 } 170 146 171 #wp-admin-bar ul.main-nav li ul li:hover, 147 172 #wp-admin-bar ul.main-nav li ul li.sfhover, … … 156 181 -webkit-border-radius: 3px; 157 182 } 183 158 184 #wp-admin-bar ul li ul li:hover ul li a { 159 185 color: #eee; 160 186 } 187 161 188 #wp-admin-bar ul li ul li ul li:hover a { 162 189 color: #fff; 163 190 } 191 164 192 #wp-admin-bar ul li:hover ul, 165 193 #wp-admin-bar ul li ul li:hover ul, … … 168 196 right: auto; 169 197 } 198 170 199 #wp-admin-bar ul li.align-right:hover ul { 171 200 left: 0; 172 201 } 202 173 203 #wp-admin-bar ul li:hover ul ul, 174 204 #wp-admin-bar li.sfhover ul li ul { … … 181 211 margin-left: 8px; 182 212 } 213 183 214 #wp-admin-bar span.activity { 184 215 display: block; … … 186 217 padding: 0; 187 218 } 219 188 220 #wp-admin-bar ul.author-list li a { 189 221 height: 17px; 190 222 } 223 191 224 #wp-admin-bar ul li#bp-adminbar-notifications-menu a span { 192 225 padding: 0 6px; … … 198 231 border-radius: 3px; 199 232 } 233 200 234 #wp-admin-bar-user-info img.avatar { 201 235 height: 64px; -
trunk/src/bp-core/css/buddybar.css
r9819 r11587 2 2 padding-top: 25px !important; 3 3 } 4 4 5 #wp-admin-bar { 5 6 position: fixed; … … 11 12 z-index: 9999; 12 13 } 14 13 15 #wp-admin-bar .padder { 14 16 position: relative; … … 16 18 width: 100%; 17 19 margin: 0 auto; 18 background: url( '../images/60pc_black.png');20 background: url(../images/60pc_black.png); 19 21 height: 25px; 20 22 } 23 21 24 body#bp-default #wp-admin-bar .padder { 22 25 max-width: 1250px; 23 26 } 27 24 28 #wp-admin-bar * { 25 29 z-index: 999; 26 30 } 31 27 32 #wp-admin-bar div#admin-bar-logo { 28 33 position: absolute; … … 30 35 left: 10px; 31 36 } 37 32 38 #wp-admin-bar a img { 33 39 border: none; 34 40 } 41 35 42 #wp-admin-bar li { 36 43 list-style: none; 37 44 margin: 0; 38 45 padding: 0; 39 line-height: 1 00%;46 line-height: 1; 40 47 text-align: left; 41 48 } 49 42 50 #wp-admin-bar li a { 43 padding: 7px 15px 7px 15px;51 padding: 7px 15px; 44 52 color: #eee; 45 53 text-decoration: none; 46 54 font-size: 11px; 47 55 } 56 48 57 #wp-admin-bar li.alt { 49 58 border: none; 50 59 } 60 51 61 #wp-admin-bar li.no-arrow a { 52 62 padding-right: 15px; 53 63 } 64 54 65 #wp-admin-bar ul li ul li a span { 55 66 display: none; 56 67 } 68 57 69 #wp-admin-bar li:hover, 58 70 #wp-admin-bar li.hover { 59 71 position: static; 60 72 } 73 61 74 #admin-bar-logo { 62 75 float: left; 63 font-weight: bold;76 font-weight: 700; 64 77 font-size: 11px; 65 78 padding: 5px 8px; … … 68 81 color: #fff; 69 82 } 83 70 84 body#bp-default #admin-bar-logo { 71 85 padding: 2px 8px; … … 87 101 float: left; 88 102 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; 90 104 padding-right: 11px; 91 105 } 106 92 107 #wp-admin-bar ul li.no-arrow { 93 108 background: none; 94 109 padding-right: 0; 95 110 } 111 96 112 #wp-admin-bar ul li ul li { 97 113 background-image: none; 98 114 } 115 99 116 #wp-admin-bar ul li.align-right { 100 117 position: absolute; 101 118 right: 0; 102 119 } 120 103 121 #wp-admin-bar ul li a { 104 122 display: block; 105 123 } 124 106 125 #wp-admin-bar ul.main-nav li:hover, 107 126 #wp-admin-bar ul.main-nav li.sfhover, … … 127 146 -webkit-border-top-right-radius: 0; 128 147 } 148 129 149 #wp-admin-bar ul li > ul { 130 150 border-top: none; 131 151 } 152 132 153 #wp-admin-bar ul li ul a { 133 154 color: #eee; 134 155 } 156 135 157 #wp-admin-bar ul li ul li { 136 158 float: left; … … 138 160 margin: 0; 139 161 } 162 140 163 #wp-admin-bar ul li ul li:hover a { 141 164 color: #fff; 142 165 } 166 143 167 #wp-admin-bar ul li div.admin-bar-clear { 144 168 clear: both; 145 169 } 170 146 171 #wp-admin-bar ul.main-nav li ul li:hover, 147 172 #wp-admin-bar ul.main-nav li ul li.sfhover, … … 156 181 -webkit-border-radius: 3px; 157 182 } 183 158 184 #wp-admin-bar ul li ul li:hover ul li a { 159 185 color: #eee; 160 186 } 187 161 188 #wp-admin-bar ul li ul li ul li:hover a { 162 189 color: #fff; 163 190 } 191 164 192 #wp-admin-bar ul li:hover ul, 165 193 #wp-admin-bar ul li ul li:hover ul, … … 168 196 left: auto; 169 197 } 198 170 199 #wp-admin-bar ul li.align-right:hover ul { 171 200 right: 0; 172 201 } 202 173 203 #wp-admin-bar ul li:hover ul ul, 174 204 #wp-admin-bar li.sfhover ul li ul { … … 181 211 margin-right: 8px; 182 212 } 213 183 214 #wp-admin-bar span.activity { 184 215 display: block; … … 186 217 padding: 0; 187 218 } 219 188 220 #wp-admin-bar ul.author-list li a { 189 221 height: 17px; 190 222 } 223 191 224 #wp-admin-bar ul li#bp-adminbar-notifications-menu a span { 192 225 padding: 0 6px; … … 198 231 border-radius: 3px; 199 232 } 233 200 234 #wp-admin-bar-user-info img.avatar { 201 235 height: 64px; -
trunk/src/bp-groups/admin/css/admin-rtl.css
r11556 r11587 13 13 margin-top: 1px; 14 14 } 15 15 16 #bp-groups-edit-form input { 16 17 outline: medium none; 17 18 } 19 18 20 #bp-groups-edit-form input#bp-groups-name { 19 21 font-size: 1.7em; … … 21 23 margin-bottom: 6px; 22 24 } 25 23 26 #bp-groups-edit-form input#bp-groups-new-members { 24 27 border: 1px solid #e5e5e5; … … 26 29 width: 100%; 27 30 } 31 28 32 #bp-groups-new-members-list { 29 33 margin: 0; 30 34 } 35 31 36 .bp-groups-settings-section { 32 37 margin-top: 10px; 33 line-height: 2 em;38 line-height: 2; 34 39 } 40 35 41 .bp-groups-settings-section legend { 36 42 margin-top: 10px; 37 font-weight: bold;43 font-weight: 700; 38 44 } 45 39 46 .bp-groups-settings-section label { 40 47 clear: right; … … 43 50 vertical-align: middle; 44 51 } 52 45 53 #bp-groups-permalink-box { 46 54 line-height: 24px; 47 55 color: #666; 48 56 } 57 49 58 #bp-groups-permalink { 50 59 margin-left: 24px; 51 60 } 61 52 62 .bp-groups-member-type { 53 63 position: relative; 54 64 } 65 55 66 .bp-groups-member-type > h4 { 56 margin-bottom: .5em;67 margin-bottom: 0.5em; 57 68 } 69 58 70 ul.bp-group-delete-list { 59 71 list-style-type: disc; 60 72 margin: 4px 26px; 61 73 } 74 62 75 /* 63 76 * Members Pagination … … 68 81 width: 100%; 69 82 } 83 70 84 .bp-group-admin-pagination.table-top { 71 85 top: 0; 72 86 } 87 73 88 .bp-group-admin-pagination.table-bottom { 74 89 bottom: 0; 75 90 } 91 76 92 .bp-group-admin-pagination-viewing { 77 93 color: #777; … … 79 95 font-style: italic; 80 96 } 97 81 98 .bp-group-admin-pagination-links { 82 99 white-space: nowrap; 83 100 padding-right: 15px; 84 101 } 102 85 103 .bp-group-admin-pagination-links .page-numbers { 86 104 display: inline-block; … … 94 112 text-decoration: none; 95 113 } 114 96 115 .bp-group-admin-pagination-links a.page-numbers:hover { 97 116 text-decoration: underline; 98 117 } 118 99 119 .bp-group-admin-pagination-links .page-numbers.current, 100 120 .bp-group-admin-pagination-links .page-numbers.dots { … … 111 131 padding-left: 20px; 112 132 } 133 113 134 table.bp-group-members .uname-column { 114 135 width: 70%; 115 136 } 137 116 138 table.bp-group-members .urole-column { 117 139 padding-right: 20px; … … 120 142 121 143 @media screen and (max-width: 782px) { 144 122 145 .bp-groups-settings-section label { 123 146 margin: 0.25em 0; -
trunk/src/bp-groups/admin/css/admin.css
r11556 r11587 13 13 margin-top: 1px; 14 14 } 15 15 16 #bp-groups-edit-form input { 16 17 outline: medium none; 17 18 } 19 18 20 #bp-groups-edit-form input#bp-groups-name { 19 21 font-size: 1.7em; … … 21 23 margin-bottom: 6px; 22 24 } 25 23 26 #bp-groups-edit-form input#bp-groups-new-members { 24 27 border: 1px solid #e5e5e5; … … 26 29 width: 100%; 27 30 } 31 28 32 #bp-groups-new-members-list { 29 33 margin: 0; 30 34 } 35 31 36 .bp-groups-settings-section { 32 37 margin-top: 10px; 33 line-height: 2 em;38 line-height: 2; 34 39 } 40 35 41 .bp-groups-settings-section legend { 36 42 margin-top: 10px; 37 font-weight: bold;43 font-weight: 700; 38 44 } 45 39 46 .bp-groups-settings-section label { 40 47 clear: left; … … 43 50 vertical-align: middle; 44 51 } 52 45 53 #bp-groups-permalink-box { 46 54 line-height: 24px; 47 55 color: #666; 48 56 } 57 49 58 #bp-groups-permalink { 50 59 margin-right: 24px; 51 60 } 61 52 62 .bp-groups-member-type { 53 63 position: relative; 54 64 } 65 55 66 .bp-groups-member-type > h4 { 56 margin-bottom: .5em;67 margin-bottom: 0.5em; 57 68 } 69 58 70 ul.bp-group-delete-list { 59 71 list-style-type: disc; 60 72 margin: 4px 26px; 61 73 } 74 62 75 /* 63 76 * Members Pagination … … 68 81 width: 100%; 69 82 } 83 70 84 .bp-group-admin-pagination.table-top { 71 85 top: 0; 72 86 } 87 73 88 .bp-group-admin-pagination.table-bottom { 74 89 bottom: 0; 75 90 } 91 76 92 .bp-group-admin-pagination-viewing { 77 93 color: #777; … … 79 95 font-style: italic; 80 96 } 97 81 98 .bp-group-admin-pagination-links { 82 99 white-space: nowrap; 83 100 padding-left: 15px; 84 101 } 102 85 103 .bp-group-admin-pagination-links .page-numbers { 86 104 display: inline-block; … … 94 112 text-decoration: none; 95 113 } 114 96 115 .bp-group-admin-pagination-links a.page-numbers:hover { 97 116 text-decoration: underline; 98 117 } 118 99 119 .bp-group-admin-pagination-links .page-numbers.current, 100 120 .bp-group-admin-pagination-links .page-numbers.dots { … … 111 131 padding-right: 20px; 112 132 } 133 113 134 table.bp-group-members .uname-column { 114 135 width: 70%; 115 136 } 137 116 138 table.bp-group-members .urole-column { 117 139 padding-left: 20px; … … 120 142 121 143 @media screen and (max-width: 782px) { 144 122 145 .bp-groups-settings-section label { 123 146 margin: 0.25em 0; -
trunk/src/bp-members/admin/css/admin-rtl.css
r11247 r11587 9 9 10 10 div#profile-page.wrap form#your-profile h3:first-of-type { 11 margin-top: 5em;11 margin-top: 5em; 12 12 } 13 13 … … 25 25 margin-bottom: 0; 26 26 } 27 27 28 div#community-profile-page li.bp-members-profile-stats:before, 28 29 div#community-profile-page li.bp-friends-profile-stats:before, … … 31 32 div#community-profile-page a.bp-xprofile-avatar-user-admin:before, 32 33 div#community-profile-page a.bp-xprofile-avatar-user-edit:before { 33 font: normal 20px/1 'dashicons';34 font: 400 20px/1 dashicons; 34 35 speak: none; 35 36 display: inline-block; … … 62 63 63 64 div#community-profile-page a.bp-xprofile-avatar-user-admin:before { 64 content: "\f182";65 content: "\f182"; 65 66 } 66 67 … … 70 71 71 72 div#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; 74 75 } 75 76 … … 80 81 81 82 div#community-profile-page div#bp_xprofile_user_admin_avatar a { 82 display: block;83 margin: 1em 0;83 display: block; 84 margin: 1em 0; 84 85 } 85 86 86 87 div#community-profile-page p.not-activated { 87 margin: 1em 1em 0;88 color: red;88 margin: 1em 1em 0; 89 color: #f00; 89 90 } 90 91 … … 101 102 background: none; 102 103 } 104 103 105 .bp-profile-field { 104 106 border-bottom: dotted 1px #ccc; … … 107 109 padding: 10px; 108 110 } 111 109 112 .bp-profile-field:last-child { 110 113 border-bottom: 0; 111 114 } 115 112 116 .bp-profile-field p { 113 117 font-size: 14px; … … 128 132 vertical-align: top; 129 133 } 134 130 135 .bp-profile-field .description { /* description also sits in the right side column */ 131 136 margin: 10px 200px 12px 0; 132 137 text-align: right; 133 138 } 139 134 140 .clear-value { /* 'clear value' option also sits in the right side column */ 135 141 display: block; … … 137 143 margin-right: 200px; 138 144 } 145 139 146 .field_type_checkbox .checkbox > label + label { /* force checkboxes to new lines, in the right side column */ 140 147 display: block; … … 142 149 width: auto; 143 150 } 151 144 152 .field_type_radio .radio .input-options label, 145 153 .field_type_checkbox .checkbox .input-options label { 154 146 155 /* force checkboxes and radio buttons to new lines */ 147 156 display: block; 148 157 } 158 149 159 .field_type_checkbox .checkbox .input-options, 150 160 .field_type_datebox .datebox .input-options, 151 161 .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 */ 153 165 display: inline-block; 154 166 } 167 155 168 .field-visibility-settings-notoggle, 156 169 .field-visibility-settings-toggle { /* visibility settings go in the left column */ … … 158 171 text-align: right; 159 172 } 173 160 174 .field-visibility-settings { /* visibility settings go in the left column */ 161 175 display: none; 162 176 margin-right: 200px; 163 177 } 178 164 179 .field-visibility-settings .button { /* visibility setting close button */ 165 180 margin-bottom: 15px; 166 181 } 182 167 183 #normal-sortables .field-visibility-settings legend { /* id required for css selector weight */ 168 184 font-size: 14px; 169 font-weight: 600;185 font-weight: 600; 170 186 } 171 187 … … 173 189 #your-profile .bp-profile-field .datebox legend, 174 190 #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 */ 176 192 font-size: 14px; 177 193 font-weight: 600; 178 line-height: 1.4 em;194 line-height: 1.4; 179 195 text-align: right; 180 196 vertical-align: middle; … … 192 208 193 209 @media screen and (max-width: 782px) { 210 194 211 #your-profile .bp-profile-field .checkbox legend, 195 212 #your-profile .bp-profile-field .datebox legend, … … 201 218 margin-bottom: 12px; 202 219 } 220 203 221 .bp-profile-field .checkbox label, 204 222 .bp-profile-field .radio label { 205 line-height: 1.4 em;223 line-height: 1.4; 206 224 margin-bottom: 12px; 207 225 vertical-align: middle; 208 226 } 227 209 228 .bp-profile-field .checkbox input[type="checkbox"], 210 229 .bp-profile-field .radio input[type="radio"] { 211 230 vertical-align: top; 212 231 } 232 213 233 .bp-profile-field .clear-value, 214 234 .bp-profile-field .description, … … 226 246 margin-right: 50px; 227 247 } 248 228 249 .field-visibility-settings { 229 250 margin-right: 100px; 230 251 } 252 231 253 #your-profile .field_multiselectbox select { 232 254 height: auto; … … 235 257 236 258 @media screen and (max-width: 480px) { 259 237 260 .bp-profile-field .clear-value, 238 261 .bp-profile-field .description, … … 249 272 margin-right: 0; 250 273 } 274 251 275 .field-visibility-settings { 252 276 margin-right: 50px; -
trunk/src/bp-members/admin/css/admin.css
r11247 r11587 9 9 10 10 div#profile-page.wrap form#your-profile h3:first-of-type { 11 margin-top: 5em;11 margin-top: 5em; 12 12 } 13 13 … … 25 25 margin-bottom: 0; 26 26 } 27 27 28 div#community-profile-page li.bp-members-profile-stats:before, 28 29 div#community-profile-page li.bp-friends-profile-stats:before, … … 31 32 div#community-profile-page a.bp-xprofile-avatar-user-admin:before, 32 33 div#community-profile-page a.bp-xprofile-avatar-user-edit:before { 33 font: normal 20px/1 'dashicons';34 font: 400 20px/1 dashicons; 34 35 speak: none; 35 36 display: inline-block; … … 62 63 63 64 div#community-profile-page a.bp-xprofile-avatar-user-admin:before { 64 content: "\f182";65 content: "\f182"; 65 66 } 66 67 … … 70 71 71 72 div#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; 74 75 } 75 76 … … 80 81 81 82 div#community-profile-page div#bp_xprofile_user_admin_avatar a { 82 display: block;83 margin: 1em 0;83 display: block; 84 margin: 1em 0; 84 85 } 85 86 86 87 div#community-profile-page p.not-activated { 87 margin: 1em 1em 0;88 color: red;88 margin: 1em 1em 0; 89 color: #f00; 89 90 } 90 91 … … 101 102 background: none; 102 103 } 104 103 105 .bp-profile-field { 104 106 border-bottom: dotted 1px #ccc; … … 107 109 padding: 10px; 108 110 } 111 109 112 .bp-profile-field:last-child { 110 113 border-bottom: 0; 111 114 } 115 112 116 .bp-profile-field p { 113 117 font-size: 14px; … … 128 132 vertical-align: top; 129 133 } 134 130 135 .bp-profile-field .description { /* description also sits in the right side column */ 131 136 margin: 10px 0 12px 200px; 132 137 text-align: left; 133 138 } 139 134 140 .clear-value { /* 'clear value' option also sits in the right side column */ 135 141 display: block; … … 137 143 margin-left: 200px; 138 144 } 145 139 146 .field_type_checkbox .checkbox > label + label { /* force checkboxes to new lines, in the right side column */ 140 147 display: block; … … 142 149 width: auto; 143 150 } 151 144 152 .field_type_radio .radio .input-options label, 145 153 .field_type_checkbox .checkbox .input-options label { 154 146 155 /* force checkboxes and radio buttons to new lines */ 147 156 display: block; 148 157 } 158 149 159 .field_type_checkbox .checkbox .input-options, 150 160 .field_type_datebox .datebox .input-options, 151 161 .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 */ 153 165 display: inline-block; 154 166 } 167 155 168 .field-visibility-settings-notoggle, 156 169 .field-visibility-settings-toggle { /* visibility settings go in the left column */ … … 158 171 text-align: left; 159 172 } 173 160 174 .field-visibility-settings { /* visibility settings go in the left column */ 161 175 display: none; 162 176 margin-left: 200px; 163 177 } 178 164 179 .field-visibility-settings .button { /* visibility setting close button */ 165 180 margin-bottom: 15px; 166 181 } 182 167 183 #normal-sortables .field-visibility-settings legend { /* id required for css selector weight */ 168 184 font-size: 14px; 169 font-weight: 600;185 font-weight: 600; 170 186 } 171 187 … … 173 189 #your-profile .bp-profile-field .datebox legend, 174 190 #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 */ 176 192 font-size: 14px; 177 193 font-weight: 600; 178 line-height: 1.4 em;194 line-height: 1.4; 179 195 text-align: left; 180 196 vertical-align: middle; … … 192 208 193 209 @media screen and (max-width: 782px) { 210 194 211 #your-profile .bp-profile-field .checkbox legend, 195 212 #your-profile .bp-profile-field .datebox legend, … … 201 218 margin-bottom: 12px; 202 219 } 220 203 221 .bp-profile-field .checkbox label, 204 222 .bp-profile-field .radio label { 205 line-height: 1.4 em;223 line-height: 1.4; 206 224 margin-bottom: 12px; 207 225 vertical-align: middle; 208 226 } 227 209 228 .bp-profile-field .checkbox input[type="checkbox"], 210 229 .bp-profile-field .radio input[type="radio"] { 211 230 vertical-align: top; 212 231 } 232 213 233 .bp-profile-field .clear-value, 214 234 .bp-profile-field .description, … … 226 246 margin-left: 50px; 227 247 } 248 228 249 .field-visibility-settings { 229 250 margin-left: 100px; 230 251 } 252 231 253 #your-profile .field_multiselectbox select { 232 254 height: auto; … … 235 257 236 258 @media screen and (max-width: 480px) { 259 237 260 .bp-profile-field .clear-value, 238 261 .bp-profile-field .description, … … 249 272 margin-left: 0; 250 273 } 274 251 275 .field-visibility-settings { 252 276 margin-left: 50px; -
trunk/src/bp-messages/css/autocomplete/jquery.autocompletefb-rtl.css
r10808 r11587 1 1 .ac_results { 2 padding: 0 px;2 padding: 0; 3 3 overflow: hidden; 4 4 z-index: 99999; … … 14 14 border-bottom-left-radius: 3px; 15 15 } 16 .ac_results ul {17 width: 100%;18 list-style-position: outside;19 list-style: none;20 padding: 0;21 margin: 0;22 }23 16 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 } 36 38 37 39 .ac_odd { … … 45 47 46 48 ul.acfb-holder { 47 margin 48 height 49 height 49 margin: 0; 50 height: auto !important; 51 height: 1%; 50 52 overflow: hidden; 51 53 padding: 0; 52 54 list-style: none; 53 55 } 54 ul.acfb-holder li {55 float : right;56 margin : 0 0 4px 5px;57 list-style-type: none;58 }59 56 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 } 57 ul.acfb-holder li { 58 float: right; 59 margin: 0 0 4px 5px; 60 list-style-type: none; 61 } 73 62 74 li.friend-tab span.p { 75 padding-right: 5px; 76 font-size: 0.8em; 77 cursor: pointer; 78 } 63 ul.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 } 79 72 80 input#send-to-input { width: 275px; } 73 li.friend-tab img.avatar { 74 border-width: 2px !important; 75 vertical-align: middle; 76 } 77 78 li.friend-tab span.p { 79 padding-right: 5px; 80 font-size: 0.8em; 81 cursor: pointer; 82 } 83 84 input#send-to-input { 85 width: 275px; 86 } -
trunk/src/bp-messages/css/autocomplete/jquery.autocompletefb.css
r9819 r11587 1 1 .ac_results { 2 padding: 0 px;2 padding: 0; 3 3 overflow: hidden; 4 4 z-index: 99999; … … 14 14 border-bottom-right-radius: 3px; 15 15 } 16 .ac_results ul {17 width: 100%;18 list-style-position: outside;19 list-style: none;20 padding: 0;21 margin: 0;22 }23 16 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 } 36 38 37 39 .ac_odd { … … 45 47 46 48 ul.acfb-holder { 47 margin 48 height 49 height 49 margin: 0; 50 height: auto !important; 51 height: 1%; 50 52 overflow: hidden; 51 53 padding: 0; 52 54 list-style: none; 53 55 } 54 ul.acfb-holder li {55 float : left;56 margin : 0 5px 4px 0;57 list-style-type: none;58 }59 56 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 } 57 ul.acfb-holder li { 58 float: left; 59 margin: 0 5px 4px 0; 60 list-style-type: none; 61 } 73 62 74 li.friend-tab span.p { 75 padding-left: 5px; 76 font-size: 0.8em; 77 cursor: pointer; 78 } 63 ul.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 } 79 72 80 input#send-to-input { width: 275px; } 73 li.friend-tab img.avatar { 74 border-width: 2px !important; 75 vertical-align: middle; 76 } 77 78 li.friend-tab span.p { 79 padding-left: 5px; 80 font-size: 0.8em; 81 cursor: pointer; 82 } 83 84 input#send-to-input { 85 width: 275px; 86 } -
trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css
r11586 r11587 34 34 1 - Navigation 35 35 --------------------------------------------------------------*/ 36 36 37 /*-------------------------------------------------------------- 37 38 1.1 - Pagination … … 49 50 padding: 10px 0; 50 51 } 52 51 53 #buddypress div.pagination .pag-count { 52 54 float: right; 53 55 margin-right: 10px; 54 56 } 57 55 58 #buddypress div.pagination .pagination-links { 56 59 float: left; 57 60 margin-left: 10px; 58 61 } 62 59 63 #buddypress div.pagination .pagination-links span, 60 64 #buddypress div.pagination .pagination-links a { … … 62 66 padding: 0 5px; 63 67 } 68 64 69 #buddypress div.pagination .pagination-links a:hover { 65 font-weight: bold; 66 } 70 font-weight: 700; 71 } 72 67 73 #buddypress noscript div.pagination { 68 74 margin-bottom: 15px; 69 75 } 76 70 77 #buddypress #nav-above { 71 78 display: none; 72 79 } 80 73 81 #buddypress .paged #nav-above { 74 82 display: block; 75 83 } 84 76 85 /*-------------------------------------------------------------- 77 86 2 - WordPress 78 87 --------------------------------------------------------------*/ 88 79 89 /*-------------------------------------------------------------- 80 90 2.1 - Images … … 87 97 padding: 0 !important; 88 98 } 99 89 100 #buddypress .clear { 90 101 clear: right; … … 94 105 3.0 - BuddyPress 95 106 --------------------------------------------------------------*/ 107 96 108 /*-------------------------------------------------------------- 97 109 3.1 - Activity … … 109 121 padding: 0; 110 122 } 123 111 124 #buddypress .home-page form#whats-new-form { 112 125 border-bottom: none; 113 126 padding-bottom: 0; 114 127 } 128 115 129 #buddypress form#whats-new-form #whats-new-avatar { 116 130 float: right; 117 131 } 132 118 133 #buddypress form#whats-new-form #whats-new-content { 119 134 margin-right: 55px; 120 135 padding: 0 20px 20px 0; 121 136 } 137 122 138 #buddypress form#whats-new-form p.activity-greeting { 123 line-height: 0.5 em;139 line-height: 0.5; 124 140 margin-bottom: 15px; 125 141 margin-right: 75px; 126 142 } 143 127 144 #buddypress form#whats-new-form textarea { 128 145 background: #fff; … … 136 153 width: 100%; 137 154 } 155 138 156 body.no-js #buddypress form#whats-new-form textarea { 139 157 height: 50px; 140 158 } 159 141 160 #buddypress form#whats-new-form #whats-new-options select { 142 161 max-width: 200px; 143 162 margin-top: 12px; 144 163 } 164 145 165 #buddypress form#whats-new-form #whats-new-submit { 146 166 float: left; 147 167 margin-top: 12px; 148 168 } 169 149 170 #buddypress #whats-new-options:after { 150 171 clear: both; … … 152 173 display: table; 153 174 } 175 154 176 body.no-js #buddypress #whats-new-options { 155 177 height: auto; 156 178 } 179 157 180 #buddypress #whats-new:focus { 158 181 border-color: rgba(31, 179, 221, 0.9) !important; … … 168 191 list-style: none; 169 192 } 193 170 194 #buddypress .activity-list .activity-avatar { 171 195 float: right; 172 196 } 197 173 198 #buddypress ul.item-list.activity-list li.has-comments { 174 199 padding-bottom: 15px; 175 200 } 201 176 202 body.activity-permalink #buddypress ul.activity-list li.has-comments { 177 203 padding-bottom: 0; 178 204 } 205 179 206 #buddypress .activity-list li.mini { 180 207 font-size: 80%; 181 208 position: relative; 182 209 } 210 183 211 #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 */ 185 213 height: 20px; 186 214 margin-right: 30px; 187 215 width: 20px; 188 216 } 217 189 218 #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 */ 191 220 height: auto; 192 221 margin-right: 0; 193 222 width: auto; 194 223 } 224 195 225 body.activity-permalink #buddypress .activity-list > li:first-child { 196 226 padding-top: 0; 197 227 } 228 198 229 #buddypress .activity-list li .activity-content { 199 230 position: relative; 200 231 } 232 201 233 #buddypress .activity-list li.mini .activity-content p { 202 234 margin: 0; 203 235 } 236 204 237 #buddypress .activity-list li.mini .activity-comments { 205 238 clear: both; 206 239 font-size: 120%; 207 240 } 241 208 242 body.activity-permalink #buddypress li.mini .activity-meta { 209 243 margin-top: 4px; 210 244 } 245 211 246 #buddypress .activity-list li .activity-inreplyto { 212 247 color: #767676; 213 248 font-size: 80%; 214 249 } 250 215 251 #buddypress .activity-list li .activity-inreplyto > p { 216 252 margin: 0; 217 253 display: inline; 218 254 } 255 219 256 #buddypress .activity-list li .activity-inreplyto blockquote, 220 257 #buddypress .activity-list li .activity-inreplyto div.activity-inner { … … 226 263 padding: 0; 227 264 } 265 228 266 #buddypress .activity-list .activity-content { 229 267 margin: 0 70px 0 0; 230 268 } 269 231 270 body.activity-permalink #buddypress .activity-list li .activity-content { 232 271 border: none; 233 272 font-size: 100%; 234 line-height: 1 50%;273 line-height: 1.5; 235 274 margin-right: 170px; 236 275 margin-left: 0; 237 276 padding: 0; 238 277 } 278 239 279 body.activity-permalink #buddypress .activity-list li .activity-header > p { 240 280 margin: 0; 241 padding: 5px 0 0 0; 242 } 281 padding: 5px 0 0; 282 } 283 243 284 #buddypress .activity-list .activity-content .activity-header, 244 285 #buddypress .activity-list .activity-content .comment-header { 245 286 color: #767676; 246 line-height: 220%; 247 } 287 line-height: 2.2; 288 } 289 248 290 #buddypress .activity-header { 249 291 margin-left: 20px; 250 292 } 293 251 294 #buddypress .activity-header a, 252 295 #buddypress .comment-meta a, … … 254 297 text-decoration: none; 255 298 } 299 256 300 #buddypress .activity-list .activity-content .activity-header img.avatar { 257 301 float: none !important; 258 302 margin: 0 0 -8px 5px !important; 259 303 } 304 260 305 #buddypress a.bp-secondary-action, 261 306 #buddypress span.highlight { … … 265 310 text-decoration: none; 266 311 } 312 267 313 #buddypress .activity-list .activity-content .activity-inner, 268 314 #buddypress .activity-list .activity-content blockquote { … … 270 316 overflow: hidden; 271 317 } 318 272 319 #buddypress .activity-list li.new_forum_post .activity-content .activity-inner, 273 320 #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner { 274 border-right: 2px solid # EAEAEA;321 border-right: 2px solid #eaeaea; 275 322 margin-right: 5px; 276 323 padding-right: 10px; 277 324 } 325 278 326 body.activity-permalink #buddypress .activity-content .activity-inner, 279 327 body.activity-permalink #buddypress .activity-content blockquote { … … 281 329 margin-top: 5px; 282 330 } 331 283 332 #buddypress .activity-inner > p { 284 333 word-wrap: break-word; 285 334 } 335 286 336 #buddypress .activity-inner > .activity-inner { 287 337 margin: 0; 288 338 } 339 289 340 #buddypress .activity-inner > blockquote { 290 341 margin: 0; 291 342 } 343 292 344 #buddypress .activity-list .activity-content img.thumbnail { 293 345 border: 2px solid #eee; … … 295 347 margin: 0 0 5px 10px; 296 348 } 349 297 350 #buddypress .activity-read-more { 298 351 margin-right: 1em; 299 352 white-space: nowrap; 300 353 } 354 301 355 #buddypress .activity-list li.load-more, 302 356 #buddypress .activity-list li.load-newest { … … 307 361 text-align: center; 308 362 } 363 309 364 #buddypress .activity-list li.load-more a, 310 365 #buddypress .activity-list li.load-newest a { 311 color: #4 D4D4D;366 color: #4d4d4d; 312 367 } 313 368 … … 319 374 margin: 18px 0 0; 320 375 } 376 321 377 body.activity-permalink #buddypress div.activity-meta { 322 378 margin-bottom: 6px; 323 379 } 380 324 381 #buddypress div.activity-meta a { 325 382 padding: 4px 8px; 326 383 } 384 327 385 #buddypress a.activity-time-since { 328 386 color: #767676; 329 387 text-decoration: none; 330 388 } 389 331 390 #buddypress a.activity-time-since:hover { 332 391 color: #767676; 333 392 text-decoration: underline; 334 393 } 394 335 395 #buddypress a.bp-primary-action, 336 396 #buddypress #reply-title small a { … … 339 399 text-decoration: none; 340 400 } 401 341 402 #buddypress a.bp-primary-action span, 342 403 #buddypress #reply-title small a span { … … 347 408 padding: 0 5px; 348 409 } 410 349 411 #buddypress a.bp-primary-action:hover span, 350 412 #buddypress #reply-title small a:hover span { … … 352 414 color: #fff; 353 415 } 416 354 417 #buddypress div.activity-comments { 355 418 margin: 0 70px 0 0; … … 359 422 clear: both; 360 423 } 424 361 425 body.activity-permalink #buddypress div.activity-comments { 362 426 background: none; … … 364 428 width: auto; 365 429 } 430 366 431 #buddypress div.activity-comments > ul { 367 432 padding: 0 10px 0 0; 368 433 } 434 369 435 #buddypress div.activity-comments ul, 370 436 #buddypress div.activity-comments ul li { … … 372 438 list-style: none; 373 439 } 440 374 441 #buddypress div.activity-comments ul { 375 442 clear: both; 376 443 margin: 0; 377 444 } 445 378 446 #buddypress div.activity-comments ul li { 379 447 border-top: 1px solid #eee; 380 448 padding: 10px 0 0; 381 449 } 450 382 451 body.activity-permalink #buddypress .activity-list li.mini .activity-comments { 383 452 clear: none; 384 453 margin-top: 0; 385 454 } 455 386 456 body.activity-permalink #buddypress div.activity-comments ul li { 387 457 border-width: 1px; 388 padding: 10px 0 0 0; 389 } 458 padding: 10px 0 0; 459 } 460 390 461 #buddypress div.activity-comments > ul > li:first-child { 391 462 border-top: none; 392 463 } 464 393 465 #buddypress div.activity-comments ul li:last-child { 394 466 margin-bottom: 0; 395 467 } 468 396 469 #buddypress div.activity-comments ul li > ul { 397 470 margin-right: 30px; … … 399 472 padding-right: 10px; 400 473 } 474 401 475 body.activity-permalink #buddypress div.activity-comments ul li > ul { 402 476 margin-top: 10px; 403 477 } 478 404 479 body.activity-permalink #buddypress div.activity-comments > ul { 405 480 padding: 0 15px 0 10px; 406 481 } 482 407 483 #buddypress div.activity-comments div.acomment-avatar img { 408 484 border-width: 1px; … … 412 488 width: 25px; 413 489 } 490 414 491 #buddypress div.activity-comments div.acomment-content { 415 492 font-size: 80%; 416 493 margin: 5px 40px 0 0; 417 494 } 495 418 496 #buddypress div.acomment-content .time-since, 419 497 #buddypress div.acomment-content .activity-delete-link, … … 421 499 display: none; 422 500 } 501 423 502 body.activity-permalink #buddypress div.activity-comments div.acomment-content { 424 503 font-size: 90%; 425 504 } 505 426 506 #buddypress div.activity-comments div.acomment-meta { 427 507 color: #767676; 428 508 font-size: 80%; 429 509 } 510 430 511 #buddypress div.activity-comments form.ac-form { 431 512 display: none; 432 513 padding: 10px; 433 514 } 515 434 516 #buddypress div.activity-comments li form.ac-form { 435 517 margin-left: 15px; 436 518 clear: both; 437 519 } 520 438 521 #buddypress div.activity-comments form.root { 439 522 margin-right: 0; 440 523 } 524 441 525 #buddypress div.activity-comments div#message { 442 526 margin-top: 15px; 443 527 margin-bottom: 0; 444 528 } 529 445 530 #buddypress div.activity-comments form .ac-textarea { 446 531 background: #fff; … … 449 534 padding: 8px; 450 535 } 536 451 537 #buddypress div.activity-comments form textarea { 452 538 border: none; … … 462 548 width: 100%; 463 549 } 550 464 551 #buddypress div.activity-comments form input { 465 552 margin-top: 5px; 466 553 } 554 467 555 #buddypress div.activity-comments form div.ac-reply-avatar { 468 556 float: right; 469 557 } 558 470 559 #buddypress div.ac-reply-avatar img { 471 560 border: 1px solid #eee; 472 561 } 562 473 563 #buddypress div.activity-comments form div.ac-reply-content { 474 564 color: #767676; … … 476 566 padding-right: 15px; 477 567 } 568 478 569 #buddypress div.activity-comments form div.ac-reply-content a { 479 570 text-decoration: none; 480 571 } 572 481 573 #buddypress .acomment-options { 482 574 float: right; 483 575 margin: 5px 40px 5px 0; 484 576 } 577 485 578 #buddypress .acomment-options a { 486 579 color: #767676; 487 580 } 581 488 582 #buddypress .acomment-options a:hover { 489 583 color: inherit; … … 497 591 margin: -39px 0 0 0; 498 592 } 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"] { 501 596 font-size: 90%; 502 597 padding: 1px 3px; 503 598 } 599 504 600 #buddypress .current-member-type { 505 601 font-style: italic; 506 602 } 603 507 604 #buddypress .dir-form { 508 605 clear: both; … … 515 612 margin: 0 0 15px; 516 613 } 614 517 615 #buddypress #message.info { 518 616 margin-bottom: 0; 519 617 } 618 520 619 #buddypress div#message.updated { 521 620 clear: both; 522 621 display: block; 523 622 } 623 524 624 #buddypress div#message p, 525 625 #sitewide-notice p { … … 528 628 padding: 10px 15px; 529 629 } 630 530 631 #buddypress div#message.error p { 531 632 background-color: #fdc; … … 534 635 color: #800; 535 636 } 637 536 638 #buddypress div#message.warning p { 537 639 background-color: #ffe0af; … … 540 642 color: #800; 541 643 } 644 542 645 #buddypress div#message.updated p { 543 646 background-color: #efc; … … 545 648 color: #250; 546 649 } 650 547 651 #buddypress #pass-strength-result { 548 652 background-color: #eee; … … 556 660 width: 150px; 557 661 } 662 558 663 #buddypress .standard-form #basic-details-section #pass-strength-result { 559 664 width: 35%; 560 665 } 666 561 667 #buddypress #pass-strength-result.error, 562 668 #buddypress #pass-strength-result.bad { … … 565 671 display: block; 566 672 } 673 567 674 #buddypress #pass-strength-result.good { 568 675 background-color: #ffec8b; … … 570 677 display: block; 571 678 } 679 572 680 #buddypress #pass-strength-result.short { 573 681 background-color: #ffa0a0; … … 575 683 display: block; 576 684 } 685 577 686 #buddypress #pass-strength-result.strong { 578 687 background-color: #c3ff88; … … 580 689 display: block; 581 690 } 691 582 692 #buddypress .standard-form#signup_form div div.error { 583 693 background: #faa; 584 694 color: #a00; 585 margin: 0 0 10px 0;695 margin: 0 0 10px; 586 696 padding: 6px; 587 697 width: 90%; 588 698 } 699 589 700 #buddypress div.accept, 590 701 #buddypress div.reject { … … 592 703 margin-right: 10px; 593 704 } 705 594 706 #buddypress ul.button-nav li { 595 707 float: right; … … 597 709 list-style: none; 598 710 } 711 599 712 #buddypress ul.button-nav li.current a { 600 font-weight: bold; 601 } 713 font-weight: 700; 714 } 715 602 716 #sitewide-notice #message { 603 717 right: 2%; … … 607 721 z-index: 9999; 608 722 } 723 609 724 #sitewide-notice.admin-bar-on #message { 610 725 top: 3.3em; 611 726 } 727 612 728 #sitewide-notice strong { 613 729 display: block; … … 625 741 626 742 #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"], 641 757 #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"] { 647 763 border: 1px solid #ccc; 648 764 background: #fafafa; … … 653 769 padding: 6px; 654 770 } 771 655 772 #buddypress .standard-form select { 656 773 padding: 3px; 657 774 } 658 #buddypress .standard-form input[type=password] { 775 776 #buddypress .standard-form input[type="password"] { 659 777 margin-bottom: 5px; 660 778 } 779 661 780 #buddypress .standard-form label, 662 781 #buddypress .standard-form span.label, 663 782 #buddypress .standard-form legend { 664 783 display: block; 665 font-weight: bold;666 margin: 15px 0 5px 0;784 font-weight: 700; 785 margin: 15px 0 5px; 667 786 width: auto; 668 787 } 788 669 789 #buddypress .standard-form p label, 670 790 #buddypress .standard-form #invite-list label { 671 font-weight: normal;791 font-weight: 400; 672 792 margin: auto; 673 793 } 794 674 795 #buddypress .standard-form .checkbox label, 675 796 #buddypress .standard-form .radio label { 676 797 color: #767676; 677 798 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 681 803 #buddypress .standard-form .checkbox label input, 682 804 #buddypress .standard-form .radio label input { 683 805 margin-left: 3px; 684 806 } 807 685 808 #buddypress .standard-form#sidebar-login-form label { 686 809 margin-top: 5px; 687 810 } 688 #buddypress .standard-form input[type=text] { 811 812 #buddypress .standard-form input[type="text"] { 689 813 width: 75%; 690 814 } 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"] { 693 818 padding: 4px; 694 819 width: 95%; 695 820 } 696 #buddypress .standard-form #basic-details-section input[type=password], 821 822 #buddypress .standard-form #basic-details-section input[type="password"], 697 823 #buddypress .standard-form #blog-details-section input#signup_blog_url { 698 824 width: 35%; 699 825 } 700 #buddypress .standard-form#signup_form input[type=text], 826 827 #buddypress .standard-form#signup_form input[type="text"], 701 828 #buddypress .standard-form#signup_form textarea, 702 829 #buddypress .form-allowed-tags, 703 #buddypress #commentform input[type= text],830 #buddypress #commentform input[type="text"], 704 831 #buddypress #commentform textarea { 705 832 width: 90%; 706 833 } 834 707 835 #buddypress .standard-form#signup_form div.submit { 708 836 float: left; 709 837 } 838 710 839 #buddypress div#signup-avatar img { 711 840 margin: 0 0 10px 15px; 712 841 } 842 713 843 #buddypress .standard-form textarea { 714 844 width: 75%; 715 845 height: 120px; 716 846 } 847 717 848 #buddypress .standard-form textarea#message_content { 718 849 height: 200px; 719 850 } 851 720 852 #buddypress .standard-form#send-reply textarea { 721 853 width: 97.5%; 722 854 } 855 723 856 #buddypress .standard-form p.description { 724 857 color: #767676; … … 726 859 margin: 5px 0; 727 860 } 861 728 862 #buddypress .standard-form div.submit { 729 863 clear: both; 730 padding: 15px 0 0 0; 731 } 864 padding: 15px 0 0; 865 } 866 732 867 #buddypress .standard-form p.submit { 733 868 margin-bottom: 0; 734 padding: 15px 0 0 0; 735 } 869 padding: 15px 0 0; 870 } 871 736 872 #buddypress .standard-form div.submit input { 737 873 margin-left: 15px; 738 874 } 875 739 876 #buddypress .standard-form div.radio ul { 740 877 margin: 10px 38px 15px 0; 741 878 list-style: disc; 742 879 } 880 743 881 #buddypress .standard-form div.radio ul li { 744 882 margin-bottom: 5px; 745 883 } 884 746 885 #buddypress .standard-form a.clear-value { 747 886 display: block; … … 749 888 outline: none; 750 889 } 890 751 891 #buddypress .standard-form #basic-details-section, 752 892 #buddypress .standard-form #blog-details-section, … … 755 895 width: 48%; 756 896 } 897 757 898 #buddypress .standard-form #profile-details-section { 758 899 float: left; 759 900 } 901 760 902 #buddypress .standard-form #blog-details-section, 761 903 #buddypress #notifications-bulk-management { 762 904 clear: right; 763 905 } 906 764 907 body.no-js #buddypress #notifications-bulk-management #select-all-notifications, 765 908 body.no-js #buddypress label[for="message-type-select"], … … 770 913 display: none; 771 914 } 915 772 916 #buddypress .standard-form input:focus, 773 917 #buddypress .standard-form textarea:focus, … … 776 920 color: #555; 777 921 } 922 778 923 #buddypress form#send-invite-form { 779 924 margin-top: 20px; 780 925 } 926 781 927 #buddypress div#invite-list { 782 928 background: #f5f5f5; … … 787 933 width: 160px; 788 934 } 935 789 936 #buddypress .standard-form button, 790 937 #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"], 794 941 #buddypress ul.button-nav li a, 795 942 #buddypress .generic-button a, … … 806 953 text-decoration: none; 807 954 } 955 808 956 #buddypress .standard-form button:hover, 809 957 #buddypress a.button:hover, 810 958 #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, 814 962 #buddypress ul.button-nav li a:hover, 815 963 #buddypress ul.button-nav li.current a, … … 827 975 } 828 976 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%; 831 979 list-style: none; 832 980 } 833 981 834 982 #buddypress form.standard-form .left-menu #invite-list ul li { 835 margin: 0 1% 0 0;983 margin: 0 1% 0 0; 836 984 } 837 985 … … 841 989 842 990 #buddypress form.standard-form .main-column ul#friend-list { 843 clear: none;991 clear: none; 844 992 float: right; 845 993 } … … 847 995 #buddypress form.standard-form .main-column ul#friend-list h3, 848 996 #buddypress form.standard-form .main-column ul#friend-list h4 { 849 clear: none;997 clear: none; 850 998 } 851 999 … … 853 1001 #buddypress .wp-editor-wrap a.button, 854 1002 #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"] { 858 1006 padding: 0 8px 1px; 859 1007 } 860 1008 861 1009 /* Form classes & generic attr styling */ 862 #buddypress form *[disabled="disabled"] {1010 #buddypress form *[disabled="disabled"] { 863 1011 cursor: default; 864 opacity: .4;1012 opacity: 0.4; 865 1013 } 866 1014 … … 917 1065 #buddypress a.loading, 918 1066 #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; 921 1069 border-color: #aaa; 922 1070 } 1071 923 1072 @-webkit-keyframes loader-pulsate { 1073 924 1074 from { 925 1075 border-color: #aaa; … … 927 1077 box-shadow: 0 0 6px #ccc; 928 1078 } 1079 929 1080 to { 930 1081 border-color: #ccc; … … 933 1084 } 934 1085 } 1086 935 1087 @-moz-keyframes loader-pulsate { 1088 936 1089 from { 937 1090 border-color: #aaa; … … 939 1092 box-shadow: 0 0 6px #ccc; 940 1093 } 1094 941 1095 to { 942 1096 border-color: #ccc; … … 950 1104 color: #767676; 951 1105 } 1106 952 1107 #buddypress input[type="submit"].pending, 953 1108 #buddypress input[type="button"].pending, … … 956 1111 #buddypress input[type="button"].disabled, 957 1112 #buddypress input[type="reset"].disabled, 958 #buddypress input[type="submit"][disabled= disabled],1113 #buddypress input[type="submit"][disabled="disabled"], 959 1114 #buddypress button.pending, 960 1115 #buddypress button.disabled, … … 965 1120 cursor: default; 966 1121 } 1122 967 1123 #buddypress input[type="submit"]:hover.pending, 968 1124 #buddypress input[type="button"]:hover.pending, … … 986 1142 width: auto; 987 1143 } 1144 988 1145 #buddypress ul#topic-post-list li { 989 1146 padding: 15px; 990 1147 position: relative; 991 1148 } 1149 992 1150 #buddypress ul#topic-post-list li.alt { 993 1151 background: #f5f5f5; 994 1152 } 1153 995 1154 #buddypress ul#topic-post-list li div.poster-meta { 996 1155 color: #767676; 997 1156 margin-bottom: 10px; 998 1157 } 1158 999 1159 #buddypress ul#topic-post-list li div.post-content { 1000 1160 margin-right: 54px; 1001 1161 } 1162 1002 1163 #buddypress div.topic-tags { 1003 1164 font-size: 80%; 1004 1165 } 1166 1005 1167 #buddypress div.admin-links { 1006 1168 color: #767676; … … 1010 1172 left: 25px; 1011 1173 } 1174 1012 1175 #buddypress div#topic-meta { 1013 1176 margin: 0; … … 1015 1178 position: relative; 1016 1179 } 1180 1017 1181 #buddypress div#topic-meta div.admin-links { 1018 1182 left: 19px; 1019 1183 top: -36px; 1020 1184 } 1185 1021 1186 #buddypress div#topic-meta h3 { 1022 1187 margin: 5px 0; 1023 1188 } 1189 1024 1190 #buddypress div#new-topic-post { 1025 1191 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 1029 1196 #buddypress table.notifications, 1030 1197 #buddypress table.notifications-settings, … … 1036 1203 width: 100%; 1037 1204 } 1205 1038 1206 #buddypress table.notifications thead tr, 1039 1207 #buddypress table.notifications-settings thead tr, … … 1045 1213 background: #eaeaea; 1046 1214 } 1215 1047 1216 #buddypress table#message-threads { 1048 1217 clear: both; 1049 1218 } 1219 1050 1220 #buddypress table.profile-fields { 1051 1221 margin-bottom: 20px; 1052 1222 } 1223 1053 1224 #buddypress table.profile-fields:last-child { 1054 1225 margin-bottom: 0; 1055 1226 } 1227 1056 1228 #buddypress table.profile-fields p { 1057 1229 margin: 0; 1058 1230 } 1231 1059 1232 #buddypress table.profile-fields p:last-child { 1060 1233 margin-top: 0; 1061 1234 } 1235 1062 1236 #buddypress table.notifications tr td, 1063 1237 #buddypress table.notifications-settings tr td, … … 1076 1250 vertical-align: middle; 1077 1251 } 1252 1078 1253 #buddypress table.notifications tr td.label, 1079 1254 #buddypress table.notifications-settings tr td.label, … … 1083 1258 #buddypress table.forum tr td.label { 1084 1259 border-left: 1px solid #eaeaea; 1085 font-weight: bold;1260 font-weight: 700; 1086 1261 width: 25%; 1087 1262 } 1263 1088 1264 #buddypress #message-threads .thread-info { 1089 1265 min-width: 40%; 1090 1266 } 1267 1091 1268 #buddypress table tr td.thread-info p { 1092 1269 margin: 0; 1093 1270 } 1271 1094 1272 #buddypress table tr td.thread-info p.thread-excerpt { 1095 1273 color: #767676; … … 1097 1275 margin-top: 3px; 1098 1276 } 1277 1099 1278 #buddypress table.forum td { 1100 1279 text-align: center; 1101 1280 } 1281 1102 1282 #buddypress table.notifications tr.alt td, 1103 1283 #buddypress table.notifications-settings tr.alt td, … … 1110 1290 color: #707070; 1111 1291 } 1292 1112 1293 #buddypress table.notification-settings { 1113 1294 margin-bottom: 20px; 1114 1295 text-align: right; 1115 1296 } 1297 1116 1298 #buddypress #groups-notification-settings { 1117 1299 margin-bottom: 0; 1118 1300 } 1301 1119 1302 #buddypress table.notifications th.icon, 1120 1303 #buddypress table.notifications td:first-child, … … 1123 1306 display: none; 1124 1307 } 1308 1125 1309 #buddypress table.notification-settings th.title, 1126 1310 #buddypress table.profile-settings th.title { 1127 1311 width: 80%; 1128 1312 } 1313 1129 1314 #buddypress table.notification-settings .yes, 1130 1315 #buddypress table.notification-settings .no { … … 1132 1317 width: 40px; 1133 1318 } 1319 1134 1320 #buddypress table.forum { 1135 1321 margin: 0; … … 1137 1323 clear: both; 1138 1324 } 1325 1139 1326 #buddypress table.forum tr.sticky td { 1140 1327 font-size: 110%; … … 1143 1330 border-bottom: 1px solid #ffe8c4; 1144 1331 } 1332 1145 1333 #buddypress table.forum tr.closed td.td-title { 1146 1334 padding-right: 35px; 1147 1335 } 1336 1148 1337 #buddypress table.forum td p.topic-text { 1149 1338 color: #767676; 1150 1339 font-size: 100%; 1151 1340 } 1341 1152 1342 #buddypress table.forum tr > td:first-child, 1153 1343 #buddypress table.forum tr > th:first-child { 1154 1344 padding-right: 15px; 1155 1345 } 1346 1156 1347 #buddypress table.forum tr > td:last-child, 1157 1348 #buddypress table.forum tr > th:last-child { 1158 1349 padding-left: 15px; 1159 1350 } 1351 1160 1352 #buddypress table.forum tr th#th-title, 1161 1353 #buddypress table.forum tr th#th-poster, … … 1166 1358 text-align: right; 1167 1359 } 1360 1168 1361 #buddypress table.forum tr td.td-title a.topic-title { 1169 1362 font-size: 110%; 1170 1363 } 1364 1171 1365 #buddypress table.forum td.td-freshness { 1172 1366 white-space: nowrap; 1173 1367 } 1368 1174 1369 #buddypress table.forum td.td-freshness span.time-since { 1175 1370 font-size: 80%; 1176 1371 color: #767676; 1177 1372 } 1373 1178 1374 #buddypress table.forum td img.avatar { 1179 1375 float: none; 1180 1376 margin: 0 0 -8px 5px; 1181 1377 } 1378 1182 1379 #buddypress table.forum td.td-poster, 1183 1380 #buddypress table.forum td.td-group { 1184 1381 min-width: 140px; 1185 1382 } 1383 1186 1384 #buddypress table.forum th#th-title { 1187 1385 width: 80%; 1188 1386 } 1387 1189 1388 #buddypress table.forum th#th-freshness { 1190 1389 width: 25%; 1191 1390 } 1391 1192 1392 #buddypress table.forum th#th-postcount { 1193 1393 width: 15%; 1194 1394 } 1395 1195 1396 #buddypress table.forum p.topic-meta { 1196 1397 font-size: 80%; 1197 margin: 5px 0 0 0;1398 margin: 5px 0 0; 1198 1399 } 1199 1400 … … 1204 1405 margin: 20px 0; 1205 1406 } 1407 1206 1408 #buddypress span.activity { 1207 1409 display: inline-block; … … 1209 1411 padding: 0; 1210 1412 } 1413 1211 1414 #buddypress span.user-nicename { 1212 1415 color: #767676; 1213 1416 display: inline-block; 1214 1417 font-size: 120%; 1215 font-weight: bold; 1216 } 1418 font-weight: 700; 1419 } 1420 1217 1421 #buddypress div#message p, 1218 1422 #sitewide-notice p { … … 1220 1424 border: 1px solid #cb2; 1221 1425 color: #440; 1222 font-weight: normal;1426 font-weight: 400; 1223 1427 margin-top: 3px; 1224 1428 text-decoration: none; 1225 1429 } 1430 1226 1431 .bp-site-wide-message #message p, 1227 1432 .admin-bar-on #message p { … … 1229 1434 position: relative; 1230 1435 } 1436 1231 1437 .bp-site-wide-message #message button, 1232 1438 .admin-bar-on #message button { … … 1237 1443 top: 0; 1238 1444 } 1445 1239 1446 .admin-bar-on #message button { 1240 1447 left: 10px; 1241 top:7px; 1242 } 1448 top: 7px; 1449 } 1450 1243 1451 #buddypress #item-header:after { 1244 1452 clear: both; … … 1246 1454 display: table; 1247 1455 } 1456 1248 1457 #buddypress div#item-header div#item-header-content { 1249 1458 float: right; 1250 1459 margin-right: 0; 1251 1460 } 1461 1252 1462 #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 1256 1467 #buddypress div#item-header h2 a { 1257 1468 color: #767676; 1258 1469 text-decoration: none; 1259 1470 } 1471 1260 1472 #buddypress div#item-header img.avatar { 1261 1473 float: right; 1262 1474 margin: 0 0 19px 15px; 1263 1475 } 1476 1264 1477 #buddypress div#item-header h2 { 1265 1478 margin-bottom: 5px; 1266 1479 } 1480 1267 1481 #buddypress div#item-header h2 span.highlight { 1268 1482 font-size: 60%; 1269 font-weight: normal;1270 line-height: 1 70%;1483 font-weight: 400; 1484 line-height: 1.7; 1271 1485 vertical-align: middle; 1272 1486 display: inline-block; 1273 1487 } 1488 1274 1489 #buddypress div#item-header h2 span.highlight span { 1275 1490 background: #a1dcfa; 1276 1491 color: #fff; 1277 1492 cursor: pointer; 1278 font-weight: bold;1493 font-weight: 700; 1279 1494 font-size: 80%; 1280 1495 margin-bottom: 2px; … … 1285 1500 vertical-align: middle; 1286 1501 } 1502 1287 1503 #buddypress div#item-header div#item-meta { 1288 1504 font-size: 80%; 1289 1505 color: #767676; 1290 1506 overflow: hidden; 1291 margin: 15px 0 5px 0;1507 margin: 15px 0 5px; 1292 1508 padding-bottom: 10px; 1293 1509 } 1510 1294 1511 #buddypress div#item-header div#item-actions { 1295 1512 float: left; … … 1298 1515 width: 20%; 1299 1516 } 1517 1300 1518 #buddypress div#item-header div#item-actions h2, 1301 1519 #buddypress div#item-header div#item-actions h3 { 1302 margin: 0 0 5px 0; 1303 } 1520 margin: 0 0 5px; 1521 } 1522 1304 1523 #buddypress div#item-header ul { 1305 1524 margin-bottom: 15px; 1306 1525 overflow: hidden; 1307 1526 } 1527 1308 1528 #buddypress div#item-header ul h5, 1309 1529 #buddypress div#item-header ul span, … … 1311 1531 display: none; 1312 1532 } 1533 1313 1534 #buddypress div#item-header ul li { 1314 1535 float: left; 1315 1536 list-style: none; 1316 1537 } 1538 1317 1539 #buddypress div#item-header ul img.avatar, 1318 1540 #buddypress div#item-header ul.avatars img.avatar { … … 1321 1543 width: 30px; 1322 1544 } 1545 1323 1546 #buddypress div#item-header div.generic-button, 1324 1547 #buddypress div#item-header a.button { … … 1326 1549 margin: 10px 0 0 10px; 1327 1550 } 1551 1328 1552 body.no-js #buddypress div#item-header .js-self-profile-button { 1329 display:none; 1330 } 1553 display: none; 1554 } 1555 1331 1556 #buddypress div#item-header div#message.info { 1332 line-height: 80%; 1333 } 1557 line-height: 0.8; 1558 } 1559 1334 1560 #buddypress ul.item-list { 1335 1561 border-top: 1px solid #eaeaea; … … 1340 1566 padding: 0; 1341 1567 } 1568 1342 1569 body.activity-permalink #buddypress ul.item-list, 1343 1570 body.activity-permalink #buddypress ul.item-list li.activity-item { 1344 1571 border: none; 1345 1572 } 1573 1346 1574 #buddypress ul.item-list li { 1347 1575 border-bottom: 1px solid #eaeaea; … … 1351 1579 list-style: none; 1352 1580 } 1581 1353 1582 #buddypress ul.single-line li { 1354 1583 border: none; 1355 1584 } 1585 1356 1586 #buddypress ul.item-list li img.avatar { 1357 1587 float: right; 1358 1588 margin: 0 0 0 10px; 1359 1589 } 1590 1360 1591 #buddypress ul.item-list li div.item-title, 1361 1592 #buddypress ul.item-list li h3, 1362 1593 #buddypress ul.item-list li h4 { 1363 font-weight: normal;1594 font-weight: 400; 1364 1595 font-size: 90%; 1365 1596 margin: 0; 1366 1597 width: 75%; 1367 1598 } 1599 1368 1600 #buddypress ul.item-list li div.item-title span { 1369 1601 color: #767676; 1370 1602 font-size: 80%; 1371 1603 } 1604 1372 1605 #buddypress ul.item-list li div.item-desc { 1373 1606 color: #767676; … … 1376 1609 width: 50%; 1377 1610 } 1611 1378 1612 #buddypress ul.item-list li.group-no-avatar div.item-desc { 1379 1613 margin-right: 0; 1380 1614 } 1615 1381 1616 #buddypress ul.item-list li div.action { 1382 1617 position: absolute; … … 1385 1620 text-align: left; 1386 1621 } 1622 1387 1623 #buddypress ul.item-list li div.meta { 1388 1624 color: #767676; … … 1390 1626 margin-top: 10px; 1391 1627 } 1628 1392 1629 #buddypress ul.item-list li h5 span.small { 1393 1630 float: left; 1394 1631 font-size: 80%; 1395 font-weight: normal; 1396 } 1632 font-weight: 400; 1633 } 1634 1397 1635 #buddypress div.item-list-tabs { 1398 1636 background: transparent; … … 1405 1643 padding: 0; 1406 1644 } 1645 1407 1646 #buddypress div.item-list-tabs ul li { 1408 1647 float: right; … … 1410 1649 list-style: none; 1411 1650 } 1651 1412 1652 #buddypress div.item-list-tabs#subnav ul li { 1413 1653 margin-top: 0; 1414 1654 } 1655 1415 1656 #buddypress div.item-list-tabs ul li.last { 1416 1657 float: left; 1417 1658 margin: 7px 0 0; 1418 1659 } 1660 1419 1661 #buddypress div.item-list-tabs#subnav ul li.last { 1420 1662 margin-top: 4px; 1421 1663 } 1664 1422 1665 #buddypress div.item-list-tabs ul li.last select { 1423 1666 max-width: 185px; 1424 1667 } 1668 1425 1669 #buddypress div.item-list-tabs ul li a, 1426 1670 #buddypress div.item-list-tabs ul li span { … … 1429 1673 text-decoration: none; 1430 1674 } 1675 1431 1676 #buddypress div.item-list-tabs ul li a span { 1432 1677 background: #eee; … … 1441 1686 vertical-align: middle; 1442 1687 } 1688 1443 1689 #buddypress div.item-list-tabs ul li.selected a, 1444 1690 #buddypress div.item-list-tabs ul li.current a { 1445 1691 background-color: #eee; 1446 1692 color: #555; 1447 opacity: .9; 1448 font-weight: bold; 1449 } 1693 opacity: 0.9; 1694 font-weight: 700; 1695 } 1696 1450 1697 #buddypress div.item-list-tabs ul li.selected a span, 1451 1698 #buddypress div.item-list-tabs ul li.current a span, … … 1453 1700 background-color: #eee; 1454 1701 } 1702 1455 1703 #buddypress div.item-list-tabs ul li.selected a span, 1456 1704 #buddypress div.item-list-tabs ul li.current a span { 1457 1705 background-color: #fff; 1458 1706 } 1707 1459 1708 #buddypress div#item-nav ul li.loading a { 1460 1709 background-position: 12% 50%; 1461 1710 } 1711 1462 1712 #buddypress div.item-list-tabs#object-nav { 1463 1713 margin-top: 0; 1464 1714 } 1715 1465 1716 #buddypress div.item-list-tabs#subnav { 1466 1717 background: transparent; 1467 margin: 10px 0 10px;1718 margin: 10px 0; 1468 1719 overflow: hidden; 1469 1720 } 1721 1470 1722 #buddypress #admins-list li, 1471 1723 #buddypress #mods-list li, … … 1474 1726 list-style: none; 1475 1727 } 1728 1476 1729 #buddypress .group-members-list { 1477 1730 width: 100%; … … 1480 1733 overflow: auto; 1481 1734 } 1735 1482 1736 #buddypress #item-buttons:empty { 1483 1737 display: none; … … 1522 1776 border-top: 1px solid #ffe8c4; 1523 1777 border-bottom: 1px solid #ffe8c4; 1524 font-weight: bold; 1525 } 1778 font-weight: 700; 1779 } 1780 1526 1781 #buddypress table#message-threads tr.unread td .thread-excerpt, 1527 1782 #buddypress table#message-threads tr.unread td .activity, 1528 1783 #buddypress table#message-threads tr.unread td.thread-options { 1529 font-weight: normal; 1530 } 1784 font-weight: 400; 1785 } 1786 1531 1787 #buddypress li span.unread-count, 1532 1788 #buddypress tr.unread span.unread-count { 1533 background: #d d0000;1789 background: #d00; 1534 1790 color: #fff; 1535 font-weight: bold;1791 font-weight: 700; 1536 1792 padding: 2px 8px; 1537 1793 } 1794 1538 1795 #buddypress div.item-list-tabs ul li a span.unread-count { 1539 1796 padding: 1px 6px; 1540 1797 color: #fff; 1541 1798 } 1799 1542 1800 #buddypress div#message-thread div.message-box { 1543 1801 margin: 0; 1544 1802 padding: 15px; 1545 1803 } 1804 1546 1805 #buddypress div#message-thread div.alt { 1547 1806 background: #f4f4f4; 1548 1807 } 1808 1549 1809 #buddypress div#message-thread p#message-recipients { 1550 margin: 10px 0 20px 0; 1551 } 1810 margin: 10px 0 20px; 1811 } 1812 1552 1813 #buddypress div#message-thread img.avatar { 1553 1814 float: right; … … 1555 1816 vertical-align: middle; 1556 1817 } 1818 1557 1819 #buddypress div#message-thread strong { 1558 1820 font-size: 100%; 1559 1821 margin: 0; 1560 1822 } 1823 1561 1824 #buddypress div#message-thread strong a { 1562 1825 text-decoration: none; 1563 1826 } 1827 1564 1828 #buddypress div#message-thread strong span.activity { 1565 1829 margin-top: 4px; 1566 1830 } 1567 #buddypress div#message-thread div.message-metadata::after { 1831 1832 #buddypress div#message-thread div.message-metadata:after { 1568 1833 clear: both; 1569 1834 content: ""; 1570 1835 display: table; 1571 1836 } 1837 1572 1838 #buddypress div#message-thread div.message-content { 1573 1839 margin-right: 45px; 1574 1840 } 1841 1575 1842 #buddypress div#message-thread div.message-options { 1576 1843 text-align: left; 1577 1844 } 1845 1578 1846 #buddypress #message-threads img.avatar { 1579 1847 max-width: none; 1580 1848 } 1849 1581 1850 #buddypress div.message-search { 1582 1851 float: left; 1583 1852 margin: 0 20px; 1584 1853 } 1854 1585 1855 .message-metadata { 1586 1856 position: relative; 1587 1857 } 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 { 1591 1862 margin-top: 10px; 1592 1863 max-width: 240px; … … 1594 1865 text-align: left; 1595 1866 } 1867 1596 1868 .message-star-actions { 1597 1869 position: absolute; … … 1599 1871 top: 0; 1600 1872 } 1873 1601 1874 #buddypress a.message-action-star, 1602 1875 #buddypress a.message-action-unstar { … … 1605 1878 outline: none; 1606 1879 } 1880 1607 1881 a.message-action-star { 1608 opacity: .7; 1609 } 1882 opacity: 0.7; 1883 } 1884 1610 1885 a.message-action-star:hover { 1611 1886 opacity: 1; 1612 1887 } 1888 1613 1889 .message-action-star span.icon:before, 1614 1890 .message-action-unstar span.icon:before { … … 1616 1892 font-size: 18px; 1617 1893 } 1894 1618 1895 .message-action-star span.icon:before { 1619 1896 color: #767676; 1620 1897 content: "\f154"; 1621 1898 } 1899 1622 1900 .message-action-unstar span.icon:before { 1623 1901 color: #fcdd77; … … 1633 1911 margin-top: 15px; 1634 1912 } 1913 1635 1914 #buddypress #profile-edit-form ul.button-nav { 1636 1915 margin-top: 15px; 1637 1916 } 1917 1638 1918 body.no-js #buddypress .field-visibility-settings-toggle, 1639 1919 body.no-js #buddypress .field-visibility-settings-close { 1640 1920 display: none; 1641 1921 } 1922 1642 1923 #buddypress .field-visibility-settings { 1643 1924 display: none; 1644 1925 margin-top: 10px; 1645 1926 } 1646 body.no-js #buddypress .field-visibility-settings { 1647 display: block; 1648 } 1927 1928 body.no-js #buddypress .field-visibility-settings { 1929 display: block; 1930 } 1931 1649 1932 #buddypress .current-visibility-level { 1650 font-weight: bold;1933 font-weight: 700; 1651 1934 font-style: normal; 1652 1935 } 1936 1653 1937 #buddypress .field-visibility-settings, 1654 1938 #buddypress .field-visibility-settings-toggle, … … 1656 1940 color: #707070; 1657 1941 } 1942 1658 1943 #buddypress .field-visibility-settings-toggle a, 1659 1944 #buddypress .field-visibility-settings a { 1660 1945 font-size: 80%; 1661 1946 } 1947 1662 1948 body.register #buddypress div.page ul { 1663 1949 list-style: none; 1664 1950 } 1951 1665 1952 #buddypress .standard-form .field-visibility-settings label { 1666 1953 margin: 0; 1667 font-weight: normal; 1668 } 1954 font-weight: 400; 1955 } 1956 1669 1957 #buddypress .field-visibility-settings legend, 1670 1958 #buddypress .field-visibility-settings-toggle { 1671 1959 font-style: italic; 1672 1960 } 1961 1673 1962 #buddypress .field-visibility-settings .radio { 1674 1963 list-style: none; 1675 1964 margin-bottom: 0; 1676 1965 } 1966 1677 1967 #buddypress .field-visibility select { 1678 1968 margin: 0; 1679 1969 } 1970 1680 1971 #buddypress .wp-editor-container { 1681 1972 border: 1px solid #dedede; 1682 1973 } 1974 1683 1975 #buddypress .html-active button.switch-html { 1684 1976 border-bottom-color: transparent; … … 1688 1980 color: #707070; 1689 1981 } 1982 1690 1983 #buddypress .tmce-active button.switch-tmce { 1691 1984 border-bottom-color: transparent; … … 1695 1988 color: #707070; 1696 1989 } 1990 1697 1991 #buddypress .standard-form .wp-editor-container textarea { 1698 1992 width: 100%; … … 1713 2007 .widget.buddypress div.item-options { 1714 2008 font-size: 90%; 1715 margin: 0 0 1em 0;2009 margin: 0 0 1em; 1716 2010 padding: 1em 0; 1717 2011 } 1718 2012 1719 2013 .widget.buddypress div.item { 1720 margin: 0 0 1em 0;2014 margin: 0 0 1em; 1721 2015 } 1722 2016 … … 1727 2021 } 1728 2022 1729 .widget.buddypress div.avatar-block: :after {2023 .widget.buddypress div.avatar-block:after { 1730 2024 clear: both; 1731 2025 content: ""; … … 1757 2051 .widget.buddypress #bp-login-widget-form label { 1758 2052 display: block; 1759 margin: 1rem 0 .5rem;2053 margin: 1rem 0 0.5rem; 1760 2054 } 1761 2055 … … 1778 2072 1779 2073 .widget.buddypress .bp-login-widget-user-links > div { 1780 margin-bottom: .5rem;2074 margin-bottom: 0.5rem; 1781 2075 } 1782 2076 1783 2077 .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a { 1784 font-weight: bold;2078 font-weight: 700; 1785 2079 } 1786 2080 … … 1807 2101 } 1808 2102 1809 .bp-tooltip: :after {2103 .bp-tooltip:after { 1810 2104 background: #fff; 1811 2105 border: 1px solid #aaa; 1812 2106 border-collapse: separate; 1813 2107 border-radius: 1px; 1814 box-shadow: -1px 1px 0 px 1px rgba(132,132,132,0.3);2108 box-shadow: -1px 1px 0 1px rgba(132, 132, 132, 0.3); 1815 2109 color: #000; 1816 2110 content: attr(data-bp-tooltip); … … 1818 2112 font-family: sans-serif; 1819 2113 font-size: 11px; 1820 font-weight: normal;2114 font-weight: 400; 1821 2115 letter-spacing: normal; 1822 2116 line-height: 1.5; … … 1839 2133 } 1840 2134 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 { 1847 2141 display: inline-block; 1848 2142 opacity: 1; … … 1852 2146 } 1853 2147 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 { 1860 2154 left: 50px; 1861 2155 } … … 1864 2158 4.0 - Media Queries 1865 2159 --------------------------------------------------------------*/ 2160 1866 2161 /*-------------------------------------------------------------- 1867 2162 4.1 - Smartphones - landscape 1868 2163 --------------------------------------------------------------*/ 1869 @media only screen and (max-width: 480px ){ 2164 @media only screen and (max-width: 480px ) { 2165 1870 2166 #buddypress div.dir-search { 1871 2167 float: left; … … 1873 2169 text-align: left; 1874 2170 } 2171 1875 2172 #buddypress div.dir-search input[type="text"] { 1876 2173 margin-bottom: 1em; 1877 2174 width: 50%; 1878 2175 } 2176 1879 2177 a.bp-title-button { 1880 2178 margin-right: 10px; 1881 2179 } 1882 #buddypress form.standard-form .main-column div.action{ 2180 2181 #buddypress form.standard-form .main-column div.action { 1883 2182 position: relative; 1884 margin-bottom: 1em;2183 margin-bottom: 1em; 1885 2184 } 2185 1886 2186 #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%; 1889 2189 } 1890 2190 } … … 1894 2194 --------------------------------------------------------------*/ 1895 2195 @media only screen and (max-width: 320px) { 2196 1896 2197 #buddypress div.dir-search { 1897 2198 clear: right; … … 1900 2201 text-align: right; 1901 2202 } 2203 1902 2204 #buddypress li#groups-order-select { 1903 2205 clear: right; 1904 2206 float: right; 1905 2207 } 2208 1906 2209 #buddypress ul.item-list li div.action { 1907 2210 clear: right; … … 1914 2217 text-align: right; 1915 2218 } 2219 1916 2220 #buddypress ul.item-list li div.item-desc { 1917 2221 clear: right; … … 1920 2224 width: auto; 1921 2225 } 2226 1922 2227 #buddypress li div.item { 1923 2228 margin-right: 70px; 1924 2229 width: auto; 1925 2230 } 2231 1926 2232 #buddypress ul.item-list li div.meta { 1927 2233 margin-top: 0; 1928 2234 } 2235 1929 2236 #buddypress .item-desc p { 1930 2237 margin: 0 0 10px; 1931 2238 } 2239 1932 2240 #buddypress div.pagination .pag-count { 1933 2241 margin-right: 0; … … 1939 2247 --------------------------------------------------------------*/ 1940 2248 @media only screen and (max-width: 240px) { 2249 1941 2250 #buddypress div.dir-search { 1942 2251 float: right; 1943 2252 margin: 0; 1944 2253 } 2254 1945 2255 #buddypress div.dir-search input[type="text"] { 1946 2256 width: 50%; 1947 2257 } 2258 1948 2259 #buddypress li#groups-order-select { 1949 2260 float: right; 1950 2261 } 2262 1951 2263 #buddypress ul.item-list li img.avatar { 1952 2264 width: 30px; 1953 2265 height: auto; 1954 2266 } 2267 1955 2268 #buddypress ul.item-list li div.action, 1956 #buddypress li div.item {2269 #buddypress li div.item { 1957 2270 margin-right: 45px; 1958 2271 } 2272 1959 2273 h1 a.bp-title-button { 1960 2274 clear: right; -
trunk/src/bp-templates/bp-legacy/css/buddypress.css
r11586 r11587 34 34 1 - Navigation 35 35 --------------------------------------------------------------*/ 36 36 37 /*-------------------------------------------------------------- 37 38 1.1 - Pagination … … 49 50 padding: 10px 0; 50 51 } 52 51 53 #buddypress div.pagination .pag-count { 52 54 float: left; 53 55 margin-left: 10px; 54 56 } 57 55 58 #buddypress div.pagination .pagination-links { 56 59 float: right; 57 60 margin-right: 10px; 58 61 } 62 59 63 #buddypress div.pagination .pagination-links span, 60 64 #buddypress div.pagination .pagination-links a { … … 62 66 padding: 0 5px; 63 67 } 68 64 69 #buddypress div.pagination .pagination-links a:hover { 65 font-weight: bold; 66 } 70 font-weight: 700; 71 } 72 67 73 #buddypress noscript div.pagination { 68 74 margin-bottom: 15px; 69 75 } 76 70 77 #buddypress #nav-above { 71 78 display: none; 72 79 } 80 73 81 #buddypress .paged #nav-above { 74 82 display: block; 75 83 } 84 76 85 /*-------------------------------------------------------------- 77 86 2 - WordPress 78 87 --------------------------------------------------------------*/ 88 79 89 /*-------------------------------------------------------------- 80 90 2.1 - Images … … 87 97 padding: 0 !important; 88 98 } 99 89 100 #buddypress .clear { 90 101 clear: left; … … 94 105 3.0 - BuddyPress 95 106 --------------------------------------------------------------*/ 107 96 108 /*-------------------------------------------------------------- 97 109 3.1 - Activity … … 109 121 padding: 0; 110 122 } 123 111 124 #buddypress .home-page form#whats-new-form { 112 125 border-bottom: none; 113 126 padding-bottom: 0; 114 127 } 128 115 129 #buddypress form#whats-new-form #whats-new-avatar { 116 130 float: left; 117 131 } 132 118 133 #buddypress form#whats-new-form #whats-new-content { 119 134 margin-left: 55px; 120 135 padding: 0 0 20px 20px; 121 136 } 137 122 138 #buddypress form#whats-new-form p.activity-greeting { 123 line-height: 0.5 em;139 line-height: 0.5; 124 140 margin-bottom: 15px; 125 141 margin-left: 75px; 126 142 } 143 127 144 #buddypress form#whats-new-form textarea { 128 145 background: #fff; … … 136 153 width: 100%; 137 154 } 155 138 156 body.no-js #buddypress form#whats-new-form textarea { 139 157 height: 50px; 140 158 } 159 141 160 #buddypress form#whats-new-form #whats-new-options select { 142 161 max-width: 200px; 143 162 margin-top: 12px; 144 163 } 164 145 165 #buddypress form#whats-new-form #whats-new-submit { 146 166 float: right; 147 167 margin-top: 12px; 148 168 } 169 149 170 #buddypress #whats-new-options:after { 150 171 clear: both; … … 152 173 display: table; 153 174 } 175 154 176 body.no-js #buddypress #whats-new-options { 155 177 height: auto; 156 178 } 179 157 180 #buddypress #whats-new:focus { 158 181 border-color: rgba(31, 179, 221, 0.9) !important; … … 168 191 list-style: none; 169 192 } 193 170 194 #buddypress .activity-list .activity-avatar { 171 195 float: left; 172 196 } 197 173 198 #buddypress ul.item-list.activity-list li.has-comments { 174 199 padding-bottom: 15px; 175 200 } 201 176 202 body.activity-permalink #buddypress ul.activity-list li.has-comments { 177 203 padding-bottom: 0; 178 204 } 205 179 206 #buddypress .activity-list li.mini { 180 207 font-size: 80%; 181 208 position: relative; 182 209 } 210 183 211 #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 */ 185 213 height: 20px; 186 214 margin-left: 30px; 187 215 width: 20px; 188 216 } 217 189 218 #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 */ 191 220 height: auto; 192 221 margin-left: 0; 193 222 width: auto; 194 223 } 224 195 225 body.activity-permalink #buddypress .activity-list > li:first-child { 196 226 padding-top: 0; 197 227 } 228 198 229 #buddypress .activity-list li .activity-content { 199 230 position: relative; 200 231 } 232 201 233 #buddypress .activity-list li.mini .activity-content p { 202 234 margin: 0; 203 235 } 236 204 237 #buddypress .activity-list li.mini .activity-comments { 205 238 clear: both; 206 239 font-size: 120%; 207 240 } 241 208 242 body.activity-permalink #buddypress li.mini .activity-meta { 209 243 margin-top: 4px; 210 244 } 245 211 246 #buddypress .activity-list li .activity-inreplyto { 212 247 color: #767676; 213 248 font-size: 80%; 214 249 } 250 215 251 #buddypress .activity-list li .activity-inreplyto > p { 216 252 margin: 0; 217 253 display: inline; 218 254 } 255 219 256 #buddypress .activity-list li .activity-inreplyto blockquote, 220 257 #buddypress .activity-list li .activity-inreplyto div.activity-inner { … … 226 263 padding: 0; 227 264 } 265 228 266 #buddypress .activity-list .activity-content { 229 267 margin: 0 0 0 70px; 230 268 } 269 231 270 body.activity-permalink #buddypress .activity-list li .activity-content { 232 271 border: none; 233 272 font-size: 100%; 234 line-height: 1 50%;273 line-height: 1.5; 235 274 margin-left: 170px; 236 275 margin-right: 0; 237 276 padding: 0; 238 277 } 278 239 279 body.activity-permalink #buddypress .activity-list li .activity-header > p { 240 280 margin: 0; 241 padding: 5px 0 0 0; 242 } 281 padding: 5px 0 0; 282 } 283 243 284 #buddypress .activity-list .activity-content .activity-header, 244 285 #buddypress .activity-list .activity-content .comment-header { 245 286 color: #767676; 246 line-height: 220%; 247 } 287 line-height: 2.2; 288 } 289 248 290 #buddypress .activity-header { 249 291 margin-right: 20px; 250 292 } 293 251 294 #buddypress .activity-header a, 252 295 #buddypress .comment-meta a, … … 254 297 text-decoration: none; 255 298 } 299 256 300 #buddypress .activity-list .activity-content .activity-header img.avatar { 257 301 float: none !important; 258 302 margin: 0 5px -8px 0 !important; 259 303 } 304 260 305 #buddypress a.bp-secondary-action, 261 306 #buddypress span.highlight { … … 265 310 text-decoration: none; 266 311 } 312 267 313 #buddypress .activity-list .activity-content .activity-inner, 268 314 #buddypress .activity-list .activity-content blockquote { … … 270 316 overflow: hidden; 271 317 } 318 272 319 #buddypress .activity-list li.new_forum_post .activity-content .activity-inner, 273 320 #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner { 274 border-left: 2px solid # EAEAEA;321 border-left: 2px solid #eaeaea; 275 322 margin-left: 5px; 276 323 padding-left: 10px; 277 324 } 325 278 326 body.activity-permalink #buddypress .activity-content .activity-inner, 279 327 body.activity-permalink #buddypress .activity-content blockquote { … … 281 329 margin-top: 5px; 282 330 } 331 283 332 #buddypress .activity-inner > p { 284 333 word-wrap: break-word; 285 334 } 335 286 336 #buddypress .activity-inner > .activity-inner { 287 337 margin: 0; 288 338 } 339 289 340 #buddypress .activity-inner > blockquote { 290 341 margin: 0; 291 342 } 343 292 344 #buddypress .activity-list .activity-content img.thumbnail { 293 345 border: 2px solid #eee; … … 295 347 margin: 0 10px 5px 0; 296 348 } 349 297 350 #buddypress .activity-read-more { 298 351 margin-left: 1em; 299 352 white-space: nowrap; 300 353 } 354 301 355 #buddypress .activity-list li.load-more, 302 356 #buddypress .activity-list li.load-newest { … … 307 361 text-align: center; 308 362 } 363 309 364 #buddypress .activity-list li.load-more a, 310 365 #buddypress .activity-list li.load-newest a { 311 color: #4 D4D4D;366 color: #4d4d4d; 312 367 } 313 368 … … 319 374 margin: 18px 0 0; 320 375 } 376 321 377 body.activity-permalink #buddypress div.activity-meta { 322 378 margin-bottom: 6px; 323 379 } 380 324 381 #buddypress div.activity-meta a { 325 382 padding: 4px 8px; 326 383 } 384 327 385 #buddypress a.activity-time-since { 328 386 color: #767676; 329 387 text-decoration: none; 330 388 } 389 331 390 #buddypress a.activity-time-since:hover { 332 391 color: #767676; 333 392 text-decoration: underline; 334 393 } 394 335 395 #buddypress a.bp-primary-action, 336 396 #buddypress #reply-title small a { … … 339 399 text-decoration: none; 340 400 } 401 341 402 #buddypress a.bp-primary-action span, 342 403 #buddypress #reply-title small a span { … … 347 408 padding: 0 5px; 348 409 } 410 349 411 #buddypress a.bp-primary-action:hover span, 350 412 #buddypress #reply-title small a:hover span { … … 352 414 color: #fff; 353 415 } 416 354 417 #buddypress div.activity-comments { 355 418 margin: 0 0 0 70px; … … 359 422 clear: both; 360 423 } 424 361 425 body.activity-permalink #buddypress div.activity-comments { 362 426 background: none; … … 364 428 width: auto; 365 429 } 430 366 431 #buddypress div.activity-comments > ul { 367 432 padding: 0 0 0 10px; 368 433 } 434 369 435 #buddypress div.activity-comments ul, 370 436 #buddypress div.activity-comments ul li { … … 372 438 list-style: none; 373 439 } 440 374 441 #buddypress div.activity-comments ul { 375 442 clear: both; 376 443 margin: 0; 377 444 } 445 378 446 #buddypress div.activity-comments ul li { 379 447 border-top: 1px solid #eee; 380 448 padding: 10px 0 0; 381 449 } 450 382 451 body.activity-permalink #buddypress .activity-list li.mini .activity-comments { 383 452 clear: none; 384 453 margin-top: 0; 385 454 } 455 386 456 body.activity-permalink #buddypress div.activity-comments ul li { 387 457 border-width: 1px; 388 padding: 10px 0 0 0; 389 } 458 padding: 10px 0 0; 459 } 460 390 461 #buddypress div.activity-comments > ul > li:first-child { 391 462 border-top: none; 392 463 } 464 393 465 #buddypress div.activity-comments ul li:last-child { 394 466 margin-bottom: 0; 395 467 } 468 396 469 #buddypress div.activity-comments ul li > ul { 397 470 margin-left: 30px; … … 399 472 padding-left: 10px; 400 473 } 474 401 475 body.activity-permalink #buddypress div.activity-comments ul li > ul { 402 476 margin-top: 10px; 403 477 } 478 404 479 body.activity-permalink #buddypress div.activity-comments > ul { 405 480 padding: 0 10px 0 15px; 406 481 } 482 407 483 #buddypress div.activity-comments div.acomment-avatar img { 408 484 border-width: 1px; … … 412 488 width: 25px; 413 489 } 490 414 491 #buddypress div.activity-comments div.acomment-content { 415 492 font-size: 80%; 416 493 margin: 5px 0 0 40px; 417 494 } 495 418 496 #buddypress div.acomment-content .time-since, 419 497 #buddypress div.acomment-content .activity-delete-link, … … 421 499 display: none; 422 500 } 501 423 502 body.activity-permalink #buddypress div.activity-comments div.acomment-content { 424 503 font-size: 90%; 425 504 } 505 426 506 #buddypress div.activity-comments div.acomment-meta { 427 507 color: #767676; 428 508 font-size: 80%; 429 509 } 510 430 511 #buddypress div.activity-comments form.ac-form { 431 512 display: none; 432 513 padding: 10px; 433 514 } 515 434 516 #buddypress div.activity-comments li form.ac-form { 435 517 margin-right: 15px; 436 518 clear: both; 437 519 } 520 438 521 #buddypress div.activity-comments form.root { 439 522 margin-left: 0; 440 523 } 524 441 525 #buddypress div.activity-comments div#message { 442 526 margin-top: 15px; 443 527 margin-bottom: 0; 444 528 } 529 445 530 #buddypress div.activity-comments form .ac-textarea { 446 531 background: #fff; … … 449 534 padding: 8px; 450 535 } 536 451 537 #buddypress div.activity-comments form textarea { 452 538 border: none; … … 462 548 width: 100%; 463 549 } 550 464 551 #buddypress div.activity-comments form input { 465 552 margin-top: 5px; 466 553 } 554 467 555 #buddypress div.activity-comments form div.ac-reply-avatar { 468 556 float: left; 469 557 } 558 470 559 #buddypress div.ac-reply-avatar img { 471 560 border: 1px solid #eee; 472 561 } 562 473 563 #buddypress div.activity-comments form div.ac-reply-content { 474 564 color: #767676; … … 476 566 padding-left: 15px; 477 567 } 568 478 569 #buddypress div.activity-comments form div.ac-reply-content a { 479 570 text-decoration: none; 480 571 } 572 481 573 #buddypress .acomment-options { 482 574 float: left; 483 575 margin: 5px 0 5px 40px; 484 576 } 577 485 578 #buddypress .acomment-options a { 486 579 color: #767676; 487 580 } 581 488 582 #buddypress .acomment-options a:hover { 489 583 color: inherit; … … 497 591 margin: -39px 0 0 0; 498 592 } 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"] { 501 596 font-size: 90%; 502 597 padding: 1px 3px; 503 598 } 599 504 600 #buddypress .current-member-type { 505 601 font-style: italic; 506 602 } 603 507 604 #buddypress .dir-form { 508 605 clear: both; … … 515 612 margin: 0 0 15px; 516 613 } 614 517 615 #buddypress #message.info { 518 616 margin-bottom: 0; 519 617 } 618 520 619 #buddypress div#message.updated { 521 620 clear: both; 522 621 display: block; 523 622 } 623 524 624 #buddypress div#message p, 525 625 #sitewide-notice p { … … 528 628 padding: 10px 15px; 529 629 } 630 530 631 #buddypress div#message.error p { 531 632 background-color: #fdc; … … 534 635 color: #800; 535 636 } 637 536 638 #buddypress div#message.warning p { 537 639 background-color: #ffe0af; … … 540 642 color: #800; 541 643 } 644 542 645 #buddypress div#message.updated p { 543 646 background-color: #efc; … … 545 648 color: #250; 546 649 } 650 547 651 #buddypress #pass-strength-result { 548 652 background-color: #eee; … … 556 660 width: 150px; 557 661 } 662 558 663 #buddypress .standard-form #basic-details-section #pass-strength-result { 559 664 width: 35%; 560 665 } 666 561 667 #buddypress #pass-strength-result.error, 562 668 #buddypress #pass-strength-result.bad { … … 565 671 display: block; 566 672 } 673 567 674 #buddypress #pass-strength-result.good { 568 675 background-color: #ffec8b; … … 570 677 display: block; 571 678 } 679 572 680 #buddypress #pass-strength-result.short { 573 681 background-color: #ffa0a0; … … 575 683 display: block; 576 684 } 685 577 686 #buddypress #pass-strength-result.strong { 578 687 background-color: #c3ff88; … … 580 689 display: block; 581 690 } 691 582 692 #buddypress .standard-form#signup_form div div.error { 583 693 background: #faa; 584 694 color: #a00; 585 margin: 0 0 10px 0;695 margin: 0 0 10px; 586 696 padding: 6px; 587 697 width: 90%; 588 698 } 699 589 700 #buddypress div.accept, 590 701 #buddypress div.reject { … … 592 703 margin-left: 10px; 593 704 } 705 594 706 #buddypress ul.button-nav li { 595 707 float: left; … … 597 709 list-style: none; 598 710 } 711 599 712 #buddypress ul.button-nav li.current a { 600 font-weight: bold; 601 } 713 font-weight: 700; 714 } 715 602 716 #sitewide-notice #message { 603 717 left: 2%; … … 607 721 z-index: 9999; 608 722 } 723 609 724 #sitewide-notice.admin-bar-on #message { 610 725 top: 3.3em; 611 726 } 727 612 728 #sitewide-notice strong { 613 729 display: block; … … 625 741 626 742 #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"], 641 757 #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"] { 647 763 border: 1px solid #ccc; 648 764 background: #fafafa; … … 653 769 padding: 6px; 654 770 } 771 655 772 #buddypress .standard-form select { 656 773 padding: 3px; 657 774 } 658 #buddypress .standard-form input[type=password] { 775 776 #buddypress .standard-form input[type="password"] { 659 777 margin-bottom: 5px; 660 778 } 779 661 780 #buddypress .standard-form label, 662 781 #buddypress .standard-form span.label, 663 782 #buddypress .standard-form legend { 664 783 display: block; 665 font-weight: bold;666 margin: 15px 0 5px 0;784 font-weight: 700; 785 margin: 15px 0 5px; 667 786 width: auto; 668 787 } 788 669 789 #buddypress .standard-form p label, 670 790 #buddypress .standard-form #invite-list label { 671 font-weight: normal;791 font-weight: 400; 672 792 margin: auto; 673 793 } 794 674 795 #buddypress .standard-form .checkbox label, 675 796 #buddypress .standard-form .radio label { 676 797 color: #767676; 677 798 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 681 803 #buddypress .standard-form .checkbox label input, 682 804 #buddypress .standard-form .radio label input { 683 805 margin-right: 3px; 684 806 } 807 685 808 #buddypress .standard-form#sidebar-login-form label { 686 809 margin-top: 5px; 687 810 } 688 #buddypress .standard-form input[type=text] { 811 812 #buddypress .standard-form input[type="text"] { 689 813 width: 75%; 690 814 } 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"] { 693 818 padding: 4px; 694 819 width: 95%; 695 820 } 696 #buddypress .standard-form #basic-details-section input[type=password], 821 822 #buddypress .standard-form #basic-details-section input[type="password"], 697 823 #buddypress .standard-form #blog-details-section input#signup_blog_url { 698 824 width: 35%; 699 825 } 700 #buddypress .standard-form#signup_form input[type=text], 826 827 #buddypress .standard-form#signup_form input[type="text"], 701 828 #buddypress .standard-form#signup_form textarea, 702 829 #buddypress .form-allowed-tags, 703 #buddypress #commentform input[type= text],830 #buddypress #commentform input[type="text"], 704 831 #buddypress #commentform textarea { 705 832 width: 90%; 706 833 } 834 707 835 #buddypress .standard-form#signup_form div.submit { 708 836 float: right; 709 837 } 838 710 839 #buddypress div#signup-avatar img { 711 840 margin: 0 15px 10px 0; 712 841 } 842 713 843 #buddypress .standard-form textarea { 714 844 width: 75%; 715 845 height: 120px; 716 846 } 847 717 848 #buddypress .standard-form textarea#message_content { 718 849 height: 200px; 719 850 } 851 720 852 #buddypress .standard-form#send-reply textarea { 721 853 width: 97.5%; 722 854 } 855 723 856 #buddypress .standard-form p.description { 724 857 color: #767676; … … 726 859 margin: 5px 0; 727 860 } 861 728 862 #buddypress .standard-form div.submit { 729 863 clear: both; 730 padding: 15px 0 0 0; 731 } 864 padding: 15px 0 0; 865 } 866 732 867 #buddypress .standard-form p.submit { 733 868 margin-bottom: 0; 734 padding: 15px 0 0 0; 735 } 869 padding: 15px 0 0; 870 } 871 736 872 #buddypress .standard-form div.submit input { 737 873 margin-right: 15px; 738 874 } 875 739 876 #buddypress .standard-form div.radio ul { 740 877 margin: 10px 0 15px 38px; 741 878 list-style: disc; 742 879 } 880 743 881 #buddypress .standard-form div.radio ul li { 744 882 margin-bottom: 5px; 745 883 } 884 746 885 #buddypress .standard-form a.clear-value { 747 886 display: block; … … 749 888 outline: none; 750 889 } 890 751 891 #buddypress .standard-form #basic-details-section, 752 892 #buddypress .standard-form #blog-details-section, … … 755 895 width: 48%; 756 896 } 897 757 898 #buddypress .standard-form #profile-details-section { 758 899 float: right; 759 900 } 901 760 902 #buddypress .standard-form #blog-details-section, 761 903 #buddypress #notifications-bulk-management { 762 904 clear: left; 763 905 } 906 764 907 body.no-js #buddypress #notifications-bulk-management #select-all-notifications, 765 908 body.no-js #buddypress label[for="message-type-select"], … … 770 913 display: none; 771 914 } 915 772 916 #buddypress .standard-form input:focus, 773 917 #buddypress .standard-form textarea:focus, … … 776 920 color: #555; 777 921 } 922 778 923 #buddypress form#send-invite-form { 779 924 margin-top: 20px; 780 925 } 926 781 927 #buddypress div#invite-list { 782 928 background: #f5f5f5; … … 787 933 width: 160px; 788 934 } 935 789 936 #buddypress .standard-form button, 790 937 #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"], 794 941 #buddypress ul.button-nav li a, 795 942 #buddypress .generic-button a, … … 806 953 text-decoration: none; 807 954 } 955 808 956 #buddypress .standard-form button:hover, 809 957 #buddypress a.button:hover, 810 958 #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, 814 962 #buddypress ul.button-nav li a:hover, 815 963 #buddypress ul.button-nav li.current a, … … 827 975 } 828 976 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%; 831 979 list-style: none; 832 980 } 833 981 834 982 #buddypress form.standard-form .left-menu #invite-list ul li { 835 margin: 0 0 0 1%;983 margin: 0 0 0 1%; 836 984 } 837 985 … … 841 989 842 990 #buddypress form.standard-form .main-column ul#friend-list { 843 clear: none;991 clear: none; 844 992 float: left; 845 993 } … … 847 995 #buddypress form.standard-form .main-column ul#friend-list h3, 848 996 #buddypress form.standard-form .main-column ul#friend-list h4 { 849 clear: none;997 clear: none; 850 998 } 851 999 … … 853 1001 #buddypress .wp-editor-wrap a.button, 854 1002 #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"] { 858 1006 padding: 0 8px 1px; 859 1007 } 860 1008 861 1009 /* Form classes & generic attr styling */ 862 #buddypress form *[disabled="disabled"] {1010 #buddypress form *[disabled="disabled"] { 863 1011 cursor: default; 864 opacity: .4;1012 opacity: 0.4; 865 1013 } 866 1014 … … 917 1065 #buddypress a.loading, 918 1066 #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; 921 1069 border-color: #aaa; 922 1070 } 1071 923 1072 @-webkit-keyframes loader-pulsate { 1073 924 1074 from { 925 1075 border-color: #aaa; … … 927 1077 box-shadow: 0 0 6px #ccc; 928 1078 } 1079 929 1080 to { 930 1081 border-color: #ccc; … … 933 1084 } 934 1085 } 1086 935 1087 @-moz-keyframes loader-pulsate { 1088 936 1089 from { 937 1090 border-color: #aaa; … … 939 1092 box-shadow: 0 0 6px #ccc; 940 1093 } 1094 941 1095 to { 942 1096 border-color: #ccc; … … 950 1104 color: #767676; 951 1105 } 1106 952 1107 #buddypress input[type="submit"].pending, 953 1108 #buddypress input[type="button"].pending, … … 956 1111 #buddypress input[type="button"].disabled, 957 1112 #buddypress input[type="reset"].disabled, 958 #buddypress input[type="submit"][disabled= disabled],1113 #buddypress input[type="submit"][disabled="disabled"], 959 1114 #buddypress button.pending, 960 1115 #buddypress button.disabled, … … 965 1120 cursor: default; 966 1121 } 1122 967 1123 #buddypress input[type="submit"]:hover.pending, 968 1124 #buddypress input[type="button"]:hover.pending, … … 986 1142 width: auto; 987 1143 } 1144 988 1145 #buddypress ul#topic-post-list li { 989 1146 padding: 15px; 990 1147 position: relative; 991 1148 } 1149 992 1150 #buddypress ul#topic-post-list li.alt { 993 1151 background: #f5f5f5; 994 1152 } 1153 995 1154 #buddypress ul#topic-post-list li div.poster-meta { 996 1155 color: #767676; 997 1156 margin-bottom: 10px; 998 1157 } 1158 999 1159 #buddypress ul#topic-post-list li div.post-content { 1000 1160 margin-left: 54px; 1001 1161 } 1162 1002 1163 #buddypress div.topic-tags { 1003 1164 font-size: 80%; 1004 1165 } 1166 1005 1167 #buddypress div.admin-links { 1006 1168 color: #767676; … … 1010 1172 right: 25px; 1011 1173 } 1174 1012 1175 #buddypress div#topic-meta { 1013 1176 margin: 0; … … 1015 1178 position: relative; 1016 1179 } 1180 1017 1181 #buddypress div#topic-meta div.admin-links { 1018 1182 right: 19px; 1019 1183 top: -36px; 1020 1184 } 1185 1021 1186 #buddypress div#topic-meta h3 { 1022 1187 margin: 5px 0; 1023 1188 } 1189 1024 1190 #buddypress div#new-topic-post { 1025 1191 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 1029 1196 #buddypress table.notifications, 1030 1197 #buddypress table.notifications-settings, … … 1036 1203 width: 100%; 1037 1204 } 1205 1038 1206 #buddypress table.notifications thead tr, 1039 1207 #buddypress table.notifications-settings thead tr, … … 1045 1213 background: #eaeaea; 1046 1214 } 1215 1047 1216 #buddypress table#message-threads { 1048 1217 clear: both; 1049 1218 } 1219 1050 1220 #buddypress table.profile-fields { 1051 1221 margin-bottom: 20px; 1052 1222 } 1223 1053 1224 #buddypress table.profile-fields:last-child { 1054 1225 margin-bottom: 0; 1055 1226 } 1227 1056 1228 #buddypress table.profile-fields p { 1057 1229 margin: 0; 1058 1230 } 1231 1059 1232 #buddypress table.profile-fields p:last-child { 1060 1233 margin-top: 0; 1061 1234 } 1235 1062 1236 #buddypress table.notifications tr td, 1063 1237 #buddypress table.notifications-settings tr td, … … 1076 1250 vertical-align: middle; 1077 1251 } 1252 1078 1253 #buddypress table.notifications tr td.label, 1079 1254 #buddypress table.notifications-settings tr td.label, … … 1083 1258 #buddypress table.forum tr td.label { 1084 1259 border-right: 1px solid #eaeaea; 1085 font-weight: bold;1260 font-weight: 700; 1086 1261 width: 25%; 1087 1262 } 1263 1088 1264 #buddypress #message-threads .thread-info { 1089 1265 min-width: 40%; 1090 1266 } 1267 1091 1268 #buddypress table tr td.thread-info p { 1092 1269 margin: 0; 1093 1270 } 1271 1094 1272 #buddypress table tr td.thread-info p.thread-excerpt { 1095 1273 color: #767676; … … 1097 1275 margin-top: 3px; 1098 1276 } 1277 1099 1278 #buddypress table.forum td { 1100 1279 text-align: center; 1101 1280 } 1281 1102 1282 #buddypress table.notifications tr.alt td, 1103 1283 #buddypress table.notifications-settings tr.alt td, … … 1110 1290 color: #707070; 1111 1291 } 1292 1112 1293 #buddypress table.notification-settings { 1113 1294 margin-bottom: 20px; 1114 1295 text-align: left; 1115 1296 } 1297 1116 1298 #buddypress #groups-notification-settings { 1117 1299 margin-bottom: 0; 1118 1300 } 1301 1119 1302 #buddypress table.notifications th.icon, 1120 1303 #buddypress table.notifications td:first-child, … … 1123 1306 display: none; 1124 1307 } 1308 1125 1309 #buddypress table.notification-settings th.title, 1126 1310 #buddypress table.profile-settings th.title { 1127 1311 width: 80%; 1128 1312 } 1313 1129 1314 #buddypress table.notification-settings .yes, 1130 1315 #buddypress table.notification-settings .no { … … 1132 1317 width: 40px; 1133 1318 } 1319 1134 1320 #buddypress table.forum { 1135 1321 margin: 0; … … 1137 1323 clear: both; 1138 1324 } 1325 1139 1326 #buddypress table.forum tr.sticky td { 1140 1327 font-size: 110%; … … 1143 1330 border-bottom: 1px solid #ffe8c4; 1144 1331 } 1332 1145 1333 #buddypress table.forum tr.closed td.td-title { 1146 1334 padding-left: 35px; 1147 1335 } 1336 1148 1337 #buddypress table.forum td p.topic-text { 1149 1338 color: #767676; 1150 1339 font-size: 100%; 1151 1340 } 1341 1152 1342 #buddypress table.forum tr > td:first-child, 1153 1343 #buddypress table.forum tr > th:first-child { 1154 1344 padding-left: 15px; 1155 1345 } 1346 1156 1347 #buddypress table.forum tr > td:last-child, 1157 1348 #buddypress table.forum tr > th:last-child { 1158 1349 padding-right: 15px; 1159 1350 } 1351 1160 1352 #buddypress table.forum tr th#th-title, 1161 1353 #buddypress table.forum tr th#th-poster, … … 1166 1358 text-align: left; 1167 1359 } 1360 1168 1361 #buddypress table.forum tr td.td-title a.topic-title { 1169 1362 font-size: 110%; 1170 1363 } 1364 1171 1365 #buddypress table.forum td.td-freshness { 1172 1366 white-space: nowrap; 1173 1367 } 1368 1174 1369 #buddypress table.forum td.td-freshness span.time-since { 1175 1370 font-size: 80%; 1176 1371 color: #767676; 1177 1372 } 1373 1178 1374 #buddypress table.forum td img.avatar { 1179 1375 float: none; 1180 1376 margin: 0 5px -8px 0; 1181 1377 } 1378 1182 1379 #buddypress table.forum td.td-poster, 1183 1380 #buddypress table.forum td.td-group { 1184 1381 min-width: 140px; 1185 1382 } 1383 1186 1384 #buddypress table.forum th#th-title { 1187 1385 width: 80%; 1188 1386 } 1387 1189 1388 #buddypress table.forum th#th-freshness { 1190 1389 width: 25%; 1191 1390 } 1391 1192 1392 #buddypress table.forum th#th-postcount { 1193 1393 width: 15%; 1194 1394 } 1395 1195 1396 #buddypress table.forum p.topic-meta { 1196 1397 font-size: 80%; 1197 margin: 5px 0 0 0;1398 margin: 5px 0 0; 1198 1399 } 1199 1400 … … 1204 1405 margin: 20px 0; 1205 1406 } 1407 1206 1408 #buddypress span.activity { 1207 1409 display: inline-block; … … 1209 1411 padding: 0; 1210 1412 } 1413 1211 1414 #buddypress span.user-nicename { 1212 1415 color: #767676; 1213 1416 display: inline-block; 1214 1417 font-size: 120%; 1215 font-weight: bold; 1216 } 1418 font-weight: 700; 1419 } 1420 1217 1421 #buddypress div#message p, 1218 1422 #sitewide-notice p { … … 1220 1424 border: 1px solid #cb2; 1221 1425 color: #440; 1222 font-weight: normal;1426 font-weight: 400; 1223 1427 margin-top: 3px; 1224 1428 text-decoration: none; 1225 1429 } 1430 1226 1431 .bp-site-wide-message #message p, 1227 1432 .admin-bar-on #message p { … … 1229 1434 position: relative; 1230 1435 } 1436 1231 1437 .bp-site-wide-message #message button, 1232 1438 .admin-bar-on #message button { … … 1237 1443 top: 0; 1238 1444 } 1445 1239 1446 .admin-bar-on #message button { 1240 1447 right: 10px; 1241 top:7px; 1242 } 1448 top: 7px; 1449 } 1450 1243 1451 #buddypress #item-header:after { 1244 1452 clear: both; … … 1246 1454 display: table; 1247 1455 } 1456 1248 1457 #buddypress div#item-header div#item-header-content { 1249 1458 float: left; 1250 1459 margin-left: 0; 1251 1460 } 1461 1252 1462 #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 1256 1467 #buddypress div#item-header h2 a { 1257 1468 color: #767676; 1258 1469 text-decoration: none; 1259 1470 } 1471 1260 1472 #buddypress div#item-header img.avatar { 1261 1473 float: left; 1262 1474 margin: 0 15px 19px 0; 1263 1475 } 1476 1264 1477 #buddypress div#item-header h2 { 1265 1478 margin-bottom: 5px; 1266 1479 } 1480 1267 1481 #buddypress div#item-header h2 span.highlight { 1268 1482 font-size: 60%; 1269 font-weight: normal;1270 line-height: 1 70%;1483 font-weight: 400; 1484 line-height: 1.7; 1271 1485 vertical-align: middle; 1272 1486 display: inline-block; 1273 1487 } 1488 1274 1489 #buddypress div#item-header h2 span.highlight span { 1275 1490 background: #a1dcfa; 1276 1491 color: #fff; 1277 1492 cursor: pointer; 1278 font-weight: bold;1493 font-weight: 700; 1279 1494 font-size: 80%; 1280 1495 margin-bottom: 2px; … … 1285 1500 vertical-align: middle; 1286 1501 } 1502 1287 1503 #buddypress div#item-header div#item-meta { 1288 1504 font-size: 80%; 1289 1505 color: #767676; 1290 1506 overflow: hidden; 1291 margin: 15px 0 5px 0;1507 margin: 15px 0 5px; 1292 1508 padding-bottom: 10px; 1293 1509 } 1510 1294 1511 #buddypress div#item-header div#item-actions { 1295 1512 float: right; … … 1298 1515 width: 20%; 1299 1516 } 1517 1300 1518 #buddypress div#item-header div#item-actions h2, 1301 1519 #buddypress div#item-header div#item-actions h3 { 1302 margin: 0 0 5px 0; 1303 } 1520 margin: 0 0 5px; 1521 } 1522 1304 1523 #buddypress div#item-header ul { 1305 1524 margin-bottom: 15px; 1306 1525 overflow: hidden; 1307 1526 } 1527 1308 1528 #buddypress div#item-header ul h5, 1309 1529 #buddypress div#item-header ul span, … … 1311 1531 display: none; 1312 1532 } 1533 1313 1534 #buddypress div#item-header ul li { 1314 1535 float: right; 1315 1536 list-style: none; 1316 1537 } 1538 1317 1539 #buddypress div#item-header ul img.avatar, 1318 1540 #buddypress div#item-header ul.avatars img.avatar { … … 1321 1543 width: 30px; 1322 1544 } 1545 1323 1546 #buddypress div#item-header div.generic-button, 1324 1547 #buddypress div#item-header a.button { … … 1326 1549 margin: 10px 10px 0 0; 1327 1550 } 1551 1328 1552 body.no-js #buddypress div#item-header .js-self-profile-button { 1329 display:none; 1330 } 1553 display: none; 1554 } 1555 1331 1556 #buddypress div#item-header div#message.info { 1332 line-height: 80%; 1333 } 1557 line-height: 0.8; 1558 } 1559 1334 1560 #buddypress ul.item-list { 1335 1561 border-top: 1px solid #eaeaea; … … 1340 1566 padding: 0; 1341 1567 } 1568 1342 1569 body.activity-permalink #buddypress ul.item-list, 1343 1570 body.activity-permalink #buddypress ul.item-list li.activity-item { 1344 1571 border: none; 1345 1572 } 1573 1346 1574 #buddypress ul.item-list li { 1347 1575 border-bottom: 1px solid #eaeaea; … … 1351 1579 list-style: none; 1352 1580 } 1581 1353 1582 #buddypress ul.single-line li { 1354 1583 border: none; 1355 1584 } 1585 1356 1586 #buddypress ul.item-list li img.avatar { 1357 1587 float: left; 1358 1588 margin: 0 10px 0 0; 1359 1589 } 1590 1360 1591 #buddypress ul.item-list li div.item-title, 1361 1592 #buddypress ul.item-list li h3, 1362 1593 #buddypress ul.item-list li h4 { 1363 font-weight: normal;1594 font-weight: 400; 1364 1595 font-size: 90%; 1365 1596 margin: 0; 1366 1597 width: 75%; 1367 1598 } 1599 1368 1600 #buddypress ul.item-list li div.item-title span { 1369 1601 color: #767676; 1370 1602 font-size: 80%; 1371 1603 } 1604 1372 1605 #buddypress ul.item-list li div.item-desc { 1373 1606 color: #767676; … … 1376 1609 width: 50%; 1377 1610 } 1611 1378 1612 #buddypress ul.item-list li.group-no-avatar div.item-desc { 1379 1613 margin-left: 0; 1380 1614 } 1615 1381 1616 #buddypress ul.item-list li div.action { 1382 1617 position: absolute; … … 1385 1620 text-align: right; 1386 1621 } 1622 1387 1623 #buddypress ul.item-list li div.meta { 1388 1624 color: #767676; … … 1390 1626 margin-top: 10px; 1391 1627 } 1628 1392 1629 #buddypress ul.item-list li h5 span.small { 1393 1630 float: right; 1394 1631 font-size: 80%; 1395 font-weight: normal; 1396 } 1632 font-weight: 400; 1633 } 1634 1397 1635 #buddypress div.item-list-tabs { 1398 1636 background: transparent; … … 1405 1643 padding: 0; 1406 1644 } 1645 1407 1646 #buddypress div.item-list-tabs ul li { 1408 1647 float: left; … … 1410 1649 list-style: none; 1411 1650 } 1651 1412 1652 #buddypress div.item-list-tabs#subnav ul li { 1413 1653 margin-top: 0; 1414 1654 } 1655 1415 1656 #buddypress div.item-list-tabs ul li.last { 1416 1657 float: right; 1417 1658 margin: 7px 0 0; 1418 1659 } 1660 1419 1661 #buddypress div.item-list-tabs#subnav ul li.last { 1420 1662 margin-top: 4px; 1421 1663 } 1664 1422 1665 #buddypress div.item-list-tabs ul li.last select { 1423 1666 max-width: 185px; 1424 1667 } 1668 1425 1669 #buddypress div.item-list-tabs ul li a, 1426 1670 #buddypress div.item-list-tabs ul li span { … … 1429 1673 text-decoration: none; 1430 1674 } 1675 1431 1676 #buddypress div.item-list-tabs ul li a span { 1432 1677 background: #eee; … … 1441 1686 vertical-align: middle; 1442 1687 } 1688 1443 1689 #buddypress div.item-list-tabs ul li.selected a, 1444 1690 #buddypress div.item-list-tabs ul li.current a { 1445 1691 background-color: #eee; 1446 1692 color: #555; 1447 opacity: .9; 1448 font-weight: bold; 1449 } 1693 opacity: 0.9; 1694 font-weight: 700; 1695 } 1696 1450 1697 #buddypress div.item-list-tabs ul li.selected a span, 1451 1698 #buddypress div.item-list-tabs ul li.current a span, … … 1453 1700 background-color: #eee; 1454 1701 } 1702 1455 1703 #buddypress div.item-list-tabs ul li.selected a span, 1456 1704 #buddypress div.item-list-tabs ul li.current a span { 1457 1705 background-color: #fff; 1458 1706 } 1707 1459 1708 #buddypress div#item-nav ul li.loading a { 1460 1709 background-position: 88% 50%; 1461 1710 } 1711 1462 1712 #buddypress div.item-list-tabs#object-nav { 1463 1713 margin-top: 0; 1464 1714 } 1715 1465 1716 #buddypress div.item-list-tabs#subnav { 1466 1717 background: transparent; 1467 margin: 10px 0 10px;1718 margin: 10px 0; 1468 1719 overflow: hidden; 1469 1720 } 1721 1470 1722 #buddypress #admins-list li, 1471 1723 #buddypress #mods-list li, … … 1474 1726 list-style: none; 1475 1727 } 1728 1476 1729 #buddypress .group-members-list { 1477 1730 width: 100%; … … 1480 1733 overflow: auto; 1481 1734 } 1735 1482 1736 #buddypress #item-buttons:empty { 1483 1737 display: none; … … 1522 1776 border-top: 1px solid #ffe8c4; 1523 1777 border-bottom: 1px solid #ffe8c4; 1524 font-weight: bold; 1525 } 1778 font-weight: 700; 1779 } 1780 1526 1781 #buddypress table#message-threads tr.unread td .thread-excerpt, 1527 1782 #buddypress table#message-threads tr.unread td .activity, 1528 1783 #buddypress table#message-threads tr.unread td.thread-options { 1529 font-weight: normal; 1530 } 1784 font-weight: 400; 1785 } 1786 1531 1787 #buddypress li span.unread-count, 1532 1788 #buddypress tr.unread span.unread-count { 1533 background: #d d0000;1789 background: #d00; 1534 1790 color: #fff; 1535 font-weight: bold;1791 font-weight: 700; 1536 1792 padding: 2px 8px; 1537 1793 } 1794 1538 1795 #buddypress div.item-list-tabs ul li a span.unread-count { 1539 1796 padding: 1px 6px; 1540 1797 color: #fff; 1541 1798 } 1799 1542 1800 #buddypress div#message-thread div.message-box { 1543 1801 margin: 0; 1544 1802 padding: 15px; 1545 1803 } 1804 1546 1805 #buddypress div#message-thread div.alt { 1547 1806 background: #f4f4f4; 1548 1807 } 1808 1549 1809 #buddypress div#message-thread p#message-recipients { 1550 margin: 10px 0 20px 0; 1551 } 1810 margin: 10px 0 20px; 1811 } 1812 1552 1813 #buddypress div#message-thread img.avatar { 1553 1814 float: left; … … 1555 1816 vertical-align: middle; 1556 1817 } 1818 1557 1819 #buddypress div#message-thread strong { 1558 1820 font-size: 100%; 1559 1821 margin: 0; 1560 1822 } 1823 1561 1824 #buddypress div#message-thread strong a { 1562 1825 text-decoration: none; 1563 1826 } 1827 1564 1828 #buddypress div#message-thread strong span.activity { 1565 1829 margin-top: 4px; 1566 1830 } 1567 #buddypress div#message-thread div.message-metadata::after { 1831 1832 #buddypress div#message-thread div.message-metadata:after { 1568 1833 clear: both; 1569 1834 content: ""; 1570 1835 display: table; 1571 1836 } 1837 1572 1838 #buddypress div#message-thread div.message-content { 1573 1839 margin-left: 45px; 1574 1840 } 1841 1575 1842 #buddypress div#message-thread div.message-options { 1576 1843 text-align: right; 1577 1844 } 1845 1578 1846 #buddypress #message-threads img.avatar { 1579 1847 max-width: none; 1580 1848 } 1849 1581 1850 #buddypress div.message-search { 1582 1851 float: right; 1583 1852 margin: 0 20px; 1584 1853 } 1854 1585 1855 .message-metadata { 1586 1856 position: relative; 1587 1857 } 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 { 1591 1862 margin-top: 10px; 1592 1863 max-width: 240px; … … 1594 1865 text-align: right; 1595 1866 } 1867 1596 1868 .message-star-actions { 1597 1869 position: absolute; … … 1599 1871 top: 0; 1600 1872 } 1873 1601 1874 #buddypress a.message-action-star, 1602 1875 #buddypress a.message-action-unstar { … … 1605 1878 outline: none; 1606 1879 } 1880 1607 1881 a.message-action-star { 1608 opacity: .7; 1609 } 1882 opacity: 0.7; 1883 } 1884 1610 1885 a.message-action-star:hover { 1611 1886 opacity: 1; 1612 1887 } 1888 1613 1889 .message-action-star span.icon:before, 1614 1890 .message-action-unstar span.icon:before { … … 1616 1892 font-size: 18px; 1617 1893 } 1894 1618 1895 .message-action-star span.icon:before { 1619 1896 color: #767676; 1620 1897 content: "\f154"; 1621 1898 } 1899 1622 1900 .message-action-unstar span.icon:before { 1623 1901 color: #fcdd77; … … 1633 1911 margin-top: 15px; 1634 1912 } 1913 1635 1914 #buddypress #profile-edit-form ul.button-nav { 1636 1915 margin-top: 15px; 1637 1916 } 1917 1638 1918 body.no-js #buddypress .field-visibility-settings-toggle, 1639 1919 body.no-js #buddypress .field-visibility-settings-close { 1640 1920 display: none; 1641 1921 } 1922 1642 1923 #buddypress .field-visibility-settings { 1643 1924 display: none; 1644 1925 margin-top: 10px; 1645 1926 } 1646 body.no-js #buddypress .field-visibility-settings { 1647 display: block; 1648 } 1927 1928 body.no-js #buddypress .field-visibility-settings { 1929 display: block; 1930 } 1931 1649 1932 #buddypress .current-visibility-level { 1650 font-weight: bold;1933 font-weight: 700; 1651 1934 font-style: normal; 1652 1935 } 1936 1653 1937 #buddypress .field-visibility-settings, 1654 1938 #buddypress .field-visibility-settings-toggle, … … 1656 1940 color: #707070; 1657 1941 } 1942 1658 1943 #buddypress .field-visibility-settings-toggle a, 1659 1944 #buddypress .field-visibility-settings a { 1660 1945 font-size: 80%; 1661 1946 } 1947 1662 1948 body.register #buddypress div.page ul { 1663 1949 list-style: none; 1664 1950 } 1951 1665 1952 #buddypress .standard-form .field-visibility-settings label { 1666 1953 margin: 0; 1667 font-weight: normal; 1668 } 1954 font-weight: 400; 1955 } 1956 1669 1957 #buddypress .field-visibility-settings legend, 1670 1958 #buddypress .field-visibility-settings-toggle { 1671 1959 font-style: italic; 1672 1960 } 1961 1673 1962 #buddypress .field-visibility-settings .radio { 1674 1963 list-style: none; 1675 1964 margin-bottom: 0; 1676 1965 } 1966 1677 1967 #buddypress .field-visibility select { 1678 1968 margin: 0; 1679 1969 } 1970 1680 1971 #buddypress .wp-editor-container { 1681 1972 border: 1px solid #dedede; 1682 1973 } 1974 1683 1975 #buddypress .html-active button.switch-html { 1684 1976 border-bottom-color: transparent; … … 1688 1980 color: #707070; 1689 1981 } 1982 1690 1983 #buddypress .tmce-active button.switch-tmce { 1691 1984 border-bottom-color: transparent; … … 1695 1988 color: #707070; 1696 1989 } 1990 1697 1991 #buddypress .standard-form .wp-editor-container textarea { 1698 1992 width: 100%; … … 1713 2007 .widget.buddypress div.item-options { 1714 2008 font-size: 90%; 1715 margin: 0 0 1em 0;2009 margin: 0 0 1em; 1716 2010 padding: 1em 0; 1717 2011 } 1718 2012 1719 2013 .widget.buddypress div.item { 1720 margin: 0 0 1em 0;2014 margin: 0 0 1em; 1721 2015 } 1722 2016 … … 1727 2021 } 1728 2022 1729 .widget.buddypress div.avatar-block: :after {2023 .widget.buddypress div.avatar-block:after { 1730 2024 clear: both; 1731 2025 content: ""; … … 1757 2051 .widget.buddypress #bp-login-widget-form label { 1758 2052 display: block; 1759 margin: 1rem 0 .5rem;2053 margin: 1rem 0 0.5rem; 1760 2054 } 1761 2055 … … 1778 2072 1779 2073 .widget.buddypress .bp-login-widget-user-links > div { 1780 margin-bottom: .5rem;2074 margin-bottom: 0.5rem; 1781 2075 } 1782 2076 1783 2077 .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a { 1784 font-weight: bold;2078 font-weight: 700; 1785 2079 } 1786 2080 … … 1807 2101 } 1808 2102 1809 .bp-tooltip: :after {2103 .bp-tooltip:after { 1810 2104 background: #fff; 1811 2105 border: 1px solid #aaa; 1812 2106 border-collapse: separate; 1813 2107 border-radius: 1px; 1814 box-shadow: 1px 1px 0 px 1px rgba(132,132,132,0.3);2108 box-shadow: 1px 1px 0 1px rgba(132, 132, 132, 0.3); 1815 2109 color: #000; 1816 2110 content: attr(data-bp-tooltip); … … 1818 2112 font-family: sans-serif; 1819 2113 font-size: 11px; 1820 font-weight: normal;2114 font-weight: 400; 1821 2115 letter-spacing: normal; 1822 2116 line-height: 1.5; … … 1839 2133 } 1840 2134 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 { 1847 2141 display: inline-block; 1848 2142 opacity: 1; … … 1852 2146 } 1853 2147 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 { 1860 2154 right: 50px; 1861 2155 } … … 1864 2158 4.0 - Media Queries 1865 2159 --------------------------------------------------------------*/ 2160 1866 2161 /*-------------------------------------------------------------- 1867 2162 4.1 - Smartphones - landscape 1868 2163 --------------------------------------------------------------*/ 1869 @media only screen and (max-width: 480px ){ 2164 @media only screen and (max-width: 480px ) { 2165 1870 2166 #buddypress div.dir-search { 1871 2167 float: right; … … 1873 2169 text-align: right; 1874 2170 } 2171 1875 2172 #buddypress div.dir-search input[type="text"] { 1876 2173 margin-bottom: 1em; 1877 2174 width: 50%; 1878 2175 } 2176 1879 2177 a.bp-title-button { 1880 2178 margin-left: 10px; 1881 2179 } 1882 #buddypress form.standard-form .main-column div.action{ 2180 2181 #buddypress form.standard-form .main-column div.action { 1883 2182 position: relative; 1884 margin-bottom: 1em;2183 margin-bottom: 1em; 1885 2184 } 2185 1886 2186 #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%; 1889 2189 } 1890 2190 } … … 1894 2194 --------------------------------------------------------------*/ 1895 2195 @media only screen and (max-width: 320px) { 2196 1896 2197 #buddypress div.dir-search { 1897 2198 clear: left; … … 1900 2201 text-align: left; 1901 2202 } 2203 1902 2204 #buddypress li#groups-order-select { 1903 2205 clear: left; 1904 2206 float: left; 1905 2207 } 2208 1906 2209 #buddypress ul.item-list li div.action { 1907 2210 clear: left; … … 1914 2217 text-align: left; 1915 2218 } 2219 1916 2220 #buddypress ul.item-list li div.item-desc { 1917 2221 clear: left; … … 1920 2224 width: auto; 1921 2225 } 2226 1922 2227 #buddypress li div.item { 1923 2228 margin-left: 70px; 1924 2229 width: auto; 1925 2230 } 2231 1926 2232 #buddypress ul.item-list li div.meta { 1927 2233 margin-top: 0; 1928 2234 } 2235 1929 2236 #buddypress .item-desc p { 1930 2237 margin: 0 0 10px; 1931 2238 } 2239 1932 2240 #buddypress div.pagination .pag-count { 1933 2241 margin-left: 0; … … 1939 2247 --------------------------------------------------------------*/ 1940 2248 @media only screen and (max-width: 240px) { 2249 1941 2250 #buddypress div.dir-search { 1942 2251 float: left; 1943 2252 margin: 0; 1944 2253 } 2254 1945 2255 #buddypress div.dir-search input[type="text"] { 1946 2256 width: 50%; 1947 2257 } 2258 1948 2259 #buddypress li#groups-order-select { 1949 2260 float: left; 1950 2261 } 2262 1951 2263 #buddypress ul.item-list li img.avatar { 1952 2264 width: 30px; 1953 2265 height: auto; 1954 2266 } 2267 1955 2268 #buddypress ul.item-list li div.action, 1956 #buddypress li div.item {2269 #buddypress li div.item { 1957 2270 margin-left: 45px; 1958 2271 } 2272 1959 2273 h1 a.bp-title-button { 1960 2274 clear: left; -
trunk/src/bp-templates/bp-legacy/css/embeds-activity-rtl.css
r10884 r11587 8 8 .bp-embed-avatar { 9 9 float: right; 10 margin: 0 0 0 .75em;10 margin: 0 0 0 0.75em; 11 11 } 12 12 … … 18 18 p.bp-embed-activity-action a:first-child { 19 19 color: #32373c; 20 font-weight: bold;20 font-weight: 700; 21 21 } 22 22 … … 41 41 42 42 .activity-read-more { 43 margin-right: .5em;43 margin-right: 0.5em; 44 44 } 45 45 … … 53 53 54 54 span.bp-embed-timestamp { 55 font-size: .9em;55 font-size: 0.9em; 56 56 } 57 57 … … 97 97 98 98 .bp-activity-embed-display-media .caption { 99 padding: .2em .5em .5em.5em;99 padding: 0.2em 0.5em 0.5em; 100 100 } 101 101 … … 135 135 .bp-activity-embed-display-media .caption-description { 136 136 font-size: 90%; 137 margin: .4em 0;137 margin: 0.4em 0; 138 138 } 139 139 140 140 @media only screen and (max-width: 480px) { 141 141 142 .bp-activity-embed-display-media.two-col .thumb { 142 143 border-bottom: 1px solid #ccc; -
trunk/src/bp-templates/bp-legacy/css/embeds-activity.css
r10884 r11587 8 8 .bp-embed-avatar { 9 9 float: left; 10 margin: 0 .75em 0 0;10 margin: 0 0.75em 0 0; 11 11 } 12 12 … … 18 18 p.bp-embed-activity-action a:first-child { 19 19 color: #32373c; 20 font-weight: bold;20 font-weight: 700; 21 21 } 22 22 … … 41 41 42 42 .activity-read-more { 43 margin-left: .5em;43 margin-left: 0.5em; 44 44 } 45 45 … … 53 53 54 54 span.bp-embed-timestamp { 55 font-size: .9em;55 font-size: 0.9em; 56 56 } 57 57 … … 97 97 98 98 .bp-activity-embed-display-media .caption { 99 padding: .2em .5em .5em.5em;99 padding: 0.2em 0.5em 0.5em; 100 100 } 101 101 … … 135 135 .bp-activity-embed-display-media .caption-description { 136 136 font-size: 90%; 137 margin: .4em 0;137 margin: 0.4em 0; 138 138 } 139 139 140 140 @media only screen and (max-width: 480px) { 141 141 142 .bp-activity-embed-display-media.two-col .thumb { 142 143 border-bottom: 1px solid #ccc; -
trunk/src/bp-templates/bp-legacy/css/twentyeleven-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 65 65 66 66 body.buddypress:not(.page-template-sidebar-page) #content { 67 margin: 0 10% 0;67 margin: 0 10%; 68 68 width: auto; 69 69 } … … 802 802 font-size: 12px; 803 803 font-size: 0.8rem; 804 font-weight: normal;804 font-weight: 400; 805 805 line-height: 1.2; 806 806 padding: 4px 10px; … … 932 932 .single-item.groups #buddypress #item-header .generic-button { 933 933 float: none; 934 margin: 1.5em 0 0 0;934 margin: 1.5em 0 0; 935 935 } 936 936 } … … 1023 1023 font-size: 14px; 1024 1024 font-size: 0.9333333333rem; 1025 font-weight: bold;1025 font-weight: 700; 1026 1026 line-height: 1.4; 1027 1027 } … … 1158 1158 1159 1159 .groups.group-settings #group-settings-form div.radio label { 1160 font-weight: bold;1160 font-weight: 700; 1161 1161 padding: 0.2em; 1162 1162 } … … 1406 1406 background-clip: padding-box; 1407 1407 color: #eee; 1408 font-weight: bold;1408 font-weight: 700; 1409 1409 padding: 0.1em 0.5em; 1410 1410 text-decoration: none; … … 1449 1449 } 1450 1450 1451 .bp-user #buddypress #message-thread .message-metadata: :after {1451 .bp-user #buddypress #message-thread .message-metadata:after { 1452 1452 clear: both; 1453 1453 content: ""; … … 1487 1487 } 1488 1488 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 { 1492 1492 left: 40px; 1493 1493 text-align: left; … … 1705 1705 } 1706 1706 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 { 1708 1708 content: attr(title); 1709 1709 display: block; … … 1784 1784 } 1785 1785 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"], 1789 1789 #main #buddypress .standard-form textarea { 1790 1790 width: 100%; … … 1840 1840 } 1841 1841 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"] { 1848 1848 border: 0; 1849 1849 border-radius: 0; … … 1856 1856 } 1857 1857 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"] { 1861 1861 border-left: 1px solid rgba(212, 208, 186, 0.6); 1862 1862 float: right; 1863 1863 margin: 0; 1864 padding: 0 0.2em 0;1864 padding: 0 0.2em; 1865 1865 width: 70%; 1866 1866 } 1867 1867 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"] { 1871 1871 float: left; 1872 font-weight: normal;1872 font-weight: 400; 1873 1873 padding: 0 1em; 1874 1874 text-align: center; … … 1885 1885 } 1886 1886 #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"], 1889 1889 #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"], 1892 1892 #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"] { 1895 1895 width: auto; 1896 1896 } … … 1898 1898 1899 1899 @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"] { 1902 1902 font-size: 16px; 1903 1903 font-size: 1.0666666667rem; 1904 1904 } 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"] { 1907 1907 font-size: 16px; 1908 1908 font-size: 1.0666666667rem; … … 1993 1993 } 1994 1994 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 { 1998 1998 right: 0; 1999 1999 margin-top: 10px; … … 2012 2012 font-size: 18px; 2013 2013 font-size: 1.2rem; 2014 font-weight: bold;2014 font-weight: 700; 2015 2015 } 2016 2016 -
trunk/src/bp-templates/bp-legacy/css/twentyeleven.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 65 65 66 66 body.buddypress:not(.page-template-sidebar-page) #content { 67 margin: 0 10% 0;67 margin: 0 10%; 68 68 width: auto; 69 69 } … … 802 802 font-size: 12px; 803 803 font-size: 0.8rem; 804 font-weight: normal;804 font-weight: 400; 805 805 line-height: 1.2; 806 806 padding: 4px 10px; … … 932 932 .single-item.groups #buddypress #item-header .generic-button { 933 933 float: none; 934 margin: 1.5em 0 0 0;934 margin: 1.5em 0 0; 935 935 } 936 936 } … … 1023 1023 font-size: 14px; 1024 1024 font-size: 0.9333333333rem; 1025 font-weight: bold;1025 font-weight: 700; 1026 1026 line-height: 1.4; 1027 1027 } … … 1158 1158 1159 1159 .groups.group-settings #group-settings-form div.radio label { 1160 font-weight: bold;1160 font-weight: 700; 1161 1161 padding: 0.2em; 1162 1162 } … … 1406 1406 background-clip: padding-box; 1407 1407 color: #eee; 1408 font-weight: bold;1408 font-weight: 700; 1409 1409 padding: 0.1em 0.5em; 1410 1410 text-decoration: none; … … 1449 1449 } 1450 1450 1451 .bp-user #buddypress #message-thread .message-metadata: :after {1451 .bp-user #buddypress #message-thread .message-metadata:after { 1452 1452 clear: both; 1453 1453 content: ""; … … 1487 1487 } 1488 1488 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 { 1492 1492 right: 40px; 1493 1493 text-align: right; … … 1705 1705 } 1706 1706 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 { 1708 1708 content: attr(title); 1709 1709 display: block; … … 1784 1784 } 1785 1785 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"], 1789 1789 #main #buddypress .standard-form textarea { 1790 1790 width: 100%; … … 1840 1840 } 1841 1841 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"] { 1848 1848 border: 0; 1849 1849 border-radius: 0; … … 1856 1856 } 1857 1857 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"] { 1861 1861 border-right: 1px solid rgba(212, 208, 186, 0.6); 1862 1862 float: left; 1863 1863 margin: 0; 1864 padding: 0 0.2em 0;1864 padding: 0 0.2em; 1865 1865 width: 70%; 1866 1866 } 1867 1867 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"] { 1871 1871 float: right; 1872 font-weight: normal;1872 font-weight: 400; 1873 1873 padding: 0 1em; 1874 1874 text-align: center; … … 1885 1885 } 1886 1886 #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"], 1889 1889 #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"], 1892 1892 #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"] { 1895 1895 width: auto; 1896 1896 } … … 1898 1898 1899 1899 @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"] { 1902 1902 font-size: 16px; 1903 1903 font-size: 1.0666666667rem; 1904 1904 } 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"] { 1907 1907 font-size: 16px; 1908 1908 font-size: 1.0666666667rem; … … 1993 1993 } 1994 1994 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 { 1998 1998 left: 0; 1999 1999 margin-top: 10px; … … 2012 2012 font-size: 18px; 2013 2013 font-size: 1.2rem; 2014 font-weight: bold;2014 font-weight: 700; 2015 2015 } 2016 2016 -
trunk/src/bp-templates/bp-legacy/css/twentyeleven.scss
r11586 r11587 31 31 // max-width 320px 32 32 @mixin small-only { 33 33 34 @media screen and (max-width: 320px) { 35 34 36 @content; 35 37 } … … 38 40 // min-width 320px 39 41 @mixin xsmall-up { 42 40 43 @media screen and (min-width: 320px) { 44 41 45 @content; 42 46 } … … 45 49 // min-width 450px 46 50 @mixin small-up { 51 47 52 @media screen and (min-width: 450px) { 53 48 54 @content; 49 55 } … … 52 58 // min-width 650px (match to 2011 max widths) 53 59 @mixin medium-up { 60 54 61 @media screen and (min-width: 650px) { 62 55 63 @content; 56 64 } … … 59 67 // min-width 800px (match to 2011 max widths) 60 68 @mixin large-up { 69 61 70 @media screen and (min-width: 800px) { 71 62 72 @content; 63 73 } … … 68 78 // max-width 800px 69 79 @mixin max800 { 80 70 81 @media screen and (max-width: 800px) { 82 71 83 @content; 72 84 } … … 74 86 // max-width 650px 75 87 @mixin max650 { 88 76 89 @media screen and (max-width: 650px) { 90 77 91 @content; 78 92 } … … 80 94 // max-width 450px 81 95 @mixin max450 { 96 82 97 @media screen and (max-width: 450px) { 98 83 99 @content; 84 100 } … … 209 225 $unread: #9dc3c8; 210 226 $link-action: #c82b2b; 227 211 228 /*-------------------------------------------------------------- 212 229 … … 221 238 in your child themes root & either start over or modify the rulesets. 222 239 223 If you do not require the styles you can dequeue them from the themes functions file. 240 If you do not require the styles you can dequeue them from the themes 241 functions file. 224 242 225 243 Please see this codex article for more information: … … 274 292 .buddypress { 275 293 // Remove any empty clearing elements, CSS provides clearing. 276 div.clear {display: none;} 294 div.clear { 295 display: none; 296 } 277 297 278 298 } // .buddypress (body class) … … 288 308 289 309 #content { 290 margin: 0 10% 0;310 margin: 0 10%; 291 311 width: auto; 292 312 … … 300 320 // Reduce the top padding for single pages, too extreme for BP screens. 301 321 .buddypress.singular.page { 322 302 323 .hentry { 303 324 padding-top: 0; … … 322 343 // We have a need to override BP specifity 323 344 // so some rulesets sets will appear over weighted in selectors 345 324 346 /* Here we start things off */ 325 347 #buddypress { … … 327 349 // active/current states all navs 328 350 div.item-list-tabs { 351 329 352 ul { 353 330 354 li.selected, 331 355 li.current { 356 332 357 a { 333 358 background: inherit; … … 339 364 // global nav styles 340 365 div.item-list-tabs { 366 341 367 ul { 342 368 overflow: hidden; … … 344 370 345 371 li { 372 346 373 a { 347 374 … … 355 382 } 356 383 357 span {border-radius: 25%;} 384 span { 385 border-radius: 25%; 386 } 358 387 } 359 388 … … 394 423 &:hover, 395 424 &:active { 396 &:before {content: "Menu \021E7";} 425 426 &:before { 427 content: "Menu \021E7"; 428 } 397 429 398 430 ul { … … 483 515 label, 484 516 option { 517 485 518 @include font-size(14); 486 519 } … … 501 534 502 535 .bp-user { 536 503 537 #buddypress { 538 504 539 div#subnav.item-list-tabs { 540 505 541 li.last { 506 542 margin-left: 0; … … 528 564 529 565 body.bp-user { 566 530 567 #buddypress { 531 568 … … 573 610 margin: 0 0 0 (-$spacing-val-md); 574 611 575 ul {margin-top: 0;} 612 ul { 613 margin-top: 0; 614 } 576 615 } 577 616 } … … 586 625 587 626 @include medium-up { 627 588 628 #main { 629 589 630 #buddypress { 590 631 … … 617 658 border: 1px solid $border-med; 618 659 border-bottom-color: $content-background; 660 619 661 @include border-top-radius(4px); 620 662 margin-bottom: -1px; … … 631 673 632 674 #subnav { 675 633 676 ul { 634 677 border-bottom: 0; … … 658 701 } 659 702 660 .pag-count {margin-left: 0;} 703 .pag-count { 704 margin-left: 0; 705 } 706 661 707 .pagination-links { 662 708 margin-right: 0; … … 675 721 overflow: visible; 676 722 width: auto; 677 &:before {display: none;} 723 724 &:before { 725 display: none; 726 } 678 727 } 679 728 … … 706 755 707 756 #buddypress { 757 708 758 ul.item-list { 709 759 border-top: 0; … … 722 772 text-align: center; 723 773 724 a {border-bottom: 0;} 774 a { 775 border-bottom: 0; 776 } 725 777 726 778 img.avatar { … … 761 813 762 814 .item-title { 815 763 816 @include font-size(16); 764 817 line-height: 1.2; … … 774 827 text-decoration: none; 775 828 776 &:visited { color: #21759b;} 829 &:visited { 830 color: #21759b; 831 } 777 832 } 778 833 779 834 .update { 780 835 display: block; 836 781 837 @include font-size(12); 782 838 783 839 @include medium-up { 840 784 841 @include font-size(14); 785 842 } … … 793 850 794 851 @include medium-up { 852 795 853 .item-avatar, 796 854 .item, … … 806 864 807 865 .item-title { 808 @include font-size(18) 866 867 @include font-size(18); 809 868 } 810 869 } … … 881 940 882 941 #buddypress { 942 883 943 form#whats-new-form { 884 944 … … 891 951 892 952 @include max650 { 953 893 954 #whats-new-content { 894 955 clear: left; … … 899 960 900 961 #whats-new-content.active { 962 901 963 #whats-new-options[style] { 964 902 965 #whats-new-post-in-box { 903 966 border: 1px solid rgba($border-color, 0.5); 904 967 float: left; 968 905 969 @include font-size(12); 906 970 line-height: 1.6; … … 921 985 922 986 @media screen and (min-width: 30em) { 987 923 988 #whats-new-post-in-box { 924 989 width: auto; … … 926 991 927 992 #whats-new-submit { 993 928 994 @include font-size(12); 929 995 float: right; … … 942 1008 // User account form requires matching bp default specificity 943 1009 #item-body { 1010 944 1011 form#whats-new-form { 945 1012 margin: $spacing-val-lg 0; … … 964 1031 965 1032 &.load-newest { 1033 966 1034 a { 967 1035 display: block; … … 993 1061 994 1062 .activity-header { 1063 995 1064 @include font-size(14); 996 1065 … … 1001 1070 1002 1071 .activity-inner { 1003 img {height: auto;} 1072 1073 img { 1074 height: auto; 1075 } 1004 1076 } 1005 1077 … … 1021 1093 1022 1094 .activity-header { 1095 1023 1096 @include font-size(16); 1024 1097 } … … 1034 1107 1035 1108 li.mini { 1109 1036 1110 .activity-avatar { 1111 1037 1112 a { 1113 1038 1114 img.avatar { 1039 1115 height: 30px; … … 1045 1121 1046 1122 .activity-content { 1123 1047 1124 .activity-header { 1125 1048 1126 @include font-size(14); 1049 1127 } 1050 1128 1051 1129 .activity-meta { 1130 1052 1131 a { 1132 1053 1133 @include font-size(12); 1054 1134 } … … 1077 1157 1078 1158 .activity-meta { 1159 1079 1160 a { 1080 1161 display: block; 1162 1081 1163 @include font-size(14); 1082 1164 margin-bottom: $spacing-val-xs; … … 1115 1197 1116 1198 .activity-permalink { 1199 1117 1200 #buddypress { 1201 1118 1202 #activity-stream { 1119 1203 … … 1123 1207 1124 1208 li.mini { 1209 1125 1210 .activity-header { 1211 1126 1212 @include font-size(16); 1213 1127 1214 @include medium-up { 1215 1128 1216 @include font-size(20); 1129 1217 } 1130 1218 1131 1219 margin-bottom: $spacing-val-lg; 1132 p {padding: $spacing-val-md;} 1220 1221 p { 1222 padding: $spacing-val-md; 1223 } 1133 1224 } 1134 1225 } // close li.mini … … 1166 1257 .acomment-meta, 1167 1258 .acomment-content { 1259 1168 1260 @include font-size(12); 1169 1261 } … … 1184 1276 display: inline-block; 1185 1277 font-family: inherit; 1278 1186 1279 @include font-size(12); 1187 font-weight: normal;1280 font-weight: 400; 1188 1281 line-height: 1.2; 1189 1282 padding: 4px 10px; … … 1217 1310 1218 1311 #buddypress { 1312 1219 1313 #members-list { 1220 1314 1221 1315 @include medium-up { 1316 1222 1317 li { 1318 1223 1319 .item-avatar, 1224 1320 .item { … … 1248 1344 1249 1345 #buddypress { 1346 1250 1347 #signup_form.standard-form { 1251 1348 … … 1256 1353 width: 100%; 1257 1354 1258 @media screen and (min-width: 37.5 00em) {1355 @media screen and (min-width: 37.5em) { 1259 1356 width: 48%; 1260 1357 } 1261 1358 } 1262 1359 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 } 1266 1369 } 1267 1370 … … 1276 1379 1277 1380 .bp-user { 1381 1278 1382 #buddypress { 1279 // On object nav links, table links (notifications etc) we don't really need :visited1280 // 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. 1281 1385 a { 1386 1282 1387 &:visited { 1283 1388 color: #21759b; … … 1295 1400 .bp-user, 1296 1401 .single-item.groups { 1402 1297 1403 #buddypress { 1404 1298 1405 #item-header-content { 1406 1299 1407 #item-meta { 1408 1300 1409 @include font-size(14); 1301 1410 text-align: left; 1302 1411 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 1309 1421 h1, 1310 1422 #item-header-content { … … 1314 1426 1315 1427 @media screen and (max-width: 46.25em) { 1428 1316 1429 main { 1430 1317 1431 header.entry-header { 1318 1432 padding-bottom: 1rem; … … 1322 1436 1323 1437 #buddypress { 1324 @media screen and (max-width: 37.500em) { 1438 1439 @media screen and (max-width: 37.5em) { 1440 1325 1441 h1 { 1326 1442 margin-bottom: 0; … … 1328 1444 1329 1445 #item-header-avatar { 1446 1330 1447 img.avatar { 1331 1448 margin-right: 0; … … 1343 1460 1344 1461 @media screen and (max-width: 46.25em) { 1462 1345 1463 #item-header { 1464 1346 1465 .generic-button { 1347 1466 float: none; 1348 margin: 1.5em 0 0 0;1467 margin: 1.5em 0 0; 1349 1468 } 1350 1469 } … … 1356 1475 // Manage cover images 1357 1476 @include max800 { 1477 1358 1478 #buddypress { 1479 1359 1480 #item-header-cover-image { 1481 1360 1482 #item-header-content { 1483 1361 1484 .user-nicename { 1362 1485 color: #555; … … 1377 1500 1378 1501 .single-item.groups { 1502 1379 1503 #buddypress { 1504 1380 1505 @media screen and (max-width: 46.25em) { 1506 1381 1507 #item-header { 1508 1382 1509 #item-meta { 1383 1510 margin-bottom: $spacing-val-md; … … 1389 1516 // avatar first after group title 1390 1517 @media screen and (max-width: 50em) { 1518 1391 1519 div#item-header { 1392 1520 display: flex; … … 1426 1554 1427 1555 #item-header-content { 1556 1428 1557 @include box-model(border-box); 1429 1558 } … … 1451 1580 1452 1581 h2 { 1582 1453 1583 @include font-size(14); 1454 font-weight: bold;1584 font-weight: 700; 1455 1585 line-height: 1.4; 1456 1586 } … … 1458 1588 #group-admins, 1459 1589 #group-mods { 1590 1460 1591 li { 1461 1592 margin: 0; … … 1485 1616 1486 1617 @media screen and (min-width: 64em) { 1618 1487 1619 #item-header-content { 1488 1620 width: 40%; … … 1492 1624 } // close #buddypress 1493 1625 1494 // These rules handle the specific instance of Cover Images on single groups1495 // activated & attempt to address positioning concerns arising from themes1496 // breakpoints.1497 // Due to cover image styles being applied via embedded styles & thus carrying1498 // heavier weight than linked stylesthe 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. 1499 1631 #buddypress { 1632 1500 1633 #cover-image-container { 1634 1501 1635 #item-header-cover-image { 1502 1636 … … 1506 1640 1507 1641 @media screen and (min-width: 50em) and (max-width: 60em) { 1642 1508 1643 #item-header-content { 1509 1644 max-width: 60% !important; … … 1522 1657 width: auto; 1523 1658 1524 h2 {border-bottom: 1px solid $border-light;} 1659 h2 { 1660 border-bottom: 1px solid $border-light; 1661 } 1525 1662 } 1526 1663 } // @media … … 1540 1677 1541 1678 .bp-user { 1679 1542 1680 #buddypress { 1681 1543 1682 #item-header { 1544 1683 … … 1555 1694 1556 1695 #item-header-content { 1696 1557 1697 #item-buttons { 1698 1558 1699 .generic-button { 1559 1700 margin-right: 5px; … … 1563 1704 1564 1705 @include medium-up { 1706 1565 1707 #item-header-avatar { 1566 1708 float: left; … … 1606 1748 // headings settings screens & general global settings styles 1607 1749 .groups { 1750 1608 1751 #group-settings-form { 1752 1609 1753 h3 { 1610 1754 background: $dark-background; … … 1616 1760 1617 1761 .groups.edit-details { 1762 1618 1763 #group-settings-form { 1619 1764 … … 1627 1772 background: none; 1628 1773 color: inherit; 1774 1629 1775 @include font-size(14); 1630 1776 width: auto; … … 1640 1786 1641 1787 .groups.group-settings { 1788 1642 1789 #group-settings-form { 1643 1790 1644 1791 div.radio label { 1645 font-weight: bold;1792 font-weight: 700; 1646 1793 padding: 0.2em; 1647 1794 1648 1795 ul { 1649 1796 color: rgba($body-text, 0.6); 1797 1650 1798 @include font-size(14); 1651 1799 } … … 1664 1812 1665 1813 .groups.manage-members { 1814 1666 1815 #group-settings-form { 1816 1667 1817 .item-list { 1818 1668 1819 li { 1669 1820 border-bottom: 1px solid $border-light; … … 1671 1822 img, 1672 1823 h5 { 1824 1673 1825 @include medium-up { 1674 1826 float: left; 1675 1827 } 1676 1828 1677 > a {border-bottom: 0;} 1829 > a { 1830 border-bottom: 0; 1831 } 1678 1832 } 1679 1833 … … 1712 1866 // Massage the members search for groups nav specifically. 1713 1867 .groups.group-members { 1868 1714 1869 #subnav { 1870 1715 1871 li { 1872 1716 1873 @include max450 { 1717 1874 background: $content-background; … … 1725 1882 1726 1883 label { 1884 1727 1885 input[type="text"] { 1728 1886 box-shadow: none; … … 1758 1916 1759 1917 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 } 1762 1928 1763 1929 @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 } 1770 1946 1771 1947 .notifications-options-nav, … … 1774 1950 width: 100%; 1775 1951 1776 @media screen and (min-width: 37.5 00em) {1952 @media screen and (min-width: 37.5em) { 1777 1953 width: 40%; 1778 1954 } … … 1780 1956 select, 1781 1957 input { 1958 1782 1959 @include font-size(14); 1783 1960 outline: 0; … … 1790 1967 width: 49%; 1791 1968 1792 @media screen and (min-width: 37.5 00em) {1969 @media screen and (min-width: 37.5em) { 1793 1970 width: auto; 1794 1971 } … … 1802 1979 width: 50%; 1803 1980 1804 @media screen and (min-width: 37.5 00em) {1981 @media screen and (min-width: 37.5em) { 1805 1982 width: auto; 1806 1983 } … … 1828 2005 1829 2006 .profile { 2007 1830 2008 .bp-widget { 2009 1831 2010 h2 { 1832 2011 background: lighten($dark-background, 10%); … … 1836 2015 } 1837 2016 1838 table {margin-top: 0;} 2017 table { 2018 margin-top: 0; 2019 } 1839 2020 } 1840 2021 … … 1842 2023 1843 2024 #profile-edit-form { 2025 1844 2026 .button-nav:before, 1845 2027 .button-nav:after { … … 1870 2052 background: none; 1871 2053 border: 0; 1872 @include font-size(18) 2054 2055 @include font-size(18); 1873 2056 } 1874 2057 } //.button-nav … … 1880 2063 .field-visibility-settings-toggle, 1881 2064 .field-visibility-settings { 2065 1882 2066 @include font-size(14); 1883 2067 } … … 1886 2070 .visibility-toggle-link { 1887 2071 background: lighten($dark-background, 10%); 2072 1888 2073 @include border-radius(2px); 1889 2074 color: #eee; 1890 font-weight: bold;2075 font-weight: 700; 1891 2076 padding: 0.1em 0.5em; 1892 2077 text-decoration: none; … … 1900 2085 1901 2086 .bp-avatar { 2087 1902 2088 #bp-delete-avatar { 1903 a {font-size: inherit; } 2089 2090 a { 2091 font-size: inherit; 2092 } 1904 2093 } 1905 2094 } … … 1947 2136 .message-metadata { 1948 2137 1949 &: :after {2138 &:after { 1950 2139 clear: both; 1951 2140 content: ""; … … 1958 2147 1959 2148 @media screen and (min-width: 46.25em) { 2149 1960 2150 img.avatar { 1961 2151 float: left; … … 1978 2168 1979 2169 #send-reply { 2170 1980 2171 .message-content { 1981 2172 background: $content-background; … … 1988 2179 } 1989 2180 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 { 1993 2184 right: 40px; 1994 2185 text-align: right; … … 2000 2191 2001 2192 thead { 2193 2002 2194 tr { 2003 2195 background: lighten($dark-background, 10%); … … 2006 2198 2007 2199 tr { 2200 2008 2201 td { 2009 2202 background: $content-background; … … 2034 2227 2035 2228 span.icon:before { 2229 2036 2230 @include font-size(14); 2037 2231 } … … 2042 2236 height: 3em; 2043 2237 2044 @media screen and (max-width: 37.5 00em) {2238 @media screen and (max-width: 37.5em) { 2045 2239 height: 5.2em; 2046 2240 } … … 2050 2244 td.thread-options { 2051 2245 border-left: 0 !important; 2246 2052 2247 @include calc(width, "100% - 30px"); 2053 2248 margin-left: 0; … … 2063 2258 2064 2259 a { 2260 2065 2261 @include font-size(12); 2066 2262 line-height: 1.2; … … 2077 2273 line-height: 2; 2078 2274 2079 @media screen and (max-width: 37.5 00em) {2275 @media screen and (max-width: 37.5em) { 2080 2276 clear: both; 2277 2081 2278 @include font-size(11); 2082 2279 width: 100%; … … 2086 2283 2087 2284 tr.unread { 2285 2088 2286 td { 2089 2287 border-color: $border-light; … … 2110 2308 2111 2309 #send_message_form { 2310 2112 2311 input, 2113 2312 textarea { … … 2119 2318 list-style: none; 2120 2319 2121 li {margin-left: 0;} 2320 li { 2321 margin-left: 0; 2322 } 2122 2323 2123 2324 li.friend-tab { … … 2154 2355 2155 2356 #message-threads.sitewide-notices { 2156 tr {margin: 3em 0;} 2357 2358 tr { 2359 margin: 3em 0; 2360 } 2361 2157 2362 td { 2158 2363 width: 100%; … … 2182 2387 2183 2388 td:nth-child(2) { 2389 2184 2390 strong { 2185 2391 margin: -8px -8px 8px; … … 2209 2415 } 2210 2416 2211 a:last-child: :after {2417 a:last-child:after { 2212 2418 content: attr(title); 2213 2419 display: block; … … 2233 2439 } 2234 2440 2235 img { vertical-align: bottom;} 2441 img { 2442 vertical-align: bottom; 2443 } 2236 2444 2237 2445 } … … 2254 2462 // 'p' = email notification screen sub heading 2255 2463 > p { 2464 2256 2465 @include font-size(20); 2257 2466 margin: $spacing-val-md 0 $spacing-val-sm; … … 2260 2469 2261 2470 table.notification-settings { 2471 2262 2472 td.yes, 2263 2473 td.no { … … 2276 2486 2277 2487 @media screen and (min-width: 46.25em) { 2488 2278 2489 th.field-group-name, 2279 2490 td.field-name { … … 2288 2499 2289 2500 td.field-visibility { 2290 select {width: 100%;} 2501 2502 select { 2503 width: 100%; 2504 } 2291 2505 } 2292 2506 } … … 2311 2525 // Attempt to reset form control widths 2312 2526 #main { 2527 2313 2528 #buddypress { 2529 2314 2530 .standard-form { 2315 2531 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"], 2320 2539 textarea { 2321 2540 width: 100%; … … 2333 2552 2334 2553 form { 2554 2335 2555 .ac-textarea { 2336 2556 background: $light-background; … … 2361 2581 2362 2582 #signup_form.standard-form { 2583 2363 2584 div.submit { 2364 2585 float: none; 2365 2586 2366 input {margin-right: 0;} 2587 input { 2588 margin-right: 0; 2589 } 2367 2590 } 2368 2591 } … … 2371 2594 2372 2595 #buddypress { 2596 2373 2597 div.dir-search, 2374 2598 div.message-search, … … 2386 2610 } 2387 2611 2388 input[type= 'text'],2389 input[type= 'submit'] {2612 input[type="text"], 2613 input[type="submit"] { 2390 2614 border: 0; 2391 2615 border-radius: 0; 2392 2616 box-shadow: none; 2393 2617 box-sizing: border-box; 2618 2394 2619 @include font-size(14); 2395 2620 line-height: 1.8; … … 2397 2622 } 2398 2623 2399 input[type= 'text'] {2624 input[type="text"] { 2400 2625 border-right: 1px solid rgba($border-color, 0.6); 2401 2626 float: left; 2402 2627 margin: 0; 2403 padding: 0 0.2em 0;2628 padding: 0 0.2em; 2404 2629 width: 70%; 2405 2630 } 2406 2631 2407 input[type= 'submit'] {2632 input[type="submit"] { 2408 2633 float: right; 2409 font-weight: normal;2634 font-weight: 400; 2410 2635 padding: 0 1em; 2411 2636 text-align: center; … … 2419 2644 // Shift the search parent to the right and allow to shrinkwrap 2420 2645 2421 @media screen and (min-width: 37.500em) { 2646 @media screen and (min-width: 37.5em) { 2647 2422 2648 div.dir-search, 2423 2649 div.message-search, … … 2427 2653 2428 2654 form { 2655 2429 2656 label, 2430 input[type= 'text'],2431 input[type= 'submit'] {2657 input[type="text"], 2658 input[type="submit"] { 2432 2659 width: auto; 2433 2660 } … … 2442 2669 .dir-search, 2443 2670 .message-search { 2671 2444 2672 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 } 2447 2683 } 2448 2684 } … … 2457 2693 */ 2458 2694 .bp-user { 2695 2459 2696 #buddypress { 2460 2697 2461 2698 table { 2699 2462 2700 @include font-size(14); 2463 2701 margin: $spacing-val-md 0; … … 2467 2705 border-color: darken($border-light, 20%); 2468 2706 color: $content-background; 2707 2469 2708 @include font-size(16); 2470 2709 padding: 0 8px; … … 2477 2716 2478 2717 // Reduce the themes inherited paragraph margins in tables 2479 p {margin-bottom: 0.5em;} 2718 p { 2719 margin-bottom: 0.5em; 2720 } 2480 2721 } 2481 2722 2482 2723 @media screen and (min-width: 55em) { 2483 table {@include font-size(16);} 2724 2725 table { 2726 2727 @include font-size(16); 2728 } 2484 2729 } 2485 2730 … … 2487 2732 .notifications, 2488 2733 .messages-notices { 2734 2489 2735 th { 2490 2736 width: 30%; … … 2519 2765 // styling issues - this will need styling ideas 2520 2766 td { 2767 2521 2768 .button { 2522 2769 border: 0; … … 2531 2778 .messages-notices { 2532 2779 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 { 2536 2783 left: 0; 2537 2784 margin-top: 10px; … … 2557 2804 2558 2805 #buddypress { 2806 2559 2807 div#message { 2808 2560 2809 p { 2810 2561 2811 @include font-size(18); 2562 font-weight: bold;2812 font-weight: 700; 2563 2813 } 2564 2814 2565 2815 &.info { 2816 2566 2817 p { 2818 2567 2819 @include message-box($notice-info); 2568 2820 } … … 2570 2822 2571 2823 &.updated { 2824 2572 2825 p { 2826 2573 2827 @include message-box($notice-update); 2574 2828 } … … 2581 2835 // Without direct classes on our mesages ( 'warning' ) 2582 2836 // we need to use the body classes 2583 // todo: If thisis class .warning is included in main BP styles remove from here2837 // @todo If this class .warning is included in main BP styles remove from here 2584 2838 .delete-group { 2839 2585 2840 #buddypress { 2841 2586 2842 div#message.info { 2843 2587 2844 p { 2845 2588 2846 @include message-box($notice-warning); 2589 2847 } -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*------------------------------------------------------------------------------ 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 102 102 .buddypress main article .entry-header, 103 103 .buddypress main article .entry-content { 104 padding: 0 3rem 3rem 3rem;104 padding: 0 3rem 3rem; 105 105 } 106 106 … … 497 497 border: 1px solid rgba(153, 153, 153, 0.5); 498 498 float: right; 499 line-height: 1.5 em;499 line-height: 1.5; 500 500 margin-top: 12px; 501 501 padding-right: 0.2em; … … 771 771 font-size: 12px; 772 772 font-size: 1.2rem; 773 font-weight: normal;773 font-weight: 400; 774 774 line-height: 1.2; 775 775 padding: 4px 10px; … … 832 832 .single-item.groups #buddypress #item-header .generic-button { 833 833 float: none; 834 margin: 1.5em 0 0 0;834 margin: 1.5em 0 0; 835 835 } 836 836 } … … 1429 1429 } 1430 1430 1431 .bp-user #buddypress #message-thread .message-metadata: :after {1431 .bp-user #buddypress #message-thread .message-metadata:after { 1432 1432 clear: both; 1433 1433 content: ""; … … 1467 1467 } 1468 1468 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 { 1472 1472 left: 40px; 1473 1473 text-align: left; … … 1557 1557 .bp-user #buddypress #message-threads tr.unread td { 1558 1558 background: #dce5ff; 1559 border-color: #d1d0d0; 1559 1560 border-bottom-color: #b7b7b7; 1560 border-color: #d1d0d0;1561 1561 } 1562 1562 … … 1654 1654 } 1655 1655 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 { 1657 1657 content: attr(title); 1658 1658 display: block; … … 1744 1744 #buddypress .wp-editor-wrap a.button, 1745 1745 #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"] { 1749 1749 padding: 0 5px 1px; 1750 1750 } … … 1756 1756 } 1757 1757 1758 #buddypress .standard-form input[type= 'text'],1758 #buddypress .standard-form input[type="text"], 1759 1759 #buddypress .standard-form textarea, 1760 #buddypress .group-create-form input[type= 'text'],1760 #buddypress .group-create-form input[type="text"], 1761 1761 #buddypress .group-create-form textarea { 1762 1762 width: 100%; … … 1784 1784 } 1785 1785 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"] { 1789 1789 float: right; 1790 1790 margin: 0; … … 1792 1792 } 1793 1793 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"] { 1800 1800 font-size: 14px; 1801 1801 font-size: 1.4rem; … … 1804 1804 } 1805 1805 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"] { 1809 1809 border-left: 1px solid rgba(153, 153, 153, 0.4); 1810 1810 padding: 0.2em 0.2em 0.2em 0; 1811 1811 } 1812 1812 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"] { 1816 1816 float: left; 1817 font-weight: normal;1817 font-weight: 400; 1818 1818 padding: 0.2em 1em; 1819 1819 text-align: center; … … 1830 1830 } 1831 1831 #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"], 1834 1834 #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"], 1837 1837 #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"] { 1840 1840 width: auto; 1841 1841 } … … 1843 1843 1844 1844 @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"] { 1847 1847 font-size: 16px; 1848 1848 font-size: 1.6rem; 1849 1849 } 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"] { 1852 1852 font-size: 16px; 1853 1853 font-size: 1.6rem; … … 1926 1926 } 1927 1927 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 { 1931 1931 right: 0; 1932 1932 margin-top: 10px; … … 1955 1955 font-size: 18px; 1956 1956 font-size: 1.8rem; 1957 font-weight: bold;1957 font-weight: 700; 1958 1958 } 1959 1959 -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css
r11586 r11587 1 @charset "UTF-8";2 1 /*------------------------------------------------------------------------------ 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 102 102 .buddypress main article .entry-header, 103 103 .buddypress main article .entry-content { 104 padding: 0 3rem 3rem 3rem;104 padding: 0 3rem 3rem; 105 105 } 106 106 … … 497 497 border: 1px solid rgba(153, 153, 153, 0.5); 498 498 float: left; 499 line-height: 1.5 em;499 line-height: 1.5; 500 500 margin-top: 12px; 501 501 padding-left: 0.2em; … … 771 771 font-size: 12px; 772 772 font-size: 1.2rem; 773 font-weight: normal;773 font-weight: 400; 774 774 line-height: 1.2; 775 775 padding: 4px 10px; … … 832 832 .single-item.groups #buddypress #item-header .generic-button { 833 833 float: none; 834 margin: 1.5em 0 0 0;834 margin: 1.5em 0 0; 835 835 } 836 836 } … … 1429 1429 } 1430 1430 1431 .bp-user #buddypress #message-thread .message-metadata: :after {1431 .bp-user #buddypress #message-thread .message-metadata:after { 1432 1432 clear: both; 1433 1433 content: ""; … … 1467 1467 } 1468 1468 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 { 1472 1472 right: 40px; 1473 1473 text-align: right; … … 1557 1557 .bp-user #buddypress #message-threads tr.unread td { 1558 1558 background: #dce5ff; 1559 border-color: #d1d0d0; 1559 1560 border-bottom-color: #b7b7b7; 1560 border-color: #d1d0d0;1561 1561 } 1562 1562 … … 1654 1654 } 1655 1655 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 { 1657 1657 content: attr(title); 1658 1658 display: block; … … 1744 1744 #buddypress .wp-editor-wrap a.button, 1745 1745 #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"] { 1749 1749 padding: 0 5px 1px; 1750 1750 } … … 1756 1756 } 1757 1757 1758 #buddypress .standard-form input[type= 'text'],1758 #buddypress .standard-form input[type="text"], 1759 1759 #buddypress .standard-form textarea, 1760 #buddypress .group-create-form input[type= 'text'],1760 #buddypress .group-create-form input[type="text"], 1761 1761 #buddypress .group-create-form textarea { 1762 1762 width: 100%; … … 1784 1784 } 1785 1785 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"] { 1789 1789 float: left; 1790 1790 margin: 0; … … 1792 1792 } 1793 1793 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"] { 1800 1800 font-size: 14px; 1801 1801 font-size: 1.4rem; … … 1804 1804 } 1805 1805 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"] { 1809 1809 border-right: 1px solid rgba(153, 153, 153, 0.4); 1810 1810 padding: 0.2em 0 0.2em 0.2em; 1811 1811 } 1812 1812 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"] { 1816 1816 float: right; 1817 font-weight: normal;1817 font-weight: 400; 1818 1818 padding: 0.2em 1em; 1819 1819 text-align: center; … … 1830 1830 } 1831 1831 #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"], 1834 1834 #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"], 1837 1837 #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"] { 1840 1840 width: auto; 1841 1841 } … … 1843 1843 1844 1844 @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"] { 1847 1847 font-size: 16px; 1848 1848 font-size: 1.6rem; 1849 1849 } 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"] { 1852 1852 font-size: 16px; 1853 1853 font-size: 1.6rem; … … 1926 1926 } 1927 1927 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 { 1931 1931 left: 0; 1932 1932 margin-top: 10px; … … 1955 1955 font-size: 18px; 1956 1956 font-size: 1.8rem; 1957 font-weight: bold;1957 font-weight: 700; 1958 1958 } 1959 1959 -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss
r11586 r11587 155 155 in your child themes root & either start over or modify the rulesets. 156 156 157 If you do not require the styles you can dequeue them from the themes functions file. 157 If you do not require the styles you can dequeue them from the themes 158 functions file. 158 159 159 160 Please see this codex article for more information: … … 209 210 // We reset this here under our #buddypress namespace 210 211 #buddypress { 212 211 213 h1, 212 214 h2, … … 223 225 224 226 .buddypress { 225 div.clear {display: none;} 227 228 div.clear { 229 display: none; 230 } 231 226 232 .site-content { 233 227 234 @media screen and (min-width: 77.5em) { 228 235 } … … 250 257 .entry-header, 251 258 .entry-content { 252 padding: 0 3rem 3rem 3rem;259 padding: 0 3rem 3rem; 253 260 } 254 261 … … 278 285 279 286 .buddypress #buddypress { 287 280 288 .item-list-tabs, 281 289 .activity-header, … … 288 296 table, 289 297 .avatar-nav-items { 290 a { border-bottom: 0; } 298 299 a { 300 border-bottom: 0; 301 } 291 302 } 292 303 293 304 .pagination-links { 305 294 306 a, 295 span { border-bottom: 0; } 307 span { 308 border-bottom: 0; 309 } 296 310 } 297 311 } // close .buddypress #buddypress … … 312 326 // active/current states all navs 313 327 div.item-list-tabs { 328 314 329 ul { 330 315 331 li.selected { 332 316 333 a { 317 334 background: $dark-background; … … 324 341 // Global Nav Styles 325 342 div.item-list-tabs { 343 326 344 ul { 327 345 background-color: $light-background; … … 332 350 333 351 li { 352 334 353 a { 335 span {border-radius: 25%;} 354 355 span { 356 border-radius: 25%; 357 } 336 358 } 337 359 } … … 344 366 ul { 345 367 overflow: hidden; 346 li {float: none;} 368 369 li { 370 float: none; 371 } 372 347 373 li:not(.selected) { 348 a {opacity: 0.7;} 374 375 a { 376 opacity: 0.7; 377 } 349 378 } 350 379 351 380 @media screen and (min-width: 38.75em) { 381 352 382 li { 353 383 float: left; … … 381 411 label, 382 412 option { 413 383 414 @include font-size(14); 384 415 } … … 390 421 391 422 @media screen and (min-width: 38.75em) { 423 392 424 li.last { 393 425 text-align: right; … … 399 431 // active/current states all navs 400 432 div.item-list-tabs { 433 401 434 ul { 435 402 436 li.selected, 403 437 li.current { 438 404 439 a { 405 440 background: $dark-background; … … 413 448 } // close #buddypress 414 449 415 450 /*__ Vertical menu User Account / Group single screens __*/ 416 451 417 452 // This block contains rules to re-factor the item-body structural element … … 419 454 420 455 @media screen and (min-width: 55em) { 456 421 457 .bp-user #buddypress, 422 458 .single-item.groups #buddypress { … … 425 461 426 462 #buddypress { 463 427 464 #item-header, 428 465 #item-body { … … 475 512 476 513 #buddypress { 514 477 515 div.pagination { 478 516 box-shadow: none; 479 .pag-count {margin-left: 0;} 517 518 .pag-count { 519 margin-left: 0; 520 } 521 480 522 .pagination-links { 481 523 margin-right: 0; … … 494 536 overflow: visible; 495 537 width: auto; 496 &:before {display: none;} 538 539 &:before { 540 display: none; 541 } 497 542 } 498 543 … … 518 563 // Adjusts Meta items and various elements to match 2015 font-family 519 564 #buddypress { 565 520 566 .item-list { 567 521 568 .activity-header, 522 569 .activity-meta { 570 523 571 @include default-font-sans(); 524 572 } … … 539 587 540 588 #buddypress { 589 541 590 ul.item-list { 591 542 592 li { 543 593 overflow: hidden !important; … … 546 596 .item-avatar { 547 597 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 } 549 602 text-align: center; 550 a {border-bottom: 0;} 603 604 a { 605 border-bottom: 0; 606 } 607 551 608 img.avatar { 552 609 display: inline-block; … … 563 620 margin-left: 25%; 564 621 565 span.activity {font-style: italic;} 622 span.activity { 623 font-style: italic; 624 } 566 625 567 626 .item-desc { … … 572 631 573 632 @media screen and (min-width: 59.6875em) { 633 574 634 .item-avatar, 575 635 .item, … … 655 715 656 716 #buddypress { 717 657 718 form#whats-new-form { 658 719 … … 665 726 666 727 @media screen and (max-width: 30em) { 728 667 729 #whats-new-post-in-box { 730 668 731 select { 732 669 733 @include font-size(14); 670 734 max-width: 120px; … … 674 738 675 739 @media screen and (max-width: 38.75em) { 740 676 741 #whats-new-content { 677 742 clear: left; … … 682 747 float: none; 683 748 684 input {width: 100%;} 749 input { 750 width: 100%; 751 } 685 752 } 686 753 } … … 690 757 flex-direction: column; 691 758 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 } 694 766 } 695 767 } // close @media 696 768 697 769 #whats-new-options[style] { 770 698 771 #whats-new-post-in-box { 699 772 border: 1px solid rgba($border-color, 0.5); 700 773 float: left; 701 line-height: 1.5 em;774 line-height: 1.5; 702 775 margin-top: 12px; 703 776 padding-left: 0.2em; … … 716 789 717 790 @media screen and (min-width: 30em) { 791 718 792 #whats-new-post-in-box { 719 793 width: auto; … … 731 805 // User account form requires matching bp default specificity 732 806 #item-body { 807 733 808 form#whats-new-form { 734 809 margin: $spacing-val-lg 0; … … 774 849 775 850 .activity-header { 851 776 852 @include font-size(14); 777 853 } … … 784 860 margin-right: $spacing-val-sm; 785 861 text-align: left; 786 a {border-bottom: 0;} 862 863 a { 864 border-bottom: 0; 865 } 787 866 } 788 867 … … 792 871 793 872 .activity-header { 873 794 874 @include font-size(16); 795 875 } … … 801 881 802 882 li.mini { 883 803 884 .activity-avatar { 885 804 886 a { 887 805 888 img.avatar { 806 889 height: 30px; … … 812 895 813 896 .activity-content { 897 814 898 .activity-header { 899 815 900 @include font-size(13); 816 901 } … … 839 924 840 925 .activity-meta { 926 841 927 a { 842 928 display: block; … … 861 947 background: darken($light-background, 1%); 862 948 border: 1px solid rgba(#9fd1e2, 0.3); 863 a { font-style: italic; } 949 950 a { 951 font-style: italic; 952 } 864 953 } 865 954 … … 875 964 876 965 .activity-permalink { 966 877 967 #buddypress { 878 968 background: none; // counter the .bp-user faux column background … … 884 974 885 975 li.mini { 976 886 977 .activity-header { 978 887 979 @include font-size(16); 980 888 981 @media screen and (min-width: 46.25em) { 982 889 983 @include font-size(20); 890 984 } 891 985 892 986 margin-bottom: $spacing-val-lg; 893 p {padding: $spacing-val-md;} 987 988 p { 989 padding: $spacing-val-md; 990 } 894 991 } 895 992 } … … 906 1003 907 1004 #activity-stream { 1005 908 1006 .activity-comments { 909 1007 margin: $spacing-val-sm 0 0; … … 955 1053 // reduce/widen the content margins 956 1054 @media screen and (max-width: 38.75em) { 1055 957 1056 .acomment-avatar { 958 1057 display: block; … … 960 1059 961 1060 a, 962 img.avatar {display: inline; float: none;} 1061 img.avatar { 1062 display: inline; 1063 float: none; 1064 } 963 1065 } 964 1066 … … 969 1071 } 970 1072 971 .acomment-content {padding: 0 $spacing-val-sm;} 1073 .acomment-content { 1074 padding: 0 $spacing-val-sm; 1075 } 972 1076 } // close @media 973 1077 974 1078 } // close the ul li comments construct 975 1079 976 .ac-reply-avatar {display: none;} 1080 .ac-reply-avatar { 1081 display: none; 1082 } 977 1083 978 1084 .ac-reply-content { … … 982 1088 983 1089 @media screen and (min-width: 38.75em) { 984 .ac-reply-avatar {display: block;} 1090 1091 .ac-reply-avatar { 1092 display: block; 1093 } 985 1094 986 1095 .ac-reply-content { … … 996 1105 display: inline-block; 997 1106 font-family: inherit; 1107 998 1108 @include font-size(12); 999 font-weight: normal;1109 font-weight: 400; 1000 1110 line-height: 1.2; 1001 1111 padding: 4px 10px; … … 1028 1138 1029 1139 #buddypress { 1140 1030 1141 #members-list { 1031 1142 1032 1143 @media screen and (min-width: 59.6875em) { 1144 1033 1145 li { 1146 1034 1147 .item-avatar, 1035 1148 .item { … … 1061 1174 .bp-user, 1062 1175 .single-item.groups { 1176 1063 1177 @media screen and (max-width: 46.25em) { 1178 1064 1179 main { 1180 1065 1181 header.entry-header { 1066 1182 padding-bottom: 1rem; … … 1070 1186 1071 1187 @media screen and (max-width: 38.75em) { 1188 1072 1189 h1, 1073 1190 #item-header-content { … … 1077 1194 1078 1195 #buddypress { 1196 1079 1197 @media screen and (max-width: 46.25em) { 1198 1080 1199 #item-header { 1200 1081 1201 .generic-button { 1082 1202 float: none; 1083 margin: 1.5em 0 0 0;1203 margin: 1.5em 0 0; 1084 1204 } 1085 1205 } … … 1087 1207 1088 1208 @media screen and (max-width: 38.75em) { 1209 1089 1210 h1 { 1090 1211 margin-bottom: 0; … … 1092 1213 1093 1214 #item-header-avatar { 1215 1094 1216 img.avatar { 1095 1217 margin-right: 0; … … 1113 1235 1114 1236 .single-item.groups { 1237 1115 1238 #buddypress { 1239 1116 1240 @media screen and (max-width: 46.25em) { 1241 1117 1242 #item-header { 1243 1118 1244 #item-meta { 1119 1245 margin-bottom: $spacing-val-md; … … 1125 1251 // avatar first after group title 1126 1252 @media screen and (max-width: 38.75em) { 1253 1127 1254 div#item-header { 1128 1255 display: flex; … … 1143 1270 } 1144 1271 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 } 1148 1279 } 1149 1280 } // close @media … … 1165 1296 background: $dark-background; 1166 1297 color: $content-background; 1298 1167 1299 @include font-size(14); 1168 1300 1169 1301 @media screen and (min-width: 46.25em) { 1302 1170 1303 @include font-size(16); 1171 1304 } … … 1211 1344 1212 1345 .bp-user { 1346 1213 1347 #buddypress { 1348 1214 1349 #item-header { 1215 1350 padding: $spacing-val-md 0; … … 1227 1362 1228 1363 @media screen and (min-width: 46.25em) { 1364 1229 1365 #item-header-avatar { 1230 1366 float: left; … … 1258 1394 // generally far too large a top margin for headings in our lists 1259 1395 #item-body { 1396 1260 1397 h1, 1261 1398 h2, … … 1266 1403 margin: 1em 0; 1267 1404 1268 a {border-bottom: 0;} 1405 a { 1406 border-bottom: 0; 1407 } 1269 1408 } 1270 1409 } 1410 1271 1411 /** 1272 1412 *---------------------------------------------------- … … 1286 1426 // headings settings screens & general global settings styles 1287 1427 .groups { 1428 1288 1429 #group-settings-form { 1430 1289 1431 h3 { 1290 1432 background: $dark-background; … … 1294 1436 // remove backgrounds from request list member names. 1295 1437 #request-list { 1438 1296 1439 h4 { 1297 1440 background: none; … … 1303 1446 1304 1447 .groups.edit-details { 1448 1305 1449 #group-settings-form { 1306 1450 1307 1451 label { 1308 1452 background: $dark-background; 1453 1309 1454 @include border-top-radius(4px); 1310 1455 color: $content-background; … … 1323 1468 background: none; 1324 1469 color: inherit; 1470 1325 1471 @include font-size(14); 1326 1472 width: auto; … … 1331 1477 1332 1478 .groups.group-settings { 1479 1333 1480 #group-settings-form, 1334 1481 #create-group-form { 1335 1482 1336 1483 div.radio { 1484 1337 1485 label { 1338 1486 border: 1px solid $border-light; … … 1342 1490 ul { 1343 1491 color: #767676; 1492 1344 1493 @include font-size(14); 1345 1494 } … … 1358 1507 1359 1508 .groups.manage-members { 1509 1360 1510 #group-settings-form { 1511 1361 1512 .item-list { 1513 1362 1514 li { 1363 1515 border-bottom: 1px solid $border-light; … … 1367 1519 float: left; 1368 1520 1369 > a {border-bottom: 0;} 1521 > a { 1522 border-bottom: 0; 1523 } 1370 1524 } 1371 1525 … … 1405 1559 1406 1560 .groups.group-members { 1561 1407 1562 #buddypress { 1563 1408 1564 #members-group-list { 1565 1409 1566 li { 1410 1567 1411 1568 @media screen and (max-width: 30em) { 1569 1412 1570 > a { 1413 1571 border-bottom: 0; … … 1425 1583 h5 { 1426 1584 display: inline-block; 1585 1427 1586 @include font-size(14); 1428 1587 1429 1588 @media screen and (min-width: 59.6875em) { 1589 1430 1590 @include font-size(16); 1431 1591 } … … 1433 1593 margin: 0; 1434 1594 1435 a {border-bottom: 0;} 1595 a { 1596 border-bottom: 0; 1597 } 1436 1598 } // close h5 1437 1599 1438 1600 span.activity { 1601 1439 1602 @include font-size(12); 1440 1603 } … … 1450 1613 // Massage the members search for groups nav specifically. 1451 1614 .groups.group-members { 1615 1452 1616 #subnav { 1617 1453 1618 li { 1619 1454 1620 @media screen and (max-width: 38.75em) { 1455 1621 background: $content-background; … … 1467 1633 1468 1634 label { 1469 input[type="text"] {width: 100%;} 1635 1636 input[type="text"] { 1637 width: 100%; 1638 } 1470 1639 } 1471 1640 } … … 1484 1653 1485 1654 .groups.group-invites { 1655 1486 1656 #item-body { 1657 1487 1658 .item-list { 1659 1488 1660 .action { 1489 1661 margin-bottom: 0; … … 1493 1665 1494 1666 @media screen and (min-width: 46.25em) { 1667 1495 1668 #buddypress { 1669 1496 1670 #item-body { 1671 1497 1672 #message { 1498 1673 margin-top: 0; … … 1503 1678 1504 1679 @media screen and (min-width: 55em) { 1680 1505 1681 #buddypress { 1506 #send-invite-form { margin-top: 0;} 1682 1683 #send-invite-form { 1684 margin-top: 0; 1685 } 1507 1686 } 1508 1687 } 1509 1688 1510 1689 #item-body { 1690 1511 1691 @media screen and (max-width: 46.25em) { 1692 1512 1693 .left-menu { 1513 1694 float: none; … … 1525 1706 1526 1707 .submit { 1708 1527 1709 input { 1528 1710 display: inline-block; … … 1545 1727 1546 1728 .bp-user { 1729 1547 1730 .entry-title { 1548 1731 margin-bottom: 0.5em; … … 1561 1744 1562 1745 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 } 1565 1756 1566 1757 @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 } 1569 1768 } 1570 1769 1571 1770 @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 } 1578 1787 1579 1788 .notifications-options-nav, … … 1588 1797 select, 1589 1798 input { 1799 1590 1800 @include font-size(14); 1591 1801 outline: 0; … … 1605 1815 input { 1606 1816 float: right; 1817 1607 1818 @include default-font-serif(); 1608 1819 line-height: 1.5; … … 1610 1821 width: 100%; 1611 1822 1612 &[disabled]:hover {background: none;} 1823 &[disabled]:hover { 1824 background: none; 1825 } 1613 1826 1614 1827 @media screen and (min-width: 30em) { … … 1631 1844 1632 1845 .bp-user { 1846 1633 1847 #buddypress { 1848 1634 1849 .profile { 1850 1635 1851 .bp-widget { 1852 1636 1853 h2 { 1637 1854 background: lighten($dark-background, 10%); … … 1641 1858 } 1642 1859 1643 table {margin-top: 0;} 1860 table { 1861 margin-top: 0; 1862 } 1644 1863 } 1645 1864 } … … 1649 1868 /* Edit Profile */ 1650 1869 .bp-user { 1870 1651 1871 #buddypress { 1652 1872 1653 1873 .profile { 1874 1654 1875 #profile-edit-form { 1876 1655 1877 .button-nav:before, 1656 1878 .button-nav:after { … … 1681 1903 background: none; 1682 1904 border: 0; 1683 @include font-size(18) 1905 1906 @include font-size(18); 1684 1907 } 1685 1908 } //.button-nav … … 1687 1910 .field-visibility-settings-toggle, 1688 1911 .field-visibility-settings { 1912 1689 1913 @include font-size(14); 1690 1914 } … … 1699 1923 1700 1924 .bp-avatar { 1925 1701 1926 #bp-delete-avatar { 1702 a {font-size: inherit; } 1927 1928 a { 1929 font-size: inherit; 1930 } 1703 1931 } 1704 1932 } … … 1718 1946 1719 1947 #groups-list { 1948 1720 1949 li { 1950 1721 1951 .item { 1952 1722 1953 @media screen and (min-width: 77.5em) { 1723 1954 left: 5%; … … 1765 1996 .message-metadata { 1766 1997 1767 &: :after {1998 &:after { 1768 1999 clear: both; 1769 2000 content: ""; … … 1776 2007 1777 2008 @media screen and (min-width: 46.25em) { 2009 1778 2010 img.avatar { 1779 2011 float: left; … … 1796 2028 1797 2029 #send-reply { 2030 1798 2031 .message-content { 1799 2032 background: $content-background; … … 1806 2039 } 1807 2040 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 { 1811 2044 right: 40px; 1812 2045 text-align: right; … … 1816 2049 1817 2050 #message-threads { 2051 1818 2052 thead { 2053 1819 2054 tr { 1820 2055 background: lighten($dark-background, 10%); … … 1823 2058 1824 2059 tr { 2060 1825 2061 td { 1826 2062 background: $content-background; … … 1854 2090 td.thread-options { 1855 2091 border-left: 0 !important; 2092 1856 2093 @include calc(width, "100% - 30px"); 1857 2094 margin-left: 0; … … 1867 2104 1868 2105 a { 2106 1869 2107 @include font-size(12); 1870 2108 line-height: 2.2; … … 1883 2121 @media screen and (max-width: 38.75em) { 1884 2122 clear: both; 2123 1885 2124 @include font-size(11); 1886 2125 width: 100%; … … 1890 2129 1891 2130 tr.unread { 2131 1892 2132 td { 1893 2133 background: $unread; 2134 border-color: darken($border-light, 10%); 1894 2135 border-bottom-color: darken($border-light, 20%); 1895 border-color: darken($border-light, 10%);1896 2136 } 1897 2137 } … … 1918 2158 list-style: none; 1919 2159 1920 li {margin-left: 0;} 2160 li { 2161 margin-left: 0; 2162 } 1921 2163 1922 2164 li.friend-tab { … … 1953 2195 1954 2196 #message-threads.sitewide-notices { 2197 1955 2198 td { 1956 2199 width: 100%; … … 1995 2238 } 1996 2239 1997 a:last-child: :after {2240 a:last-child:after { 1998 2241 content: attr(title); 1999 2242 display: block; … … 2011 2254 padding-left: $spacing-val-sm; 2012 2255 2013 ul { margin: 0; } 2256 ul { 2257 margin: 0; 2258 } 2014 2259 2015 2260 li { … … 2032 2277 2033 2278 .bp-user { 2279 2034 2280 #buddypress { 2035 2281 … … 2037 2283 // 'p' = email notification screen sub heading 2038 2284 > p { 2285 2039 2286 @include font-size(20); 2040 2287 margin: $spacing-val-md 0 $spacing-val-sm; … … 2043 2290 2044 2291 table.notification-settings { 2045 th.title {width: 75%;} 2292 2293 th.title { 2294 width: 75%; 2295 } 2296 2046 2297 td.yes, 2047 2298 td.no { … … 2059 2310 2060 2311 @media screen and (min-width: 46.25em) { 2312 2061 2313 th.field-group-name, 2062 2314 td.field-name { … … 2071 2323 2072 2324 td.field-visibility { 2073 select {width: 100%;} 2325 2326 select { 2327 width: 100%; 2328 } 2074 2329 } 2075 2330 } … … 2091 2346 2092 2347 div.activity-comments { 2348 2093 2349 form { 2350 2094 2351 .ac-textarea { 2095 2352 background: $light-background; … … 2104 2361 } 2105 2362 2106 select {border: 1px solid rgba($border-color, 0.5);} 2363 select { 2364 border: 1px solid rgba($border-color, 0.5); 2365 } 2107 2366 2108 2367 // Overrides for embedded WP editors. 2109 2368 .wp-editor-wrap { 2369 2110 2370 a.button, 2111 2371 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"] { 2115 2375 padding: 0 5px 1px; 2116 2376 } … … 2126 2386 .standard-form, 2127 2387 .group-create-form { 2388 2128 2389 li { 2129 2390 float: none; … … 2131 2392 } 2132 2393 2133 input[type= 'text'],2394 input[type="text"], 2134 2395 textarea { 2135 2396 width: 100%; … … 2155 2416 } 2156 2417 2157 input[type= 'text'] {2418 input[type="text"] { 2158 2419 float: left; 2159 2420 margin: 0; … … 2161 2422 } 2162 2423 2163 input[type='text'], 2164 input[type='submit'] { 2424 input[type="text"], 2425 input[type="submit"] { 2426 2165 2427 @include font-size(14); 2166 2428 border: 0; … … 2168 2430 } 2169 2431 2170 input[type= 'text'] {2432 input[type="text"] { 2171 2433 border-right: 1px solid rgba($border-color, 0.4); 2172 2434 padding: 0.2em 0 0.2em 0.2em; 2173 2435 } 2174 2436 2175 input[type= 'submit'] {2437 input[type="submit"] { 2176 2438 float: right; 2177 font-weight: normal;2439 font-weight: 400; 2178 2440 padding: 0.2em 1em; 2179 2441 text-align: center; … … 2187 2449 // Shift the search parent to the right and allow to shrinkwrap 2188 2450 @media screen and (min-width: 38.75em) { 2451 2189 2452 div.dir-search, 2190 2453 div.message-search, … … 2194 2457 2195 2458 form { 2459 2196 2460 label, 2197 input[type= 'text'],2198 input[type= 'submit'] {2461 input[type="text"], 2462 input[type="submit"] { 2199 2463 width: auto; 2200 2464 } … … 2207 2471 .dir-search, 2208 2472 .message-search { 2473 2209 2474 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 } 2212 2485 } 2213 2486 } … … 2227 2500 // breakpoints. Provide top/bottom margins for tables, lacking in BP styles 2228 2501 #buddypress { 2502 2229 2503 table { 2504 2230 2505 @include font-size(14); 2231 2506 margin: $spacing-val-md 0; … … 2238 2513 2239 2514 // Reduce the themes inherited paragraph margins in tables 2240 p {margin-bottom: 0.5em;} 2515 p { 2516 margin-bottom: 0.5em; 2517 } 2241 2518 } 2242 2519 2243 2520 @media screen and (min-width: 55em) { 2244 table {@include font-size(16);} 2521 2522 table { 2523 2524 @include font-size(16); 2525 } 2245 2526 } 2246 2527 } … … 2253 2534 .notifications, 2254 2535 .messages-notices { 2536 2255 2537 th { 2256 2538 width: 30%; … … 2281 2563 // styling issues - this will need styling ideas 2282 2564 td { 2565 2283 2566 .button { 2284 2567 border: 0; … … 2293 2576 .messages-notices { 2294 2577 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 { 2298 2581 left: 0; 2299 2582 margin-top: 10px; … … 2318 2601 2319 2602 #buddypress { 2603 2320 2604 #item-body { 2605 2321 2606 div#message { 2322 2607 margin-top: $spacing-val-md; … … 2329 2614 2330 2615 div#message { 2616 2331 2617 p { 2618 2332 2619 @include font-size(18); 2333 font-weight: bold;2620 font-weight: 700; 2334 2621 } 2335 2622 2336 2623 &.info { 2624 2337 2625 p { 2626 2338 2627 @include message-box($notice-info); 2339 2628 } … … 2341 2630 2342 2631 &.updated { 2632 2343 2633 p { 2634 2344 2635 @include message-box($notice-update); 2345 2636 } … … 2353 2644 // we need to use the body classes 2354 2645 .delete-group { 2646 2355 2647 #buddypress { 2648 2356 2649 div#message.info { 2357 2650 2358 2651 p { 2652 2359 2653 @include message-box($notice-warning); 2360 2654 } -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*------------------------------------------------------------------------------ 3 2 … … 12 11 in your child themes root & either start over or modify the ruelesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 606 606 font-size: 12px; 607 607 font-size: 0.75rem; 608 font-weight: normal;608 font-weight: 400; 609 609 line-height: 1.2; 610 610 padding: 4px 10px; … … 1204 1204 } 1205 1205 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 { 1209 1209 left: 40px; 1210 1210 text-align: left; … … 1291 1291 } 1292 1292 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 { 1294 1294 content: attr(title); 1295 1295 display: block; … … 1298 1298 } 1299 1299 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 { 1303 1303 right: 0; 1304 1304 margin-top: 10px; … … 1418 1418 } 1419 1419 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"] { 1423 1423 float: right; 1424 1424 margin: 0; … … 1426 1426 } 1427 1427 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"] { 1434 1434 border: 0; 1435 1435 font-size: 14px; … … 1438 1438 } 1439 1439 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"] { 1443 1443 border-left: 1px solid #ccc; 1444 1444 padding: 0.2em 0.2em 0.2em 0; 1445 1445 } 1446 1446 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"] { 1450 1450 float: left; 1451 font-weight: normal;1451 font-weight: 400; 1452 1452 padding: 0.2em 1em; 1453 1453 text-align: center; … … 1463 1463 } 1464 1464 #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"], 1467 1467 #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"] { 1470 1470 width: auto; 1471 1471 } … … 1474 1474 } 1475 1475 #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"] { 1478 1478 width: auto; 1479 1479 } … … 1502 1502 font-size: 18px; 1503 1503 font-size: 1.125rem; 1504 font-weight: bold;1504 font-weight: 700; 1505 1505 } 1506 1506 -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css
r11586 r11587 1 @charset "UTF-8";2 1 /*------------------------------------------------------------------------------ 3 2 … … 12 11 in your child themes root & either start over or modify the ruelesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 606 606 font-size: 12px; 607 607 font-size: 0.75rem; 608 font-weight: normal;608 font-weight: 400; 609 609 line-height: 1.2; 610 610 padding: 4px 10px; … … 1204 1204 } 1205 1205 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 { 1209 1209 right: 40px; 1210 1210 text-align: right; … … 1291 1291 } 1292 1292 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 { 1294 1294 content: attr(title); 1295 1295 display: block; … … 1298 1298 } 1299 1299 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 { 1303 1303 left: 0; 1304 1304 margin-top: 10px; … … 1418 1418 } 1419 1419 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"] { 1423 1423 float: left; 1424 1424 margin: 0; … … 1426 1426 } 1427 1427 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"] { 1434 1434 border: 0; 1435 1435 font-size: 14px; … … 1438 1438 } 1439 1439 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"] { 1443 1443 border-right: 1px solid #ccc; 1444 1444 padding: 0.2em 0 0.2em 0.2em; 1445 1445 } 1446 1446 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"] { 1450 1450 float: right; 1451 font-weight: normal;1451 font-weight: 400; 1452 1452 padding: 0.2em 1em; 1453 1453 text-align: center; … … 1463 1463 } 1464 1464 #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"], 1467 1467 #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"] { 1470 1470 width: auto; 1471 1471 } … … 1474 1474 } 1475 1475 #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"] { 1478 1478 width: auto; 1479 1479 } … … 1502 1502 font-size: 18px; 1503 1503 font-size: 1.125rem; 1504 font-weight: bold;1504 font-weight: 700; 1505 1505 } 1506 1506 -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss
r11586 r11587 159 159 in your child themes root & either start over or modify the ruelesets. 160 160 161 If you do not require the styles you can dequeue them from the themes functions file. 161 If you do not require the styles you can dequeue them from the themes 162 functions file. 162 163 163 164 Please see this codex article for more information: … … 214 215 // We reset this here under our #buddypress namespace 215 216 #buddypress { 217 216 218 h1, 217 219 h2, … … 269 271 */ 270 272 #buddypress { 273 271 274 .item-list-tabs { 275 272 276 ul { 273 277 … … 277 281 278 282 @media screen and (min-width: 400px) { 283 279 284 li { 280 285 width: 50%; … … 283 288 284 289 @media screen and (min-width: 594px) { 290 285 291 li { 286 292 width: auto; … … 296 302 297 303 .directory #buddypress { 304 298 305 .item-list-tabs { 299 306 … … 314 321 315 322 @media screen and (min-width: 783px) { 323 316 324 ul { 317 325 padding-bottom: 0; … … 320 328 border: 1px solid $border-med; 321 329 border-bottom-color: $content-background; 330 322 331 @include border-top-radius(4px); 323 332 margin-bottom: -1px; … … 333 342 334 343 #subnav { 344 335 345 ul { 336 346 border-bottom: 0; … … 346 356 /* List last filters global */ 347 357 #buddypress { 358 348 359 #subnav { 360 349 361 li#activity-filter-select.last { 350 362 line-height: 2.1; … … 360 372 361 373 #buddypress { 374 362 375 #object-nav { 376 363 377 ul { 364 378 border-bottom: 1px solid $border-med; … … 372 386 373 387 ul { 388 374 389 li { 375 390 width: auto; … … 394 409 .bp-user, 395 410 .single-item.groups { 411 396 412 #buddypress { 397 413 background: lighten($nav-background-border, 10%); … … 406 422 } 407 423 408 #item-body {border-left: 1px solid $nav-background-border;} 424 #item-body { 425 border-left: 1px solid $nav-background-border; 426 } 409 427 410 428 #object-nav { … … 486 504 487 505 #buddypress { 506 488 507 div.pagination { 508 489 509 .pag-count { 490 510 margin-left: 0; … … 499 519 */ 500 520 #buddypress { 521 501 522 .item-list { 523 502 524 .item-title { 503 525 504 526 a { 505 527 display: block; 528 506 529 @include font-size(22); 507 530 text-decoration: none; … … 510 533 span.update, 511 534 span a { 535 512 536 @include font-size(12); 513 537 } … … 521 545 522 546 #buddypress { 547 523 548 ul.item-list { 549 524 550 li { 525 551 overflow: hidden !important; // buddypress styles over specified … … 531 557 532 558 a { 559 533 560 img.avatar { 534 561 float: none; … … 541 568 width: 100%; 542 569 543 > a {text-align: center;} 570 > a { 571 text-align: center; 572 } 544 573 } 545 574 … … 581 610 582 611 @media screen and (min-width: 594px) { 612 583 613 .item-avatar { 584 614 float: left; … … 586 616 } 587 617 588 div.item-title > a {text-align: left;} 618 div.item-title > a { 619 text-align: left; 620 } 589 621 590 622 .item { … … 607 639 608 640 @media screen and (min-width: 783px) { 641 609 642 .item { 610 643 float: left; … … 627 660 628 661 a { 662 629 663 @include box-model(border-box); 630 664 display: block; … … 661 695 */ 662 696 #buddypress { 697 663 698 form#whats-new-form { 664 699 margin: $spacing-val-lg 0; … … 684 719 685 720 #whats-new-content { 721 686 722 @media screen and (max-width: 594px) { 723 687 724 #whats-new-options { 688 725 display: flex; … … 712 749 713 750 @media screen and (min-width: 594px) { 751 714 752 #whats-new-avatar { 715 753 float: left; … … 734 772 735 773 #buddypress { 736 #activity-stream {margin-top: $spacing-val-lg;} 774 775 #activity-stream { 776 margin-top: $spacing-val-lg; 777 } 778 737 779 .activity-list { 738 780 739 781 li.activity-item:not(.mini) { 782 740 783 .activity-avatar { 741 784 float: none; … … 751 794 752 795 li.mini { 796 753 797 .activity-avatar { 798 754 799 img.avatar { 755 800 margin-left: 0; … … 758 803 759 804 .activity-meta { 760 a {@include font-size(12);} 805 806 a { 807 808 @include font-size(12); 809 } 761 810 } 762 811 } … … 780 829 } 781 830 782 .activity-inner {margin: $spacing-val-sm 0;} 831 .activity-inner { 832 margin: $spacing-val-sm 0; 833 } 783 834 } 784 835 785 836 @media screen and (min-width: 594px) { 837 786 838 li.activity-item:not(.mini) { 839 787 840 .activity-avatar { 788 841 float: left; … … 797 850 798 851 li.mini { 852 799 853 .activity-avatar { 800 854 margin: 0 $spacing-val-sm 0 5%; … … 813 867 // Activity Single Item 'Permalink' Page 814 868 body.activity-permalink { 869 815 870 #buddypress { 816 871 // remove user account faux column background … … 818 873 819 874 .activity-list { 875 820 876 li { 877 821 878 @media screen and (max-width: 760px) { 879 822 880 .activity-content, 823 881 .activity-comments { … … 837 895 838 896 #buddypress { 897 839 898 .activity { 899 840 900 .activity-comments { 841 901 margin-left: 0; … … 867 927 // reduce/widen the content margins 868 928 @media screen and (max-width: 400px) { 929 869 930 .acomment-avatar { 870 931 display: block; … … 872 933 873 934 a, 874 img.avatar {display: inline; float: none;} 935 img.avatar { 936 display: inline; 937 float: none; 938 } 875 939 } 876 940 … … 881 945 } 882 946 883 .acomment-content {padding: 0 $spacing-val-sm;} 947 .acomment-content { 948 padding: 0 $spacing-val-sm; 949 } 884 950 } // close @media 885 951 … … 891 957 display: inline-block; 892 958 font-family: inherit; 959 893 960 @include font-size(12); 894 font-weight: normal;961 font-weight: 400; 895 962 line-height: 1.2; 896 963 padding: 4px 10px; … … 922 989 *------------------------------------------------------------ 923 990 */ 924 925 991 926 992 … … 930 996 *------------------------------------------------------------------------------- 931 997 */ 998 932 999 /* groups & user account page entry title */ 933 1000 .single-item.groups, … … 935 1002 936 1003 .entry-title { 1004 937 1005 @include title-background-dark(); 938 1006 @include font-size(22); … … 942 1010 943 1011 @media screen and (min-width: 673px) { 1012 944 1013 .entry-title { 1014 945 1015 @include font-size(28); 946 1016 } … … 948 1018 949 1019 } // close #buddypress 1020 950 1021 /** 951 1022 *------------------------------------------------------------ … … 955 1026 // override BP margins - users/groups manage their own styles later on 956 1027 #buddypress { 1028 957 1029 div#item-header { 958 1030 padding-bottom: $spacing-val-sm; … … 968 1040 padding-top: $spacing-val-sm; 969 1041 970 p {margin-bottom: 0;} 1042 p { 1043 margin-bottom: 0; 1044 } 971 1045 } 972 1046 } … … 979 1053 */ 980 1054 .single-item.groups { 1055 981 1056 #buddypress { 982 1057 983 1058 @media screen and (max-width: 594px) { 1059 984 1060 div#item-header { 985 1061 display: flex; … … 1000 1076 } 1001 1077 1002 #item-header-content {order: 2;} 1078 #item-header-content { 1079 order: 2; 1080 } 1003 1081 1004 1082 #item-actions { … … 1031 1109 1032 1110 h2 { 1111 1033 1112 @include font-size(20); 1034 1113 } … … 1045 1124 1046 1125 @media screen and (min-width: 594px) { 1126 1047 1127 #item-actions { 1048 1128 float: right; … … 1070 1150 1071 1151 .bp-user #buddypress { 1152 1072 1153 #item-header { 1073 1154 … … 1086 1167 1087 1168 @media screen and (max-width: 594px) { 1169 1088 1170 #item-buttons { 1171 1089 1172 div.generic-button { 1090 1173 display: inline-block; … … 1094 1177 1095 1178 a { 1179 1096 1180 @include box-model(); 1097 1181 display: block; … … 1103 1187 1104 1188 @media screen and (min-width: 673px) { 1189 1105 1190 #item-header-avatar { 1106 1191 float: left; … … 1148 1233 1149 1234 .radio { 1235 1150 1236 strong { 1237 1151 1238 @include font-size(18); 1152 1239 } … … 1157 1244 } 1158 1245 1159 #group-creation-previous {margin: $spacing-val-sm 0;} 1246 #group-creation-previous { 1247 margin: $spacing-val-sm 0; 1248 } 1160 1249 } 1161 1250 1162 1251 /* Manage Members */ 1163 1252 .groups.manage-members { 1253 1164 1254 #group-settings-form { 1165 1255 1166 h3 {margin-top: $spacing-val-lg;} 1256 h3 { 1257 margin-top: $spacing-val-lg; 1258 } 1167 1259 1168 1260 .item-list { … … 1173 1265 li { 1174 1266 border-bottom: 1px solid $border-light; 1175 &:last-child {border-bottom: 0;} 1267 1268 &:last-child { 1269 border-bottom: 0; 1270 } 1176 1271 1177 1272 img, … … 1219 1314 1220 1315 #buddypress { 1316 1221 1317 #members-group-list { 1318 1222 1319 .item-list { 1320 1223 1321 h5 { 1224 1322 display: inline-block; … … 1234 1332 1235 1333 #buddypress { 1334 1236 1335 #item-body { 1336 1237 1337 #subnav { 1338 1238 1339 li.groups-members-search:focus, 1239 1340 li.groups-members-search:hover, … … 1248 1349 // Need to target groups members via body classes 1249 1350 .groups.group-members { 1351 1250 1352 #subnav { 1251 1353 … … 1256 1358 } 1257 1359 1258 ul:after {clear: both; } 1360 ul:after { 1361 clear: both; 1362 } 1259 1363 1260 1364 ul { … … 1272 1376 1273 1377 #search-members-form { 1378 1274 1379 @include box-model(border-box); 1275 1380 float: left; … … 1280 1385 1281 1386 label { 1282 input[type="text"] {width: 100%;} 1387 1388 input[type="text"] { 1389 width: 100%; 1390 } 1283 1391 } 1284 1392 } … … 1301 1409 1302 1410 .send-invites { 1411 1303 1412 #buddypress { 1413 1304 1414 #item-body { 1415 1305 1416 @media screen and (min-width: 783px) { 1306 1417 border-top: 1px solid $nav-background-border; … … 1308 1419 1309 1420 @media screen and (max-width: 400px) { 1421 1310 1422 .left-menu { 1311 1423 float: none; … … 1323 1435 1324 1436 li { 1437 1325 1438 img.avatar { 1326 1439 display: block; … … 1341 1454 1342 1455 @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 } 1345 1464 1346 1465 li { 1466 1347 1467 img.avatar { 1348 1468 float: left; … … 1371 1491 1372 1492 #buddypress { 1493 1373 1494 .profile { 1374 1495 1375 1496 .bp-widget { 1497 1376 1498 h2 { 1377 1499 background: $medium-background; … … 1384 1506 1385 1507 #profile-edit-form { 1508 1386 1509 .button-nav:before, 1387 1510 .button-nav:after { … … 1412 1535 background: none; 1413 1536 border: 0; 1414 @include font-size(18) 1537 1538 @include font-size(18); 1415 1539 } 1416 1540 } //.button-nav … … 1418 1542 .field-visibility-settings-toggle, 1419 1543 .field-visibility-settings { 1544 1420 1545 @include font-size(14); 1421 1546 } … … 1457 1582 background: $content-background; 1458 1583 border-right: 0 !important; 1584 1459 1585 @include box-model(border-box); 1460 1586 display: inline-block; … … 1489 1615 td.thread-options { 1490 1616 border-left: 0; 1617 1491 1618 @include calc(width, "100% - 30px"); 1492 1619 margin-left: 0; … … 1503 1630 1504 1631 a { 1632 1505 1633 @include font-size(12); 1506 1634 line-height: 2.2; … … 1519 1647 @media screen and (max-width: 320px) { 1520 1648 clear: both; 1649 1521 1650 @include font-size(11); 1522 1651 width: 100%; … … 1526 1655 1527 1656 tr.unread { 1657 1528 1658 td { 1529 1659 background: lighten($unread, 7%); … … 1556 1686 1557 1687 #message-subject { 1688 1558 1689 @include title-background-dark(); 1559 1690 padding: 0.5em; … … 1561 1692 1562 1693 .message-box { 1694 1563 1695 .message-metadata { 1564 1696 margin-bottom: $spacing-val-sm; … … 1571 1703 } 1572 1704 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 { 1576 1708 right: 40px; 1577 1709 text-align: right; … … 1583 1715 margin: 0; 1584 1716 1585 li {margin-left: 0;} 1717 li { 1718 margin-left: 0; 1719 } 1586 1720 1587 1721 li.friend-tab { … … 1618 1752 1619 1753 #message-threads.sitewide-notices { 1754 1620 1755 td { 1621 1756 width: 100%; 1622 1757 1623 1758 strong { 1759 1624 1760 @include title-background-dark(); 1625 1761 @include font-size(16); … … 1661 1797 } 1662 1798 1663 a:last-child: :after {1799 a:last-child:after { 1664 1800 content: attr(title); 1665 1801 display: block; … … 1672 1808 .messages-notices { 1673 1809 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 { 1677 1813 left: 0; 1678 1814 margin-top: 10px; … … 1693 1829 padding-left: $spacing-val-sm; 1694 1830 1695 ul { margin: 0; } 1831 ul { 1832 margin: 0; 1833 } 1696 1834 1697 1835 li { … … 1714 1852 1715 1853 #buddypress { 1854 1716 1855 #settings-form { 1717 1856 // 'p' = email notification screen sub heading 1718 > p { @include font-size(20); } 1857 > p { 1858 1859 @include font-size(20); 1860 } 1719 1861 } 1720 1862 1721 1863 table.notification-settings { 1864 1722 1865 td.yes, 1723 1866 td.no { … … 1735 1878 1736 1879 @media screen and (min-width: 401px) { 1880 1737 1881 th.field-group-name, 1738 1882 td.field-name { … … 1742 1886 1743 1887 td.field-visibility { 1744 select {width: 100%;} 1888 1889 select { 1890 width: 100%; 1891 } 1745 1892 } 1746 1893 } … … 1766 1913 1767 1914 .standard-form { 1915 1768 1916 input[type="text"], 1769 1917 input[type="email"], … … 1776 1924 1777 1925 // BP :( 1778 #send-reply.standard-form textarea {width: 100%;} 1926 #send-reply.standard-form textarea { 1927 width: 100%; 1928 } 1779 1929 1780 1930 div.activity-comments { 1931 1781 1932 form { 1933 1782 1934 .ac-textarea { 1783 1935 background: $light-background; … … 1814 1966 } 1815 1967 1816 input[type= 'text'] {1968 input[type="text"] { 1817 1969 float: left; 1818 1970 margin: 0; … … 1820 1972 } 1821 1973 1822 input[type= 'text'],1823 input[type= 'submit'] {1974 input[type="text"], 1975 input[type="submit"] { 1824 1976 border: 0; 1977 1825 1978 @include font-size(14); 1826 1979 line-height: inherit; 1827 1980 } 1828 1981 1829 input[type= 'text'] {1982 input[type="text"] { 1830 1983 border-right: 1px solid #ccc; 1831 1984 padding: 0.2em 0 0.2em 0.2em; 1832 1985 } 1833 1986 1834 input[type= 'submit'] {1987 input[type="submit"] { 1835 1988 float: right; 1836 font-weight: normal;1989 font-weight: 400; 1837 1990 padding: 0.2em 1em; 1838 1991 text-align: center; … … 1847 2000 // Shift the search parent to the right and allow to shrinkwrap 1848 2001 @media screen and (min-width: 401px) { 2002 1849 2003 div.dir-search, 1850 2004 div.message-search { … … 1853 2007 1854 2008 form { 2009 1855 2010 label, 1856 input[type= 'submit'],1857 input[type= 'text'] {2011 input[type="submit"], 2012 input[type="text"] { 1858 2013 width: auto; 1859 2014 } … … 1861 2016 } 1862 2017 1863 div.message-search { margin: 3px 0 0;} 2018 div.message-search { 2019 margin: 3px 0 0; 2020 } 1864 2021 1865 2022 li.groups-members-search { 2023 1866 2024 form { 2025 1867 2026 label, 1868 input[type= 'submit'],1869 input[type= 'text'] {2027 input[type="submit"], 2028 input[type="text"] { 1870 2029 width: auto; 1871 2030 } … … 1883 2042 */ 1884 2043 #buddypress { 2044 1885 2045 table { 1886 2046 border-color: $border-med; … … 1891 2051 } 1892 2052 } 2053 1893 2054 /*__ User Account tables __*/ 1894 2055 … … 1904 2065 1905 2066 div#message { 2067 1906 2068 p { 2069 1907 2070 @include font-size(18); 1908 font-weight: bold;2071 font-weight: 700; 1909 2072 } 1910 2073 1911 2074 &.info { 2075 1912 2076 p { 2077 1913 2078 @include message-box($notice-info); 1914 2079 } … … 1916 2081 1917 2082 &.updated { 2083 1918 2084 p { 2085 1919 2086 @include message-box($notice-update); 1920 2087 } … … 1927 2094 // Without direct classes on our messages ( 'warning' ) 1928 2095 // we need to use the body classes 1929 // todo: If thisis class .warning is included in main BP styles remove from here2096 // @todo If this class .warning is included in main BP styles remove from here 1930 2097 .delete-group { 2098 1931 2099 #buddypress { 2100 1932 2101 div#message.info { 2102 1933 2103 p { 2104 1934 2105 @include message-box($notice-warning); 1935 2106 } -
trunk/src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 710 710 border: 1px solid rgba(190, 190, 190, 0.5); 711 711 float: right; 712 line-height: 1.5 em;712 line-height: 1.5; 713 713 margin-top: 12px; 714 714 padding-right: 0.2em; … … 922 922 font-size: 12px; 923 923 font-size: 0.75rem; 924 font-weight: normal;924 font-weight: 400; 925 925 line-height: 1.2; 926 926 padding: 4px 10px; … … 1059 1059 .single-item.groups #buddypress #item-header .generic-button { 1060 1060 float: none; 1061 margin: 1.5em 0 0 0;1061 margin: 1.5em 0 0; 1062 1062 } 1063 1063 } … … 1570 1570 } 1571 1571 1572 .bp-user #buddypress #message-thread .message-metadata: :after {1572 .bp-user #buddypress #message-thread .message-metadata:after { 1573 1573 clear: both; 1574 1574 content: ""; … … 1608 1608 } 1609 1609 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 { 1613 1613 left: 40px; 1614 1614 text-align: left; … … 1822 1822 } 1823 1823 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 { 1825 1825 content: attr(title); 1826 1826 display: block; … … 1896 1896 } 1897 1897 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"], 1901 1901 #main #buddypress .standard-form textarea { 1902 1902 width: 100%; … … 2002 2002 border-radius: none; 2003 2003 float: left; 2004 font-weight: normal;2004 font-weight: 400; 2005 2005 padding: 0.2em 1em; 2006 2006 text-align: center; … … 2013 2013 } 2014 2014 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"] { 2018 2018 float: right; 2019 2019 margin: 0; … … 2031 2031 2032 2032 @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"] { 2036 2036 font-size: 16px; 2037 2037 font-size: 1rem; 2038 2038 } 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"] { 2042 2042 font-size: 16px; 2043 2043 font-size: 1rem; … … 2153 2153 } 2154 2154 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 { 2158 2158 right: 0; 2159 2159 margin-top: 20px; … … 2172 2172 font-size: 18px; 2173 2173 font-size: 1.125rem; 2174 font-weight: bold;2174 font-weight: 700; 2175 2175 } 2176 2176 -
trunk/src/bp-templates/bp-legacy/css/twentyseventeen.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 710 710 border: 1px solid rgba(190, 190, 190, 0.5); 711 711 float: left; 712 line-height: 1.5 em;712 line-height: 1.5; 713 713 margin-top: 12px; 714 714 padding-left: 0.2em; … … 922 922 font-size: 12px; 923 923 font-size: 0.75rem; 924 font-weight: normal;924 font-weight: 400; 925 925 line-height: 1.2; 926 926 padding: 4px 10px; … … 1059 1059 .single-item.groups #buddypress #item-header .generic-button { 1060 1060 float: none; 1061 margin: 1.5em 0 0 0;1061 margin: 1.5em 0 0; 1062 1062 } 1063 1063 } … … 1570 1570 } 1571 1571 1572 .bp-user #buddypress #message-thread .message-metadata: :after {1572 .bp-user #buddypress #message-thread .message-metadata:after { 1573 1573 clear: both; 1574 1574 content: ""; … … 1608 1608 } 1609 1609 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 { 1613 1613 right: 40px; 1614 1614 text-align: right; … … 1822 1822 } 1823 1823 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 { 1825 1825 content: attr(title); 1826 1826 display: block; … … 1896 1896 } 1897 1897 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"], 1901 1901 #main #buddypress .standard-form textarea { 1902 1902 width: 100%; … … 2002 2002 border-radius: none; 2003 2003 float: right; 2004 font-weight: normal;2004 font-weight: 400; 2005 2005 padding: 0.2em 1em; 2006 2006 text-align: center; … … 2013 2013 } 2014 2014 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"] { 2018 2018 float: left; 2019 2019 margin: 0; … … 2031 2031 2032 2032 @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"] { 2036 2036 font-size: 16px; 2037 2037 font-size: 1rem; 2038 2038 } 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"] { 2042 2042 font-size: 16px; 2043 2043 font-size: 1rem; … … 2153 2153 } 2154 2154 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 { 2158 2158 left: 0; 2159 2159 margin-top: 20px; … … 2172 2172 font-size: 18px; 2173 2173 font-size: 1.125rem; 2174 font-weight: bold;2174 font-weight: 700; 2175 2175 } 2176 2176 -
trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss
r11586 r11587 22 22 // In addition BP will use the em breakpoints as referenced below to provide 23 23 // 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 breakpoints25 // 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. 26 26 27 27 $x-small-only-bp: "max-width: 22em"; // for xtra small mobile only … … 40 40 41 41 @mixin x-small-only { 42 @media screen and ($x-small-only-bp){ 42 43 @media screen and ($x-small-only-bp) { 44 43 45 @content; 44 46 } … … 46 48 47 49 @mixin small-only { 48 @media screen and ($small-only-bp){ 50 51 @media screen and ($small-only-bp) { 52 49 53 @content; 50 54 } … … 52 56 53 57 @mixin medium-only-bp { 54 @media screen and ($med-only-bp){ 58 59 @media screen and ($med-only-bp) { 60 55 61 @content; 56 62 } … … 58 64 59 65 @mixin small-up-bp { 60 @media screen and ($small-up-bp){ 66 67 @media screen and ($small-up-bp) { 68 61 69 @content; 62 70 } … … 64 72 65 73 @mixin small-up { 66 @media screen and ($small-up-2017){ 74 75 @media screen and ($small-up-2017) { 76 67 77 @content; 68 78 } … … 70 80 71 81 @mixin med-small-up { 82 72 83 @media screen and ($med-small-up-2017) { 84 73 85 @content; 74 86 } … … 76 88 77 89 @mixin medium-up { 90 78 91 @media screen and ($medium-up-2017) { 92 79 93 @content; 80 94 } … … 82 96 83 97 @mixin large-up { 98 84 99 @media screen and ($large-up-2017) { 100 85 101 @content; 86 102 } … … 88 104 89 105 @mixin x-large-up { 106 90 107 @media screen and ($x-large-up-2017) { 108 91 109 @content; 92 110 } … … 229 247 $unread: $x-light-grey; 230 248 $link-action: #c82b2b; 249 231 250 /*-------------------------------------------------------------- 232 251 … … 241 260 in your child themes root & either start over or modify the rulesets. 242 261 243 If you do not require the styles you can dequeue them from the themes functions file. 262 If you do not require the styles you can dequeue them from the themes 263 functions file. 244 264 245 265 Please see this codex article for more information: … … 292 312 .buddypress { 293 313 // Remove any empty clearing elements, CSS provides clearing. 294 div.clear {display: none;} 314 div.clear { 315 display: none; 316 } 295 317 296 318 // deal with global clearing property set on heading elements … … 298 320 299 321 ul.item-list { 322 300 323 h1, 301 324 h2, … … 395 418 396 419 // Some element colors are inherited from BP original sheet so need to 397 // tobe reset under the dark scheme, where set in this sheet we simply state them420 // be reset under the dark scheme, where set in this sheet we simply state them 398 421 // only for the light scheme, additionally elements such as BP form styles 399 422 // need styles removing & are handled later in 'Forms' section … … 441 464 } 442 465 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. 445 468 #subnav.item-list-tabs { 446 469 … … 480 503 .activity-meta, 481 504 .action { 505 482 506 a { 483 507 background: $off-white; … … 500 524 501 525 #item-header { 526 502 527 .user-nicename { 503 528 color: $bp-xlight-text; … … 560 585 #subnav { 561 586 562 li {background: none;} 587 li { 588 background: none; 589 } 563 590 564 591 .groups-members-search { … … 713 740 a { 714 741 715 span {border-radius: 25%;} 742 span { 743 border-radius: 25%; 744 } 716 745 } 717 746 } … … 753 782 754 783 @include small-up-bp { 784 755 785 li { 756 786 float: left; … … 787 817 label, 788 818 option { 819 789 820 @include font-size(14); 790 821 } … … 797 828 798 829 @include small-up-bp { 830 799 831 li.last { 800 832 text-align: right; … … 854 886 margin: 0 0 0 (-$spacing-val-md); 855 887 856 ul {margin-top: 0;} 888 ul { 889 margin-top: 0; 890 } 857 891 } 858 892 } … … 898 932 border: 1px solid $border-med; 899 933 border-bottom-color: $content-background; 934 900 935 @include border-top-radius(4px); 901 936 margin-bottom: -1px; … … 912 947 913 948 #subnav { 949 914 950 ul { 915 951 border-bottom: 0; … … 940 976 } 941 977 942 .pag-count {margin-left: 0;} 978 .pag-count { 979 margin-left: 0; 980 } 981 943 982 .pagination-links { 944 983 margin-right: 0; … … 957 996 overflow: visible; 958 997 width: auto; 959 &:before {display: none;} 998 999 &:before { 1000 display: none; 1001 } 960 1002 } 961 1003 … … 986 1028 .activity-header, 987 1029 .activity-meta { 1030 988 1031 @include default-font-sans(); 989 1032 } … … 1046 1089 text-align: center; 1047 1090 1048 a {border-bottom: 0;} 1091 a { 1092 border-bottom: 0; 1093 } 1049 1094 1050 1095 img.avatar { … … 1078 1123 1079 1124 .item-title { 1125 1080 1126 @include font-size(18); 1081 1127 line-height: 1.2; … … 1090 1136 .update { 1091 1137 display: block; 1138 1092 1139 @include font-size(13); 1093 1140 1094 1141 @include medium-up { 1142 1095 1143 @include font-size(14); 1096 1144 } … … 1118 1166 1119 1167 .item-title { 1120 @include font-size(22) 1168 1169 @include font-size(22); 1121 1170 } 1122 1171 } … … 1194 1243 1195 1244 #buddypress { 1245 1196 1246 form#whats-new-form { 1197 1247 … … 1219 1269 border: 1px solid rgba($border-color, 0.5); 1220 1270 float: left; 1221 line-height: 1.5 em;1271 line-height: 1.5; 1222 1272 margin-top: 12px; 1223 1273 padding-left: 0.2em; … … 1235 1285 1236 1286 @include small-up { 1287 1237 1288 #whats-new-post-in-box { 1238 1289 width: auto; … … 1251 1302 // User account form requires matching bp default specificity 1252 1303 #item-body { 1304 1253 1305 form#whats-new-form { 1254 1306 margin: $spacing-val-lg 0; … … 1294 1346 1295 1347 .activity-header { 1348 1296 1349 @include font-size(14); 1297 1350 … … 1308 1361 margin-right: $spacing-val-sm; 1309 1362 text-align: left; 1310 a {border-bottom: 0;} 1363 1364 a { 1365 border-bottom: 0; 1366 } 1311 1367 } 1312 1368 … … 1316 1372 1317 1373 .activity-header { 1374 1318 1375 @include font-size(16); 1319 1376 } … … 1341 1398 1342 1399 .activity-header { 1400 1343 1401 @include font-size(14); 1344 1402 } … … 1391 1449 background: darken($light-background, 1%); 1392 1450 border: 1px solid rgba(#9fd1e2, 0.3); 1393 a { font-style: italic; } 1451 1452 a { 1453 font-style: italic; 1454 } 1394 1455 } 1395 1456 … … 1405 1466 1406 1467 .activity-permalink { 1468 1407 1469 #buddypress { 1408 1470 … … 1414 1476 1415 1477 li.mini { 1478 1416 1479 .activity-header { 1480 1417 1481 @include font-size(16); 1482 1418 1483 @include med-small-up { 1484 1419 1485 @include font-size(20); 1420 1486 } 1421 1487 1422 1488 margin-bottom: $spacing-val-lg; 1423 p {padding: $spacing-val-md;} 1489 1490 p { 1491 padding: $spacing-val-md; 1492 } 1424 1493 } 1425 1494 } … … 1468 1537 display: inline-block; 1469 1538 font-family: inherit; 1539 1470 1540 @include font-size(12); 1471 font-weight: normal;1541 font-weight: 400; 1472 1542 line-height: 1.2; 1473 1543 padding: 4px 10px; … … 1506 1576 1507 1577 li { 1578 1508 1579 .item-avatar, 1509 1580 .item { … … 1558 1629 1559 1630 @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 } 1562 1639 } 1563 1640 … … 1623 1700 // & reset them for med up only. 1624 1701 #item-header-cover-image { 1702 1625 1703 .user-nicename { 1626 1704 color: $body-text; … … 1643 1721 1644 1722 #item-meta { 1723 1645 1724 @include font-size(14); 1646 1725 text-align: left; 1647 1726 1648 p {margin-bottom: 0.5em;} 1727 p { 1728 margin-bottom: 0.5em; 1729 } 1649 1730 } 1650 1731 } … … 1654 1735 1655 1736 main { 1737 1656 1738 header.entry-header { 1657 1739 padding-bottom: 1rem; … … 1676 1758 .generic-button { 1677 1759 float: none; 1678 margin: 1.5em 0 0 0;1760 margin: 1.5em 0 0; 1679 1761 } 1680 1762 } … … 1688 1770 1689 1771 #item-header-avatar { 1772 1690 1773 img.avatar { 1691 1774 margin-right: 0; … … 1713 1796 1714 1797 @include medium-only-bp { 1798 1715 1799 #item-header { 1800 1716 1801 #item-meta { 1717 1802 margin-bottom: $spacing-val-md; … … 1781 1866 1782 1867 h2 { 1868 1783 1869 @include font-size(14); 1784 1870 1785 1871 @include med-small-up { 1872 1786 1873 @include font-size(16); 1787 1874 } … … 1827 1914 1828 1915 .bp-user { 1916 1829 1917 #buddypress { 1830 1918 … … 1837 1925 1838 1926 img.avatar, 1839 1840 1927 a { 1841 1928 display: inline-block; … … 1931 2018 background: none; 1932 2019 color: inherit; 2020 1933 2021 @include font-size(14); 1934 2022 width: auto; … … 1953 2041 ul { 1954 2042 color: rgba($body-text, 0.6); 2043 1955 2044 @include font-size(14); 1956 2045 } … … 1981 2070 float: left; 1982 2071 1983 > a {border-bottom: 0;} 2072 > a { 2073 border-bottom: 0; 2074 } 1984 2075 } 1985 2076 … … 2020 2111 2021 2112 #subnav { 2113 2022 2114 li { 2115 2023 2116 @include small-only { 2024 2117 background: $content-background; … … 2036 2129 2037 2130 label { 2038 input[type="text"] {width: 100%;} 2131 2132 input[type="text"] { 2133 width: 100%; 2134 } 2039 2135 } 2040 2136 } … … 2073 2169 2074 2170 th { 2075 @include font-size(14) 2171 2172 @include font-size(14); 2076 2173 } 2077 2174 2078 2175 td { 2079 @include font-size(12) 2176 2177 @include font-size(12); 2080 2178 } 2081 2179 … … 2087 2185 2088 2186 th { 2089 @include font-size(16) 2187 2188 @include font-size(16); 2090 2189 } 2091 2190 2092 2191 td { 2093 @include font-size(14) 2192 2193 @include font-size(14); 2094 2194 } 2095 2195 } … … 2098 2198 2099 2199 th { 2100 @include font-size(18) 2200 2201 @include font-size(18); 2101 2202 } 2102 2203 2103 2204 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 } 2110 2214 2111 2215 .notifications-options-nav, … … 2172 2276 } 2173 2277 2174 table {margin-top: 0;} 2278 table { 2279 margin-top: 0; 2280 } 2175 2281 2176 2282 .profile-fields { … … 2220 2326 background: none; 2221 2327 border: 0; 2222 @include font-size(18) 2328 2329 @include font-size(18); 2223 2330 } 2224 2331 } //.button-nav … … 2227 2334 .field-visibility-settings-notoggle, 2228 2335 .field-visibility-settings { 2336 2229 2337 @include font-size(14); 2230 2338 margin-top: $spacing-val-sm; … … 2234 2342 .visibility-toggle-link { 2235 2343 background: $dark-background; 2344 2236 2345 @include border-radius(3px); 2237 2346 color: #fff; … … 2241 2350 2242 2351 .bp-avatar { 2352 2243 2353 #bp-delete-avatar { 2244 a {font-size: inherit; } 2354 2355 a { 2356 font-size: inherit; 2357 } 2245 2358 } 2246 2359 } … … 2261 2374 2262 2375 #groups-list { 2376 2263 2377 li { 2378 2264 2379 .item { 2380 2265 2381 @media screen and (min-width: 77.5em) { 2266 2382 left: 5%; … … 2308 2424 .message-metadata { 2309 2425 2310 &: :after {2426 &:after { 2311 2427 clear: both; 2312 2428 content: ""; … … 2319 2435 2320 2436 @include med-small-up { 2437 2321 2438 img.avatar { 2322 2439 float: left; … … 2350 2467 } 2351 2468 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 { 2355 2472 right: 40px; 2356 2473 text-align: right; … … 2422 2539 td.thread-options { 2423 2540 border-left: 0 !important; 2541 2424 2542 @include calc(width, "100% - 30px"); 2425 2543 margin-left: 0; … … 2435 2553 2436 2554 a { 2555 2437 2556 @include font-size(12); 2438 2557 line-height: 2.2; … … 2451 2570 @include small-only { 2452 2571 clear: both; 2572 2453 2573 @include font-size(11); 2454 2574 width: 100%; … … 2486 2606 list-style: none; 2487 2607 2488 li {margin-left: 0;} 2608 li { 2609 margin-left: 0; 2610 } 2489 2611 2490 2612 li.friend-tab { … … 2543 2665 2544 2666 td:nth-child(2) { 2667 2545 2668 strong { 2546 2669 margin: -8px -8px 8px; … … 2570 2693 } 2571 2694 2572 a:last-child: :after {2695 a:last-child:after { 2573 2696 content: attr(title); 2574 2697 display: block; … … 2586 2709 padding-left: $spacing-val-sm; 2587 2710 2588 ul { margin: 0; } 2711 ul { 2712 margin: 0; 2713 } 2589 2714 2590 2715 li { … … 2613 2738 // 'p' = email notification screen sub heading 2614 2739 > p { 2740 2615 2741 @include font-size(20); 2616 2742 margin: $spacing-val-md 0 $spacing-val-sm; … … 2677 2803 } 2678 2804 2679 input[type= 'text'],2680 input[type= 'email'],2681 input[type= 'password'],2805 input[type="text"], 2806 input[type="email"], 2807 input[type="password"], 2682 2808 textarea { 2683 2809 width: 100%; … … 2694 2820 2695 2821 form { 2822 2696 2823 .ac-textarea { 2697 2824 background: $light-background; … … 2731 2858 2732 2859 #signup_form.standard-form { 2860 2733 2861 div.submit { 2734 2862 float: none; 2735 2863 2736 input {margin-right: 0;} 2864 input { 2865 margin-right: 0; 2866 } 2737 2867 } 2738 2868 } … … 2753 2883 form { // *sigh* only to bludgeon over specified rules 2754 2884 border: 1px solid rgba($border-color, 0.6); 2885 2755 2886 @include border-radius(2px); 2756 2887 overflow: hidden; … … 2771 2902 input[type="submit"] { 2772 2903 border: 0; 2904 2773 2905 @include font-size(14); 2774 2906 line-height: inherit; … … 2782 2914 2783 2915 input[type="submit"] { 2916 2784 2917 @include border-radius-none(); 2785 2918 float: right; 2786 font-weight: normal;2919 font-weight: 400; 2787 2920 padding: 0.2em 1em; 2788 2921 text-align: center; … … 2794 2927 } // close .dir-search, .message-search 2795 2928 2796 // Dirs & certain components hide search hides labels so can't width the label element2797 // 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. 2798 2931 2799 2932 div.dir-search { … … 2805 2938 #search-message-form { 2806 2939 2807 input[type= 'text'] {2940 input[type="text"] { 2808 2941 float: left; 2809 2942 margin: 0; … … 2815 2948 2816 2949 @include small-up { 2950 2817 2951 div.dir-search, 2818 2952 div.message-search, … … 2833 2967 form { 2834 2968 2835 input[type='text'] { 2969 input[type="text"] { 2970 2836 2971 @include font-size(16) ; 2837 2972 } 2838 2973 2839 input[type='submit'] { 2974 input[type="submit"] { 2975 2840 2976 @include font-size(16) ; 2841 2977 } … … 2846 2982 } // close #buddypress 2847 2983 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. 2849 2986 body.colors-dark { 2850 2987 … … 2860 2997 background: #333; 2861 2998 border-color: #555; 2999 2862 3000 @include border-radius(2px); 2863 3001 padding: 1px; … … 2869 3007 2870 3008 input[type="submit"] { 3009 2871 3010 @include border-radius(2px); 2872 3011 } … … 2879 3018 } 2880 3019 } 3020 2881 3021 /** 2882 3022 *------------------------------------------------------------------------------- … … 2893 3033 2894 3034 table { 3035 2895 3036 @include font-size(14); 2896 3037 margin: $spacing-val-md 0; … … 2909 3050 2910 3051 @include medium-up { 3052 2911 3053 table { 3054 2912 3055 @include font-size(16); 2913 3056 } … … 2971 3114 .messages-notices { 2972 3115 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 { 2976 3119 left: 0; 2977 3120 margin-top: 20px; … … 2999 3142 3000 3143 p { 3144 3001 3145 @include font-size(18); 3002 font-weight: bold;3146 font-weight: 700; 3003 3147 } 3004 3148 … … 3006 3150 3007 3151 p { 3152 3008 3153 @include message-box($notice-info); 3009 3154 } … … 3013 3158 3014 3159 p { 3160 3015 3161 @include message-box($notice-update); 3016 3162 } … … 3026 3172 border: 1px solid #000; 3027 3173 color: $body-text; 3174 3028 3175 @include font-size(16); 3029 3176 } … … 3034 3181 // Without direct classes on our mesages ( 'warning') 3035 3182 // we need to use the body classes 3036 // todo: If thisis class .warning is included in main BP styles remove from here3183 // @todo If this class .warning is included in main BP styles remove from here 3037 3184 3038 3185 .delete-group { … … 3043 3190 3044 3191 p { 3192 3045 3193 @include message-box($notice-warning); 3046 3194 } -
trunk/src/bp-templates/bp-legacy/css/twentysixteen-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 598 598 border: 1px solid rgba(212, 208, 186, 0.5); 599 599 float: right; 600 line-height: 1.5 em;600 line-height: 1.5; 601 601 margin-top: 12px; 602 602 padding-right: 0.2em; … … 802 802 font-size: 12px; 803 803 font-size: 0.75rem; 804 font-weight: normal;804 font-weight: 400; 805 805 line-height: 1.2; 806 806 padding: 4px 10px; … … 909 909 .single-item.groups #buddypress #item-header .generic-button { 910 910 float: none; 911 margin: 1.5em 0 0 0;911 margin: 1.5em 0 0; 912 912 } 913 913 } … … 1390 1390 } 1391 1391 1392 .bp-user #buddypress #message-thread .message-metadata: :after {1392 .bp-user #buddypress #message-thread .message-metadata:after { 1393 1393 clear: both; 1394 1394 content: ""; … … 1428 1428 } 1429 1429 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 { 1433 1433 left: 40px; 1434 1434 text-align: left; … … 1626 1626 } 1627 1627 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 { 1629 1629 content: attr(title); 1630 1630 display: block; … … 1700 1700 } 1701 1701 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"], 1705 1705 #main #buddypress .standard-form textarea { 1706 1706 width: 100%; … … 1760 1760 } 1761 1761 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"] { 1765 1765 float: right; 1766 1766 margin: 0; … … 1768 1768 } 1769 1769 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"] { 1776 1776 font-size: 14px; 1777 1777 font-size: 0.875rem; … … 1780 1780 } 1781 1781 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"] { 1785 1785 border-left: 1px solid rgba(212, 208, 186, 0.6); 1786 1786 padding: 0.2em 0.2em 0.2em 0; 1787 1787 } 1788 1788 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"] { 1792 1792 float: left; 1793 font-weight: normal;1793 font-weight: 400; 1794 1794 padding: 0.2em 1em; 1795 1795 text-align: center; … … 1806 1806 } 1807 1807 #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"], 1810 1810 #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"], 1813 1813 #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"] { 1816 1816 width: auto; 1817 1817 } … … 1819 1819 1820 1820 @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"] { 1823 1823 font-size: 16px; 1824 1824 font-size: 1rem; 1825 1825 } 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"] { 1828 1828 font-size: 16px; 1829 1829 font-size: 1rem; … … 1902 1902 } 1903 1903 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 { 1907 1907 right: 0; 1908 1908 margin-top: 10px; … … 1921 1921 font-size: 18px; 1922 1922 font-size: 1.125rem; 1923 font-weight: bold;1923 font-weight: 700; 1924 1924 } 1925 1925 -
trunk/src/bp-templates/bp-legacy/css/twentysixteen.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 598 598 border: 1px solid rgba(212, 208, 186, 0.5); 599 599 float: left; 600 line-height: 1.5 em;600 line-height: 1.5; 601 601 margin-top: 12px; 602 602 padding-left: 0.2em; … … 802 802 font-size: 12px; 803 803 font-size: 0.75rem; 804 font-weight: normal;804 font-weight: 400; 805 805 line-height: 1.2; 806 806 padding: 4px 10px; … … 909 909 .single-item.groups #buddypress #item-header .generic-button { 910 910 float: none; 911 margin: 1.5em 0 0 0;911 margin: 1.5em 0 0; 912 912 } 913 913 } … … 1390 1390 } 1391 1391 1392 .bp-user #buddypress #message-thread .message-metadata: :after {1392 .bp-user #buddypress #message-thread .message-metadata:after { 1393 1393 clear: both; 1394 1394 content: ""; … … 1428 1428 } 1429 1429 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 { 1433 1433 right: 40px; 1434 1434 text-align: right; … … 1626 1626 } 1627 1627 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 { 1629 1629 content: attr(title); 1630 1630 display: block; … … 1700 1700 } 1701 1701 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"], 1705 1705 #main #buddypress .standard-form textarea { 1706 1706 width: 100%; … … 1760 1760 } 1761 1761 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"] { 1765 1765 float: left; 1766 1766 margin: 0; … … 1768 1768 } 1769 1769 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"] { 1776 1776 font-size: 14px; 1777 1777 font-size: 0.875rem; … … 1780 1780 } 1781 1781 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"] { 1785 1785 border-right: 1px solid rgba(212, 208, 186, 0.6); 1786 1786 padding: 0.2em 0 0.2em 0.2em; 1787 1787 } 1788 1788 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"] { 1792 1792 float: right; 1793 font-weight: normal;1793 font-weight: 400; 1794 1794 padding: 0.2em 1em; 1795 1795 text-align: center; … … 1806 1806 } 1807 1807 #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"], 1810 1810 #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"], 1813 1813 #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"] { 1816 1816 width: auto; 1817 1817 } … … 1819 1819 1820 1820 @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"] { 1823 1823 font-size: 16px; 1824 1824 font-size: 1rem; 1825 1825 } 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"] { 1828 1828 font-size: 16px; 1829 1829 font-size: 1rem; … … 1902 1902 } 1903 1903 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 { 1907 1907 left: 0; 1908 1908 margin-top: 10px; … … 1921 1921 font-size: 18px; 1922 1922 font-size: 1.125rem; 1923 font-weight: bold;1923 font-weight: 700; 1924 1924 } 1925 1925 -
trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss
r11586 r11587 37 37 38 38 @mixin small-up { 39 39 40 @media screen and (min-width: 44.375em) { 41 40 42 @content; 41 43 } … … 43 45 44 46 @mixin medium-up { 47 45 48 @media screen and (min-width: 61.5625em) { 49 46 50 @content; 47 51 } … … 49 53 50 54 @mixin large-up { 55 51 56 @media screen and (min-width: 75em) { 57 52 58 @content; 53 59 } … … 175 181 $unread: #dce5ff; 176 182 $link-action: #c82b2b; 183 177 184 /*-------------------------------------------------------------- 178 185 … … 187 194 in your child themes root & either start over or modify the rulesets. 188 195 189 If you do not require the styles you can dequeue them from the themes functions file. 196 If you do not require the styles you can dequeue them from the themes 197 functions file. 190 198 191 199 Please see this codex article for more information: … … 264 272 .buddypress { 265 273 // Remove any empty clearing elements, CSS provides clearing. 266 div.clear {display: none;} 274 div.clear { 275 display: none; 276 } 267 277 268 278 // Ensure no text decoration or box shadow causing underlined effect. … … 280 290 } 281 291 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. 284 295 285 296 @include small-up { 297 286 298 #primary { 287 299 float: none; … … 309 321 310 322 @include medium-up { 323 311 324 #primary { 312 325 float: left; … … 332 345 } // .buddypress (body class) 333 346 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. 336 350 337 351 .buddypress.no-sidebar { … … 350 364 *------------------------------------------------------------------------------- 351 365 */ 352 353 366 354 367 … … 368 381 // active/current states all navs 369 382 div.item-list-tabs { 383 370 384 ul { 385 371 386 li.selected { 387 372 388 a { 373 389 background: inherit; … … 379 395 // global nav styles 380 396 div.item-list-tabs { 397 381 398 ul { 382 399 background-color: $cream-background; … … 387 404 388 405 li { 406 389 407 a { 390 408 color: #0073c1; 391 409 392 span {border-radius: 25%;} 410 span { 411 border-radius: 25%; 412 } 393 413 } 394 414 } … … 428 448 &:hover, 429 449 &:focus { 430 &:before {content: "Menu \021E7";} 450 451 &:before { 452 content: "Menu \021E7"; 453 } 431 454 432 455 ul { … … 460 483 461 484 @media screen and (max-width: 38.75em) { 485 462 486 li:not(:last-child) { 463 487 border-bottom: 1px solid $border-light; … … 468 492 469 493 @media screen and (max-width: 38.75em) { 494 470 495 &:focus, 471 496 &:hover { … … 476 501 477 502 @media screen and (min-width: 38.75em) { 503 478 504 li { 479 505 float: left; … … 508 534 label, 509 535 option { 536 510 537 @include font-size(14); 511 538 } … … 517 544 518 545 @media screen and (min-width: 38.75em) { 546 519 547 li.last { 520 548 text-align: right; … … 537 565 538 566 body.no-sidebar { 567 539 568 #buddypress { 540 569 … … 578 607 margin: 0 0 0 (-$spacing-val-md); 579 608 580 ul {margin-top: 0;} 609 ul { 610 margin-top: 0; 611 } 581 612 } 582 613 } … … 591 622 592 623 @media screen and (min-width: 46.25em) { 624 593 625 #main { 626 594 627 #buddypress { 595 628 … … 622 655 border: 1px solid $border-med; 623 656 border-bottom-color: $content-background; 657 624 658 @include border-top-radius(4px); 625 659 margin-bottom: -1px; … … 636 670 637 671 #subnav { 672 638 673 ul { 639 674 border-bottom: 0; … … 663 698 } 664 699 665 .pag-count {margin-left: 0;} 700 .pag-count { 701 margin-left: 0; 702 } 703 666 704 .pagination-links { 667 705 margin-right: 0; … … 680 718 overflow: visible; 681 719 width: auto; 682 &:before {display: none;} 720 721 &:before { 722 display: none; 723 } 683 724 } 684 725 … … 704 745 // Adjusts Meta items and various elements to match 2016 font-family 705 746 #buddypress { 747 706 748 .item-list { 749 707 750 .activity-header, 708 751 .activity-meta { 752 709 753 @include default-font-sans(); 710 754 } … … 713 757 714 758 #buddypress { 759 715 760 .activity-meta { 761 716 762 .button { 763 717 764 &:focus, 718 765 &:hover { … … 724 771 725 772 .action { 773 726 774 .generic-button { 775 727 776 a { 777 728 778 &:focus, 729 779 &:hover { … … 745 795 746 796 #buddypress { 797 747 798 ul.item-list { 799 748 800 li { 749 801 overflow: hidden !important; … … 759 811 text-align: center; 760 812 761 a {border-bottom: 0;} 813 a { 814 border-bottom: 0; 815 } 762 816 763 817 img.avatar { … … 791 845 792 846 .item-title { 847 793 848 @include font-size(18); 794 849 line-height: 1.2; … … 803 858 .update { 804 859 display: block; 860 805 861 @include font-size(12); 806 862 807 863 @include medium-up { 864 808 865 @include font-size(14); 809 866 } … … 817 874 818 875 @include medium-up { 876 819 877 .item-avatar, 820 878 .item, … … 830 888 831 889 .item-title { 832 @include font-size(22) 890 891 @include font-size(22); 833 892 } 834 893 } … … 906 965 907 966 #buddypress { 967 908 968 form#whats-new-form { 909 969 … … 916 976 917 977 @media screen and (max-width: 46.25em) { 978 918 979 #whats-new-content { 919 980 clear: left; … … 924 985 925 986 #whats-new-content.active { 987 926 988 #whats-new-options[style] { 989 927 990 #whats-new-post-in-box { 928 991 border: 1px solid rgba($border-color, 0.5); 929 992 float: left; 930 line-height: 1.5 em;993 line-height: 1.5; 931 994 margin-top: 12px; 932 995 padding-left: 0.2em; … … 944 1007 945 1008 @media screen and (min-width: 30em) { 1009 946 1010 #whats-new-post-in-box { 947 1011 width: auto; … … 960 1024 // User account form requires matching bp default specificity 961 1025 #item-body { 1026 962 1027 form#whats-new-form { 963 1028 margin: $spacing-val-lg 0; … … 1003 1068 1004 1069 .activity-header { 1070 1005 1071 @include font-size(14); 1006 1072 … … 1017 1083 margin-right: $spacing-val-sm; 1018 1084 text-align: left; 1019 a {border-bottom: 0;} 1085 1086 a { 1087 border-bottom: 0; 1088 } 1020 1089 } 1021 1090 … … 1025 1094 1026 1095 .activity-header { 1096 1027 1097 @include font-size(16); 1028 1098 } … … 1034 1104 1035 1105 li.mini { 1106 1036 1107 .activity-avatar { 1108 1037 1109 a { 1110 1038 1111 img.avatar { 1039 1112 height: 30px; … … 1045 1118 1046 1119 .activity-content { 1120 1047 1121 .activity-header { 1122 1048 1123 @include font-size(14); 1049 1124 } … … 1073 1148 1074 1149 .activity-meta { 1150 1075 1151 a { 1076 1152 display: block; … … 1095 1171 background: darken($light-background, 1%); 1096 1172 border: 1px solid rgba(#9fd1e2, 0.3); 1097 a { font-style: italic; } 1173 1174 a { 1175 font-style: italic; 1176 } 1098 1177 } 1099 1178 … … 1109 1188 1110 1189 .activity-permalink { 1190 1111 1191 #buddypress { 1192 1112 1193 #activity-stream { 1113 1194 … … 1117 1198 1118 1199 li.mini { 1200 1119 1201 .activity-header { 1202 1120 1203 @include font-size(16); 1204 1121 1205 @media screen and (min-width: 46.25em) { 1206 1122 1207 @include font-size(20); 1123 1208 } 1124 1209 1125 1210 margin-bottom: $spacing-val-lg; 1126 p {padding: $spacing-val-md;} 1211 1212 p { 1213 padding: $spacing-val-md; 1214 } 1127 1215 } 1128 1216 } … … 1139 1227 1140 1228 #activity-stream { 1229 1141 1230 .activity-comments { 1142 1231 border-left: 1px solid $border-light; … … 1164 1253 display: inline-block; 1165 1254 font-family: inherit; 1255 1166 1256 @include font-size(12); 1167 font-weight: normal;1257 font-weight: 400; 1168 1258 line-height: 1.2; 1169 1259 padding: 4px 10px; … … 1196 1286 1197 1287 #buddypress { 1288 1198 1289 #members-list { 1199 1290 1200 1291 @include medium-up { 1292 1201 1293 li { 1294 1202 1295 .item-avatar, 1203 1296 .item { … … 1227 1320 1228 1321 #buddypress { 1322 1229 1323 #signup_form.standard-form { 1230 1324 … … 1241 1335 1242 1336 @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 } 1245 1345 } 1246 1346 … … 1263 1363 .bp-user, 1264 1364 .single-item.groups { 1365 1265 1366 #buddypress { 1367 1266 1368 #item-header-content { 1369 1267 1370 #item-meta { 1371 1268 1372 @include font-size(14); 1269 1373 text-align: left; 1270 1374 1271 p {margin-bottom: 0.5em;} 1375 p { 1376 margin-bottom: 0.5em; 1377 } 1272 1378 } 1273 1379 } … … 1275 1381 1276 1382 @media screen and (max-width: 46.25em) { 1383 1277 1384 main { 1385 1278 1386 header.entry-header { 1279 1387 padding-bottom: 1rem; … … 1283 1391 1284 1392 @media screen and (max-width: 38.75em) { 1393 1285 1394 h1, 1286 1395 #item-header-content { … … 1290 1399 1291 1400 #buddypress { 1401 1292 1402 @media screen and (max-width: 46.25em) { 1403 1293 1404 #item-header { 1405 1294 1406 .generic-button { 1295 1407 float: none; 1296 margin: 1.5em 0 0 0;1408 margin: 1.5em 0 0; 1297 1409 } 1298 1410 } … … 1300 1412 1301 1413 @media screen and (max-width: 38.75em) { 1414 1302 1415 h1 { 1303 1416 margin-bottom: 0; … … 1305 1418 1306 1419 #item-header-avatar { 1420 1307 1421 img.avatar { 1308 1422 margin-right: 0; … … 1326 1440 1327 1441 .single-item.groups { 1442 1328 1443 #buddypress { 1444 1329 1445 @media screen and (max-width: 46.25em) { 1446 1330 1447 #item-header { 1448 1331 1449 #item-meta { 1332 1450 margin-bottom: $spacing-val-md; … … 1338 1456 // avatar first after group title 1339 1457 @media screen and (max-width: 38.75em) { 1458 1340 1459 div#item-header { 1341 1460 display: flex; … … 1396 1515 1397 1516 h2 { 1517 1398 1518 @include font-size(14); 1399 1519 1400 1520 @media screen and (min-width: 46.25em) { 1521 1401 1522 @include font-size(16); 1402 1523 } … … 1442 1563 1443 1564 .bp-user { 1565 1444 1566 #buddypress { 1567 1445 1568 #item-header { 1446 1569 padding: $spacing-val-md 0; … … 1459 1582 1460 1583 @media screen and (min-width: 46.25em) { 1584 1461 1585 #item-header-avatar { 1462 1586 float: left; … … 1503 1627 // headings settings screens & general global settings styles 1504 1628 .groups { 1629 1505 1630 #group-settings-form { 1631 1506 1632 h3 { 1507 1633 background: $dark-background; … … 1513 1639 1514 1640 .groups.edit-details { 1641 1515 1642 #group-settings-form { 1516 1643 … … 1524 1651 background: none; 1525 1652 color: inherit; 1653 1526 1654 @include font-size(14); 1527 1655 width: auto; … … 1537 1665 1538 1666 .groups.group-settings { 1667 1539 1668 #group-settings-form { 1540 1669 … … 1545 1674 ul { 1546 1675 color: rgba($body-text, 0.6); 1676 1547 1677 @include font-size(14); 1548 1678 } … … 1561 1691 1562 1692 .groups.manage-members { 1693 1563 1694 #group-settings-form { 1695 1564 1696 .item-list { 1697 1565 1698 li { 1566 1699 border-bottom: 1px solid $border-light; … … 1570 1703 float: left; 1571 1704 1572 > a {border-bottom: 0;} 1705 > a { 1706 border-bottom: 0; 1707 } 1573 1708 } 1574 1709 … … 1607 1742 // Massage the members search for groups nav specifically. 1608 1743 .groups.group-members { 1744 1609 1745 #subnav { 1746 1610 1747 li { 1748 1611 1749 @media screen and (max-width: 38.75em) { 1612 1750 background: $content-background; … … 1624 1762 1625 1763 label { 1626 input[type="text"] {width: 100%;} 1764 1765 input[type="text"] { 1766 width: 100%; 1767 } 1627 1768 } 1628 1769 } … … 1643 1784 1644 1785 .bp-user { 1645 .entry-title {margin-bottom: 0.5em;} 1786 1787 .entry-title { 1788 margin-bottom: 0.5em; 1789 } 1646 1790 } 1647 1791 … … 1656 1800 1657 1801 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 } 1661 1816 1662 1817 @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 } 1665 1828 } 1666 1829 1667 1830 @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 } 1674 1847 1675 1848 .notifications-options-nav { … … 1685 1858 input { 1686 1859 border: 0; 1860 1687 1861 @include font-size(14); 1688 1862 outline: 0; … … 1719 1893 1720 1894 .profile { 1895 1721 1896 .bp-widget { 1897 1722 1898 h2 { 1723 1899 background: lighten($dark-background, 10%); … … 1727 1903 } 1728 1904 1729 table {margin-top: 0;} 1730 } 1905 table { 1906 margin-top: 0; 1907 } 1908 } 1909 1731 1910 /* Edit profile */ 1732 1911 1733 1912 #profile-edit-form { 1913 1734 1914 .button-nav:before, 1735 1915 .button-nav:after { … … 1760 1940 background: none; 1761 1941 border: 0; 1762 @include font-size(18) 1942 1943 @include font-size(18); 1763 1944 } 1764 1945 } //.button-nav … … 1766 1947 .field-visibility-settings-toggle, 1767 1948 .field-visibility-settings { 1949 1768 1950 @include font-size(14); 1769 1951 } … … 1778 1960 1779 1961 .bp-avatar { 1962 1780 1963 #bp-delete-avatar { 1781 a {font-size: inherit; } 1964 1965 a { 1966 font-size: inherit; 1967 } 1782 1968 } 1783 1969 } … … 1798 1984 1799 1985 #groups-list { 1986 1800 1987 li { 1988 1801 1989 .item { 1990 1802 1991 @media screen and (min-width: 77.5em) { 1803 1992 left: 5%; … … 1844 2033 .message-metadata { 1845 2034 1846 &: :after {2035 &:after { 1847 2036 clear: both; 1848 2037 content: ""; … … 1855 2044 1856 2045 @media screen and (min-width: 46.25em) { 2046 1857 2047 img.avatar { 1858 2048 float: left; … … 1875 2065 1876 2066 #send-reply { 2067 1877 2068 .message-content { 1878 2069 background: $content-background; … … 1885 2076 } 1886 2077 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 { 1890 2081 right: 40px; 1891 2082 text-align: right; … … 1896 2087 1897 2088 thead { 2089 1898 2090 tr { 1899 2091 background: lighten($dark-background, 10%); … … 1902 2094 1903 2095 tr { 2096 1904 2097 td { 1905 2098 background: $content-background; … … 1941 2134 td.thread-options { 1942 2135 border-left: 0 !important; 2136 1943 2137 @include calc(width, "100% - 30px"); 1944 2138 margin-left: 0; … … 1954 2148 1955 2149 a { 2150 1956 2151 @include font-size(12); 1957 2152 line-height: 2.2; … … 1970 2165 @media screen and (max-width: 38.75em) { 1971 2166 clear: both; 2167 1972 2168 @include font-size(11); 1973 2169 width: 100%; … … 1977 2173 1978 2174 tr.unread { 2175 1979 2176 td { 1980 2177 background: $unread; … … 2004 2201 list-style: none; 2005 2202 2006 li {margin-left: 0;} 2203 li { 2204 margin-left: 0; 2205 } 2007 2206 2008 2207 li.friend-tab { … … 2061 2260 2062 2261 td:nth-child(2) { 2262 2063 2263 strong { 2064 2264 margin: -8px -8px 8px; … … 2088 2288 } 2089 2289 2090 a:last-child: :after {2290 a:last-child:after { 2091 2291 content: attr(title); 2092 2292 display: block; … … 2104 2304 padding-left: $spacing-val-sm; 2105 2305 2106 ul { margin: 0; } 2306 ul { 2307 margin: 0; 2308 } 2107 2309 2108 2310 li { … … 2131 2333 // 'p' = email notification screen sub heading 2132 2334 > p { 2335 2133 2336 @include font-size(20); 2134 2337 margin: $spacing-val-md 0 $spacing-val-sm; … … 2137 2340 2138 2341 table.notification-settings { 2342 2139 2343 td.yes, 2140 2344 td.no { … … 2152 2356 2153 2357 @media screen and (min-width: 46.25em) { 2358 2154 2359 th.field-group-name, 2155 2360 td.field-name { … … 2164 2369 2165 2370 td.field-visibility { 2166 select {width: 100%;} 2371 2372 select { 2373 width: 100%; 2374 } 2167 2375 } 2168 2376 } … … 2180 2388 // Attempt to reset form control widths 2181 2389 #main { 2390 2182 2391 #buddypress { 2392 2183 2393 .standard-form { 2184 2394 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"], 2189 2402 textarea { 2190 2403 width: 100%; … … 2202 2415 2203 2416 form { 2417 2204 2418 .ac-textarea { 2205 2419 background: $light-background; … … 2234 2448 2235 2449 #signup_form.standard-form { 2450 2236 2451 div.submit { 2237 2452 float: none; 2238 2453 2239 input {margin-right: 0;} 2454 input { 2455 margin-right: 0; 2456 } 2240 2457 } 2241 2458 } … … 2244 2461 2245 2462 #buddypress { 2463 2246 2464 div.dir-search, 2247 2465 div.message-search, … … 2262 2480 } 2263 2481 2264 input[type= 'text'] {2482 input[type="text"] { 2265 2483 float: left; 2266 2484 margin: 0; … … 2268 2486 } 2269 2487 2270 input[type='text'], 2271 input[type='submit'] { 2488 input[type="text"], 2489 input[type="submit"] { 2490 2272 2491 @include font-size(14); 2273 2492 border: 0; … … 2275 2494 } 2276 2495 2277 input[type= 'text'] {2496 input[type="text"] { 2278 2497 border-right: 1px solid rgba($border-color, 0.6); 2279 2498 padding: 0.2em 0 0.2em 0.2em; 2280 2499 } 2281 2500 2282 input[type= 'submit'] {2501 input[type="submit"] { 2283 2502 float: right; 2284 font-weight: normal;2503 font-weight: 400; 2285 2504 padding: 0.2em 1em; 2286 2505 text-align: center; … … 2295 2514 2296 2515 @media screen and (min-width: 38.75em) { 2516 2297 2517 div.dir-search, 2298 2518 div.message-search, … … 2302 2522 2303 2523 form { 2524 2304 2525 label, 2305 input[type= 'text'],2306 input[type= 'submit'] {2526 input[type="text"], 2527 input[type="submit"] { 2307 2528 width: auto; 2308 2529 } … … 2317 2538 .dir-search, 2318 2539 .message-search { 2540 2319 2541 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 } 2322 2552 } 2323 2553 } … … 2337 2567 // breakpoints. Provide top/bottom margins for tables, lacking in BP styles 2338 2568 #buddypress { 2569 2339 2570 table { 2571 2340 2572 @include font-size(14); 2341 2573 margin: $spacing-val-md 0; … … 2348 2580 2349 2581 // Reduce the themes inherited paragraph margins in tables 2350 p {margin-bottom: 0.5em;} 2582 p { 2583 margin-bottom: 0.5em; 2584 } 2351 2585 } 2352 2586 2353 2587 @media screen and (min-width: 55em) { 2354 table {@include font-size(16);} 2588 2589 table { 2590 2591 @include font-size(16); 2592 } 2355 2593 } 2356 2594 } … … 2363 2601 .notifications, 2364 2602 .messages-notices { 2603 2365 2604 th { 2366 2605 width: 30%; … … 2391 2630 // styling issues - this will need styling ideas 2392 2631 td { 2632 2393 2633 .button { 2394 2634 border: 0; … … 2403 2643 .messages-notices { 2404 2644 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 { 2408 2648 left: 0; 2409 2649 margin-top: 10px; … … 2428 2668 2429 2669 #buddypress { 2670 2430 2671 div#message { 2672 2431 2673 p { 2674 2432 2675 @include font-size(18); 2433 font-weight: bold;2676 font-weight: 700; 2434 2677 } 2435 2678 2436 2679 &.info { 2680 2437 2681 p { 2682 2438 2683 @include message-box($notice-info); 2439 2684 } … … 2441 2686 2442 2687 &.updated { 2688 2443 2689 p { 2690 2444 2691 @include message-box($notice-update); 2445 2692 } … … 2452 2699 // Without direct classes on our mesages ( 'warning' ) 2453 2700 // we need to use the body classes 2454 // todo: If thisis class .warning is included in main BP styles remove from here2701 // @todo If this class .warning is included in main BP styles remove from here 2455 2702 .delete-group { 2703 2456 2704 #buddypress { 2705 2457 2706 div#message.info { 2707 2458 2708 p { 2709 2459 2710 @include message-box($notice-warning); 2460 2711 } -
trunk/src/bp-templates/bp-legacy/css/twentyten-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 69 69 70 70 body.page-template-onecolumn-page #content { 71 margin: 0 10% 0;71 margin: 0 10%; 72 72 width: auto; 73 73 } … … 745 745 font-size: 12px; 746 746 font-size: 0.8rem; 747 font-weight: normal;747 font-weight: 400; 748 748 line-height: 1.2; 749 749 padding: 4px 10px; … … 875 875 .single-item.groups #buddypress #item-header .generic-button { 876 876 float: none; 877 margin: 1.5em 0 0 0;877 margin: 1.5em 0 0; 878 878 } 879 879 } … … 959 959 font-size: 14px; 960 960 font-size: 0.9333333333rem; 961 font-weight: bold;961 font-weight: 700; 962 962 line-height: 1.4; 963 963 } … … 1106 1106 1107 1107 .groups.group-settings #group-settings-form div.radio label { 1108 font-weight: bold;1108 font-weight: 700; 1109 1109 padding: 0.2em; 1110 1110 } … … 1341 1341 background-clip: padding-box; 1342 1342 color: #eee; 1343 font-weight: bold;1343 font-weight: 700; 1344 1344 padding: 0.1em 0.5em; 1345 1345 text-decoration: none; … … 1384 1384 } 1385 1385 1386 .bp-user #buddypress #message-thread .message-metadata: :after {1386 .bp-user #buddypress #message-thread .message-metadata:after { 1387 1387 clear: both; 1388 1388 content: ""; … … 1422 1422 } 1423 1423 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 { 1427 1427 left: 40px; 1428 1428 text-align: left; … … 1644 1644 } 1645 1645 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 { 1647 1647 content: attr(title); 1648 1648 display: block; … … 1723 1723 } 1724 1724 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"], 1728 1728 #main #buddypress .standard-form textarea { 1729 1729 border-width: 1px; … … 1784 1784 } 1785 1785 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"] { 1792 1792 border: 0; 1793 1793 border-radius: 0; … … 1803 1803 } 1804 1804 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"] { 1808 1808 border-left: 1px solid rgba(212, 208, 186, 0.6); 1809 1809 float: right; 1810 1810 margin: 0; 1811 padding: 0 0.2em 0;1811 padding: 0 0.2em; 1812 1812 width: 70%; 1813 1813 } 1814 1814 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"] { 1818 1818 float: left; 1819 font-weight: normal;1819 font-weight: 400; 1820 1820 padding: 0 1em; 1821 1821 text-align: center; … … 1832 1832 } 1833 1833 #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"], 1836 1836 #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"], 1839 1839 #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"] { 1842 1842 width: auto; 1843 1843 } … … 1845 1845 1846 1846 @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"] { 1849 1849 font-size: 16px; 1850 1850 font-size: 1.0666666667rem; 1851 1851 } 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"] { 1854 1854 font-size: 16px; 1855 1855 font-size: 1.0666666667rem; … … 1944 1944 } 1945 1945 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 { 1949 1949 right: 0; 1950 1950 margin-top: 10px; … … 1963 1963 font-size: 18px; 1964 1964 font-size: 1.2rem; 1965 font-weight: bold;1965 font-weight: 700; 1966 1966 } 1967 1967 -
trunk/src/bp-templates/bp-legacy/css/twentyten.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 69 69 70 70 body.page-template-onecolumn-page #content { 71 margin: 0 10% 0;71 margin: 0 10%; 72 72 width: auto; 73 73 } … … 745 745 font-size: 12px; 746 746 font-size: 0.8rem; 747 font-weight: normal;747 font-weight: 400; 748 748 line-height: 1.2; 749 749 padding: 4px 10px; … … 875 875 .single-item.groups #buddypress #item-header .generic-button { 876 876 float: none; 877 margin: 1.5em 0 0 0;877 margin: 1.5em 0 0; 878 878 } 879 879 } … … 959 959 font-size: 14px; 960 960 font-size: 0.9333333333rem; 961 font-weight: bold;961 font-weight: 700; 962 962 line-height: 1.4; 963 963 } … … 1106 1106 1107 1107 .groups.group-settings #group-settings-form div.radio label { 1108 font-weight: bold;1108 font-weight: 700; 1109 1109 padding: 0.2em; 1110 1110 } … … 1341 1341 background-clip: padding-box; 1342 1342 color: #eee; 1343 font-weight: bold;1343 font-weight: 700; 1344 1344 padding: 0.1em 0.5em; 1345 1345 text-decoration: none; … … 1384 1384 } 1385 1385 1386 .bp-user #buddypress #message-thread .message-metadata: :after {1386 .bp-user #buddypress #message-thread .message-metadata:after { 1387 1387 clear: both; 1388 1388 content: ""; … … 1422 1422 } 1423 1423 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 { 1427 1427 right: 40px; 1428 1428 text-align: right; … … 1644 1644 } 1645 1645 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 { 1647 1647 content: attr(title); 1648 1648 display: block; … … 1723 1723 } 1724 1724 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"], 1728 1728 #main #buddypress .standard-form textarea { 1729 1729 border-width: 1px; … … 1784 1784 } 1785 1785 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"] { 1792 1792 border: 0; 1793 1793 border-radius: 0; … … 1803 1803 } 1804 1804 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"] { 1808 1808 border-right: 1px solid rgba(212, 208, 186, 0.6); 1809 1809 float: left; 1810 1810 margin: 0; 1811 padding: 0 0.2em 0;1811 padding: 0 0.2em; 1812 1812 width: 70%; 1813 1813 } 1814 1814 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"] { 1818 1818 float: right; 1819 font-weight: normal;1819 font-weight: 400; 1820 1820 padding: 0 1em; 1821 1821 text-align: center; … … 1832 1832 } 1833 1833 #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"], 1836 1836 #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"], 1839 1839 #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"] { 1842 1842 width: auto; 1843 1843 } … … 1845 1845 1846 1846 @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"] { 1849 1849 font-size: 16px; 1850 1850 font-size: 1.0666666667rem; 1851 1851 } 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"] { 1854 1854 font-size: 16px; 1855 1855 font-size: 1.0666666667rem; … … 1944 1944 } 1945 1945 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 { 1949 1949 left: 0; 1950 1950 margin-top: 10px; … … 1963 1963 font-size: 18px; 1964 1964 font-size: 1.2rem; 1965 font-weight: bold;1965 font-weight: 700; 1966 1966 } 1967 1967 -
trunk/src/bp-templates/bp-legacy/css/twentyten.scss
r11586 r11587 18 18 19 19 20 21 20 // Mixins and Variables 22 21 … … 29 28 // BP min/max width mixins 30 29 31 // As layout is fixed width 'device' is needed to tell phones to work with breakpoints32 // provided is a 'up to' max-width and min-width as device widths for mobiles33 // 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. 35 34 36 35 @mixin small-device-up { 36 37 37 @media only screen and (min-device-width: 375px) { 38 38 39 @content; 39 40 } … … 41 42 42 43 @mixin small-device-max { 44 43 45 @media only screen and (max-device-width: 375px) { 46 44 47 @content; 45 48 } … … 47 50 48 51 @mixin medium-device-up { 52 49 53 @media only screen and (min-device-width: 450px) { 54 50 55 @content; 51 56 } … … 54 59 // min-width 450px 55 60 @mixin small-up { 61 56 62 @media screen and (min-device-width: 450px) { 63 57 64 @content; 58 65 } … … 61 68 // min-width 650px 62 69 @mixin medium-up { 70 63 71 @media screen and (min-width: 650px) { 72 64 73 @content; 65 74 } … … 68 77 // min-width 800px 69 78 @mixin large-up { 79 70 80 @media screen and (min-width: 800px) { 81 71 82 @content; 72 83 } … … 194 205 $unread: #9dc3c8; 195 206 $link-action: #c82b2b; 207 196 208 /*-------------------------------------------------------------- 197 209 … … 206 218 in your child themes root & either start over or modify the rulesets. 207 219 208 If you do not require the styles you can dequeue them from the themes functions file. 220 If you do not require the styles you can dequeue them from the themes 221 functions file. 209 222 210 223 Please see this codex article for more information: … … 258 271 .buddypress { 259 272 // Remove any empty clearing elements, CSS provides clearing. 260 div.clear {display: none;} 273 div.clear { 274 display: none; 275 } 261 276 262 277 } // .buddypress (body class) … … 269 284 270 285 #main { 286 271 287 #container { 272 288 margin: 0; … … 275 291 276 292 #content { 277 margin: 0 10% 0;293 margin: 0 10%; 278 294 width: auto; 279 295 … … 303 319 // We have a need to override BP specifity 304 320 // so some rulesets sets will appear over weighted in selectors 321 305 322 /* Here we start things off */ 306 323 #buddypress { … … 308 325 // active/current states all navs 309 326 div.item-list-tabs { 327 310 328 ul { 329 311 330 li.selected, 312 331 li.current { 332 313 333 a { 314 334 background: inherit; … … 320 340 // global nav styles 321 341 div.item-list-tabs { 342 322 343 ul { 323 344 overflow: hidden; … … 325 346 326 347 li { 348 327 349 a { 328 350 … … 346 368 347 369 } // close #buddypress 348 349 370 350 371 … … 399 420 label, 400 421 option { 422 401 423 @include font-size(14); 402 424 } … … 417 439 418 440 .bp-user { 441 419 442 #buddypress { 443 420 444 div#subnav.item-list-tabs { 445 421 446 li.last { 422 447 margin-left: 0; … … 435 460 436 461 body.bp-user { 462 437 463 #buddypress { 438 464 … … 484 510 margin: 0 0 0 (-$spacing-val-md); 485 511 486 ul {margin-top: 0;} 512 ul { 513 margin-top: 0; 514 } 487 515 } 488 516 } … … 497 525 498 526 @include small-device-up { 527 499 528 #main { 529 500 530 #buddypress { 501 531 … … 528 558 border: 1px solid $border-med; 529 559 border-bottom-color: $content-background; 560 530 561 @include border-top-radius(4px); 531 562 margin-bottom: -1px; … … 542 573 543 574 #subnav { 575 544 576 ul { 545 577 border-bottom: 0; … … 569 601 } 570 602 571 .pag-count {margin-left: 0;} 603 .pag-count { 604 margin-left: 0; 605 } 606 572 607 .pagination-links { 573 608 margin-right: 0; … … 586 621 overflow: visible; 587 622 width: auto; 588 &:before {display: none;} 623 624 &:before { 625 display: none; 626 } 589 627 } 590 628 … … 617 655 618 656 #buddypress { 657 619 658 ul.item-list { 620 659 border-top: 0; … … 633 672 text-align: center; 634 673 635 a {border-bottom: 0;} 674 a { 675 border-bottom: 0; 676 } 636 677 637 678 img.avatar { … … 673 714 674 715 .item-title { 716 675 717 @include font-size(16); 676 718 line-height: 1.2; … … 686 728 text-decoration: none; 687 729 688 &:visited { color: #21759b;} 730 &:visited { 731 color: #21759b; 732 } 689 733 } 690 734 691 735 .update { 692 736 display: block; 737 693 738 @include font-size(12); 694 739 695 740 @include medium-up { 741 696 742 @include font-size(14); 697 743 } … … 705 751 706 752 @include medium-up { 753 707 754 .item-avatar, 708 755 .item, … … 718 765 719 766 .item-title { 720 @include font-size(18) 767 768 @include font-size(18); 721 769 } 722 770 } … … 793 841 794 842 #buddypress { 843 795 844 form#whats-new-form { 796 845 … … 803 852 804 853 #whats-new-content.active { 854 805 855 #whats-new-options[style] { 856 806 857 #whats-new-post-in-box { 807 858 border: 1px solid rgba($border-color, 0.5); 808 859 float: left; 860 809 861 @include font-size(12); 810 862 line-height: 1.6; … … 825 877 826 878 @media screen and (min-width: 30em) { 879 827 880 #whats-new-post-in-box { 828 881 width: auto; … … 830 883 831 884 #whats-new-submit { 885 832 886 @include font-size(12); 833 887 float: right; … … 846 900 // User account form requires matching bp default specificity 847 901 #item-body { 902 848 903 form#whats-new-form { 849 904 margin: $spacing-val-lg 0; … … 868 923 869 924 &.load-newest { 925 870 926 a { 871 927 display: block; … … 897 953 898 954 .activity-header { 955 899 956 @include font-size(14); 900 957 … … 905 962 906 963 .activity-inner { 907 img {height: auto;} 964 965 img { 966 height: auto; 967 } 908 968 } 909 969 … … 925 985 926 986 .activity-header { 987 927 988 @include font-size(16); 928 989 } … … 938 999 939 1000 li.mini { 1001 940 1002 .activity-avatar { 1003 941 1004 a { 1005 942 1006 img.avatar { 943 1007 height: 30px; … … 949 1013 950 1014 .activity-content { 1015 951 1016 .activity-header { 1017 952 1018 @include font-size(14); 953 1019 } 954 1020 955 1021 .activity-meta { 1022 956 1023 a { 1024 957 1025 @include font-size(12); 958 1026 } … … 981 1049 982 1050 .activity-meta { 1051 983 1052 a { 984 1053 display: block; 1054 985 1055 @include font-size(14); 986 1056 margin-bottom: $spacing-val-xs; … … 1019 1089 1020 1090 .activity-permalink { 1091 1021 1092 #buddypress { 1093 1022 1094 #activity-stream { 1023 1095 … … 1027 1099 1028 1100 li.mini { 1101 1029 1102 .activity-header { 1103 1030 1104 @include font-size(16); 1105 1031 1106 @include medium-up { 1107 1032 1108 @include font-size(20); 1033 1109 } 1034 1110 1035 1111 margin-bottom: $spacing-val-lg; 1036 p {padding: $spacing-val-md;} 1112 1113 p { 1114 padding: $spacing-val-md; 1115 } 1037 1116 } 1038 1117 } // close li.mini … … 1070 1149 .acomment-meta, 1071 1150 .acomment-content { 1151 1072 1152 @include font-size(12); 1073 1153 } … … 1079 1159 .ac-form { 1080 1160 border: 1px solid $border-color; 1161 1081 1162 @include box-model(border-box); 1082 1163 margin: $spacing-val-sm 0; … … 1088 1169 display: inline-block; 1089 1170 font-family: inherit; 1171 1090 1172 @include font-size(12); 1091 font-weight: normal;1173 font-weight: 400; 1092 1174 line-height: 1.2; 1093 1175 padding: 4px 10px; … … 1121 1203 1122 1204 #buddypress { 1205 1123 1206 #members-list { 1124 1207 1125 1208 @include medium-up { 1209 1126 1210 li { 1211 1127 1212 .item-avatar, 1128 1213 .item { … … 1152 1237 1153 1238 #buddypress { 1239 1154 1240 #signup_form.standard-form { 1155 1241 … … 1160 1246 width: 100%; 1161 1247 1162 @media screen and (min-width: 37.5 00em) {1248 @media screen and (min-width: 37.5em) { 1163 1249 width: 48%; 1164 1250 } 1165 1251 } 1166 1252 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 } 1170 1262 } 1171 1263 … … 1180 1272 1181 1273 .bp-user { 1274 1182 1275 #buddypress { 1183 // On object nav links, table links (notifications etc) we don't really need :visited1184 // 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. 1185 1278 a { 1279 1186 1280 &:visited { 1187 1281 color: #21759b; … … 1199 1293 .bp-user, 1200 1294 .single-item.groups { 1295 1201 1296 #buddypress { 1297 1202 1298 #item-header-content { 1299 1203 1300 #item-meta { 1301 1204 1302 @include font-size(14); 1205 1303 text-align: left; 1206 1304 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 1213 1314 h1, 1214 1315 #item-header-content { … … 1218 1319 1219 1320 @media screen and (max-width: 46.25em) { 1321 1220 1322 main { 1323 1221 1324 header.entry-header { 1222 1325 padding-bottom: 1rem; … … 1226 1329 1227 1330 #buddypress { 1228 @media screen and (max-width: 37.500em) { 1331 1332 @media screen and (max-width: 37.5em) { 1333 1229 1334 h1 { 1230 1335 margin-bottom: 0; … … 1232 1337 1233 1338 #item-header-avatar { 1339 1234 1340 img.avatar { 1235 1341 margin-right: 0; … … 1247 1353 1248 1354 @media screen and (max-width: 46.25em) { 1355 1249 1356 #item-header { 1357 1250 1358 .generic-button { 1251 1359 float: none; 1252 margin: 1.5em 0 0 0;1360 margin: 1.5em 0 0; 1253 1361 } 1254 1362 } … … 1267 1375 1268 1376 .single-item.groups { 1377 1269 1378 #buddypress { 1379 1270 1380 @media screen and (max-width: 46.25em) { 1381 1271 1382 #item-header { 1383 1272 1384 #item-meta { 1273 1385 margin-bottom: $spacing-val-md; … … 1279 1391 // avatar first after group title 1280 1392 @media screen and (max-width: 50em) { 1393 1281 1394 div#item-header { 1282 1395 display: flex; … … 1316 1429 1317 1430 #item-header-content { 1431 1318 1432 @include box-model(border-box); 1319 1433 } … … 1341 1455 1342 1456 h2 { 1457 1343 1458 @include font-size(14); 1344 font-weight: bold;1459 font-weight: 700; 1345 1460 line-height: 1.4; 1346 1461 } … … 1348 1463 #group-admins, 1349 1464 #group-mods { 1465 1350 1466 li { 1351 1467 margin: 0; … … 1375 1491 1376 1492 @media screen and (min-width: 64em) { 1493 1377 1494 #item-header-content { 1378 1495 width: 40%; … … 1386 1503 // breakpoints. 1387 1504 // 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. 1389 1507 #buddypress { 1508 1390 1509 #cover-image-container { 1510 1391 1511 #item-header-cover-image { 1392 1512 … … 1396 1516 1397 1517 @media screen and (min-width: 50em) and (max-width: 60em) { 1518 1398 1519 #item-header-content { 1399 1520 max-width: 60% !important; … … 1412 1533 width: auto; 1413 1534 1414 h2 {border-bottom: 1px solid $border-light;} 1535 h2 { 1536 border-bottom: 1px solid $border-light; 1537 } 1415 1538 } 1416 1539 } // @media … … 1430 1553 1431 1554 .bp-user { 1555 1432 1556 #buddypress { 1557 1433 1558 #item-header { 1434 1559 … … 1445 1570 1446 1571 #item-header-cover-image { 1572 1447 1573 .user-nicename { 1448 1574 color: inherit; … … 1459 1585 1460 1586 #item-buttons { 1587 1461 1588 .generic-button { 1462 1589 margin-right: 5px; … … 1466 1593 1467 1594 @include medium-up { 1595 1468 1596 #item-header-avatar { 1469 1597 float: left; … … 1509 1637 // headings settings screens & general global settings styles 1510 1638 .groups { 1639 1511 1640 #group-settings-form { 1641 1512 1642 h3 { 1513 1643 background: $dark-background; … … 1519 1649 1520 1650 .groups.edit-details { 1651 1521 1652 #group-settings-form { 1522 1653 … … 1530 1661 background: none; 1531 1662 color: inherit; 1663 1532 1664 @include font-size(14); 1533 1665 width: auto; … … 1543 1675 1544 1676 .groups.group-settings { 1677 1545 1678 #group-settings-form { 1546 1679 1547 1680 div.radio label { 1548 font-weight: bold;1681 font-weight: 700; 1549 1682 padding: 0.2em; 1550 1683 1551 1684 ul { 1552 1685 color: rgba($body-text, 0.6); 1686 1553 1687 @include font-size(14); 1554 1688 } … … 1567 1701 1568 1702 .groups.manage-members { 1703 1569 1704 #group-settings-form { 1705 1570 1706 .item-list { 1707 1571 1708 li { 1572 1709 border-bottom: 1px solid $border-light; … … 1574 1711 img, 1575 1712 h5 { 1713 1576 1714 @include medium-up { 1577 1715 float: left; 1578 1716 } 1579 1717 1580 > a {border-bottom: 0;} 1718 > a { 1719 border-bottom: 0; 1720 } 1581 1721 } 1582 1722 … … 1615 1755 // Massage the members search for groups nav specifically. 1616 1756 .groups.group-members { 1757 1617 1758 #subnav { 1759 1618 1760 li { 1619 1761 width: 100%; … … 1624 1766 1625 1767 label { 1768 1626 1769 input[type="text"] { 1627 1770 box-shadow: none; … … 1651 1794 1652 1795 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 } 1655 1806 1656 1807 @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 } 1663 1824 1664 1825 .notifications-options-nav, … … 1667 1828 width: 100%; 1668 1829 1669 @media screen and (min-width: 37.5 00em) {1830 @media screen and (min-width: 37.5em) { 1670 1831 width: 60%; 1671 1832 } … … 1673 1834 select, 1674 1835 input { 1836 1675 1837 @include font-size(14); 1676 1838 outline: 0; … … 1683 1845 width: 49%; 1684 1846 1685 @media screen and (min-width: 37.5 00em) {1847 @media screen and (min-width: 37.5em) { 1686 1848 width: auto; 1687 1849 } … … 1695 1857 width: 50%; 1696 1858 1697 @media screen and (min-width: 37.5 00em) {1859 @media screen and (min-width: 37.5em) { 1698 1860 width: auto; 1699 1861 } … … 1721 1883 1722 1884 .profile { 1885 1723 1886 .bp-widget { 1887 1724 1888 h2 { 1725 1889 background: lighten($dark-background, 10%); … … 1729 1893 } 1730 1894 1731 table {margin-top: 0;} 1895 table { 1896 margin-top: 0; 1897 } 1732 1898 } 1733 1899 … … 1735 1901 1736 1902 #profile-edit-form { 1903 1737 1904 .button-nav:before, 1738 1905 .button-nav:after { … … 1763 1930 background: none; 1764 1931 border: 0; 1765 @include font-size(18) 1932 1933 @include font-size(18); 1766 1934 } 1767 1935 } //.button-nav … … 1773 1941 .field-visibility-settings-toggle, 1774 1942 .field-visibility-settings { 1943 1775 1944 @include font-size(14); 1776 1945 } … … 1779 1948 .visibility-toggle-link { 1780 1949 background: lighten($dark-background, 10%); 1950 1781 1951 @include border-radius(2px); 1782 1952 color: #eee; 1783 font-weight: bold;1953 font-weight: 700; 1784 1954 padding: 0.1em 0.5em; 1785 1955 text-decoration: none; … … 1793 1963 1794 1964 .bp-avatar { 1965 1795 1966 #bp-delete-avatar { 1796 a {font-size: inherit; } 1967 1968 a { 1969 font-size: inherit; 1970 } 1797 1971 } 1798 1972 } … … 1840 2014 .message-metadata { 1841 2015 1842 &: :after {2016 &:after { 1843 2017 clear: both; 1844 2018 content: ""; … … 1851 2025 1852 2026 @media screen and (min-width: 46.25em) { 2027 1853 2028 img.avatar { 1854 2029 float: left; … … 1871 2046 1872 2047 #send-reply { 2048 1873 2049 .message-content { 1874 2050 background: $content-background; … … 1881 2057 } 1882 2058 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 { 1886 2062 right: 40px; 1887 2063 text-align: right; … … 1893 2069 1894 2070 thead { 2071 1895 2072 tr { 1896 2073 background: lighten($dark-background, 10%); … … 1899 2076 1900 2077 tr { 2078 1901 2079 td { 1902 2080 background: $content-background; 2081 1903 2082 @include box-model(border-box); 1904 2083 display: inline-block; … … 1927 2106 1928 2107 span.icon:before { 2108 1929 2109 @include font-size(14); 1930 2110 } … … 1935 2115 height: 3em; 1936 2116 1937 @media screen and (max-width: 37.5 00em) {2117 @media screen and (max-width: 37.5em) { 1938 2118 height: 5.2em; 1939 2119 } … … 1943 2123 td.thread-options { 1944 2124 border-left: 0 !important; 2125 1945 2126 @include calc(width, "100% - 30px"); 1946 2127 margin-left: 0; … … 1956 2137 1957 2138 a { 2139 1958 2140 @include font-size(12); 1959 2141 line-height: 1.2; … … 1970 2152 line-height: 2; 1971 2153 1972 @media screen and (max-width: 37.5 00em) {2154 @media screen and (max-width: 37.5em) { 1973 2155 clear: both; 2156 1974 2157 @include font-size(11); 1975 2158 width: 100%; … … 1979 2162 1980 2163 tr.unread { 2164 1981 2165 td { 1982 2166 border-color: $border-light; … … 2003 2187 2004 2188 #send_message_form { 2189 2005 2190 input, 2006 2191 textarea { 2192 2007 2193 @include box-model(border-box); 2008 2194 } … … 2012 2198 list-style: none; 2013 2199 2014 li {margin-left: 0;} 2200 li { 2201 margin-left: 0; 2202 } 2015 2203 2016 2204 li.friend-tab { … … 2047 2235 2048 2236 #message-threads.sitewide-notices { 2049 tr {margin: 3em 0;} 2237 2238 tr { 2239 margin: 3em 0; 2240 } 2241 2050 2242 td { 2051 2243 width: 100%; … … 2075 2267 2076 2268 td:nth-child(2) { 2269 2077 2270 strong { 2078 2271 margin: -8px -8px 8px; … … 2102 2295 } 2103 2296 2104 a:last-child: :after {2297 a:last-child:after { 2105 2298 content: attr(title); 2106 2299 display: block; … … 2126 2319 } 2127 2320 2128 img { vertical-align: bottom;} 2321 img { 2322 vertical-align: bottom; 2323 } 2129 2324 2130 2325 } … … 2147 2342 // 'p' = email notification screen sub heading 2148 2343 > p { 2344 2149 2345 @include font-size(20); 2150 2346 margin: $spacing-val-md 0 $spacing-val-sm; … … 2153 2349 2154 2350 table.notification-settings { 2351 2155 2352 td.yes, 2156 2353 td.no { … … 2169 2366 2170 2367 @media screen and (min-width: 46.25em) { 2368 2171 2369 th.field-group-name, 2172 2370 td.field-name { … … 2181 2379 2182 2380 td.field-visibility { 2183 select {width: 100%;} 2381 2382 select { 2383 width: 100%; 2384 } 2184 2385 } 2185 2386 } … … 2204 2405 // Attempt to reset form control widths 2205 2406 #main { 2407 2206 2408 #buddypress { 2409 2207 2410 .standard-form { 2208 2411 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"], 2213 2419 textarea { 2214 2420 border-width: 1px; 2215 2421 box-shadow: none; 2422 2216 2423 @include box-model(border-box); 2217 2424 width: 100%; … … 2229 2436 2230 2437 form { 2438 2231 2439 .ac-textarea { 2232 2440 background: $light-background; … … 2257 2465 2258 2466 #signup_form.standard-form { 2467 2259 2468 div.submit { 2260 2469 float: none; 2261 2470 2262 input {margin-right: 0;} 2471 input { 2472 margin-right: 0; 2473 } 2263 2474 } 2264 2475 } … … 2267 2478 2268 2479 #buddypress { 2480 2269 2481 div.dir-search, 2270 2482 div.message-search, … … 2282 2494 } 2283 2495 2284 input[type= 'text'],2285 input[type= 'submit'] {2496 input[type="text"], 2497 input[type="submit"] { 2286 2498 border: 0; 2287 2499 border-radius: 0; 2288 2500 box-shadow: none; 2501 2289 2502 @include box-model(border-box); 2290 2503 @include font-size(14); … … 2294 2507 } 2295 2508 2296 input[type= 'text'] {2509 input[type="text"] { 2297 2510 border-right: 1px solid rgba($border-color, 0.6); 2298 2511 float: left; 2299 2512 margin: 0; 2300 padding: 0 0.2em 0;2513 padding: 0 0.2em; 2301 2514 width: 70%; 2302 2515 } 2303 2516 2304 input[type= 'submit'] {2517 input[type="submit"] { 2305 2518 float: right; 2306 font-weight: normal;2519 font-weight: 400; 2307 2520 padding: 0 1em; 2308 2521 text-align: center; … … 2317 2530 2318 2531 @include small-up { 2532 2319 2533 div.dir-search, 2320 2534 div.message-search, … … 2324 2538 2325 2539 form { 2540 2326 2541 label, 2327 input[type= 'text'],2328 input[type= 'submit'] {2542 input[type="text"], 2543 input[type="submit"] { 2329 2544 width: auto; 2330 2545 } … … 2338 2553 .dir-search, 2339 2554 .message-search { 2555 2340 2556 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 } 2343 2567 } 2344 2568 } … … 2353 2577 */ 2354 2578 .bp-user { 2579 2355 2580 #buddypress { 2356 2581 2357 2582 table { 2583 2358 2584 @include font-size(14); 2359 2585 margin: $spacing-val-md 0; 2360 2586 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 2362 2589 input { 2363 2590 margin: 0; … … 2368 2595 border-color: darken($border-light, 20%); 2369 2596 color: $content-background; 2597 2370 2598 @include font-size(16); 2371 2599 padding: 4px 8px; … … 2378 2606 2379 2607 // Reduce the themes inherited paragraph margins in tables 2380 p {margin-bottom: 0.5em;} 2608 p { 2609 margin-bottom: 0.5em; 2610 } 2381 2611 } 2382 2612 2383 2613 @media screen and (min-width: 55em) { 2384 table {@include font-size(16);} 2614 2615 table { 2616 2617 @include font-size(16); 2618 } 2385 2619 } 2386 2620 … … 2388 2622 .notifications, 2389 2623 .messages-notices { 2624 2390 2625 th { 2391 2626 width: 30%; … … 2420 2655 // styling issues - this will need styling ideas 2421 2656 td { 2657 2422 2658 .button { 2423 2659 border: 0; … … 2432 2668 .messages-notices { 2433 2669 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 { 2437 2673 left: 0; 2438 2674 margin-top: 10px; … … 2458 2694 2459 2695 #buddypress { 2696 2460 2697 div#message { 2698 2461 2699 p { 2700 2462 2701 @include font-size(18); 2463 font-weight: bold;2702 font-weight: 700; 2464 2703 } 2465 2704 2466 2705 &.info { 2706 2467 2707 p { 2708 2468 2709 @include message-box($notice-info); 2469 2710 } … … 2471 2712 2472 2713 &.updated { 2714 2473 2715 p { 2716 2474 2717 @include message-box($notice-update); 2475 2718 } … … 2482 2725 // Without direct classes on our mesages ( 'warning' ) 2483 2726 // we need to use the body classes 2484 // todo: If thisis class .warning is included in main BP styles remove from here2727 // @todo If this class .warning is included in main BP styles remove from here 2485 2728 .delete-group { 2729 2486 2730 #buddypress { 2731 2487 2732 div#message.info { 2733 2488 2734 p { 2735 2489 2736 @include message-box($notice-warning); 2490 2737 } -
trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 537 537 border: 1px solid rgba(212, 208, 186, 0.5); 538 538 float: right; 539 line-height: 1.5 em;539 line-height: 1.5; 540 540 margin-top: 12px; 541 541 padding-right: 0.2em; … … 740 740 font-size: 12px; 741 741 font-size: 0.75rem; 742 font-weight: normal;742 font-weight: 400; 743 743 line-height: 1.2; 744 744 padding: 4px 10px; … … 868 868 .single-item.groups #buddypress #item-header .generic-button { 869 869 float: none; 870 margin: 1.5em 0 0 0;870 margin: 1.5em 0 0; 871 871 } 872 872 } … … 1440 1440 } 1441 1441 1442 .bp-user #buddypress #message-thread .message-metadata: :after {1442 .bp-user #buddypress #message-thread .message-metadata:after { 1443 1443 clear: both; 1444 1444 content: ""; … … 1478 1478 } 1479 1479 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 { 1483 1483 left: 40px; 1484 1484 text-align: left; … … 1723 1723 } 1724 1724 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"], 1728 1728 #main #buddypress .standard-form textarea { 1729 1729 width: 100%; … … 1787 1787 } 1788 1788 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"] { 1792 1792 float: right; 1793 1793 margin: 0; … … 1795 1795 } 1796 1796 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"] { 1803 1803 font-size: 14px; 1804 1804 font-size: 0.875rem; … … 1807 1807 } 1808 1808 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"] { 1812 1812 border-left: 1px solid rgba(212, 208, 186, 0.6); 1813 1813 padding: 0.2em 0.2em 0.2em 0; 1814 1814 } 1815 1815 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"] { 1819 1819 float: left; 1820 font-weight: normal;1820 font-weight: 400; 1821 1821 padding: 0.2em 1em; 1822 1822 text-align: center; … … 1826 1826 1827 1827 @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"] { 1831 1831 width: 20%; 1832 1832 } … … 1841 1841 } 1842 1842 #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"], 1845 1845 #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"], 1848 1848 #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"] { 1851 1851 width: auto; 1852 1852 } … … 1854 1854 1855 1855 @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"] { 1858 1858 font-size: 16px; 1859 1859 font-size: 1rem; 1860 1860 } 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"] { 1863 1863 font-size: 16px; 1864 1864 font-size: 1rem; … … 1942 1942 } 1943 1943 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 { 1947 1947 right: 0; 1948 1948 margin-top: 10px; … … 1961 1961 font-size: 18px; 1962 1962 font-size: 1.125rem; 1963 font-weight: bold;1963 font-weight: 700; 1964 1964 } 1965 1965 -
trunk/src/bp-templates/bp-legacy/css/twentythirteen.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 537 537 border: 1px solid rgba(212, 208, 186, 0.5); 538 538 float: left; 539 line-height: 1.5 em;539 line-height: 1.5; 540 540 margin-top: 12px; 541 541 padding-left: 0.2em; … … 740 740 font-size: 12px; 741 741 font-size: 0.75rem; 742 font-weight: normal;742 font-weight: 400; 743 743 line-height: 1.2; 744 744 padding: 4px 10px; … … 868 868 .single-item.groups #buddypress #item-header .generic-button { 869 869 float: none; 870 margin: 1.5em 0 0 0;870 margin: 1.5em 0 0; 871 871 } 872 872 } … … 1440 1440 } 1441 1441 1442 .bp-user #buddypress #message-thread .message-metadata: :after {1442 .bp-user #buddypress #message-thread .message-metadata:after { 1443 1443 clear: both; 1444 1444 content: ""; … … 1478 1478 } 1479 1479 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 { 1483 1483 right: 40px; 1484 1484 text-align: right; … … 1723 1723 } 1724 1724 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"], 1728 1728 #main #buddypress .standard-form textarea { 1729 1729 width: 100%; … … 1787 1787 } 1788 1788 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"] { 1792 1792 float: left; 1793 1793 margin: 0; … … 1795 1795 } 1796 1796 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"] { 1803 1803 font-size: 14px; 1804 1804 font-size: 0.875rem; … … 1807 1807 } 1808 1808 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"] { 1812 1812 border-right: 1px solid rgba(212, 208, 186, 0.6); 1813 1813 padding: 0.2em 0 0.2em 0.2em; 1814 1814 } 1815 1815 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"] { 1819 1819 float: right; 1820 font-weight: normal;1820 font-weight: 400; 1821 1821 padding: 0.2em 1em; 1822 1822 text-align: center; … … 1826 1826 1827 1827 @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"] { 1831 1831 width: 20%; 1832 1832 } … … 1841 1841 } 1842 1842 #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"], 1845 1845 #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"], 1848 1848 #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"] { 1851 1851 width: auto; 1852 1852 } … … 1854 1854 1855 1855 @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"] { 1858 1858 font-size: 16px; 1859 1859 font-size: 1rem; 1860 1860 } 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"] { 1863 1863 font-size: 16px; 1864 1864 font-size: 1rem; … … 1942 1942 } 1943 1943 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 { 1947 1947 left: 0; 1948 1948 margin-top: 10px; … … 1961 1961 font-size: 18px; 1962 1962 font-size: 1.125rem; 1963 font-weight: bold;1963 font-weight: 700; 1964 1964 } 1965 1965 -
trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss
r11586 r11587 21 21 // These differ from other WP themes in using fewer breakpoints 22 22 // 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. 24 25 // @media screen and (max-width: 22em) // Additional for xtra small mobile only 25 26 // @media screen and (max-width: 30em) // Additional small only … … 167 168 in your child themes root & either start over or modify the rulesets. 168 169 169 If you do not require the styles you can dequeue them from the themes functions file. 170 If you do not require the styles you can dequeue them from the themes 171 functions file. 170 172 171 173 Please see this codex article for more information: … … 221 223 222 224 .buddypress { 223 div.clear {display: none;} 225 226 div.clear { 227 display: none; 228 } 224 229 225 230 // re-factor main themes primary elements widths for BP screens 226 231 @media (max-width: 999px) { 227 #content {padding: 0 $spacing-val-md;} 232 233 #content { 234 padding: 0 $spacing-val-md; 235 } 228 236 } 229 237 230 238 @media (max-width: 643px) { 231 #content {padding: 0;} 239 240 #content { 241 padding: 0; 242 } 232 243 } 233 244 … … 246 257 *------------------------------------------------------------------------------- 247 258 */ 248 249 259 250 260 … … 264 274 // Global Nav Styles 265 275 div.item-list-tabs { 276 266 277 ul { 267 278 background-color: $cream-background; … … 272 283 273 284 li { 285 274 286 a { 275 span {border-radius: 25%;} 287 288 span { 289 border-radius: 25%; 290 } 276 291 } 277 292 } … … 282 297 283 298 .bp-user { 299 284 300 #buddypress { 301 285 302 @media screen and (max-width: 38.75em) { 286 303 … … 307 324 &:hover, 308 325 &:focus { 309 &:before {content: "Menu \021E7";} 326 327 &:before { 328 content: "Menu \021E7"; 329 } 310 330 311 331 ul { … … 318 338 } 319 339 320 #subnav {clear: both;} 340 #subnav { 341 clear: both; 342 } 321 343 322 344 } // close @media 323 345 } 324 346 } 347 325 348 /*__ Horizontal menus & small screen __*/ 326 349 … … 333 356 334 357 li { 358 335 359 @media screen and (max-width: 38.75em) { 360 336 361 &:focus, 337 362 &:hover { … … 344 369 345 370 @media screen and (max-width: 38.75em) { 371 346 372 li:not(:last-child) { 347 373 border-bottom: 1px solid $border-light; … … 350 376 351 377 @media screen and (min-width: 38.75em) { 378 352 379 li { 353 380 float: left; … … 382 409 label, 383 410 option { 411 384 412 @include font-size(14); 385 413 } … … 391 419 392 420 @media screen and (min-width: 38.75em) { 421 393 422 li.last { 394 423 text-align: right; … … 400 429 // active/current states all navs 401 430 div.item-list-tabs { 431 402 432 ul { 433 403 434 li.selected, 404 435 li.current { 436 405 437 a { 406 438 background: none; … … 417 449 // This block contains rules to re-factor the item-body structural element 418 450 // to sit alongside the vert menu 419 // As 2013 has an inner sidebar which if active can narrow screen too far 420 // fora 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)'. 421 453 422 454 @media screen and (min-width: 55em) { 423 455 424 456 body:not(.sidebar) { 457 425 458 #buddypress { 426 459 … … 464 497 margin: 0 0 0 (-$spacing-val-md); 465 498 466 ul {margin-top: 0;} 499 ul { 500 margin-top: 0; 501 } 467 502 } 468 503 } … … 477 512 478 513 @media screen and (min-width: 46.25em) { 514 479 515 #main { 516 480 517 #buddypress { 481 518 … … 508 545 border: 1px solid $border-med; 509 546 border-bottom-color: $content-background; 547 510 548 @include border-top-radius(4px); 511 549 margin-bottom: -1px; … … 522 560 523 561 #subnav { 562 524 563 ul { 525 564 border-bottom: 0; … … 538 577 539 578 #buddypress { 579 540 580 div.pagination { 541 581 box-shadow: none; 542 .pag-count {margin-left: 0;} 582 583 .pag-count { 584 margin-left: 0; 585 } 586 543 587 .pagination-links { 544 588 margin-right: 0; … … 557 601 overflow: visible; 558 602 width: auto; 559 &:before {display: none;} 603 604 &:before { 605 display: none; 606 } 560 607 } 561 608 … … 581 628 // Adjusts Meta items and various elements to match 2013 font-family 582 629 #buddypress { 630 583 631 .item-list { 632 584 633 .activity-header, 585 634 .activity-meta { 635 586 636 @include default-font-sans(); 587 637 } … … 590 640 591 641 #buddypress { 642 592 643 .activity-meta { 644 593 645 .button { 646 594 647 &:focus, 595 648 &:hover { … … 601 654 602 655 .action { 656 603 657 .generic-button { 658 604 659 a { 660 605 661 &:focus, 606 662 &:hover { … … 622 678 623 679 #buddypress { 680 624 681 ul.item-list { 682 625 683 li { 626 684 overflow: hidden !important; … … 636 694 text-align: center; 637 695 638 a {border-bottom: 0;} 696 a { 697 border-bottom: 0; 698 } 639 699 640 700 img.avatar { … … 667 727 668 728 .item-title { 729 669 730 @include font-size(18); 670 731 line-height: 1.2; … … 679 740 680 741 .update { 742 681 743 @include font-size(12); 682 744 display: block; 683 745 684 746 @media screen and (min-width: 59.6875em) { 747 685 748 @include font-size(14); 686 749 } … … 695 758 696 759 @media screen and (min-width: 59.6875em) { 760 697 761 .item-avatar, 698 762 .item, … … 708 772 709 773 .item-title { 710 @include font-size(22) 774 775 @include font-size(22); 711 776 } 712 777 } … … 784 849 785 850 #buddypress { 851 786 852 form#whats-new-form { 787 853 … … 794 860 795 861 @media screen and (max-width: 46.25em) { 862 796 863 #whats-new-content { 797 864 clear: left; … … 802 869 803 870 #whats-new-content.active { 871 804 872 #whats-new-options[style] { 873 805 874 #whats-new-post-in-box { 806 875 border: 1px solid rgba($border-color, 0.5); 807 876 float: left; 808 line-height: 1.5 em;877 line-height: 1.5; 809 878 margin-top: 12px; 810 879 padding-left: 0.2em; … … 822 891 823 892 @media screen and (min-width: 30em) { 893 824 894 #whats-new-post-in-box { 825 895 width: auto; … … 838 908 // User account form requires matching bp default specificity 839 909 #item-body { 910 840 911 form#whats-new-form { 841 912 margin: $spacing-val-lg 0; … … 881 952 882 953 .activity-header { 954 883 955 @include font-size(14); 884 956 } … … 891 963 margin-right: $spacing-val-sm; 892 964 text-align: left; 893 a {border-bottom: 0;} 965 966 a { 967 border-bottom: 0; 968 } 894 969 } 895 970 … … 899 974 900 975 .activity-header { 976 901 977 @include font-size(16); 902 978 } … … 908 984 909 985 li.mini { 986 910 987 .activity-avatar { 988 911 989 a { 990 912 991 img.avatar { 913 992 height: 30px; … … 919 998 920 999 .activity-content { 1000 921 1001 .activity-header { 1002 922 1003 @include font-size(14); 923 1004 } … … 951 1032 952 1033 .activity-meta { 1034 953 1035 a { 954 1036 display: block; … … 973 1055 background: darken($light-background, 1%); 974 1056 border: 1px solid rgba(#9fd1e2, 0.3); 975 a { font-style: italic; } 1057 1058 a { 1059 font-style: italic; 1060 } 976 1061 } 977 1062 … … 987 1072 988 1073 .activity-permalink { 1074 989 1075 #buddypress { 1076 990 1077 #activity-stream { 991 1078 … … 995 1082 996 1083 li.mini { 1084 997 1085 .activity-header { 1086 998 1087 @include font-size(16); 1088 999 1089 @media screen and (min-width: 46.25em) { 1090 1000 1091 @include font-size(20); 1001 1092 } 1002 1093 1003 1094 margin-bottom: $spacing-val-lg; 1004 p {padding: $spacing-val-md;} 1095 1096 p { 1097 padding: $spacing-val-md; 1098 } 1005 1099 } 1006 1100 } … … 1017 1111 1018 1112 #activity-stream { 1113 1019 1114 .activity-comments { 1020 1115 border-left: 1px solid $border-light; … … 1041 1136 display: inline-block; 1042 1137 font-family: inherit; 1138 1043 1139 @include font-size(12); 1044 font-weight: normal;1140 font-weight: 400; 1045 1141 line-height: 1.2; 1046 1142 padding: 4px 10px; … … 1073 1169 1074 1170 #buddypress { 1171 1075 1172 #members-list { 1076 1173 1077 1174 @media screen and (min-width: 59.6875em) { 1175 1078 1176 li { 1177 1079 1178 .item-avatar, 1080 1179 .item { … … 1104 1203 1105 1204 #buddypress { 1205 1106 1206 #signup_form.standard-form { 1107 1207 … … 1118 1218 1119 1219 @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 } 1122 1228 } 1123 1229 … … 1146 1252 .entry-title { 1147 1253 color: $light-body; 1254 1148 1255 @include font-size(32); 1149 1256 margin-bottom: $spacing-val-sm; … … 1157 1264 1158 1265 #buddypress { 1266 1159 1267 #item-header-content { 1268 1160 1269 #item-meta { 1270 1161 1271 @include font-size(14); 1162 1272 text-align: left; 1163 1273 1164 p {margin-bottom: 0.5em;} 1274 p { 1275 margin-bottom: 0.5em; 1276 } 1165 1277 } 1166 1278 } … … 1168 1280 1169 1281 @media screen and (max-width: 46.25em) { 1282 1170 1283 main { 1284 1171 1285 header.entry-header { 1172 1286 padding-bottom: 1rem; … … 1176 1290 1177 1291 @media screen and (max-width: 38.75em) { 1292 1178 1293 h1, 1179 1294 #item-header-content { … … 1183 1298 1184 1299 #buddypress { 1300 1185 1301 @media screen and (max-width: 46.25em) { 1302 1186 1303 #item-header { 1304 1187 1305 .generic-button { 1188 1306 float: none; 1189 margin: 1.5em 0 0 0;1307 margin: 1.5em 0 0; 1190 1308 } 1191 1309 } … … 1193 1311 1194 1312 @media screen and (max-width: 38.75em) { 1313 1195 1314 h1 { 1196 1315 margin-bottom: 0; … … 1198 1317 1199 1318 #item-header-avatar { 1319 1200 1320 img.avatar { 1201 1321 margin-right: 0; … … 1219 1339 1220 1340 .single-item.groups { 1341 1221 1342 #buddypress { 1343 1222 1344 @media screen and (max-width: 46.25em) { 1345 1223 1346 #item-header { 1347 1224 1348 #item-meta { 1225 1349 margin-bottom: $spacing-val-md; … … 1231 1355 // avatar first after group title 1232 1356 @media screen and (max-width: 38.75em) { 1357 1233 1358 div#item-header { 1234 1359 display: flex; … … 1289 1414 1290 1415 h2 { 1416 1291 1417 @include font-size(14); 1292 1418 1293 1419 @media screen and (min-width: 46.25em) { 1420 1294 1421 @include font-size(16); 1295 1422 } … … 1321 1448 1322 1449 h2 { 1450 1323 1451 @include font-size(14); 1324 1452 } … … 1341 1469 1342 1470 @media screen and (min-width: 46.25em) { 1471 1343 1472 #item-header-content { 1344 1473 padding-left: $spacing-val-sm; … … 1375 1504 1376 1505 #buddypress { 1506 1377 1507 #item-header { 1378 1508 padding: $spacing-val-md 0; … … 1391 1521 1392 1522 #item-header-content { 1523 1393 1524 .user-nicename, 1394 1525 span.activity { … … 1399 1530 1400 1531 @media screen and (min-width: 46.25em) { 1532 1401 1533 #item-header-avatar { 1402 1534 float: left; … … 1429 1561 1430 1562 #item-header-content { 1563 1431 1564 @media screen and (min-width: 46.25em) { 1565 1432 1566 .user-nicename { 1433 1567 margin-bottom: $spacing-val-md; … … 1466 1600 // headings settings screens & general global settings styles 1467 1601 .groups { 1602 1468 1603 #group-settings-form { 1604 1469 1605 h3 { 1470 1606 background: $dark-background; … … 1476 1612 1477 1613 .groups.edit-details { 1614 1478 1615 #group-settings-form { 1479 1616 … … 1487 1624 background: none; 1488 1625 color: inherit; 1626 1489 1627 @include font-size(14); 1490 1628 width: auto; … … 1500 1638 1501 1639 .groups.group-settings { 1640 1502 1641 #group-settings-form { 1503 1642 … … 1508 1647 ul { 1509 1648 color: rgba($body-text, 0.6); 1649 1510 1650 @include font-size(14); 1511 1651 } … … 1524 1664 1525 1665 .groups.manage-members { 1666 1526 1667 #group-settings-form { 1668 1527 1669 .item-list { 1670 1528 1671 li { 1529 1672 border-bottom: 1px solid $border-light; … … 1533 1676 float: left; 1534 1677 1535 > a {border-bottom: 0;} 1678 > a { 1679 border-bottom: 0; 1680 } 1536 1681 } 1537 1682 … … 1570 1715 // Massage the members search for groups nav specifically. 1571 1716 .groups.group-members { 1717 1572 1718 #subnav { 1719 1573 1720 li { 1721 1574 1722 @media screen and (max-width: 38.75em) { 1575 1723 background: $content-background; … … 1587 1735 1588 1736 label { 1589 input[type="text"] {width: 100%;} 1737 1738 input[type="text"] { 1739 width: 100%; 1740 } 1590 1741 } 1591 1742 } … … 1605 1756 1606 1757 div.invite { 1758 1607 1759 .left-menu { 1608 1760 float: none; … … 1649 1801 1650 1802 .bp-user { 1651 .entry-title {margin-bottom: 0.5em;} 1803 1804 .entry-title { 1805 margin-bottom: 0.5em; 1806 } 1652 1807 } 1653 1808 … … 1663 1818 1664 1819 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 } 1667 1830 1668 1831 @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 } 1671 1842 } 1672 1843 1673 1844 @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 } 1680 1861 1681 1862 .notifications-options-nav { … … 1691 1872 input { 1692 1873 border: 0; 1874 1693 1875 @include font-size(14); 1694 1876 outline: 0; … … 1724 1906 1725 1907 .profile { 1908 1726 1909 .bp-widget { 1910 1727 1911 h2 { 1728 1912 background: lighten($dark-background, 10%); … … 1732 1916 } 1733 1917 1734 table {margin-top: 0;} 1918 table { 1919 margin-top: 0; 1920 } 1735 1921 } 1736 1922 … … 1766 1952 background: none; 1767 1953 border: 0; 1768 @include font-size(18) 1954 1955 @include font-size(18); 1769 1956 } 1770 1957 } //.button-nav … … 1772 1959 .field-visibility-settings-toggle, 1773 1960 .field-visibility-settings { 1961 1774 1962 @include font-size(14); 1775 1963 } … … 1784 1972 1785 1973 .bp-avatar { 1974 1786 1975 #bp-delete-avatar { 1787 a {font-size: inherit; } 1976 1977 a { 1978 font-size: inherit; 1979 } 1788 1980 } 1789 1981 } … … 1803 1995 1804 1996 #groups-list { 1997 1805 1998 li { 1999 1806 2000 .item { 2001 1807 2002 @media screen and (min-width: 77.5em) { 1808 2003 left: 5%; … … 1848 2043 .message-metadata { 1849 2044 1850 &: :after {2045 &:after { 1851 2046 clear: both; 1852 2047 content: ""; … … 1859 2054 1860 2055 @media screen and (min-width: 46.25em) { 2056 1861 2057 img.avatar { 1862 2058 float: left; … … 1879 2075 1880 2076 #send-reply { 2077 1881 2078 .message-content { 1882 2079 background: $content-background; … … 1889 2086 } 1890 2087 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 { 1894 2091 right: 40px; 1895 2092 text-align: right; … … 1899 2096 1900 2097 #message-threads { 2098 1901 2099 thead { 2100 1902 2101 tr { 1903 2102 background: lighten($dark-background, 10%); … … 1906 2105 1907 2106 tr { 2107 1908 2108 td { 1909 2109 background: $content-background; … … 1922 2122 @media screen and (max-width: 46.25em) { 1923 2123 padding-top: 0; 1924 span.icon:before {font-size: 14px;} 2124 2125 span.icon:before { 2126 font-size: 14px; 2127 } 1925 2128 } 1926 2129 } … … 1942 2145 td.thread-options { 1943 2146 border-left: 0 !important; 2147 1944 2148 @include calc(width, "100% - 30px"); 1945 2149 margin-left: 0; … … 1951 2155 1952 2156 .thread-excerpt { 2157 1953 2158 @include font-size(14); 1954 2159 } … … 1959 2164 1960 2165 a { 2166 1961 2167 @include font-size(12); 1962 2168 line-height: 2.2; … … 1975 2181 @media screen and (max-width: 38.75em) { 1976 2182 clear: both; 2183 1977 2184 @include font-size(12); 1978 2185 width: 100%; … … 1982 2189 1983 2190 tr.unread { 2191 1984 2192 td { 1985 2193 background: $unread; … … 2011 2219 padding: 0; 2012 2220 2013 li {margin-left: 0;} 2221 li { 2222 margin-left: 0; 2223 } 2014 2224 2015 2225 li.friend-tab { … … 2046 2256 2047 2257 .sitewide-notices { 2258 2048 2259 tr { 2260 2049 2261 td:first-child { 2050 2262 display: none; … … 2053 2265 2054 2266 td { 2267 2055 2268 strong { 2056 2269 background: lighten($dark-background, 10%); … … 2100 2313 // 'p' = email notification screen sub heading 2101 2314 > p { 2315 2102 2316 @include font-size(20); 2103 2317 margin: $spacing-val-md 0 $spacing-val-sm; … … 2106 2320 2107 2321 table.notification-settings { 2322 2108 2323 td.yes, 2109 2324 td.no { … … 2121 2336 2122 2337 @media screen and (min-width: 46.25em) { 2338 2123 2339 th.field-group-name, 2124 2340 td.field-name { … … 2133 2349 2134 2350 td.field-visibility { 2135 select {width: 100%;} 2351 2352 select { 2353 width: 100%; 2354 } 2136 2355 } 2137 2356 } … … 2148 2367 // Attempt to reset form control widths 2149 2368 #main { 2369 2150 2370 #buddypress { 2371 2151 2372 .standard-form { 2152 2373 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"], 2157 2381 textarea { 2158 2382 width: 100%; … … 2170 2394 2171 2395 form { 2396 2172 2397 .ac-textarea { 2173 2398 background: $light-background; … … 2198 2423 2199 2424 #signup_form.standard-form { 2425 2200 2426 div.submit { 2201 2427 float: none; 2202 2428 2203 input {margin-right: 0;} 2429 input { 2430 margin-right: 0; 2431 } 2204 2432 } 2205 2433 } … … 2208 2436 2209 2437 #buddypress { 2438 2210 2439 div.dir-search, 2211 2440 div.message-search, … … 2230 2459 } 2231 2460 2232 input[type= 'text'] {2461 input[type="text"] { 2233 2462 float: left; 2234 2463 margin: 0; … … 2236 2465 } 2237 2466 2238 input[type='text'], 2239 input[type='submit'] { 2467 input[type="text"], 2468 input[type="submit"] { 2469 2240 2470 @include font-size(14); 2241 2471 border: 0; … … 2243 2473 } 2244 2474 2245 input[type= 'text'] {2475 input[type="text"] { 2246 2476 border-right: 1px solid rgba($border-color, 0.6); 2247 2477 padding: 0.2em 0 0.2em 0.2em; 2248 2478 } 2249 2479 2250 input[type= 'submit'] {2480 input[type="submit"] { 2251 2481 float: right; 2252 font-weight: normal;2482 font-weight: 400; 2253 2483 padding: 0.2em 1em; 2254 2484 text-align: center; … … 2267 2497 // Shift the search parent to the right and allow to shrinkwrap 2268 2498 @media screen and (min-width: 38.75em) { 2499 2269 2500 div.dir-search, 2270 2501 div.message-search, … … 2274 2505 2275 2506 form { 2507 2276 2508 label, 2277 input[type= 'text'],2278 input[type= 'submit'] {2509 input[type="text"], 2510 input[type="submit"] { 2279 2511 width: auto; 2280 2512 } … … 2289 2521 .dir-search, 2290 2522 .message-search { 2523 2291 2524 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 } 2294 2535 } 2295 2536 } … … 2312 2553 2313 2554 table { 2555 2314 2556 @include font-size(14); 2315 2557 margin: $spacing-val-md 0; … … 2328 2570 2329 2571 // Reduce the themes inherited paragraph margins in tables 2330 p {margin-bottom: 0.5em;} 2572 p { 2573 margin-bottom: 0.5em; 2574 } 2331 2575 } 2332 2576 2333 2577 @media screen and (min-width: 55em) { 2334 table {@include font-size(16);} 2578 2579 table { 2580 2581 @include font-size(16); 2582 } 2335 2583 } 2336 2584 } … … 2343 2591 .notifications, 2344 2592 .messages-notices { 2593 2345 2594 th { 2346 2595 width: 30%; … … 2371 2620 // styling issues - this will need styling ideas 2372 2621 td { 2622 2373 2623 .button { 2374 2624 border: 0; … … 2383 2633 .messages-notices { 2384 2634 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 { 2388 2638 left: 0; 2389 2639 margin-top: 10px; … … 2408 2658 2409 2659 #buddypress { 2660 2410 2661 div#message { 2662 2411 2663 p { 2664 2412 2665 @include font-size(18); 2413 font-weight: bold;2666 font-weight: 700; 2414 2667 } 2415 2668 2416 2669 &.info { 2670 2417 2671 p { 2672 2418 2673 @include message-box($notice-info); 2419 2674 } … … 2421 2676 2422 2677 &.updated { 2678 2423 2679 p { 2680 2424 2681 @include message-box($notice-update); 2425 2682 } … … 2432 2689 // Without direct classes on our mesages ( 'warning' ) 2433 2690 // we need to use the body classes 2434 // todo: If thisis class .warning is included in main BP styles remove from here2691 // @todo If this class .warning is included in main BP styles remove from here 2435 2692 .delete-group { 2693 2436 2694 #buddypress { 2695 2437 2696 div#message.info { 2697 2438 2698 p { 2699 2439 2700 @include message-box($notice-warning); 2440 2701 } -
trunk/src/bp-templates/bp-legacy/css/twentytwelve-rtl.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 557 557 border: 1px solid rgba(212, 208, 186, 0.5); 558 558 float: right; 559 line-height: 1.5 em;559 line-height: 1.5; 560 560 margin-top: 12px; 561 561 padding-right: 0.2em; … … 789 789 font-size: 12px; 790 790 font-size: 0.8571428571rem; 791 font-weight: normal;791 font-weight: 400; 792 792 line-height: 1.2; 793 793 padding: 4px 10px; … … 915 915 .single-item.groups #buddypress #item-header .generic-button { 916 916 float: none; 917 margin: 1.5em 0 0 0;917 margin: 1.5em 0 0; 918 918 } 919 919 } … … 1391 1391 background-clip: padding-box; 1392 1392 color: #f1f1f1; 1393 font-weight: bold;1393 font-weight: 700; 1394 1394 padding: 0.1em 0.5em; 1395 1395 text-decoration: none; … … 1446 1446 } 1447 1447 1448 .bp-user #buddypress #message-thread .message-metadata: :after {1448 .bp-user #buddypress #message-thread .message-metadata:after { 1449 1449 clear: both; 1450 1450 content: ""; … … 1484 1484 } 1485 1485 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 { 1489 1489 left: 40px; 1490 1490 text-align: left; … … 1702 1702 } 1703 1703 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 { 1705 1705 content: attr(title); 1706 1706 display: block; … … 1781 1781 } 1782 1782 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"], 1786 1786 #main #buddypress .standard-form textarea { 1787 1787 width: 100%; … … 1837 1837 } 1838 1838 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"] { 1845 1845 font-size: 14px; 1846 1846 font-size: 1rem; … … 1851 1851 } 1852 1852 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"] { 1856 1856 border-left: 1px solid rgba(212, 208, 186, 0.6); 1857 1857 float: right; 1858 1858 margin: 0; 1859 padding: 0 0.2em 0;1859 padding: 0 0.2em; 1860 1860 width: 100%; 1861 1861 } 1862 1862 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"] { 1866 1866 float: left; 1867 font-weight: normal;1867 font-weight: 400; 1868 1868 padding: 0 1em; 1869 1869 text-align: center; … … 1880 1880 } 1881 1881 #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"], 1884 1884 #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"], 1887 1887 #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"] { 1890 1890 width: auto; 1891 1891 } … … 1893 1893 1894 1894 @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"] { 1897 1897 font-size: 16px; 1898 1898 font-size: 1.1428571429rem; 1899 1899 } 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"] { 1902 1902 font-size: 16px; 1903 1903 font-size: 1.1428571429rem; … … 1985 1985 } 1986 1986 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 { 1990 1990 right: 0; 1991 1991 margin-top: 10px; … … 2004 2004 font-size: 18px; 2005 2005 font-size: 1.2857142857rem; 2006 font-weight: bold;2006 font-weight: 700; 2007 2007 } 2008 2008 -
trunk/src/bp-templates/bp-legacy/css/twentytwelve.css
r11586 r11587 1 @charset "UTF-8";2 1 /*-------------------------------------------------------------- 3 2 … … 12 11 in your child themes root & either start over or modify the rulesets. 13 12 14 If you do not require the styles you can dequeue them from the themes functions file. 13 If you do not require the styles you can dequeue them from the themes 14 functions file. 15 15 16 16 Please see this codex article for more information: … … 557 557 border: 1px solid rgba(212, 208, 186, 0.5); 558 558 float: left; 559 line-height: 1.5 em;559 line-height: 1.5; 560 560 margin-top: 12px; 561 561 padding-left: 0.2em; … … 789 789 font-size: 12px; 790 790 font-size: 0.8571428571rem; 791 font-weight: normal;791 font-weight: 400; 792 792 line-height: 1.2; 793 793 padding: 4px 10px; … … 915 915 .single-item.groups #buddypress #item-header .generic-button { 916 916 float: none; 917 margin: 1.5em 0 0 0;917 margin: 1.5em 0 0; 918 918 } 919 919 } … … 1391 1391 background-clip: padding-box; 1392 1392 color: #f1f1f1; 1393 font-weight: bold;1393 font-weight: 700; 1394 1394 padding: 0.1em 0.5em; 1395 1395 text-decoration: none; … … 1446 1446 } 1447 1447 1448 .bp-user #buddypress #message-thread .message-metadata: :after {1448 .bp-user #buddypress #message-thread .message-metadata:after { 1449 1449 clear: both; 1450 1450 content: ""; … … 1484 1484 } 1485 1485 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 { 1489 1489 right: 40px; 1490 1490 text-align: right; … … 1702 1702 } 1703 1703 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 { 1705 1705 content: attr(title); 1706 1706 display: block; … … 1781 1781 } 1782 1782 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"], 1786 1786 #main #buddypress .standard-form textarea { 1787 1787 width: 100%; … … 1837 1837 } 1838 1838 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"] { 1845 1845 font-size: 14px; 1846 1846 font-size: 1rem; … … 1851 1851 } 1852 1852 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"] { 1856 1856 border-right: 1px solid rgba(212, 208, 186, 0.6); 1857 1857 float: left; 1858 1858 margin: 0; 1859 padding: 0 0.2em 0;1859 padding: 0 0.2em; 1860 1860 width: 100%; 1861 1861 } 1862 1862 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"] { 1866 1866 float: right; 1867 font-weight: normal;1867 font-weight: 400; 1868 1868 padding: 0 1em; 1869 1869 text-align: center; … … 1880 1880 } 1881 1881 #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"], 1884 1884 #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"], 1887 1887 #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"] { 1890 1890 width: auto; 1891 1891 } … … 1893 1893 1894 1894 @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"] { 1897 1897 font-size: 16px; 1898 1898 font-size: 1.1428571429rem; 1899 1899 } 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"] { 1902 1902 font-size: 16px; 1903 1903 font-size: 1.1428571429rem; … … 1985 1985 } 1986 1986 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 { 1990 1990 left: 0; 1991 1991 margin-top: 10px; … … 2004 2004 font-size: 18px; 2005 2005 font-size: 1.2857142857rem; 2006 font-weight: bold;2006 font-weight: 700; 2007 2007 } 2008 2008 -
trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss
r11586 r11587 15 15 // 2012 works two breakpoints 600px/960px 16 16 17 // @media screen and (min-width: 37.5 00em)17 // @media screen and (min-width: 37.5em) 18 18 // @media screen and (min-width: 61.5625em) 19 20 19 21 20 … … 37 36 // 600px 38 37 @mixin small-up { 39 @media screen and (min-width: 37.500em) { 38 39 @media screen and (min-width: 37.5em) { 40 40 41 @content; 41 42 } … … 43 44 // 960px 44 45 @mixin medium-up { 46 45 47 @media screen and (min-width: 60em) { 48 46 49 @content; 47 50 } … … 49 52 // 1200px 50 53 @mixin large-up { 54 51 55 @media screen and (min-width: 75em) { 56 52 57 @content; 53 58 } … … 175 180 $unread: #9dc3c8; 176 181 $link-action: #c82b2b; 182 177 183 /*-------------------------------------------------------------- 178 184 … … 187 193 in your child themes root & either start over or modify the rulesets. 188 194 189 If you do not require the styles you can dequeue them from the themes functions file. 195 If you do not require the styles you can dequeue them from the themes 196 functions file. 190 197 191 198 Please see this codex article for more information: … … 238 245 239 246 240 241 247 .buddypress { 242 248 // Remove any empty clearing elements, CSS provides clearing. 243 div.clear {display: none;} 249 div.clear { 250 display: none; 251 } 244 252 245 253 } // .buddypress (body class) … … 268 276 // active/current states all navs 269 277 div.item-list-tabs { 278 270 279 ul { 280 271 281 li.selected, 272 282 li.current { 283 273 284 a { 274 285 background: inherit; … … 280 291 // global nav styles 281 292 div.item-list-tabs { 293 282 294 ul { 283 295 overflow: hidden; … … 285 297 286 298 li { 299 287 300 a { 288 301 … … 296 309 } 297 310 298 span {border-radius: 25%;} 311 span { 312 border-radius: 25%; 313 } 299 314 } 300 315 … … 334 349 &:hover, 335 350 &:focus { 336 &:before {content: "Menu \021E7";} 351 352 &:before { 353 content: "Menu \021E7"; 354 } 337 355 338 356 ul { … … 365 383 } 366 384 367 @media screen and (max-width: 37.500em) { 385 @media screen and (max-width: 37.5em) { 386 368 387 li:not(:last-child) { 369 388 border-bottom: 1px solid $border-light; … … 373 392 li:not(.selected) { 374 393 375 @media screen and (max-width: 37.500em) { 394 @media screen and (max-width: 37.5em) { 395 376 396 &:focus, 377 397 &:hover { … … 381 401 } 382 402 383 @media screen and (min-width: 37.500em) { 403 @media screen and (min-width: 37.5em) { 404 384 405 li { 385 406 float: left; … … 422 443 label, 423 444 option { 445 424 446 @include font-size(14); 425 447 } … … 440 462 441 463 .bp-user { 464 442 465 #buddypress { 466 443 467 div#subnav.item-list-tabs { 468 444 469 li.last { 445 470 margin-left: 0; … … 467 492 468 493 body.full-width { 494 469 495 #buddypress { 470 496 … … 508 534 margin: 0 0 0 (-$spacing-val-md); 509 535 510 ul {margin-top: 0;} 536 ul { 537 margin-top: 0; 538 } 511 539 } 512 540 } … … 521 549 522 550 @media screen and (min-width: 46.25em) { 551 523 552 #main { 553 524 554 #buddypress { 525 555 … … 552 582 border: 1px solid $border-med; 553 583 border-bottom-color: $content-background; 584 554 585 @include border-top-radius(4px); 555 586 margin-bottom: -1px; … … 566 597 567 598 #subnav { 599 568 600 ul { 569 601 border-bottom: 0; … … 593 625 } 594 626 595 .pag-count {margin-left: 0;} 627 .pag-count { 628 margin-left: 0; 629 } 630 596 631 .pagination-links { 597 632 margin-right: 0; … … 610 645 overflow: visible; 611 646 width: auto; 612 &:before {display: none;} 647 648 &:before { 649 display: none; 650 } 613 651 } 614 652 … … 641 679 642 680 #buddypress { 681 643 682 ul.item-list { 644 683 border-top: 0; … … 651 690 margin-bottom: $spacing-val-sm; 652 691 653 @media screen and (min-width: 37.5 00em) {692 @media screen and (min-width: 37.5em) { 654 693 margin-bottom: 0; 655 694 } … … 657 696 text-align: center; 658 697 659 a {border-bottom: 0;} 698 a { 699 border-bottom: 0; 700 } 660 701 661 702 img.avatar { … … 701 742 702 743 .item-title { 744 703 745 @include font-size(16); 704 746 line-height: 1.2; … … 714 756 text-decoration: none; 715 757 716 &:visited { color: #21759b;} 758 &:visited { 759 color: #21759b; 760 } 717 761 } 718 762 719 763 .update { 720 764 display: block; 765 721 766 @include font-size(12); 722 767 723 768 @include medium-up { 769 724 770 @include font-size(14); 725 771 } … … 733 779 734 780 @include medium-up { 781 735 782 .item-avatar, 736 783 .item, … … 746 793 747 794 .item-title { 748 @include font-size(18) 795 796 @include font-size(18); 749 797 } 750 798 } … … 783 831 //position but inline-block the buttons 784 832 785 @media screen and (min-width: 37.5 00em) {833 @media screen and (min-width: 37.5em) { 786 834 // keep buttons to a row small tablet up 787 835 margin: 0 $spacing-val-sm $spacing-val-sm 0; … … 821 869 822 870 #buddypress { 871 823 872 form#whats-new-form { 824 873 … … 831 880 832 881 @media screen and (max-width: 46.25em) { 882 833 883 #whats-new-content { 834 884 clear: left; … … 839 889 840 890 #whats-new-content.active { 891 841 892 #whats-new-options[style] { 893 842 894 #whats-new-post-in-box { 843 895 border: 1px solid rgba($border-color, 0.5); 844 896 float: left; 845 line-height: 1.5 em;897 line-height: 1.5; 846 898 margin-top: 12px; 847 899 padding-left: 0.2em; … … 859 911 860 912 @media screen and (min-width: 30em) { 913 861 914 #whats-new-post-in-box { 862 915 width: auto; … … 879 932 // User account form requires matching bp default specificity 880 933 #item-body { 934 881 935 form#whats-new-form { 882 936 margin: $spacing-val-lg 0; … … 924 978 925 979 .activity-header { 980 926 981 @include font-size(14); 927 982 … … 932 987 933 988 .activity-inner { 934 img {height: auto;} 989 990 img { 991 height: auto; 992 } 935 993 } 936 994 … … 952 1010 953 1011 .activity-header { 1012 954 1013 @include font-size(16); 955 1014 } … … 965 1024 966 1025 li.mini { 1026 967 1027 .activity-avatar { 1028 968 1029 a { 1030 969 1031 img.avatar { 970 1032 height: 30px; … … 976 1038 977 1039 .activity-content { 1040 978 1041 .activity-header { 1042 979 1043 @include font-size(14); 980 1044 } 981 1045 982 1046 .activity-meta { 1047 983 1048 a { 1049 984 1050 @include font-size(12); 985 1051 } … … 1008 1074 1009 1075 .activity-meta { 1076 1010 1077 a { 1011 1078 display: block; 1079 1012 1080 @include font-size(14); 1013 1081 margin-bottom: $spacing-val-xs; 1014 1082 1015 @media screen and (min-width: 37.5 00em) {1083 @media screen and (min-width: 37.5em) { 1016 1084 float: left; 1017 1085 margin-bottom: 0; … … 1046 1114 1047 1115 .activity-permalink { 1116 1048 1117 #buddypress { 1118 1049 1119 #activity-stream { 1050 1120 … … 1054 1124 1055 1125 li.mini { 1126 1056 1127 .activity-header { 1128 1057 1129 @include font-size(16); 1130 1058 1131 @media screen and (min-width: 46.25em) { 1132 1059 1133 @include font-size(20); 1060 1134 } 1061 1135 1062 1136 margin-bottom: $spacing-val-lg; 1063 p {padding: $spacing-val-md;} 1137 1138 p { 1139 padding: $spacing-val-md; 1140 } 1064 1141 } 1065 1142 } // close li.mini … … 1097 1174 .acomment-meta, 1098 1175 .acomment-content { 1176 1099 1177 @include font-size(12); 1100 1178 } … … 1118 1196 display: inline-block; 1119 1197 font-family: inherit; 1198 1120 1199 @include font-size(12); 1121 font-weight: normal;1200 font-weight: 400; 1122 1201 line-height: 1.2; 1123 1202 padding: 4px 10px; … … 1151 1230 1152 1231 #buddypress { 1232 1153 1233 #members-list { 1154 1234 1155 1235 @include medium-up { 1236 1156 1237 li { 1238 1157 1239 .item-avatar, 1158 1240 .item { … … 1182 1264 1183 1265 #buddypress { 1266 1184 1267 #signup_form.standard-form { 1185 1268 … … 1190 1273 width: 100%; 1191 1274 1192 @media screen and (min-width: 37.5 00em) {1275 @media screen and (min-width: 37.5em) { 1193 1276 width: 48%; 1194 1277 } 1195 1278 } 1196 1279 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 } 1200 1289 } 1201 1290 … … 1210 1299 1211 1300 .bp-user { 1301 1212 1302 #buddypress { 1213 // On object nav links, table links (notifications etc) we don't really need :visited1214 // 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. 1215 1305 a { 1306 1216 1307 &:visited { 1217 1308 color: #21759b; … … 1229 1320 .bp-user, 1230 1321 .single-item.groups { 1322 1231 1323 #buddypress { 1324 1232 1325 #item-header-content { 1326 1233 1327 #item-meta { 1328 1234 1329 @include font-size(14); 1235 1330 text-align: left; 1236 1331 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 1243 1341 h1, 1244 1342 #item-header-content { … … 1248 1346 1249 1347 @media screen and (max-width: 46.25em) { 1348 1250 1349 main { 1350 1251 1351 header.entry-header { 1252 1352 padding-bottom: 1rem; … … 1256 1356 1257 1357 #buddypress { 1258 @media screen and (max-width: 37.500em) { 1358 1359 @media screen and (max-width: 37.5em) { 1360 1259 1361 h1 { 1260 1362 margin-bottom: 0; … … 1262 1364 1263 1365 #item-header-avatar { 1366 1264 1367 img.avatar { 1265 1368 margin-right: 0; … … 1273 1376 1274 1377 @media screen and (max-width: 46.25em) { 1378 1275 1379 #item-header { 1380 1276 1381 .generic-button { 1277 1382 float: none; 1278 margin: 1.5em 0 0 0;1383 margin: 1.5em 0 0; 1279 1384 } 1280 1385 } … … 1293 1398 1294 1399 .single-item.groups { 1400 1295 1401 #buddypress { 1402 1296 1403 @media screen and (max-width: 46.25em) { 1404 1297 1405 #item-header { 1406 1298 1407 #item-meta { 1299 1408 margin-bottom: $spacing-val-md; … … 1305 1414 // avatar first after group title 1306 1415 @media screen and (max-width: 50em) { 1416 1307 1417 div#item-header { 1308 1418 display: flex; … … 1342 1452 1343 1453 #item-header-content { 1454 1344 1455 @include box-model(border-box); 1345 1456 } … … 1367 1478 1368 1479 h2 { 1480 1369 1481 @include font-size(14); 1370 1482 padding: 0.2em; … … 1373 1485 #group-admins, 1374 1486 #group-mods { 1487 1375 1488 li { 1376 1489 margin: 0; … … 1400 1513 1401 1514 @media screen and (min-width: 64em) { 1515 1402 1516 #item-header-content { 1403 1517 width: 40%; … … 1410 1524 // activated & attempt to address positioning concerns arising from themes 1411 1525 // 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. 1414 1529 #buddypress { 1530 1415 1531 #cover-image-container { 1532 1416 1533 #item-header-cover-image { 1417 1534 … … 1421 1538 1422 1539 @media screen and (min-width: 50em) and (max-width: 60em) { 1540 1423 1541 #item-header-content { 1424 1542 max-width: 60% !important; … … 1437 1555 width: auto; 1438 1556 1439 h2 {border-bottom: 1px solid $border-light;} 1557 h2 { 1558 border-bottom: 1px solid $border-light; 1559 } 1440 1560 } 1441 1561 } // @media … … 1457 1577 1458 1578 .bp-user { 1579 1459 1580 #buddypress { 1581 1460 1582 #item-header { 1461 1583 padding: $spacing-val-md 0; … … 1473 1595 1474 1596 #item-header-content { 1597 1475 1598 #item-buttons { 1599 1476 1600 .generic-button { 1477 1601 margin-right: 5px; … … 1481 1605 1482 1606 @media screen and (min-width: 46.25em) { 1607 1483 1608 #item-header-avatar { 1484 1609 float: left; … … 1524 1649 // headings settings screens & general global settings styles 1525 1650 .groups { 1651 1526 1652 #group-settings-form { 1653 1527 1654 h3 { 1528 1655 background: $dark-background; … … 1534 1661 1535 1662 .groups.edit-details { 1663 1536 1664 #group-settings-form { 1537 1665 … … 1545 1673 background: none; 1546 1674 color: inherit; 1675 1547 1676 @include font-size(14); 1548 1677 width: auto; … … 1558 1687 1559 1688 .groups.group-settings { 1689 1560 1690 #group-settings-form { 1561 1691 … … 1566 1696 ul { 1567 1697 color: rgba($body-text, 0.6); 1698 1568 1699 @include font-size(14); 1569 1700 } … … 1582 1713 1583 1714 .groups.manage-members { 1715 1584 1716 #group-settings-form { 1717 1585 1718 .item-list { 1719 1586 1720 li { 1587 1721 border-bottom: 1px solid $border-light; … … 1591 1725 float: left; 1592 1726 1593 > a {border-bottom: 0;} 1727 > a { 1728 border-bottom: 0; 1729 } 1594 1730 } 1595 1731 … … 1605 1741 width: 100%; 1606 1742 1607 @media screen and (min-width: 37.5 00em) {1743 @media screen and (min-width: 37.5em) { 1608 1744 width: auto; 1609 1745 } … … 1628 1764 // Massage the members search for groups nav specifically. 1629 1765 .groups.group-members { 1766 1630 1767 #subnav { 1768 1631 1769 li { 1632 @media screen and (max-width: 37.500em) { 1770 1771 @media screen and (max-width: 37.5em) { 1633 1772 background: $content-background; 1634 1773 padding: $spacing-val-md 0; … … 1640 1779 float: right; 1641 1780 1642 @media screen and (max-width: 37.5 00em) {1781 @media screen and (max-width: 37.5em) { 1643 1782 margin: 0; 1644 1783 width: 100%; 1645 1784 1646 1785 label { 1647 input[type="text"] {width: 100%;} 1786 1787 input[type="text"] { 1788 width: 100%; 1789 } 1648 1790 } 1649 1791 } … … 1664 1806 1665 1807 .bp-user { 1666 .entry-title {margin-bottom: 0.5em;} 1808 1809 .entry-title { 1810 margin-bottom: 0.5em; 1811 } 1667 1812 } 1668 1813 … … 1677 1822 1678 1823 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 } 1681 1834 1682 1835 @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 } 1689 1852 1690 1853 .notifications-options-nav, … … 1693 1856 width: 100%; 1694 1857 1695 @media screen and (min-width: 37.5 00em) {1858 @media screen and (min-width: 37.5em) { 1696 1859 width: 40%; 1697 1860 } … … 1699 1862 select, 1700 1863 input { 1864 1701 1865 @include font-size(14); 1702 1866 outline: 0; … … 1709 1873 width: 49%; 1710 1874 1711 @media screen and (min-width: 37.5 00em) {1875 @media screen and (min-width: 37.5em) { 1712 1876 width: auto; 1713 1877 } … … 1721 1885 width: 50%; 1722 1886 1723 @media screen and (min-width: 37.5 00em) {1887 @media screen and (min-width: 37.5em) { 1724 1888 width: auto; 1725 1889 } … … 1747 1911 1748 1912 .profile { 1913 1749 1914 .bp-widget { 1915 1750 1916 h2 { 1751 1917 background: lighten($dark-background, 10%); … … 1755 1921 } 1756 1922 1757 table {margin-top: 0;} 1758 } 1923 table { 1924 margin-top: 0; 1925 } 1926 } 1927 1759 1928 /* Edit profile */ 1760 1929 1761 1930 #profile-edit-form { 1931 1762 1932 .button-nav:before, 1763 1933 .button-nav:after { … … 1788 1958 background: none; 1789 1959 border: 0; 1790 @include font-size(18) 1960 1961 @include font-size(18); 1791 1962 } 1792 1963 } //.button-nav … … 1798 1969 .field-visibility-settings-toggle, 1799 1970 .field-visibility-settings { 1971 1800 1972 @include font-size(14); 1801 1973 } … … 1804 1976 .visibility-toggle-link { 1805 1977 background: lighten($dark-background, 10%); 1978 1806 1979 @include border-radius(2px); 1807 1980 color: #f1f1f1; 1808 font-weight: bold;1981 font-weight: 700; 1809 1982 padding: 0.1em 0.5em; 1810 1983 text-decoration: none; … … 1818 1991 1819 1992 .bp-avatar { 1993 1820 1994 #bp-delete-avatar { 1821 a {font-size: inherit; } 1995 1996 a { 1997 font-size: inherit; 1998 } 1822 1999 } 1823 2000 } … … 1838 2015 1839 2016 #groups-list { 2017 1840 2018 li { 2019 1841 2020 .item { 2021 1842 2022 @media screen and (min-width: 77.5em) { 1843 2023 left: 5%; … … 1888 2068 .message-metadata { 1889 2069 1890 &: :after {2070 &:after { 1891 2071 clear: both; 1892 2072 content: ""; … … 1899 2079 1900 2080 @media screen and (min-width: 46.25em) { 2081 1901 2082 img.avatar { 1902 2083 float: left; … … 1919 2100 1920 2101 #send-reply { 2102 1921 2103 .message-content { 1922 2104 background: $content-background; … … 1929 2111 } 1930 2112 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 { 1934 2116 right: 40px; 1935 2117 text-align: right; … … 1941 2123 1942 2124 thead { 2125 1943 2126 tr { 1944 2127 background: lighten($dark-background, 10%); … … 1947 2130 1948 2131 tr { 2132 1949 2133 td { 1950 2134 background: $content-background; … … 1975 2159 1976 2160 span.icon:before { 2161 1977 2162 @include font-size(14); 1978 2163 } … … 1983 2168 height: 3em; 1984 2169 1985 @media screen and (max-width: 37.5 00em) {2170 @media screen and (max-width: 37.5em) { 1986 2171 height: 5.2em; 1987 2172 } … … 1991 2176 td.thread-options { 1992 2177 border-left: 0 !important; 2178 1993 2179 @include calc(width, "100% - 30px"); 1994 2180 margin-left: 0; … … 2004 2190 2005 2191 a { 2192 2006 2193 @include font-size(12); 2007 2194 line-height: 1.2; … … 2018 2205 line-height: 2; 2019 2206 2020 @media screen and (max-width: 37.5 00em) {2207 @media screen and (max-width: 37.5em) { 2021 2208 clear: both; 2209 2022 2210 @include font-size(11); 2023 2211 width: 100%; … … 2027 2215 2028 2216 tr.unread { 2217 2029 2218 td { 2030 2219 border-color: $border-light; … … 2051 2240 2052 2241 #send_message_form { 2242 2053 2243 input, 2054 2244 textarea { … … 2060 2250 list-style: none; 2061 2251 2062 li {margin-left: 0;} 2252 li { 2253 margin-left: 0; 2254 } 2063 2255 2064 2256 li.friend-tab { … … 2095 2287 2096 2288 #message-threads.sitewide-notices { 2097 tr {margin: 3em 0;} 2289 2290 tr { 2291 margin: 3em 0; 2292 } 2293 2098 2294 td { 2099 2295 width: 100%; … … 2123 2319 2124 2320 td:nth-child(2) { 2321 2125 2322 strong { 2126 2323 margin: -8px -8px 8px; … … 2150 2347 } 2151 2348 2152 a:last-child: :after {2349 a:last-child:after { 2153 2350 content: attr(title); 2154 2351 display: block; … … 2174 2371 } 2175 2372 2176 img { vertical-align: bottom;} 2373 img { 2374 vertical-align: bottom; 2375 } 2177 2376 2178 2377 } … … 2195 2394 // 'p' = email notification screen sub heading 2196 2395 > p { 2396 2197 2397 @include font-size(20); 2198 2398 margin: $spacing-val-md 0 $spacing-val-sm; … … 2201 2401 2202 2402 table.notification-settings { 2403 2203 2404 td.yes, 2204 2405 td.no { … … 2217 2418 2218 2419 @media screen and (min-width: 46.25em) { 2420 2219 2421 th.field-group-name, 2220 2422 td.field-name { … … 2229 2431 2230 2432 td.field-visibility { 2231 select {width: 100%;} 2433 2434 select { 2435 width: 100%; 2436 } 2232 2437 } 2233 2438 } … … 2252 2457 // Attempt to reset form control widths 2253 2458 #main { 2459 2254 2460 #buddypress { 2461 2255 2462 .standard-form { 2256 2463 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"], 2261 2471 textarea { 2262 2472 width: 100%; … … 2274 2484 2275 2485 form { 2486 2276 2487 .ac-textarea { 2277 2488 background: $light-background; … … 2302 2513 2303 2514 #signup_form.standard-form { 2515 2304 2516 div.submit { 2305 2517 float: none; 2306 2518 2307 input {margin-right: 0;} 2519 input { 2520 margin-right: 0; 2521 } 2308 2522 } 2309 2523 } … … 2312 2526 2313 2527 #buddypress { 2528 2314 2529 div.dir-search, 2315 2530 div.message-search, … … 2330 2545 } 2331 2546 2332 input[type='text'], 2333 input[type='submit'] { 2547 input[type="text"], 2548 input[type="submit"] { 2549 2334 2550 @include font-size(14); 2335 2551 border: 0; … … 2339 2555 } 2340 2556 2341 input[type= 'text'] {2557 input[type="text"] { 2342 2558 border-right: 1px solid rgba($border-color, 0.6); 2343 2559 float: left; 2344 2560 margin: 0; 2345 padding: 0 0.2em 0;2561 padding: 0 0.2em; 2346 2562 width: 100%; 2347 2563 } 2348 2564 2349 input[type= 'submit'] {2565 input[type="submit"] { 2350 2566 float: right; 2351 font-weight: normal;2567 font-weight: 400; 2352 2568 padding: 0 1em; 2353 2569 text-align: center; … … 2361 2577 // Shift the search parent to the right and allow to shrinkwrap 2362 2578 2363 @media screen and (min-width: 37.500em) { 2579 @media screen and (min-width: 37.5em) { 2580 2364 2581 div.dir-search, 2365 2582 div.message-search, 2366 2583 li.groups-members-search { 2584 2367 2585 float: right; 2368 2586 margin-bottom: 5px !important; 2369 2587 2370 2588 form { 2589 2371 2590 label, 2372 input[type= 'text'],2373 input[type= 'submit'] {2591 input[type="text"], 2592 input[type="submit"] { 2374 2593 width: auto; 2375 2594 } … … 2384 2603 .dir-search, 2385 2604 .message-search { 2605 2386 2606 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 } 2389 2617 } 2390 2618 } … … 2399 2627 */ 2400 2628 .bp-user { 2629 2401 2630 #buddypress { 2402 2631 2403 2632 table { 2633 2404 2634 @include font-size(14); 2405 2635 margin: $spacing-val-md 0; … … 2417 2647 2418 2648 // Reduce the themes inherited paragraph margins in tables 2419 p {margin-bottom: 0.5em;} 2649 p { 2650 margin-bottom: 0.5em; 2651 } 2420 2652 } 2421 2653 2422 2654 @media screen and (min-width: 55em) { 2423 table {@include font-size(16);} 2655 2656 table { 2657 2658 @include font-size(16); 2659 } 2424 2660 } 2425 2661 … … 2427 2663 .notifications, 2428 2664 .messages-notices { 2665 2429 2666 th { 2430 2667 width: 30%; … … 2459 2696 // styling issues - this will need styling ideas 2460 2697 td { 2698 2461 2699 .button { 2462 2700 border: 0; … … 2471 2709 .messages-notices { 2472 2710 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 { 2476 2714 left: 0; 2477 2715 margin-top: 10px; … … 2497 2735 2498 2736 #buddypress { 2737 2499 2738 div#message { 2739 2500 2740 p { 2741 2501 2742 @include font-size(18); 2502 font-weight: bold;2743 font-weight: 700; 2503 2744 } 2504 2745 2505 2746 &.info { 2747 2506 2748 p { 2749 2507 2750 @include message-box($notice-info); 2508 2751 } … … 2510 2753 2511 2754 &.updated { 2755 2512 2756 p { 2757 2513 2758 @include message-box($notice-update); 2514 2759 } … … 2521 2766 // Without direct classes on our mesages ( 'warning' ) 2522 2767 // we need to use the body classes 2523 // todo: If thisis class .warning is included in main BP styles remove from here2768 // @todo If this class .warning is included in main BP styles remove from here 2524 2769 .delete-group { 2770 2525 2771 #buddypress { 2772 2526 2773 div#message.info { 2774 2527 2775 p { 2776 2528 2777 @include message-box($notice-warning); 2529 2778 } -
trunk/src/bp-xprofile/admin/css/admin-rtl.css
r11548 r11587 1 1 /* Profile field group main admin page */ 2 2 @-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 7 17 @-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 } 11 30 } 12 31 13 32 @-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 } 17 45 } 18 46 … … 23 51 #tabs { 24 52 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 55 p.nofields { 56 margin: 20px 0 0; 57 } 58 59 /* Field group tabs */ 60 ul#field-group-tabs { 61 float: right; 62 padding: 0 15px 0 0; 63 margin: 0; 64 display: none; 65 } 66 67 ul#field-group-tabs li { 68 float: right; 69 margin-left: 8px; 70 margin-bottom: -1px; 71 } 72 73 ul#field-group-tabs li.ui-state-hover a.ui-tab { 74 color: #d54e21; 75 } 76 77 ul#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 84 ul#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 96 ul#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 */ 109 ul#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 139 div.delete-button { 140 float: left; 141 line-height: 28px; 142 } 143 144 div.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 178 fieldset.radio div div label, 179 fieldset.checkbox div label { 180 margin-left: 20px; 181 } 182 183 fieldset.clear-value { 184 margin-right: 10px; 185 } 186 187 fieldset 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 226 ul.forTab { 227 list-style: none; 228 padding: 0; 229 margin: 0 1em 0 0; 230 } 231 232 ul.forTab li { 233 margin: 0 0 1em; 234 } 235 236 ul.forTab li label { 237 display: block; 238 } 239 240 ul.forTab li input { 241 font-size: 1.4em; 242 } 243 244 p.success { 245 background: #0f0; 246 } 247 248 p.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 256 span.desc, 257 span.signup-description { 258 display: block; 259 font-size: 11px; 260 color: #555; 261 } 213 262 214 263 ul.multi-checkbox { 215 264 margin: 0 0 0 5px; 216 padding: .5em.9em;265 padding: 0.5em 0.9em; 217 266 height: 10em; 218 267 overflow: auto; … … 239 288 240 289 .bp-option-icon { 241 font: normal 20px/1 'dashicons';290 font: 400 20px/1 dashicons; 242 291 speak: none; 243 292 display: inline-block; … … 272 321 margin-bottom: 20px; 273 322 } 323 274 324 #bp-xprofile-add-field #post-body-content { 275 325 margin-bottom: 0; … … 328 378 329 379 @media screen and (max-width: 782px) { 380 330 381 .bp-date-formats .bp-date-format-option:first-of-type { 331 382 margin-top: 1em; 332 383 } 384 333 385 .bp-range-types .bp-date-format-option { 334 386 margin-bottom: 1em; 335 387 margin-top: 1em; 336 388 } 389 337 390 .form-table td input.date-format-custom-value, 338 391 .form-table td input.date-range-numeric { … … 341 394 width: 56px; 342 395 } 396 343 397 .form-table td .bp-date-range-type-values select { 344 398 display: inline-block; 345 399 width: auto; 346 400 } 401 347 402 .bp-date-range-type-label { 348 403 float: none; 349 404 width: auto; 350 405 } 406 351 407 .bp-date-range-type-values { 352 408 padding-right: 0; … … 356 412 357 413 @media screen and (max-width: 480px) { 414 358 415 .form-table .bp-range-types label { 359 416 clear: both; -
trunk/src/bp-xprofile/admin/css/admin.css
r11548 r11587 1 1 /* Profile field group main admin page */ 2 2 @-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 7 17 @-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 } 11 30 } 12 31 13 32 @-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 } 17 45 } 18 46 … … 23 51 #tabs { 24 52 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 55 p.nofields { 56 margin: 20px 0 0; 57 } 58 59 /* Field group tabs */ 60 ul#field-group-tabs { 61 float: left; 62 padding: 0 0 0 15px; 63 margin: 0; 64 display: none; 65 } 66 67 ul#field-group-tabs li { 68 float: left; 69 margin-right: 8px; 70 margin-bottom: -1px; 71 } 72 73 ul#field-group-tabs li.ui-state-hover a.ui-tab { 74 color: #d54e21; 75 } 76 77 ul#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 84 ul#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 96 ul#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 */ 109 ul#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 139 div.delete-button { 140 float: right; 141 line-height: 28px; 142 } 143 144 div.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 178 fieldset.radio div div label, 179 fieldset.checkbox div label { 180 margin-right: 20px; 181 } 182 183 fieldset.clear-value { 184 margin-left: 10px; 185 } 186 187 fieldset 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 226 ul.forTab { 227 list-style: none; 228 padding: 0; 229 margin: 0 0 0 1em; 230 } 231 232 ul.forTab li { 233 margin: 0 0 1em; 234 } 235 236 ul.forTab li label { 237 display: block; 238 } 239 240 ul.forTab li input { 241 font-size: 1.4em; 242 } 243 244 p.success { 245 background: #0f0; 246 } 247 248 p.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 256 span.desc, 257 span.signup-description { 258 display: block; 259 font-size: 11px; 260 color: #555; 261 } 213 262 214 263 ul.multi-checkbox { 215 264 margin: 0 5px 0 0; 216 padding: .5em.9em;265 padding: 0.5em 0.9em; 217 266 height: 10em; 218 267 overflow: auto; … … 239 288 240 289 .bp-option-icon { 241 font: normal 20px/1 'dashicons';290 font: 400 20px/1 dashicons; 242 291 speak: none; 243 292 display: inline-block; … … 272 321 margin-bottom: 20px; 273 322 } 323 274 324 #bp-xprofile-add-field #post-body-content { 275 325 margin-bottom: 0; … … 328 378 329 379 @media screen and (max-width: 782px) { 380 330 381 .bp-date-formats .bp-date-format-option:first-of-type { 331 382 margin-top: 1em; 332 383 } 384 333 385 .bp-range-types .bp-date-format-option { 334 386 margin-bottom: 1em; 335 387 margin-top: 1em; 336 388 } 389 337 390 .form-table td input.date-format-custom-value, 338 391 .form-table td input.date-range-numeric { … … 341 394 width: 56px; 342 395 } 396 343 397 .form-table td .bp-date-range-type-values select { 344 398 display: inline-block; 345 399 width: auto; 346 400 } 401 347 402 .bp-date-range-type-label { 348 403 float: none; 349 404 width: auto; 350 405 } 406 351 407 .bp-date-range-type-values { 352 408 padding-left: 0; … … 356 412 357 413 @media screen and (max-width: 480px) { 414 358 415 .form-table .bp-range-types label { 359 416 clear: both;
Note: See TracChangeset
for help on using the changeset viewer.