Changeset 9864
- Timestamp:
- 05/12/2015 03:23:45 PM (10 years ago)
- Location:
- trunk/src/bp-templates/bp-legacy/css
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css
r9861 r9864 53 53 *------------------------------------------------------------------------------- 54 54 */ 55 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 { 56 clear: none; } 57 55 58 .buddypress .site-content { 56 59 padding-top: 4%; } … … 209 212 float: none; 210 213 width: 100%; } 214 #buddypress ul.item-list li .item { 215 margin-right: 0; } 211 216 #buddypress ul.item-list li div.item-desc { 212 217 margin-right: 0; 213 218 width: auto; } 214 219 #buddypress ul.item-list li div.action { 220 clear: both; 221 float: none; 222 margin: 0; 215 223 position: relative; 216 text-align: right; 217 top: 0; } 224 text-align: right; } 218 225 #buddypress ul.item-list li div.action div { 219 226 margin: 0 0 10px; } … … 229 236 #buddypress ul.item-list li .item { 230 237 float: left; 238 margin-right: 5%; 231 239 width: 80%; } 232 #buddypress ul.item-list li .activity-meta , #buddypress ul.item-list li .action{240 #buddypress ul.item-list li .activity-meta { 233 241 clear: both; } 234 #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div , #buddypress ul.item-list li .action a, #buddypress ul.item-list li .action div{242 #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div { 235 243 display: inline-block; 236 244 margin: 5px 0 0 5px; } } … … 238 246 #buddypress ul.item-list li .item { 239 247 float: right; 240 margin-right: 5%;241 248 width: 60%; } 242 249 #buddypress ul.item-list li .item div.item-desc { 243 250 margin: 0; 244 251 width: auto; } 245 #buddypress ul.item-list li .action {252 #buddypress ul.item-list li div.action { 246 253 clear: none; 247 254 float: left; 255 top: 0; 248 256 width: 25%; } 249 #buddypress ul.item-list li .action div {257 #buddypress ul.item-list li div.action div { 250 258 display: block; } 251 #buddypress ul.item-list li .action div a {259 #buddypress ul.item-list li div.action div a { 252 260 -webkit-box-sizing: border-box; 253 261 -moz-box-sizing: border-box; … … 255 263 display: block; 256 264 width: 100%; } 257 #buddypress ul.item-list li .action .meta {265 #buddypress ul.item-list li div.action .meta { 258 266 text-align: center; } } 259 267 #buddypress ul.item-list li .meta, #buddypress ul.item-list li .item-meta .activity { … … 424 432 *------------------------------------------------------------ 425 433 */ 434 #buddypress div#item-header { 435 padding-bottom: 10px; } 436 #buddypress div#item-header img.avatar { 437 margin: 0 0 10px 20px; } 438 #buddypress div#item-header #message { 439 clear: both; 440 margin-bottom: 5px; 441 padding-top: 20px; } 442 #buddypress div#item-header #message p { 443 margin-bottom: 0; } 444 426 445 /** 427 446 *------------------------------------------------- … … 455 474 .single-item.groups #buddypress #item-header #item-actions { 456 475 float: none; 476 margin: 0 20px 0 0; 457 477 width: auto; } 458 478 .single-item.groups #buddypress #item-header #item-actions h3 { … … 478 498 *------------------------------------------------- 479 499 */ 480 .bp-user #buddypress #item-header { 481 padding-bottom: 10px; } 500 .bp-user #buddypress #item-header #item-header-avatar { 501 text-align: center; 502 width: 100%; } 503 .bp-user #buddypress #item-header #item-header-avatar img { 504 float: none; } 505 .bp-user #buddypress #item-header #latest-update { 506 margin-bottom: 10px; } 507 @media screen and (max-width: 594px) { 508 .bp-user #buddypress #item-header #item-buttons div.generic-button { 509 display: inline-block; 510 float: none; 511 margin: 0 0 5px 0; 512 width: 100%; } 513 .bp-user #buddypress #item-header #item-buttons div.generic-button a { 514 -webkit-box-sizing: border-box; 515 -moz-box-sizing: border-box; 516 box-sizing: border-box; 517 display: block; 518 width: 100%; } } 519 @media screen and (min-width: 673px) { 482 520 .bp-user #buddypress #item-header #item-header-avatar { 483 text-align: center; 484 width: 100%; } 521 float: right; 522 overflow: hidden; 523 text-align: right; 524 width: 20%; } 485 525 .bp-user #buddypress #item-header #item-header-avatar img { 486 float: none; } 487 .bp-user #buddypress #item-header #latest-update { 488 margin-bottom: 10px; } 489 @media screen and (max-width: 594px) { 490 .bp-user #buddypress #item-header #item-buttons div.generic-button { 491 display: inline-block; 492 float: none; 493 margin: 0 0 5px 0; 494 width: 100%; } 495 .bp-user #buddypress #item-header #item-buttons div.generic-button a { 496 -webkit-box-sizing: border-box; 497 -moz-box-sizing: border-box; 498 box-sizing: border-box; 499 display: block; 500 width: 100%; } } 501 @media screen and (min-width: 673px) { 502 .bp-user #buddypress #item-header #item-header-avatar { 503 float: right; 504 overflow: hidden; 505 text-align: right; 506 width: 20%; } 507 .bp-user #buddypress #item-header #item-header-avatar img { 508 margin: 0; } 509 .bp-user #buddypress #item-header #item-header-content { 510 float: left; 511 width: 78%; } 512 .bp-user #buddypress #item-header #item-header-content #latest-update { 513 margin-bottom: 20px; } } 526 margin: 0; } 527 .bp-user #buddypress #item-header #item-header-content { 528 float: left; 529 width: 78%; } 530 .bp-user #buddypress #item-header #item-header-content #latest-update { 531 margin-bottom: 20px; } } 514 532 515 533 /** … … 558 576 .groups.manage-members #group-settings-form .item-list li h5 { 559 577 margin: 0; } 578 579 /** 580 *------------------------------ 581 * 6.2.1.2 - Group members list 582 *------------------------------ 583 */ 584 #buddypress #members-group-list .item-list h5 { 585 display: inline-block; 586 margin: 0; } 587 #buddypress #members-group-list .item-list span.activity { 588 padding-right: 10px; } 589 590 #buddypress #item-body #subnav li.groups-members-search:focus, #buddypress #item-body #subnav li.groups-members-search:hover, #buddypress #item-body #subnav li.last:focus, #buddypress #item-body #subnav li.last:hover { 591 background: none; } 592 593 .groups.group-members #subnav ul:before, .groups.group-members #subnav ul:after { 594 content: " "; 595 display: table; } 596 .groups.group-members #subnav ul:after { 597 clear: both; } 598 .groups.group-members #subnav ul { 599 padding: 5px 0; } 600 @media screen and (max-width: 400px) { 601 .groups.group-members #subnav li { 602 background: #fff; 603 padding: 10px 0; 604 width: 100% !important; } } 605 .groups.group-members #subnav li #search-members-form { 606 -webkit-box-sizing: border-box; 607 -moz-box-sizing: border-box; 608 box-sizing: border-box; 609 float: right; } 610 @media screen and (max-width: 400px) { 611 .groups.group-members #subnav li #search-members-form { 612 margin: 0; 613 width: 100%; } 614 .groups.group-members #subnav li #search-members-form label input[type="text"] { 615 width: 100%; } } 616 @media screen and (min-width: 783px) { 617 .groups.group-members #subnav li #search-members-form { 618 margin-right: 3px; } } 560 619 561 620 /** … … 691 750 border: 0; } 692 751 693 #buddypress div.dir-search, #buddypress div.message-search {752 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search { 694 753 clear: both; 695 754 float: none; 696 755 margin: 10px 0; } 697 #buddypress div.dir-search form, #buddypress div.message-search form {756 #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form { 698 757 border: 1px solid #ccc; 699 758 overflow: hidden; } 700 #buddypress div.dir-search form label, #buddypress div.message-search form label {759 #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label { 701 760 float: right; 702 761 width: 80%; } 703 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {762 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] { 704 763 float: right; 705 764 margin: 0; 706 765 width: 80%; } 707 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] {766 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] { 708 767 border: 0; 709 768 font-size: 14px; 710 769 font-size: 0.875rem; 711 770 line-height: inherit; } 712 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {771 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] { 713 772 border-left: 1px solid #ccc; 714 773 padding: 0.2em 0.2em 0.2em 0; } 715 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'] {774 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] { 716 775 float: left; 717 776 font-weight: normal; … … 727 786 width: auto; } 728 787 #buddypress div.message-search { 729 margin: 3px 0 0; } } 788 margin: 3px 0 0; } 789 #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'] { 790 width: auto; } } 730 791 731 792 /** … … 747 808 background: #c6e4ee; 748 809 border: 1px solid #78bed6; 749 color: # fff; }810 color: #1e5264; } 750 811 #buddypress div#message.updated p { 751 812 background: #dee6b2; 752 813 border: 1px solid #becc66; 753 color: # fff; }814 color: #454d19; } 754 815 755 816 .delete-group #buddypress div#message.info p { 756 817 background: #db7e7e; 757 818 border: 1px solid #be3535; 758 color: # fff; }819 color: #1f0808; } 759 820 760 821 /** -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css
r9861 r9864 53 53 *------------------------------------------------------------------------------- 54 54 */ 55 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 { 56 clear: none; } 57 55 58 .buddypress .site-content { 56 59 padding-top: 4%; } … … 209 212 float: none; 210 213 width: 100%; } 214 #buddypress ul.item-list li .item { 215 margin-left: 0; } 211 216 #buddypress ul.item-list li div.item-desc { 212 217 margin-left: 0; 213 218 width: auto; } 214 219 #buddypress ul.item-list li div.action { 220 clear: both; 221 float: none; 222 margin: 0; 215 223 position: relative; 216 text-align: left; 217 top: 0; } 224 text-align: left; } 218 225 #buddypress ul.item-list li div.action div { 219 226 margin: 0 0 10px; } … … 229 236 #buddypress ul.item-list li .item { 230 237 float: right; 238 margin-left: 5%; 231 239 width: 80%; } 232 #buddypress ul.item-list li .activity-meta , #buddypress ul.item-list li .action{240 #buddypress ul.item-list li .activity-meta { 233 241 clear: both; } 234 #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div , #buddypress ul.item-list li .action a, #buddypress ul.item-list li .action div{242 #buddypress ul.item-list li .activity-meta a, #buddypress ul.item-list li .activity-meta div { 235 243 display: inline-block; 236 244 margin: 5px 5px 0 0; } } … … 238 246 #buddypress ul.item-list li .item { 239 247 float: left; 240 margin-left: 5%;241 248 width: 60%; } 242 249 #buddypress ul.item-list li .item div.item-desc { 243 250 margin: 0; 244 251 width: auto; } 245 #buddypress ul.item-list li .action {252 #buddypress ul.item-list li div.action { 246 253 clear: none; 247 254 float: right; 255 top: 0; 248 256 width: 25%; } 249 #buddypress ul.item-list li .action div {257 #buddypress ul.item-list li div.action div { 250 258 display: block; } 251 #buddypress ul.item-list li .action div a {259 #buddypress ul.item-list li div.action div a { 252 260 -webkit-box-sizing: border-box; 253 261 -moz-box-sizing: border-box; … … 255 263 display: block; 256 264 width: 100%; } 257 #buddypress ul.item-list li .action .meta {265 #buddypress ul.item-list li div.action .meta { 258 266 text-align: center; } } 259 267 #buddypress ul.item-list li .meta, #buddypress ul.item-list li .item-meta .activity { … … 424 432 *------------------------------------------------------------ 425 433 */ 434 #buddypress div#item-header { 435 padding-bottom: 10px; } 436 #buddypress div#item-header img.avatar { 437 margin: 0 20px 10px 0; } 438 #buddypress div#item-header #message { 439 clear: both; 440 margin-bottom: 5px; 441 padding-top: 20px; } 442 #buddypress div#item-header #message p { 443 margin-bottom: 0; } 444 426 445 /** 427 446 *------------------------------------------------- … … 455 474 .single-item.groups #buddypress #item-header #item-actions { 456 475 float: none; 476 margin: 0 0 0 20px; 457 477 width: auto; } 458 478 .single-item.groups #buddypress #item-header #item-actions h3 { … … 478 498 *------------------------------------------------- 479 499 */ 480 .bp-user #buddypress #item-header { 481 padding-bottom: 10px; } 500 .bp-user #buddypress #item-header #item-header-avatar { 501 text-align: center; 502 width: 100%; } 503 .bp-user #buddypress #item-header #item-header-avatar img { 504 float: none; } 505 .bp-user #buddypress #item-header #latest-update { 506 margin-bottom: 10px; } 507 @media screen and (max-width: 594px) { 508 .bp-user #buddypress #item-header #item-buttons div.generic-button { 509 display: inline-block; 510 float: none; 511 margin: 0 0 5px 0; 512 width: 100%; } 513 .bp-user #buddypress #item-header #item-buttons div.generic-button a { 514 -webkit-box-sizing: border-box; 515 -moz-box-sizing: border-box; 516 box-sizing: border-box; 517 display: block; 518 width: 100%; } } 519 @media screen and (min-width: 673px) { 482 520 .bp-user #buddypress #item-header #item-header-avatar { 483 text-align: center; 484 width: 100%; } 521 float: left; 522 overflow: hidden; 523 text-align: left; 524 width: 20%; } 485 525 .bp-user #buddypress #item-header #item-header-avatar img { 486 float: none; } 487 .bp-user #buddypress #item-header #latest-update { 488 margin-bottom: 10px; } 489 @media screen and (max-width: 594px) { 490 .bp-user #buddypress #item-header #item-buttons div.generic-button { 491 display: inline-block; 492 float: none; 493 margin: 0 0 5px 0; 494 width: 100%; } 495 .bp-user #buddypress #item-header #item-buttons div.generic-button a { 496 -webkit-box-sizing: border-box; 497 -moz-box-sizing: border-box; 498 box-sizing: border-box; 499 display: block; 500 width: 100%; } } 501 @media screen and (min-width: 673px) { 502 .bp-user #buddypress #item-header #item-header-avatar { 503 float: left; 504 overflow: hidden; 505 text-align: left; 506 width: 20%; } 507 .bp-user #buddypress #item-header #item-header-avatar img { 508 margin: 0; } 509 .bp-user #buddypress #item-header #item-header-content { 510 float: right; 511 width: 78%; } 512 .bp-user #buddypress #item-header #item-header-content #latest-update { 513 margin-bottom: 20px; } } 526 margin: 0; } 527 .bp-user #buddypress #item-header #item-header-content { 528 float: right; 529 width: 78%; } 530 .bp-user #buddypress #item-header #item-header-content #latest-update { 531 margin-bottom: 20px; } } 514 532 515 533 /** … … 558 576 .groups.manage-members #group-settings-form .item-list li h5 { 559 577 margin: 0; } 578 579 /** 580 *------------------------------ 581 * 6.2.1.2 - Group members list 582 *------------------------------ 583 */ 584 #buddypress #members-group-list .item-list h5 { 585 display: inline-block; 586 margin: 0; } 587 #buddypress #members-group-list .item-list span.activity { 588 padding-left: 10px; } 589 590 #buddypress #item-body #subnav li.groups-members-search:focus, #buddypress #item-body #subnav li.groups-members-search:hover, #buddypress #item-body #subnav li.last:focus, #buddypress #item-body #subnav li.last:hover { 591 background: none; } 592 593 .groups.group-members #subnav ul:before, .groups.group-members #subnav ul:after { 594 content: " "; 595 display: table; } 596 .groups.group-members #subnav ul:after { 597 clear: both; } 598 .groups.group-members #subnav ul { 599 padding: 5px 0; } 600 @media screen and (max-width: 400px) { 601 .groups.group-members #subnav li { 602 background: #fff; 603 padding: 10px 0; 604 width: 100% !important; } } 605 .groups.group-members #subnav li #search-members-form { 606 -webkit-box-sizing: border-box; 607 -moz-box-sizing: border-box; 608 box-sizing: border-box; 609 float: left; } 610 @media screen and (max-width: 400px) { 611 .groups.group-members #subnav li #search-members-form { 612 margin: 0; 613 width: 100%; } 614 .groups.group-members #subnav li #search-members-form label input[type="text"] { 615 width: 100%; } } 616 @media screen and (min-width: 783px) { 617 .groups.group-members #subnav li #search-members-form { 618 margin-left: 3px; } } 560 619 561 620 /** … … 691 750 border: 0; } 692 751 693 #buddypress div.dir-search, #buddypress div.message-search {752 #buddypress div.dir-search, #buddypress div.message-search, #buddypress li.groups-members-search { 694 753 clear: both; 695 754 float: none; 696 755 margin: 10px 0; } 697 #buddypress div.dir-search form, #buddypress div.message-search form {756 #buddypress div.dir-search form, #buddypress div.message-search form, #buddypress li.groups-members-search form { 698 757 border: 1px solid #ccc; 699 758 overflow: hidden; } 700 #buddypress div.dir-search form label, #buddypress div.message-search form label {759 #buddypress div.dir-search form label, #buddypress div.message-search form label, #buddypress li.groups-members-search form label { 701 760 float: left; 702 761 width: 80%; } 703 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {762 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] { 704 763 float: left; 705 764 margin: 0; 706 765 width: 80%; } 707 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] {766 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'], #buddypress li.groups-members-search form input[type='submit'] { 708 767 border: 0; 709 768 font-size: 14px; 710 769 font-size: 0.875rem; 711 770 line-height: inherit; } 712 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] {771 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'], #buddypress li.groups-members-search form input[type='text'] { 713 772 border-right: 1px solid #ccc; 714 773 padding: 0.2em 0 0.2em 0.2em; } 715 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'] {774 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'], #buddypress li.groups-members-search form input[type='submit'] { 716 775 float: right; 717 776 font-weight: normal; … … 727 786 width: auto; } 728 787 #buddypress div.message-search { 729 margin: 3px 0 0; } } 788 margin: 3px 0 0; } 789 #buddypress li.groups-members-search form label, #buddypress li.groups-members-search form input[type='submit'], #buddypress li.groups-members-search form input[type='text'] { 790 width: auto; } } 730 791 731 792 /** … … 747 808 background: #c6e4ee; 748 809 border: 1px solid #78bed6; 749 color: # fff; }810 color: #1e5264; } 750 811 #buddypress div#message.updated p { 751 812 background: #dee6b2; 752 813 border: 1px solid #becc66; 753 color: # fff; }814 color: #454d19; } 754 815 755 816 .delete-group #buddypress div#message.info p { 756 817 background: #db7e7e; 757 818 border: 1px solid #be3535; 758 color: # fff; }819 color: #1f0808; } 759 820 760 821 /** -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss
r9861 r9864 103 103 104 104 // BP message boxes 105 @mixin message-box($background, $text-color: inherit) { 105 @mixin message-box($background, $text-color: null) { 106 107 @if($text-color) { 108 // if a param was passed through 109 $text-color: $text-color; 110 } @else { 111 $text-color: darken($background, 50%); 112 } 113 106 114 background: lighten($background, 10%); 107 115 border: 1px solid darken($background, 10%); … … 194 202 */ 195 203 204 // Twentyfourteen adds a generic grouped ruleset of clear:both; 205 // for all heading h# elements this is problematic where floats are concerned 206 // We reset this here under our #buddypress namespace 207 #buddypress { 208 h1, 209 h2, 210 h3, 211 h4, 212 h5, 213 h6 { 214 clear: none; 215 } 216 } 217 196 218 // As BP screens have specific content lets adjust the themes primary elements 197 219 // to maximise the screen real estate for BP pages. … … 502 524 } 503 525 526 .item { 527 margin-left: 0; 528 } 529 504 530 // groups group description 505 531 div.item-desc { … … 509 535 510 536 div.action { 537 clear: both; 538 float: none; 539 margin: 0; 511 540 position: relative; 512 541 text-align: left; 513 top: 0;514 542 515 543 div { … … 540 568 .item { 541 569 float: right; 570 margin-left: 5%; 542 571 width: 80%; 543 572 } 544 573 545 .activity-meta, 546 .action { 574 .activity-meta { 547 575 clear: both; 548 576 … … 558 586 .item { 559 587 float: left; 560 margin-left: 5%;561 588 width: 60%; 562 589 … … 567 594 } 568 595 569 .action {596 div.action { 570 597 clear: none; 571 598 float: right; 599 top: 0; 572 600 width: 25%; 573 601 … … 875 903 *------------------------------------------------------------ 876 904 */ 905 // override BP margins - users/groups manage their own styles later on 906 #buddypress { 907 div#item-header { 908 padding-bottom: $spacing-val-sm; 909 910 img.avatar { 911 margin: 0 $spacing-val-md $spacing-val-sm 0; 912 } 913 914 // Prevent messages block abutting bottom of floats, with padding-top 915 #message { 916 clear: both; 917 margin-bottom: $spacing-val-xs; 918 padding-top: $spacing-val-md; 919 920 p {margin-bottom: 0;} 921 } 922 } 923 } 877 924 878 925 /** … … 930 977 #item-actions { 931 978 float: none; 979 margin: 0 0 0 $spacing-val-md; 932 980 width: auto; 933 981 … … 973 1021 .bp-user #buddypress { 974 1022 #item-header { 975 padding-bottom: $spacing-val-sm;976 1023 977 1024 #item-header-avatar { … … 1097 1144 /** 1098 1145 *------------------------------ 1146 * 6.2.1.2 - Group members list 1147 *------------------------------ 1148 */ 1149 1150 #buddypress { 1151 #members-group-list { 1152 .item-list { 1153 h5 { 1154 display: inline-block; 1155 margin: 0; 1156 } 1157 1158 span.activity { 1159 padding-left: $spacing-val-sm; 1160 } 1161 } 1162 } 1163 } // close #buddypress 1164 1165 #buddypress { 1166 #item-body { 1167 #subnav { 1168 li.groups-members-search:focus, 1169 li.groups-members-search:hover, 1170 li.last:focus, 1171 li.last:hover { 1172 background: none; 1173 } 1174 } 1175 } 1176 } 1177 1178 // Need to target groups members via body classes 1179 .groups.group-members { 1180 #subnav { 1181 1182 ul:before, 1183 ul:after { 1184 content: " "; 1185 display: table; 1186 } 1187 1188 ul:after {clear: both; } 1189 1190 ul { 1191 padding: $spacing-val-xs 0; 1192 } 1193 1194 1195 li { 1196 1197 @media screen and (max-width: 400px) { 1198 background: $content-background; 1199 padding: $spacing-val-sm 0; 1200 width: 100% !important; 1201 } 1202 1203 #search-members-form { 1204 @include box-model(border-box); 1205 float: left; 1206 @media screen and (max-width: 400px) { 1207 margin: 0; 1208 width: 100%; 1209 1210 label { 1211 input[type="text"] {width: 100%;} 1212 } 1213 } 1214 @media screen and (min-width: 783px) { 1215 margin-left: 3px; 1216 } 1217 } 1218 1219 } 1220 1221 } // close #subnav 1222 } // close .groups.group-members 1223 1224 /** 1225 *------------------------------ 1099 1226 * 6.2.1.3 - Groups Send Invites 1100 1227 *------------------------------ … … 1349 1476 #buddypress { 1350 1477 div.dir-search, 1351 div.message-search { 1478 div.message-search, 1479 li.groups-members-search { 1352 1480 clear: both; 1353 1481 float: none; … … 1413 1541 1414 1542 div.message-search { margin: 3px 0 0;} 1543 1544 li.groups-members-search { 1545 form { 1546 label, 1547 input[type='submit'], 1548 input[type='text'] { 1549 width: auto; 1550 } 1551 } 1552 } 1553 1415 1554 } // close @media 1555 1416 1556 } // close #buddypress 1417 1557 … … 1429 1569 *------------------------------------------------------------------------------- 1430 1570 */ 1431 #buddypress { 1571 // message args ($variable-color, text-color) 1572 // Leave text-color undefined to automagically set text color 1573 // to background color darker by 50% 1574 #buddypress { 1575 1432 1576 div#message { 1433 1577 p { … … 1438 1582 &.info { 1439 1583 p { 1440 @include message-box($notice-info , #fff);1584 @include message-box($notice-info); 1441 1585 } 1442 1586 } … … 1444 1588 &.updated { 1445 1589 p { 1446 @include message-box($notice-update , #fff);1590 @include message-box($notice-update); 1447 1591 } 1448 1592 } … … 1452 1596 } // close #buddypress 1453 1597 1454 // Without direct classes on our mes ages ( 'warning' )1598 // Without direct classes on our messages ( 'warning' ) 1455 1599 // we need to use the body classes 1456 // message args ($variable-color, text-color)1457 1600 // todo: If this is class .warning is included in main BP styles remove from here 1458 1601 .delete-group { … … 1460 1603 div#message.info { 1461 1604 p { 1462 @include message-box($notice-warning , #fff);1605 @include message-box($notice-warning); 1463 1606 } 1464 1607 }
Note: See TracChangeset
for help on using the changeset viewer.