Ticket #7338: 7338-05.patch
File 7338-05.patch, 43.8 KB (added by , 8 years ago) |
---|
-
src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css
92 92 } 93 93 } 94 94 95 .buddypress article.page .entry-header .entry-title { 96 font-size: 22px; 97 font-size: 1.375rem; 98 } 99 100 @media screen and (min-width: 55em) { 101 .buddypress article.page .entry-header .entry-title { 102 font-size: 28px; 103 font-size: 1.75rem; 104 } 105 } 106 107 @media screen and (min-width: 55em) { 95 @media screen and (min-width: 48em) { 108 96 body.buddypress.page.page-two-column #primary .entry-header { 109 width: 20%;97 width: 30%; 110 98 } 111 99 body.buddypress.page.page-two-column #primary .entry-content { 112 width: 80%;100 width: 68%; 113 101 } 114 102 body.buddypress:not(.has-sidebar) #primary.content-area, 115 103 body.buddypress:not(.page-two-column) #primary.content-area { … … 150 138 } 151 139 152 140 #buddypress div.item-list-tabs ul { 153 background-color: #faf 9f1;141 background-color: #fafafa; 154 142 border-bottom: 1px solid rgba(234, 234, 234, 0.9); 155 143 border-top: 1px solid rgba(234, 234, 234, 0.9); 156 144 overflow: hidden; … … 167 155 168 156 @media screen and (max-width: 38.75em) { 169 157 .bp-user #buddypress #object-nav { 170 background: #faf 9f1;158 background: #fafafa; 171 159 border: 1px solid #eaeaea; 172 160 overflow: visible; 173 161 padding: 10px; … … 346 334 #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 347 335 #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 348 336 background: none; 349 color: # 141412;337 color: #333; 350 338 outline: none; 351 339 } 352 340 #main #buddypress #subnav ul { … … 557 545 width: 100%; 558 546 } 559 547 560 @media screen and (min-width: 48em) {548 @media screen and (min-width: 30em) { 561 549 #buddypress ul.item-list li div.action div { 562 550 margin: 0 0 10px 10px; 563 551 width: auto; … … 599 587 } 600 588 601 589 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 602 border: 1px solid rgba( 212, 208, 186, 0.5);590 border: 1px solid rgba(190, 190, 190, 0.5); 603 591 float: right; 604 592 line-height: 1.5em; 605 593 margin-top: 12px; … … 726 714 margin-bottom: 5px; 727 715 } 728 716 729 @media screen and (min-width: 3 8.75em) {717 @media screen and (min-width: 30em) { 730 718 #buddypress #activity-stream .activity-content .activity-meta a { 731 719 display: inline-block; 732 720 margin-bottom: 0; 721 width: auto; 733 722 } 734 723 } 735 724 … … 800 789 801 790 #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 802 791 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 803 color: rgba( 20, 20, 18, 0.8);792 color: rgba(51, 51, 51, 0.8); 804 793 display: inline-block; 805 794 font-family: inherit; 806 795 font-size: 12px; … … 813 802 } 814 803 815 804 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 816 border: 1px solid rgba( 212, 208, 186, 0.7);805 border: 1px solid rgba(190, 190, 190, 0.7); 817 806 text-align: center; 818 807 } 819 808 … … 1120 1109 } 1121 1110 1122 1111 .groups.group-settings #group-settings-form div.radio label ul { 1123 color: rgba( 20, 20, 18, 0.6);1112 color: rgba(51, 51, 51, 0.6); 1124 1113 font-size: 14px; 1125 1114 font-size: 0.875rem; 1126 1115 } … … 1254 1243 } 1255 1244 1256 1245 .bp-user #buddypress .notifications-options-nav { 1257 border: 1px solid rgba( 212, 208, 186, 0.5);1246 border: 1px solid rgba(190, 190, 190, 0.5); 1258 1247 float: right; 1259 1248 width: 100%; 1260 1249 } … … 1434 1423 } 1435 1424 1436 1425 .bp-user #buddypress #message-threads thead tr { 1437 background: #6f6f6f; 1426 background: none; 1427 border-bottom: 1px solid #bebebe; 1438 1428 } 1439 1429 1430 .bp-user #buddypress #message-threads thead tr th { 1431 background: #555; 1432 } 1433 1434 .bp-user #buddypress #message-threads tr { 1435 border-bottom: 5px solid #878787; 1436 } 1437 1440 1438 .bp-user #buddypress #message-threads tr td { 1441 1439 background: #fff; 1442 1440 display: inline-block; … … 1445 1443 1446 1444 .bp-user #buddypress #message-threads tr td.thread-star, 1447 1445 .bp-user #buddypress #message-threads tr td.thread-options { 1448 border-bottom-color: # ccc;1449 border-bottom-width: 2px;1446 border-bottom-color: #bebebe; 1447 border-bottom-width: 1px; 1450 1448 height: 2.4em; 1451 1449 padding-bottom: 0.2em; 1452 1450 padding-top: 0.2em; … … 1459 1457 } 1460 1458 } 1461 1459 1460 .bp-user #buddypress #message-threads tr td.bulk-select-check, 1461 .bp-user #buddypress #message-threads tr td.thread-star, 1462 .bp-user #buddypress #message-threads tr td.thread-from, 1463 .bp-user #buddypress #message-threads tr td.thread-info, 1464 .bp-user #buddypress #message-threads tr td.thread-options { 1465 border-top: 0; 1466 } 1467 1462 1468 .bp-user #buddypress #message-threads tr td.thread-star { 1463 1469 vertical-align: middle; 1464 1470 } … … 1529 1535 } 1530 1536 1531 1537 .bp-user #buddypress #message-threads tr.unread td { 1532 background: #eee;1533 border-color: # d4d0ba;1538 background: none; 1539 border-color: #bebebe; 1534 1540 } 1535 1541 1536 1542 .bp-user #buddypress #message-threads th { … … 1717 1723 1718 1724 #buddypress div.activity-comments form .ac-textarea { 1719 1725 background: #f7f7f7; 1720 border: 1px solid rgba( 212, 208, 186, 0.5);1726 border: 1px solid rgba(190, 190, 190, 0.5); 1721 1727 } 1722 1728 1723 1729 #buddypress div.activity-comments form .ac-textarea textarea { … … 1735 1741 #buddypress .standard-form button, 1736 1742 #buddypress .standard-form select, 1737 1743 #buddypress .standard-form textarea { 1738 border-color: rgba( 212, 208, 186, 0.5);1744 border-color: rgba(190, 190, 190, 0.5); 1739 1745 border-width: 1px; 1740 1746 } 1741 1747 … … 1761 1767 #buddypress div.dir-search form, 1762 1768 #buddypress div.message-search form, 1763 1769 #buddypress li.groups-members-search form { 1764 border: 1px solid rgba( 212, 208, 186, 0.6);1770 border: 1px solid rgba(190, 190, 190, 0.6); 1765 1771 overflow: hidden; 1766 1772 } 1767 1773 … … 1795 1801 #buddypress div.dir-search form input[type='text'], 1796 1802 #buddypress div.message-search form input[type='text'], 1797 1803 #buddypress li.groups-members-search form input[type='text'] { 1798 border-left: 1px solid rgba( 212, 208, 186, 0.6);1804 border-left: 1px solid rgba(190, 190, 190, 0.6); 1799 1805 padding: 0.2em 0.2em 0.2em 0; 1800 1806 } 1801 1807 … … 1855 1861 } 1856 1862 1857 1863 #buddypress table tr th { 1858 background: # 6f6f6f;1859 border-color: # b7b7b7;1860 color: # fff;1864 background: #f7f7f7; 1865 border-color: #eaeaea; 1866 color: #333; 1861 1867 } 1862 1868 1863 1869 #buddypress table p { -
src/bp-templates/bp-legacy/css/twentyseventeen.css
92 92 } 93 93 } 94 94 95 .buddypress article.page .entry-header .entry-title { 96 font-size: 22px; 97 font-size: 1.375rem; 98 } 99 100 @media screen and (min-width: 55em) { 101 .buddypress article.page .entry-header .entry-title { 102 font-size: 28px; 103 font-size: 1.75rem; 104 } 105 } 106 107 @media screen and (min-width: 55em) { 95 @media screen and (min-width: 48em) { 108 96 body.buddypress.page.page-two-column #primary .entry-header { 109 width: 20%;97 width: 30%; 110 98 } 111 99 body.buddypress.page.page-two-column #primary .entry-content { 112 width: 80%;100 width: 68%; 113 101 } 114 102 body.buddypress:not(.has-sidebar) #primary.content-area, 115 103 body.buddypress:not(.page-two-column) #primary.content-area { … … 132 120 } 133 121 } 134 122 123 body.colors-dark #buddypress .item-list-tabs li.current a, 124 body.colors-dark #buddypress .item-list-tabs li.selected a { 125 color: inherit; 126 } 127 128 body.colors-dark #buddypress .item-list div.meta { 129 color: #ddd; 130 } 131 132 body.colors-dark #buddypress .item-list div.item-desc { 133 color: #eee; 134 } 135 136 body.colors-dark #buddypress .item-list .activity-header p, 137 body.colors-dark #buddypress .item-list .activity-comments ul, 138 body.colors-dark #buddypress .item-list .acomment-meta { 139 color: #eee; 140 } 141 142 body.colors-dark #buddypress .item-list .activity-meta a, 143 body.colors-dark #buddypress .item-list .action a { 144 background: #fafafa; 145 } 146 147 body.colors-dark #buddypress .item-list .activity-meta a:focus, body.colors-dark #buddypress .item-list .activity-meta a:hover, 148 body.colors-dark #buddypress .item-list .action a:focus, 149 body.colors-dark #buddypress .item-list .action a:hover { 150 background: #fff; 151 } 152 153 body.colors-dark #buddypress #latest-update { 154 color: #eee; 155 } 156 157 body.colors-dark #buddypress div.pagination * { 158 color: #ddd; 159 } 160 161 body.colors-dark #buddypress #item-body table thead tr, 162 body.colors-dark #buddypress #item-body table thead th { 163 background: none; 164 color: #eee; 165 } 166 167 body.colors-dark #buddypress #item-body table tr.alt td { 168 background: none; 169 color: #eee; 170 } 171 172 body.colors-light #buddypress div.item-list-tabs ul { 173 background-color: #fafafa; 174 } 175 176 body.colors-light #buddypress div#subnav.item-list-tabs ul { 177 background-color: #f7f7f7; 178 } 179 180 body.colors-light #buddypress div#subnav.item-list-tabs ul li.last { 181 background: #fff; 182 } 183 184 body.colors-light #buddypress .item-list .activity-header p { 185 background-color: #f7f7f7; 186 color: #878787; 187 } 188 189 body.colors-light #buddypress .item-list .activity-comments .acomment-meta { 190 color: #737373; 191 } 192 193 body.colors-light #buddypress #item-body .profile h2 { 194 background: #7b7b7b; 195 color: #fff; 196 } 197 198 body.colors-light #buddypress table tr.alt td { 199 background: #f5f5f5; 200 color: #333; 201 } 202 135 203 /** 136 204 *------------------------------------------------------------------------------- 137 205 * @section 2.0 - Navigation - General … … 150 218 } 151 219 152 220 #buddypress div.item-list-tabs ul { 153 background-color: #faf9f1;154 221 border-bottom: 1px solid rgba(234, 234, 234, 0.9); 155 222 border-top: 1px solid rgba(234, 234, 234, 0.9); 156 223 overflow: hidden; … … 157 224 padding: 0; 158 225 } 159 226 160 #buddypress div.item-list-tabs ul li a {161 color: #0073c1;162 }163 164 227 #buddypress div.item-list-tabs ul li a span { 165 228 border-radius: 25%; 166 229 } 167 230 168 @media screen and (max-width: 38.75em) {169 .bp-user #buddypress #object-nav {170 background: #faf9f1;171 border: 1px solid #eaeaea;172 overflow: visible;173 padding: 10px;174 }175 .bp-user #buddypress #object-nav ul {176 border: 0;177 height: 0;178 transition: height 0.3s ease-in-out 0.7s;179 visibility: hidden;180 }181 .bp-user #buddypress #object-nav:before {182 content: "Menu \021E9";183 display: inline;184 opacity: 0.7;185 }186 .bp-user #buddypress #object-nav:hover:before, .bp-user #buddypress #object-nav:focus:before {187 content: "Menu \021E7";188 }189 .bp-user #buddypress #object-nav:hover ul, .bp-user #buddypress #object-nav:focus ul {190 height: 320px;191 opacity: 1;192 overflow-y: auto;193 visibility: visible;194 }195 .bp-user #buddypress #subnav {196 clear: both;197 }198 }199 200 231 /*__ Horizontal menus __*/ 201 232 #buddypress #object-nav ul { 202 233 overflow: hidden; … … 229 260 } 230 261 231 262 #buddypress div#subnav.item-list-tabs ul { 232 background-color: #f7f7f7;233 263 border-bottom: 0; 234 264 margin-top: 5px; 235 265 padding: 0; … … 236 266 } 237 267 238 268 #buddypress div#subnav.item-list-tabs ul li.last { 239 background: #fff;240 269 margin-top: 0; 241 270 padding: 5px 5px 5px 0; 242 271 width: 100%; … … 273 302 274 303 /*__ Vertical menu User Account / Group single screens __*/ 275 304 @media screen and (min-width: 55em) { 276 body .no-sidebar#buddypress #item-header,277 body .no-sidebar#buddypress #item-body {305 body:not(.page-two-column) #buddypress #item-header, 306 body:not(.page-two-column) #buddypress #item-body { 278 307 background: #fff; 279 308 } 280 body .no-sidebar#buddypress #object-nav {309 body:not(.page-two-column) #buddypress #object-nav { 281 310 border-right: 1px solid #ddd; 282 311 float: left; 283 312 margin-right: -1px; 284 313 width: 200px; 285 314 } 286 body .no-sidebar#buddypress #object-nav ul {315 body:not(.page-two-column) #buddypress #object-nav ul { 287 316 background: none; 288 317 border-bottom: 0; 289 318 padding: 0; 290 319 } 291 body .no-sidebar#buddypress #object-nav ul li {320 body:not(.page-two-column) #buddypress #object-nav ul li { 292 321 float: none; 293 322 overflow: hidden; 294 323 } 295 body .no-sidebar#buddypress #object-nav ul li span {324 body:not(.page-two-column) #buddypress #object-nav ul li span { 296 325 background: #fff; 297 326 border-radius: 10%; 298 327 float: right; 299 328 margin-right: 2px; 300 329 } 301 body .no-sidebar#buddypress #item-body {330 body:not(.page-two-column) #buddypress #item-body { 302 331 border-left: 1px solid #ddd; 303 332 overflow: hidden; 304 333 padding: 0 0 0 20px; 305 334 width: auto; 306 335 } 307 body .no-sidebar#buddypress #item-body #subnav {336 body:not(.page-two-column) #buddypress #item-body #subnav { 308 337 margin: 0 0 0 -20px; 309 338 } 310 body .no-sidebar#buddypress #item-body #subnav ul {339 body:not(.page-two-column) #buddypress #item-body #subnav ul { 311 340 margin-top: 0; 312 341 } 313 342 } … … 346 375 #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 347 376 #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 348 377 background: none; 349 color: # 141412;378 color: #333; 350 379 outline: none; 351 380 } 352 381 #main #buddypress #subnav ul { … … 495 524 496 525 #buddypress ul.item-list li .item .item-title .update { 497 526 display: block; 498 font-size: 1 2px;499 font-size: 0. 75rem;527 font-size: 13px; 528 font-size: 0.8125rem; 500 529 padding: 10px 0; 501 530 text-align: left; 502 531 } … … 557 586 width: 100%; 558 587 } 559 588 560 @media screen and (min-width: 48em) {589 @media screen and (min-width: 30em) { 561 590 #buddypress ul.item-list li div.action div { 562 591 margin: 0 10px 10px 0; 563 592 width: auto; … … 599 628 } 600 629 601 630 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 602 border: 1px solid rgba( 212, 208, 186, 0.5);631 border: 1px solid rgba(190, 190, 190, 0.5); 603 632 float: left; 604 633 line-height: 1.5em; 605 634 margin-top: 12px; … … 704 733 } 705 734 706 735 #buddypress #activity-stream .activity-content .activity-header { 707 line-height: inherit;708 736 margin-right: 0; 709 737 } 710 738 711 739 #buddypress #activity-stream .activity-content .activity-header p { 712 background-color: #f7f7f7;713 740 border: 1px solid rgba(234, 234, 234, 0.6); 714 color: #727272;715 741 margin-top: 0; 716 742 padding: 0 0.2em; 717 743 } 718 744 719 745 #buddypress #activity-stream .activity-content .activity-header img.avatar { 746 box-shadow: none; 720 747 display: inline-block; 721 margin-bottom: 0 !important; 748 margin: 0 5px !important; 749 vertical-align: middle; 722 750 } 723 751 724 752 #buddypress #activity-stream .activity-content .activity-meta a { … … 726 754 margin-bottom: 5px; 727 755 } 728 756 729 @media screen and (min-width: 3 8.75em) {757 @media screen and (min-width: 30em) { 730 758 #buddypress #activity-stream .activity-content .activity-meta a { 731 759 display: inline-block; 732 760 margin-bottom: 0; 761 width: auto; 733 762 } 734 763 } 735 764 … … 781 810 */ 782 811 #buddypress #activity-stream .activity-comments { 783 812 border-left: 1px solid #eaeaea; 784 margin -top: 5px;813 margin: 20px 0 20px; 785 814 } 786 815 816 @media screen and (min-width: 30em) { 817 #buddypress #activity-stream .activity-comments { 818 margin-left: 20px; 819 } 820 } 821 787 822 #buddypress #activity-stream .activity-comments ul { 788 background: rgba(247, 247, 247, 0.6);789 color: #737373;790 823 margin: 15px 0 0 2px; 791 824 } 792 825 826 #buddypress #activity-stream .activity-comments ul li { 827 border-top: 1px solid #bebebe; 828 } 829 793 830 #buddypress #activity-stream .activity-comments ul a { 794 831 color: #0077c7; 795 832 } 796 833 797 834 #buddypress #activity-stream .activity-comments .acomment-meta { 798 color: #737373;835 border-bottom: 1px solid #eaeaea; 799 836 } 800 837 801 838 #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 802 839 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 803 color: rgba( 20, 20, 18, 0.8);840 color: rgba(51, 51, 51, 0.8); 804 841 display: inline-block; 805 842 font-family: inherit; 806 843 font-size: 12px; … … 813 850 } 814 851 815 852 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 816 border: 1px solid rgba( 212, 208, 186, 0.7);853 border: 1px solid rgba(190, 190, 190, 0.7); 817 854 text-align: center; 818 855 } 819 856 … … 834 871 #buddypress #members-list li .action { 835 872 float: right; 836 873 } 874 #buddypress #members-list li.is-current-user .item { 875 float: none; 876 left: 0; 877 padding-left: 5%; 878 width: auto; 879 } 837 880 } 838 881 839 882 /** … … 880 923 * @subsection 6.1 - Item Header Global 881 924 *----------------------------------------------------------- 882 925 */ 926 @media screen and (min-width: 48em) { 927 .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 928 margin-left: 140px; 929 margin-top: -100px; 930 } 931 .single-item.groups.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content { 932 margin-left: 10px; 933 } 934 } 935 936 .bp-user #buddypress #item-header-cover-image .user-nicename, 937 .single-item.groups #buddypress #item-header-cover-image .user-nicename { 938 color: #333; 939 text-shadow: none; 940 } 941 942 @media screen and (min-width: 48em) { 943 .bp-user #buddypress #item-header-cover-image .user-nicename, 944 .single-item.groups #buddypress #item-header-cover-image .user-nicename { 945 color: #fff; 946 text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 947 } 948 } 949 883 950 .bp-user #buddypress #item-header-content #item-meta, 884 951 .single-item.groups #buddypress #item-header-content #item-meta { 885 952 font-size: 14px; … … 1083 1150 * Groups specific item body rules - screens 1084 1151 *---------------------------------------------------- 1085 1152 */ 1153 .groups.single-item.members #buddypress #subnav.item-list-tabs ul { 1154 background: none; 1155 border-top: 0; 1156 } 1157 1086 1158 /** 1087 1159 *----------------------------------------- 1088 1160 * @subsection 6.2.1.1 - Group Management … … 1120 1192 } 1121 1193 1122 1194 .groups.group-settings #group-settings-form div.radio label ul { 1123 color: rgba( 20, 20, 18, 0.6);1195 color: rgba(51, 51, 51, 0.6); 1124 1196 font-size: 14px; 1125 1197 font-size: 0.875rem; 1126 1198 } … … 1184 1256 1185 1257 .groups.group-members #subnav li #search-members-form { 1186 1258 float: right; 1187 margin: 5px 5px0 0;1259 margin: 5px 0 0; 1188 1260 } 1189 1261 1190 1262 @media screen and (max-width: 38.75em) { … … 1253 1325 font-style: italic; 1254 1326 } 1255 1327 1256 .bp-user #buddypress .notifications-options-nav {1257 border: 1px solid rgba(212, 208, 186, 0.5); 1328 .bp-user #buddypress .notifications-options-nav, 1329 .bp-user #buddypress .messages-options-nav { 1258 1330 float: left; 1259 1331 width: 100%; 1260 1332 } 1261 1333 1262 1334 @media screen and (min-width: 38.75em) { 1263 .bp-user #buddypress .notifications-options-nav { 1335 .bp-user #buddypress .notifications-options-nav, 1336 .bp-user #buddypress .messages-options-nav { 1264 1337 width: 300px; 1265 1338 } 1266 1339 } 1267 1340 1268 .bp-user #buddypress .notifications-options-nav select { 1341 .bp-user #buddypress .notifications-options-nav select, 1342 .bp-user #buddypress .messages-options-nav select { 1269 1343 height: auto; 1270 1344 } 1271 1345 1272 1346 .bp-user #buddypress .notifications-options-nav select, 1273 .bp-user #buddypress .notifications-options-nav input { 1274 border: 0; 1347 .bp-user #buddypress .notifications-options-nav input, 1348 .bp-user #buddypress .messages-options-nav select, 1349 .bp-user #buddypress .messages-options-nav input { 1275 1350 font-size: 14px; 1276 1351 font-size: 0.875rem; 1277 1352 outline: 0; … … 1278 1353 padding: 0; 1279 1354 } 1280 1355 1281 .bp-user #buddypress .notifications-options-nav select { 1356 .bp-user #buddypress .notifications-options-nav select, 1357 .bp-user #buddypress .messages-options-nav select { 1282 1358 float: left; 1283 margin-right: 0;1284 width: 60%;1359 margin-right: 1%; 1360 width: 59%; 1285 1361 } 1286 1362 1287 .bp-user #buddypress .notifications-options-nav input { 1363 .bp-user #buddypress .notifications-options-nav input, 1364 .bp-user #buddypress .messages-options-nav input { 1288 1365 float: right; 1289 1366 font-family: inherit; 1290 1367 line-height: 20px; … … 1291 1368 width: 40%; 1292 1369 } 1293 1370 1371 .bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:focus, 1372 .bp-user #buddypress .notifications-options-nav input[disabled="disabled"]:hover, 1373 .bp-user #buddypress .messages-options-nav input[disabled="disabled"]:focus, 1374 .bp-user #buddypress .messages-options-nav input[disabled="disabled"]:hover { 1375 background: none; 1376 } 1377 1294 1378 /** 1295 1379 *------------------------------------------- 1296 1380 * @subsection 6.2.2.2 - Extended Profiles … … 1301 1385 } 1302 1386 1303 1387 .bp-user #buddypress .profile .bp-widget h2 { 1304 background: #7b7b7b;1305 color: #fff;1306 1388 margin: 40px 0 10px; 1307 1389 padding: 0.1em 0 0.1em 0.4em; 1308 1390 } … … 1311 1393 margin-top: 0; 1312 1394 } 1313 1395 1396 .bp-user #buddypress .profile .bp-widget .profile-fields tr.alt td { 1397 color: #333; 1398 } 1399 1400 .bp-user #buddypress .profile .bp-widget .profile-fields tr:last-child { 1401 border-bottom: none; 1402 } 1403 1314 1404 .bp-user #buddypress .profile #profile-edit-form .button-nav:before, 1315 1405 .bp-user #buddypress .profile #profile-edit-form .button-nav:after { 1316 1406 content: " "; … … 1345 1435 } 1346 1436 1347 1437 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, 1438 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-notoggle, 1348 1439 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings { 1349 1440 font-size: 14px; 1350 1441 font-size: 0.875rem; 1442 margin-top: 10px; 1351 1443 } 1352 1444 1353 1445 .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, 1354 1446 .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link { 1355 1447 background: #555; 1448 -webkit-border-radius: 3px; 1449 -moz-border-radius: 3px; 1450 -ms-border-radius: 3px; 1451 border-radius: 3px; 1452 background-clip: padding-box; 1356 1453 color: #fff; 1357 1454 padding: 0.2em 0.5em; 1358 1455 } … … 1434 1531 } 1435 1532 1436 1533 .bp-user #buddypress #message-threads thead tr { 1437 background: #6f6f6f; 1534 background: none; 1535 border-bottom: 1px solid #bebebe; 1438 1536 } 1439 1537 1538 .bp-user #buddypress #message-threads thead tr th { 1539 background: #555; 1540 } 1541 1542 .bp-user #buddypress #message-threads tr { 1543 border-bottom: 5px solid #878787; 1544 } 1545 1440 1546 .bp-user #buddypress #message-threads tr td { 1441 1547 background: #fff; 1442 1548 display: inline-block; … … 1445 1551 1446 1552 .bp-user #buddypress #message-threads tr td.thread-star, 1447 1553 .bp-user #buddypress #message-threads tr td.thread-options { 1448 border-bottom-color: # ccc;1449 border-bottom-width: 2px;1554 border-bottom-color: #bebebe; 1555 border-bottom-width: 1px; 1450 1556 height: 2.4em; 1451 1557 padding-bottom: 0.2em; 1452 1558 padding-top: 0.2em; … … 1459 1565 } 1460 1566 } 1461 1567 1568 .bp-user #buddypress #message-threads tr td.bulk-select-check, 1569 .bp-user #buddypress #message-threads tr td.thread-star, 1570 .bp-user #buddypress #message-threads tr td.thread-from, 1571 .bp-user #buddypress #message-threads tr td.thread-info, 1572 .bp-user #buddypress #message-threads tr td.thread-options { 1573 border-top: 0; 1574 } 1575 1462 1576 .bp-user #buddypress #message-threads tr td.thread-star { 1463 1577 vertical-align: middle; 1464 1578 } … … 1529 1643 } 1530 1644 1531 1645 .bp-user #buddypress #message-threads tr.unread td { 1532 background: #eee;1533 border-color: # d4d0ba;1646 background: none; 1647 border-color: #bebebe; 1534 1648 } 1535 1649 1536 1650 .bp-user #buddypress #message-threads th { … … 1550 1664 width: 30px; 1551 1665 } 1552 1666 1553 .bp-user #buddypress .messages-options-nav select {1554 height: auto;1555 }1556 1557 1667 .bp-user #buddypress .acfb-holder { 1558 1668 list-style: none; 1559 1669 } … … 1563 1673 } 1564 1674 1565 1675 .bp-user #buddypress .acfb-holder li.friend-tab { 1566 background: #e df7fa;1676 background: #e3f6ff; 1567 1677 border: inherit; 1568 1678 margin-right: 0; 1569 1679 padding: 0.5em; … … 1717 1827 1718 1828 #buddypress div.activity-comments form .ac-textarea { 1719 1829 background: #f7f7f7; 1720 border: 1px solid rgba( 212, 208, 186, 0.5);1830 border: 1px solid rgba(190, 190, 190, 0.5); 1721 1831 } 1722 1832 1723 1833 #buddypress div.activity-comments form .ac-textarea textarea { … … 1735 1845 #buddypress .standard-form button, 1736 1846 #buddypress .standard-form select, 1737 1847 #buddypress .standard-form textarea { 1738 border-color: rgba( 212, 208, 186, 0.5);1848 border-color: rgba(190, 190, 190, 0.5); 1739 1849 border-width: 1px; 1740 1850 } 1741 1851 … … 1761 1871 #buddypress div.dir-search form, 1762 1872 #buddypress div.message-search form, 1763 1873 #buddypress li.groups-members-search form { 1764 border: 1px solid rgba( 212, 208, 186, 0.6);1874 border: 1px solid rgba(190, 190, 190, 0.6); 1765 1875 overflow: hidden; 1766 1876 } 1767 1877 … … 1770 1880 #buddypress li.groups-members-search form label { 1771 1881 float: left; 1772 1882 margin: 0; 1883 width: 70%; 1773 1884 } 1774 1885 1775 1886 #buddypress div.dir-search form input[type='text'], … … 1777 1888 #buddypress li.groups-members-search form input[type='text'] { 1778 1889 float: left; 1779 1890 margin: 0; 1780 width: 70%;1891 width: 100%; 1781 1892 } 1782 1893 1783 1894 #buddypress div.dir-search form input[type='text'], … … 1795 1906 #buddypress div.dir-search form input[type='text'], 1796 1907 #buddypress div.message-search form input[type='text'], 1797 1908 #buddypress li.groups-members-search form input[type='text'] { 1798 border-right: 1px solid rgba(212, 208, 186, 0.6); 1909 border-right: 1px solid rgba(190, 190, 190, 0.6); 1910 font-weight: 400; 1799 1911 padding: 0.2em 0 0.2em 0.2em; 1800 1912 } 1801 1913 … … 1802 1914 #buddypress div.dir-search form input[type='submit'], 1803 1915 #buddypress div.message-search form input[type='submit'], 1804 1916 #buddypress li.groups-members-search form input[type='submit'] { 1917 border-radius: 0; 1805 1918 float: right; 1806 1919 font-weight: normal; 1807 1920 padding: 0.2em 1em; … … 1810 1923 width: 30%; 1811 1924 } 1812 1925 1926 #buddypress div.dir-search { 1927 margin-top: 0; 1928 } 1929 1930 #buddypress .dir-search #search-members-form input[type='text'], 1931 #buddypress #search-groups-form input[type='text'], 1932 #buddypress #search-message-form input[type='text'] { 1933 float: left; 1934 margin: 0; 1935 width: 70%; 1936 } 1937 1813 1938 @media screen and (min-width: 30em) { 1814 1939 #buddypress div.dir-search, 1815 1940 #buddypress div.message-search, … … 1817 1942 float: right; 1818 1943 margin-bottom: 5px !important; 1819 1944 } 1820 #buddypress div.dir-search form label,1821 #buddypress div.dir-search form input[type='text'],1822 #buddypress div.dir-search form input[type='submit'],1823 #buddypress div.message-search form label,1824 #buddypress div.message-search form input[type='text'],1825 #buddypress div.message-search form input[type='submit'],1826 #buddypress li.groups-members-search form label,1827 #buddypress li.groups-members-search form input[type='text'],1828 #buddypress li.groups-members-search form input[type='submit'] {1829 width: auto;1830 }1831 1945 } 1832 1946 1833 1947 @media screen and (min-width: 67em) { 1834 1948 #buddypress .dir-search form input[type='text'], 1835 #buddypress .message-search form input[type='text'] { 1949 #buddypress .message-search form input[type='text'], 1950 #buddypress li.groups-members-search form input[type='text'] { 1836 1951 font-size: 16px; 1837 1952 font-size: 1rem; 1838 1953 } 1839 1954 #buddypress .dir-search form input[type='submit'], 1840 #buddypress .message-search form input[type='submit'] { 1955 #buddypress .message-search form input[type='submit'], 1956 #buddypress li.groups-members-search form input[type='submit'] { 1841 1957 font-size: 16px; 1842 1958 font-size: 1rem; 1843 1959 } … … 1855 1971 } 1856 1972 1857 1973 #buddypress table tr th { 1858 background: # 6f6f6f;1859 border-color: # b7b7b7;1860 color: # fff;1974 background: #f7f7f7; 1975 border-color: #eaeaea; 1976 color: #333; 1861 1977 } 1862 1978 1863 1979 #buddypress table p { … … 1914 2030 text-align: center; 1915 2031 } 1916 2032 2033 #buddypress .notifications .actions { 2034 text-align: center; 2035 } 2036 1917 2037 /** 1918 2038 *------------------------------------------------------------------------------- 1919 2039 * @section 9.0 - Error / Success messages … … 1926 2046 } 1927 2047 1928 2048 #buddypress div#message.info p { 1929 background: # c6e4ee;1930 border: 1px solid # 78bed6;1931 color: # 1e5264;2049 background: #b0e5ff; 2050 border: 1px solid #4ac3ff; 2051 color: #00547d; 1932 2052 } 1933 2053 1934 2054 #buddypress div#message.updated p { … … 1937 2057 color: #454d19; 1938 2058 } 1939 2059 2060 #buddypress .bp-avatar-status .warning, 2061 #buddypress .bp-cover-image-status .warning { 2062 background: #7dd4ff; 2063 border: 1px solid #000; 2064 color: #333; 2065 font-size: 16px; 2066 font-size: 1rem; 2067 } 2068 1940 2069 .delete-group #buddypress div#message.info p { 1941 2070 background: #db7e7e; 1942 2071 border: 1px solid #be3535; … … 1949 2078 *------------------------------------------------------------------------------- 1950 2079 */ 1951 2080 #buddypress .acfb-holder li.friend-tab { 1952 background: # 9fd1e2;2081 background: #7dd4ff; 1953 2082 border: inherit; 1954 2083 } -
src/bp-templates/bp-legacy/css/twentyseventeen.scss
192 192 } 193 193 194 194 // Variables: color definitions 195 $body-text: #141412; 195 196 $dark-grey: #555; 197 $medium-grey: #878787; 198 $light-grey: #dcdcdc; 199 $x-light-grey: #f7f7f7; 200 $white: #fff; 201 202 $body-text: #333; 203 $bp-light-text: $medium-grey; 204 $bp-xlight-text: #eee; 196 205 $content-background: #fff; 197 $off-white: lighten(#f9f8ee, 0.7);206 $off-white: #fafafa; 198 207 $cream-background: #f7f5e7; 199 $light-background: #f7f7f7;200 $medium-background: #ccc;201 $dark-background: #555;202 $border-color: # d4d0ba; // border color is varied using rgba208 $light-background: $x-light-grey; 209 $medium-background: $medium-grey; 210 $dark-background: $dark-grey; 211 $border-color: #bebebe; 203 212 $border-light: #eaeaea; // BP dividers 204 213 $border-med: #ddd; 205 214 $background-hover: #db572f; // 2017 link background hover … … 206 215 $bp-button-hover: #ededed; // this is the default BP button hover background 207 216 $notice-error: #c85a6e; 208 217 $notice-warning: #d05656; 209 $notice-info: # 9fd1e2;218 $notice-info: #7dd4ff; 210 219 $notice-update: #ced98c; 211 220 $stripe-odd: #ebf0ff; 212 221 $stripe-even: #dbe5ff; 213 $unread: #eee;222 $unread: $x-light-grey; 214 223 $link-action: #c82b2b; 215 224 /*-------------------------------------------------------------- 216 225 … … 310 319 } 311 320 } 312 321 } 313 // 2017 has very small page entry title headings314 // enlarge slightly for BP screens.315 .buddypress {316 article.page {317 .entry-header {318 .entry-title {319 @include font-size(22);320 322 321 @include medium-up {322 @include font-size(28);323 }324 }325 }326 }327 }328 329 323 // Open up the content width areas for BP screens to allow max widths. 330 // This takes into account the ability to add/remove sidebars in 2017.324 // This takes into account the ability to columnize pages in 2017. 331 325 // Only effect changes based on breakpoints. 332 326 333 @include med ium-up {327 @include med-small-up { 334 328 335 329 body.buddypress.page.page-two-column { 336 330 … … 337 331 #primary { 338 332 339 333 .entry-header { 340 width: 20%;334 width: 30%; 341 335 } 342 336 343 337 .entry-content { 344 width: 80%;338 width: 68%; 345 339 } 346 340 } 347 341 } … … 357 351 .content-bottom-widgets { 358 352 margin-left: 0; 359 353 margin-right: 0; 360 // width: auto;361 354 } 362 355 } 363 356 … … 371 364 } // body.buddypress 372 365 } 373 366 367 // 2017 allows for selecting two distinct color schemes. 368 // Our companion styles respect themes colors & inherit or avoid 369 // setting backgrounds/colors so selecting the dark scheme generally 370 // allows the theme to reset the BP text/headings etc to white 371 // In places we do set backgrounds, Navs, search forms etc these 372 // are added here under the themes body class to enable changing 373 374 // Some element colors are inherited from BP original sheet so need to 375 // to be reset under the dark scheme, where set in this sheet we simply state them 376 // only for the light scheme. 377 body.colors-dark { 378 379 #buddypress { 380 381 .item-list-tabs { 382 383 li.current, 384 li.selected { 385 386 a { 387 color: inherit; 388 } 389 } 390 } 391 392 // lists text: descr, meta, etc 393 .item-list { 394 395 div.meta { 396 color: #ddd; 397 } 398 399 div.item-desc { 400 color: $bp-xlight-text; 401 } 402 403 .activity-header p, 404 .activity-comments ul, 405 .acomment-meta { 406 color: $bp-xlight-text; 407 } 408 409 .activity-meta, 410 .action { 411 a { 412 background: $off-white; 413 414 &:focus, 415 &:hover { 416 background: $white; 417 } 418 } 419 } 420 } 421 422 #latest-update { 423 color: $bp-xlight-text; 424 } 425 426 div.pagination * { 427 color: #ddd; 428 } 429 430 #item-body { 431 432 table { 433 434 thead { 435 436 tr, 437 th { 438 background: none ; 439 color: $bp-xlight-text; 440 } 441 } 442 443 tr.alt { 444 445 td { 446 background: none; 447 color: $bp-xlight-text; 448 } 449 } 450 } 451 } 452 453 } // close #buddypress 454 } 455 456 body.colors-light { 457 458 #buddypress { 459 460 div.item-list-tabs { 461 462 ul { 463 background-color: $off-white; 464 } 465 } 466 467 div#subnav.item-list-tabs { 468 469 ul { 470 background-color: $light-background; 471 472 li.last { 473 background: $content-background; 474 } 475 } 476 } 477 478 .item-list { 479 480 .activity-header p { 481 background-color: $light-background; 482 color: $bp-light-text; 483 } 484 485 .activity-comments { 486 .acomment-meta { 487 color: #737373; 488 } 489 } 490 } 491 492 #item-body { 493 494 .profile { 495 496 h2 { 497 background: lighten($dark-background, 15%); 498 color: #fff; 499 } 500 } 501 } 502 503 table { 504 505 tr.alt { 506 507 td { 508 background: #f5f5f5; 509 color: $body-text; 510 } 511 } 512 } 513 514 } // close #buddypress 515 } 516 374 517 /** 375 518 *------------------------------------------------------------------------------- 376 519 * @section 2.0 - Navigation - General … … 409 552 div.item-list-tabs { 410 553 411 554 ul { 412 background-color: $off-white;413 555 border-bottom: 1px solid rgba($border-light, 0.9); 414 556 border-top: 1px solid rgba($border-light, 0.9); 415 557 overflow: hidden; … … 418 560 li { 419 561 420 562 a { 421 color: #0073c1;422 563 423 564 span {border-radius: 25%;} 424 565 } … … 428 569 429 570 } // close #buddypress 430 571 431 // .bp-user #object-nav @ small screen as a dropdown432 572 433 .bp-user {434 435 #buddypress {436 437 @include small-only {438 439 #object-nav {440 background: $off-white;441 border: 1px solid $border-light;442 overflow: visible;443 padding: $spacing-val-sm;444 445 ul {446 border: 0;447 height: 0;448 // all latest vendor releases handle transitions, so no prefixes used.449 transition: height 0.3s ease-in-out 0.7s;450 visibility: hidden;451 }452 453 &:before {454 content: "Menu \021E9";455 display: inline;456 opacity: 0.7;457 }458 459 &:hover,460 &:focus {461 &:before {content: "Menu \021E7";}462 463 ul {464 height: 320px;465 opacity: 1;466 overflow-y: auto;467 visibility: visible;468 }469 }470 }471 472 #subnav {473 clear: both;474 }475 476 } // close @media477 }478 }479 480 573 /*__ Horizontal menus __*/ 481 574 #buddypress { 482 575 … … 519 612 margin-top: 0; 520 613 521 614 ul { 522 background-color: $light-background;523 615 border-bottom: 0; 524 616 margin-top: $spacing-val-xs; 525 617 padding: 0; 526 618 527 619 li.last { 528 background: $content-background;529 620 margin-top: 0; 530 621 padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0; 531 622 width: 100%; … … 569 660 // This block contains rules to re-factor the item-body structural element 570 661 // to sit alongside the vert menu 571 662 // 2017 right sidebar is displayed if the widget sidebar has widgets; 572 // we'll only display object nav as a vert menu if sidebar not present.663 // we'll only display object nav as a vert menu if not .two-column-page. 573 664 574 665 @include medium-up { 575 666 576 body .no-sidebar{667 body:not(.page-two-column) { 577 668 578 669 #buddypress { 579 670 … … 770 861 } 771 862 772 863 .action { 864 773 865 .generic-button { 866 774 867 a { 868 775 869 &:focus, 776 870 &:hover { 777 871 background: inherit; … … 851 945 852 946 .update { 853 947 display: block; 854 @include font-size(1 2);948 @include font-size(13); 855 949 856 950 @include medium-up { 857 951 @include font-size(14); … … 892 986 // remove BP margin left 893 987 margin-left: 0; 894 988 padding: $spacing-val-md 0 $spacing-val-xs; 989 895 990 // push the actions to the right 896 897 991 @include medium-up { 898 992 clear: none; 899 993 float: right; … … 917 1011 // Provisionally lets keep the 'action' div 918 1012 // position but inline-block the buttons 919 1013 920 @include med-small-up {1014 @include small-up { 921 1015 // keep buttons to a row small tablet up 922 1016 margin: 0 $spacing-val-sm $spacing-val-sm 0; 923 1017 width: auto; … … 1088 1182 li.mini { 1089 1183 1090 1184 .activity-avatar { 1185 1091 1186 a { 1187 1092 1188 img.avatar { 1093 1189 height: 30px; 1094 1190 margin-left: 15px; … … 1109 1205 margin-top: -12px; 1110 1206 1111 1207 .activity-header { 1112 line-height: inherit;1113 1208 margin-right: 0; 1114 1209 1115 1210 p { 1116 background-color: $light-background;1117 1211 border: 1px solid rgba($border-light, 0.6); 1118 color: #727272;1119 1212 margin-top: 0; 1120 1213 padding: 0 0.2em; 1121 1214 } 1122 1215 1123 1216 img.avatar { 1217 box-shadow: none; 1124 1218 display: inline-block; 1125 margin-bottom: 0 !important; // have to match to BP 1219 margin: 0 5px !important; // have to match to BP 1220 vertical-align: middle; 1126 1221 } 1127 1222 } // close .activity-header 1128 1223 1129 1224 .activity-meta { 1225 1130 1226 a { 1131 1227 display: block; 1132 1228 margin-bottom: $spacing-val-xs; 1133 1229 1134 @include small-up -bp{1230 @include small-up { 1135 1231 display: inline-block; 1136 1232 margin-bottom: 0; 1233 width: auto; 1137 1234 } 1138 1235 } 1139 1236 } … … 1197 1294 1198 1295 .activity-comments { 1199 1296 border-left: 1px solid $border-light; 1200 margin-top: 5px;1201 1297 1298 margin: $spacing-val-md 0 $spacing-val-md ; 1299 1300 @include small-up { 1301 margin-left: $spacing-val-md; 1302 } 1303 1202 1304 ul { 1203 background: rgba($light-background, 0.6);1204 color: #737373;1205 1305 margin: 15px 0 0 2px; 1206 1306 1307 li { 1308 border-top: 1px solid $border-color; 1309 } 1310 1207 1311 a { 1208 1312 color: #0077c7; 1209 1313 } … … 1210 1314 } 1211 1315 1212 1316 .acomment-meta { 1213 color: #737373;1317 border-bottom: 1px solid $border-light; 1214 1318 } 1215 1319 1216 1320 .ac-form { … … 1256 1360 #members-list { 1257 1361 1258 1362 @include medium-up { 1363 1259 1364 li { 1260 1365 .item-avatar, 1261 1366 .item { … … 1266 1371 float: right; 1267 1372 } 1268 1373 } 1374 1375 li.is-current-user { 1376 1377 .item { 1378 float: none; 1379 left: 0; 1380 padding-left: 5%; 1381 width: auto; 1382 } 1383 } 1269 1384 } 1270 1385 1271 1386 } // close #members-list … … 1318 1433 * @subsection 6.1 - Item Header Global 1319 1434 *----------------------------------------------------------- 1320 1435 */ 1436 @include med-small-up { 1321 1437 1438 1439 .bp-user.page-two-column { 1440 1441 #buddypress { 1442 1443 #cover-image-container { 1444 1445 #item-header-cover-image { 1446 1447 1448 } 1449 } 1450 1451 #cover-image-container { 1452 1453 #item-header-cover-image { 1454 1455 #item-header-content { 1456 margin-left: 140px; 1457 margin-top: -100px; 1458 } 1459 } 1460 } 1461 } 1462 } 1463 1464 .single-item.groups.page-two-column { 1465 1466 #buddypress { 1467 1468 #cover-image-container { 1469 1470 #item-header-cover-image { 1471 1472 #item-header-content { 1473 margin-left: 10px; 1474 } 1475 } 1476 } 1477 } 1478 } 1479 } 1480 1322 1481 .bp-user, 1323 1482 .single-item.groups { 1324 1483 1325 1484 #buddypress { 1326 1485 1486 // we need to remove the cover image dec styles 1487 // & reset them for med up only. 1488 #item-header-cover-image { 1489 .user-nicename { 1490 color: $body-text; 1491 text-shadow: none; 1492 } 1493 } 1494 1495 @include med-small-up { 1496 1497 #item-header-cover-image { 1498 1499 .user-nicename { 1500 color: $white; 1501 text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); 1502 } 1503 } 1504 } 1505 1327 1506 #item-header-content { 1328 1507 1329 1508 #item-meta { … … 1560 1739 *----------------------------------------------------------- 1561 1740 */ 1562 1741 1742 1563 1743 /** 1564 1744 *---------------------------------------------------- 1565 1745 * @subsection 6.2.1 - Item Body Groups … … 1568 1748 *---------------------------------------------------- 1569 1749 */ 1570 1750 1751 .groups.single-item.members { 1752 1753 #buddypress { 1754 1755 #subnav.item-list-tabs { 1756 1757 ul { 1758 background: none; 1759 border-top: 0; 1760 } 1761 1762 } 1763 } 1764 1765 } 1766 1571 1767 /** 1572 1768 *----------------------------------------- 1573 1769 * @subsection 6.2.1.1 - Group Management … … 1709 1905 } 1710 1906 } 1711 1907 1712 margin: $spacing-val-xs $spacing-val-xs0 0;1908 margin: $spacing-val-xs 0 0; 1713 1909 } 1714 1910 } 1715 1911 } … … 1778 1974 1779 1975 .pag-count {font-style: italic;} 1780 1976 1781 .notifications-options-nav { 1782 border: 1px solid rgba($border-color, 0.5); 1977 .notifications-options-nav, 1978 .messages-options-nav { 1979 1783 1980 float: left; 1784 1981 width: 100%; 1785 1982 … … 1793 1990 1794 1991 select, 1795 1992 input { 1796 border: 0; 1993 1797 1994 @include font-size(14); 1798 1995 outline: 0; 1799 1996 padding: 0; … … 1801 1998 1802 1999 select { 1803 2000 float: left; 1804 margin-right: 0;1805 width: 60%;2001 margin-right: 1%; 2002 width: 59%; 1806 2003 } 1807 2004 1808 2005 input { … … 1812 2009 width: 40%; 1813 2010 } 1814 2011 1815 } // close .notifications-options-nav 2012 input[disabled="disabled"]:focus, 2013 input[disabled="disabled"]:hover { 2014 background: none; 2015 } 1816 2016 2017 2018 } // close .notifications-options-nav/.messages-options-nav 2019 1817 2020 } //close #buddypress 1818 2021 } // close .bp-user 1819 2022 … … 1830 2033 .profile { 1831 2034 .bp-widget { 1832 2035 h2 { 1833 background: lighten($dark-background, 15%);1834 color: #fff;1835 2036 margin: $spacing-val-lg 0 $spacing-val-sm; 1836 2037 padding: 0.1em 0 0.1em 0.4em; 1837 2038 } 1838 2039 1839 2040 table {margin-top: 0;} 2041 2042 .profile-fields { 2043 2044 tr.alt { 2045 td { 2046 color: $body-text; 2047 } 2048 } 2049 2050 tr:last-child { 2051 border-bottom: none; 2052 } 2053 } 2054 1840 2055 } 2056 1841 2057 /* Edit profile */ 1842 2058 1843 2059 #profile-edit-form { … … 1874 2090 } //.button-nav 1875 2091 1876 2092 .field-visibility-settings-toggle, 2093 .field-visibility-settings-notoggle, 1877 2094 .field-visibility-settings { 1878 2095 @include font-size(14); 2096 margin-top: $spacing-val-sm; 1879 2097 } 1880 2098 1881 2099 .field-visibility-settings-close, 1882 2100 .visibility-toggle-link { 1883 2101 background: $dark-background; 2102 @include border-radius(3px); 1884 2103 color: #fff; 1885 2104 padding: 0.2em 0.5em; 1886 2105 } … … 1932 2151 1933 2152 #message-thread { 1934 2153 //Single message view 2154 1935 2155 a { 1936 2156 border-bottom: 0; 1937 2157 } … … 1979 2199 } 1980 2200 1981 2201 #send-reply { 2202 1982 2203 .message-content { 1983 2204 background: $content-background; 1984 2205 border: 0; … … 1994 2215 #message-threads { 1995 2216 1996 2217 thead { 2218 1997 2219 tr { 1998 background: lighten($dark-background, 10%); 2220 background: none; 2221 border-bottom: 1px solid $border-color; 2222 2223 2224 th { 2225 background: #555; 2226 } 1999 2227 } 2000 2228 } 2001 2229 2002 2230 tr { 2231 border-bottom: 5px solid $medium-grey; 2232 2003 2233 td { 2004 2234 background: $content-background; 2005 2235 display: inline-block; … … 2008 2238 2009 2239 td.thread-star, 2010 2240 td.thread-options { 2011 border-bottom-color: $ medium-background;2012 border-bottom-width: 2px;2241 border-bottom-color: $border-color; 2242 border-bottom-width: 1px; 2013 2243 height: 2.4em; 2014 2244 padding-bottom: 0.2em; 2015 2245 padding-top: 0.2em; … … 2019 2249 } 2020 2250 } 2021 2251 2252 td.bulk-select-check, 2253 td.thread-star, 2254 td.thread-from, 2255 td.thread-info, 2256 td.thread-options { 2257 border-top: 0; 2258 } 2259 2022 2260 td.thread-star { 2023 2261 vertical-align: middle; 2024 2262 … … 2080 2318 } 2081 2319 2082 2320 tr.unread { 2321 2083 2322 td { 2084 background: $unread;2323 background: none; 2085 2324 border-color: $border-color; 2086 2325 } 2087 2326 } … … 2104 2343 } 2105 2344 } 2106 2345 2107 .messages-options-nav {2108 select {2109 height: auto;2110 }2111 }2112 2113 2346 .acfb-holder { 2114 2347 list-style: none; 2115 2348 … … 2295 2528 2296 2529 // Attempt to reset form control widths 2297 2530 #main { 2531 2298 2532 #buddypress { 2533 2299 2534 .standard-form { 2300 2535 2301 li {float: none;} 2536 li { 2537 float: none; 2538 } 2539 2302 2540 input[type='text'], 2303 2541 input[type='email'], 2304 2542 input[type='password'], … … 2309 2547 } 2310 2548 } 2311 2549 2312 2313 2550 #buddypress { 2314 2551 2315 2552 // Match BP form elements to Themes(2017) styling where styles … … 2364 2601 } // close #buddypress 2365 2602 2366 2603 #buddypress { 2604 2367 2605 div.dir-search, 2368 2606 div.message-search, 2369 2607 li.groups-members-search { … … 2380 2618 label { 2381 2619 float: left; 2382 2620 margin: 0; 2621 width: 70%; 2383 2622 } 2384 2623 2385 2624 input[type='text'] { 2386 2625 float: left; 2387 2626 margin: 0; 2388 width: 70%;2627 width: 100%; 2389 2628 } 2390 2629 2391 2630 input[type='text'], … … 2397 2636 2398 2637 input[type='text'] { 2399 2638 border-right: 1px solid rgba($border-color, 0.6); 2639 font-weight: 400; 2400 2640 padding: 0.2em 0 0.2em 0.2em; 2401 2641 } 2402 2642 2403 2643 input[type='submit'] { 2644 border-radius: 0; 2404 2645 float: right; 2405 2646 font-weight: normal; 2406 2647 padding: 0.2em 1em; … … 2412 2653 2413 2654 } // close .dir-search, .message-search 2414 2655 2656 // Dirs & certain components hide search hides labels so can't width the label element 2657 // adjust so that the input takes reduced width. 2658 2659 div.dir-search { 2660 margin-top: 0; 2661 } 2662 2663 .dir-search #search-members-form, 2664 #search-groups-form, 2665 #search-message-form { 2666 2667 input[type='text'] { 2668 float: left; 2669 margin: 0; 2670 width: 70%; 2671 } 2672 } 2673 2415 2674 // Shift the search parent to the right and allow to shrinkwrap 2416 2675 2417 2676 @include small-up { … … 2420 2679 li.groups-members-search { 2421 2680 float: right; 2422 2681 margin-bottom: 5px !important; 2423 2424 form {2425 label,2426 input[type='text'],2427 input[type='submit'] {2428 width: auto;2429 }2430 }2431 2682 } 2432 2683 2433 2684 } // close @media … … 2436 2687 @include large-up { 2437 2688 2438 2689 .dir-search, 2690 .message-search, 2691 li.groups-members-search { 2439 2692 2440 .message-search {2441 2442 2693 form { 2443 2694 2444 2695 input[type='text'] { … … 2472 2723 margin: $spacing-val-md 0; 2473 2724 2474 2725 tr th { 2475 background: lighten($dark-background, 10%);2476 border-color: darken($border-light, 20%);2477 color: $ content-background;2726 background: $light-background; 2727 border-color: $border-light; 2728 color: $body-text; 2478 2729 } 2479 2730 2480 2731 // Reduce the themes inherited paragraph margins in tables … … 2536 2787 } 2537 2788 2538 2789 } // .notifications, .message-notices 2790 2791 .notifications { // table element 2792 .actions { // th element 2793 text-align: center; 2794 } 2795 } 2539 2796 } // #buddypress 2540 2797 2541 2798 /** … … 2573 2830 2574 2831 } // close #message 2575 2832 2833 .bp-avatar-status, 2834 .bp-cover-image-status { 2835 2836 .warning { 2837 background: #7dd4ff; 2838 border: 1px solid #000; 2839 color: $body-text; 2840 @include font-size(16); 2841 } 2842 } 2843 2576 2844 } // close #buddypress 2577 2845 2578 2846 // Without direct classes on our mesages ( 'warning')