Changeset 9770
- Timestamp:
- 04/19/2015 06:47:48 PM (9 years ago)
- Location:
- trunk/src/bp-templates/bp-legacy/css
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css
r9769 r9770 318 318 background-color: #f7f7f7; 319 319 border: 1px solid rgba(234, 234, 234, 0.6); 320 padding: 0 .2em; }320 padding: 0 0.2em; } 321 321 #buddypress .activity-list .activity-content .activity-header img.avatar { 322 322 display: inline-block; … … 373 373 display: block; 374 374 margin: .5em 0; 375 padding-left: .3em; 375 padding-left: .3em; 376 376 } 377 377 } … … 390 390 */ 391 391 .bp-user .entry-title { 392 margin-bottom: .5em; }392 margin-bottom: 0.5em; } 393 393 .bp-user #buddypress { 394 394 /* General elements & classes, pagination, filters */ … … 465 465 color: #fff; 466 466 margin-bottom: 0; 467 padding: .4em; }467 padding: 0.4em; } 468 468 .bp-user #buddypress .profile .bp-widget table { 469 469 margin-top: 0; } -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css
r9769 r9770 318 318 background-color: #f7f7f7; 319 319 border: 1px solid rgba(234, 234, 234, 0.6); 320 padding: 0 .2em; }320 padding: 0 0.2em; } 321 321 #buddypress .activity-list .activity-content .activity-header img.avatar { 322 322 display: inline-block; … … 373 373 display: block; 374 374 margin: .5em 0; 375 padding-left: .3em; 375 padding-left: .3em; 376 376 } 377 377 } … … 390 390 */ 391 391 .bp-user .entry-title { 392 margin-bottom: .5em; }392 margin-bottom: 0.5em; } 393 393 .bp-user #buddypress { 394 394 /* General elements & classes, pagination, filters */ … … 465 465 color: #fff; 466 466 margin-bottom: 0; 467 padding: .4em; }467 padding: 0.4em; } 468 468 .bp-user #buddypress .profile .bp-widget table { 469 469 margin-top: 0; } -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss
r9767 r9770 95 95 */ 96 96 97 // Twentyfifteen adds a generic grouped ruleset of clear:both; 97 // Twentyfifteen adds a generic grouped ruleset of clear:both; 98 98 // for all heading h# elements this is problematic where floats are concerned 99 99 // We reset this here under our #buddypress namespace … … 145 145 } // .article 146 146 } // .main 147 147 148 148 .site-footer { 149 149 margin: 0 4%; … … 215 215 overflow: hidden; 216 216 padding: $spacing-val-xs 0; 217 217 218 218 li { 219 219 a { … … 264 264 } 265 265 266 select, 267 label, 266 select, 267 label, 268 268 option { 269 269 @include font-size(14); … … 317 317 318 318 #object-nav { 319 border-right: 1px solid rgba($border-color, .1);319 border-right: 1px solid rgba($border-color, 0.1); 320 320 float: left; 321 321 margin-right: -1px; … … 402 402 403 403 // Trying to position the action div absolute has bad consequences where 404 // aditional items are displayed, floating is an alternative that 404 // aditional items are displayed, floating is an alternative that 405 405 // allows natural flow expansion. 406 // This block: 406 // This block: 407 407 // * Manages li items, Stacks them small screen, floated left at wider screens. 408 408 // * Adjusts display of action buttons at small screen … … 421 421 img.avatar { 422 422 display: inline-block; 423 float: none; 423 float: none; 424 424 // Quite early on we need to move avatars to the left(right) 425 425 @media screen and (min-width: 38.75em) { … … 429 429 } 430 430 } 431 431 432 432 .item { 433 433 margin-left: 25%; 434 434 435 435 span.activity {font-style: italic;} 436 436 437 437 .item-desc { 438 438 margin-left: 0; … … 441 441 } 442 442 443 @media screen and (min-width: 59.6875em) { 443 @media screen and (min-width: 59.6875em) { 444 444 .item-avatar, 445 445 .item, … … 455 455 } 456 456 }// close @media 457 457 458 458 div.action { 459 459 clear: left; … … 476 476 div { 477 477 display: inline-block; 478 margin: $spacing-val-sm 0; 478 margin: $spacing-val-sm 0; 479 479 width: 100%; 480 480 … … 483 483 width: 100%; 484 484 } 485 // Provisionally lets keep the 'action' div 485 // Provisionally lets keep the 'action' div 486 486 //position but inline-block the buttons 487 487 @media screen and (min-width: 38.75em) { … … 496 496 margin: 0 0 $spacing-val-sm 0; 497 497 } // close @media 498 498 499 499 } // close div 500 500 501 501 .meta { 502 502 font-style: italic; … … 546 546 547 547 .activity-list { 548 548 549 549 // re-size activity avatars 550 550 li { … … 559 559 } 560 560 } 561 561 562 562 li.mini { 563 563 .activity-avatar { … … 575 575 @include font-size(13); 576 576 } 577 } 578 } 579 577 } 578 } 579 580 580 .activity-content { 581 581 margin-top: -12px; … … 585 585 line-height: inherit; 586 586 margin-right: 0; 587 587 588 588 p { 589 589 background-color: $light-background; 590 border: 1px solid rgba($border-light, .6);591 padding: 0 .2em;592 } 593 590 border: 1px solid rgba($border-light, 0.6); 591 padding: 0 0.2em; 592 } 593 594 594 img.avatar { 595 595 display: inline-block; … … 609 609 610 610 } // close .activity-content 611 611 612 612 .load-more a {display: block;} 613 613 614 614 } // close .activity-list 615 615 } // close #buddypress … … 625 625 border-left: 1px solid $border-light; 626 626 margin-top: 5px; 627 627 628 628 ul { 629 background: rgba($light-background, .6);629 background: rgba($light-background, 0.6); 630 630 margin: 30px 0 0 2px; 631 631 } 632 632 633 633 .ac-form { 634 634 635 635 input[type="submit"], 636 636 .ac-reply-cancel { 637 color: rgba($body-text, .8);637 color: rgba($body-text, 0.8); 638 638 display: inline-block; 639 639 font-family: inherit; … … 645 645 width: 100px; 646 646 } 647 647 648 648 .ac-reply-cancel { 649 border: 1px solid rgba($border-color, .7);649 border: 1px solid rgba($border-color, 0.7); 650 650 text-align: center; 651 651 652 652 &:focus, 653 653 &:hover { … … 671 671 #buddypress { 672 672 #members-list { 673 673 674 674 @media screen and (min-width: 59.6875em) { 675 675 li { … … 691 691 display: block; 692 692 margin: .5em 0; 693 padding-left: .3em; 693 padding-left: .3em; 694 694 } 695 695 } … … 706 706 707 707 .bp-user { 708 .entry-title {margin-bottom: .5em;}709 708 .entry-title {margin-bottom: 0.5em;} 709 710 710 #buddypress { 711 711 712 712 /* General elements & classes, pagination, filters */ 713 713 714 714 table { 715 715 th {@include font-size(14)} 716 716 td {@include font-size(12)} 717 717 718 718 @media screen and (min-width: 46.25em) { 719 719 th {@include font-size(16)} 720 720 td {@include font-size(14)} 721 721 } 722 722 723 723 @media screen and (min-width: 77.5em) { 724 724 th {@include font-size(18)} … … 726 726 } 727 727 } 728 728 729 729 .pag-count {font-style: italic;} 730 730 731 731 .notifications-options-nav { 732 border: 1px solid rgba($border-color, .5);732 border: 1px solid rgba($border-color, 0.5); 733 733 float: left; 734 734 width: 100%; … … 743 743 outline: 0; 744 744 padding: 0; 745 } 745 } 746 746 747 747 select { 748 float: left; 748 float: left; 749 749 margin-right: 0; 750 750 width: 60%; … … 759 759 760 760 } // close .notifications-options-nav 761 761 762 762 /* Item Header */ 763 763 764 764 #item-header { 765 765 padding: $spacing-val-md 0; 766 766 767 767 #item-header-avatar { 768 768 text-align: center; 769 769 width: 100%; 770 770 771 img.avatar, 771 img.avatar, 772 772 a { 773 773 border-bottom: 0; … … 778 778 779 779 @media screen and (min-width: 46.25em) { 780 #item-header-avatar { 780 #item-header-avatar { 781 781 float: left; 782 782 width: 20%; 783 784 img.avatar, 783 784 img.avatar, 785 785 a { 786 786 float: left; … … 788 788 } 789 789 } 790 790 791 791 #item-header-content { 792 792 float: right; … … 794 794 width: 69%; 795 795 } 796 796 797 797 } // close @media 798 798 799 799 } // close #item-header 800 800 801 801 /* Profile */ 802 802 .profile { 803 803 .bp-widget { 804 804 h4 { 805 background: rgba($dark-background, .8);805 background: rgba($dark-background, 0.8); 806 806 color: #fff; 807 807 margin-bottom: 0; 808 padding: .4em;808 padding: 0.4em; 809 809 } 810 810 … … 812 812 } 813 813 } // close .profile 814 814 815 815 .bp-avatar-nav { 816 816 ul:before, … … 819 819 display: table; 820 820 } 821 821 822 822 ul:after { 823 823 clear: both; 824 824 } 825 825 826 826 ul { 827 border-bottom: 1px solid rgba($border-color, .5);827 border-bottom: 1px solid rgba($border-color, 0.5); 828 828 margin-bottom: $spacing-val-md; 829 829 830 830 li.current { 831 border: 1px solid rgba($border-color, .5);831 border: 1px solid rgba($border-color, 0.5); 832 832 border-bottom-color: #fff; 833 833 border-top-left-radius: 4px; 834 834 border-top-right-radius: 4px; 835 margin-bottom: -1px; 836 835 margin-bottom: -1px; 836 837 837 a { 838 838 background: none; … … 842 842 } 843 843 } // .bp-avatar-nav 844 844 845 845 /* Groups */ 846 846 847 847 #groups-list { 848 848 li { … … 855 855 } 856 856 } 857 857 858 858 /* Messages / Notifications */ 859 859 … … 868 868 */ 869 869 870 // Match BP form elements to Themes(2015) styling where styles 870 // Match BP form elements to Themes(2015) styling where styles 871 871 // are not inherited or being overriden. 872 872 #buddypress { 873 873 874 874 div.activity-comments { 875 875 form { 876 876 .ac-textarea { 877 877 background: $light-background; 878 border: 1px solid rgba($border-color, .3);879 878 border: 1px solid rgba($border-color, 0.3); 879 880 880 textarea { 881 881 background: none; … … 886 886 } 887 887 888 select {border: 1px solid rgba($border-color, .5);}888 select {border: 1px solid rgba($border-color, 0.5);} 889 889 890 890 } // close #buddypress
Note: See TracChangeset
for help on using the changeset viewer.