Changeset 14298
- Timestamp:
- 12/17/2024 01:58:19 AM (2 months ago)
- Location:
- sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/functions.php
r14287 r14298 55 55 56 56 // Version of CSS 57 $version = '20241216000 1';57 $version = '202412160002'; 58 58 59 59 // Base theme styling -
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style-bbpress.css
r14281 r14298 5 5 6 6 /* Header */ 7 --bbbase-header-background-color: rgba(141, 199,112,1);7 --bbbase-header-background-color: rgba(141, 199, 112, 1); 8 8 --bbbase-header-image-url: url('../bbpress-org/images/bee.png'); 9 9 --bbbase-header-image-url-2x: url('../bbpress-org/images/bee-2x.png'); … … 20 20 21 21 /* Buttons */ 22 --bbbase-button-background-color: rgba(0, 153,51,1);23 --bbbase-button-background-color-hover: rgba(0, 153,51,1);24 --bbbase-button-color: rgba(235, 255,235,0.9);25 --bbbase-button-color-hover: rgba(235, 255,235,0.9);22 --bbbase-button-background-color: rgba(0, 153, 51, 1); 23 --bbbase-button-background-color-hover: rgba(0, 153, 51, 1); 24 --bbbase-button-color: rgba(235, 255, 235, 0.9); 25 --bbbase-button-color-hover: rgba(235, 255, 235, 0.9); 26 26 27 27 /* Links */ 28 --bbbase-link-color: #rgba(50,140,0,1);29 --bbbase-link-color-hover: rgba(213, 78,33,1);28 --bbbase-link-color: rgba(50, 140, 0, 1); 29 --bbbase-link-color-hover: rgba(213, 78, 33, 1); 30 30 31 31 /* Subnav */ 32 --bbbase-subnav-color-hover: rgba(141, 199,112,1);32 --bbbase-subnav-color-hover: rgba(141, 199, 112, 1); 33 33 34 34 /* Lists */ 35 --bbbase-list-hover-helper-background: rgba(235, 255,235,1);35 --bbbase-list-hover-helper-background: rgba(235, 255, 235, 1); 36 36 } -
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style-buddypress.css
r14281 r14298 5 5 6 6 /* Header */ 7 --bbbase-header-background-color: rgb(221, 130,59,1);7 --bbbase-header-background-color: rgb(221, 130, 59, 1); 8 8 --bbbase-header-image-url: none; 9 9 --bbbase-header-image-url-2x: none; … … 20 20 21 21 /* Buttons */ 22 --bbbase-button-background-color: rgba( 221,130,59,0.9);23 --bbbase-button-background-color-hover: rgba(221, 130,59,0.9);24 --bbbase-button-color: rgba(255, 235,235,0.9);25 --bbbase-button-color-hover: rgba(255, 235,235,0.9);22 --bbbase-button-background-color: rgba(199, 66, 0, 1); 23 --bbbase-button-background-color-hover: rgba(221, 130, 59, 0.9); 24 --bbbase-button-color: rgba(255, 235, 235, 0.9); 25 --bbbase-button-color-hover: rgba(255, 235, 235, 0.9); 26 26 27 27 /* Links */ 28 --bbbase-link-color: rgba( 221,130,59,0.9);29 --bbbase-link-color-hover: rgba(213, 78,33,1);28 --bbbase-link-color: rgba(199, 66, 0, 1); 29 --bbbase-link-color-hover: rgba(213, 78, 33, 1); 30 30 31 31 /* Subnav */ 32 --bbbase-subnav-color-hover: rgb(216, 72,0,1);32 --bbbase-subnav-color-hover: rgb(216, 72, 0, 1); 33 33 34 34 /* Lists */ 35 --bbbase-list-hover-helper-background: rgba(255, 235,235,1);35 --bbbase-list-hover-helper-background: rgba(255, 235, 235, 1); 36 36 } -
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style-trac.css
r14281 r14298 23 23 body.trac fieldset { 24 24 position: relative; 25 border-radius: 8px;25 border-radius: var(--bbbase-border-radius); 26 26 } 27 27 … … 42 42 body.trac input[type=text], 43 43 body.trac input.textwidget { 44 border-radius: 8px;44 border-radius: var(--bbbase-border-radius); 45 45 } 46 46 … … 63 63 body.trac li { 64 64 border: none; 65 } 66 67 body.trac .buttons { 68 margin: 30px 0; 69 text-align: right; 70 } 71 72 body.trac .buttons input { 73 margin: 0 0 0 10px; 65 74 } 66 75 … … 209 218 body.trac #subnav #nav-user:before { 210 219 font: normal 20px/1 'dashicons'; 211 color: rgba(240, 246, 252, .6); 220 color: rgba(240, 246, 252, .6); /* Not variable */ 212 221 content: '\f120'; 213 222 float: left; … … 221 230 width: 100%; 222 231 } 223 body.trac #subnav #nav-user li {224 225 }226 232 227 233 body.trac #subnav #nav-user a { … … 240 246 body.trac #banner, 241 247 body.trac #mainnav { 242 background-color: #eee;248 background-color: var(--bbbase-grey-background-color-low-contrast); 243 249 } 244 250 … … 282 288 body.trac #banner form#search input { 283 289 font-size: 16px; 290 font-weight: 400; 284 291 padding: 10px 15px; 285 border-radius: 8px;292 border-radius: var(--bbbase-border-radius); 286 293 } 287 294 … … 292 299 /* Main Navigation */ 293 300 body.trac #mainnav { 294 border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;301 border-bottom: 1px solid var(--bbbase-grey-border-color-low-contrast) !important; 295 302 } 296 303 … … 318 325 background-color: #fff !important; 319 326 color: #000 !important; 320 border: 1px solid rgba(0, 0, 0, 0.3) !important;327 border: 1px solid var(--bbbase-grey-border-color-low-contrast) !important; 321 328 border-bottom-color: transparent !important; 322 329 } … … 361 368 } 362 369 370 /* Notices */ 371 body.trac #main .wp-notice { 372 margin: 0; 373 padding: 30px; 374 } 375 376 body.trac #main .wp-notice p:first-child { 377 margin-top: 0; 378 } 379 380 body.trac #main .wp-notice p:last-child { 381 margin-bottom: 0; 382 } 383 384 body.trac #main .newticket-not-here .support, 385 body.trac #main .newticket-not-here .security { 386 margin-bottom: 0; 387 } 388 389 /* Alt Links */ 390 body.trac #main #altlinks { 391 float: none; 392 text-align: center; 393 margin: 30px 0; 394 max-width: none; 395 } 396 397 body.trac #main #altlinks .preferences-link { 398 float: none; 399 margin: 0 0 0 auto; 400 padding: 20px; 401 } 402 403 body.trac #main #altlinks > a, 404 body.trac #main #altlinks h3, 405 body.trac #main #altlinks li { 406 font-size: 14px; 407 } 408 363 409 /* Context Nav */ 364 410 body.trac #ctxtnav { 365 border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;411 border-bottom: 1px solid var(--bbbase-grey-border-color-low-contrast) !important; 366 412 } 367 413 … … 470 516 471 517 /* Prefs */ 518 body.trac #content.prefs #tabs { 519 padding: 0; 520 margin: 0 auto; 521 } 522 523 body.trac #content.prefs #tabs li { 524 list-style: none; 525 padding: 15px; 526 } 527 528 body.trac #content.prefs #tabcontent { 529 margin: 0 0 60px; 530 padding: 60px 0 0 0; 531 } 532 472 533 body.trac #content #prefs { 473 534 background: #eee; 474 border-radius: 8px;535 border-radius: var(--bbbase-border-radius); 475 536 padding: 20px; 476 537 margin: 30px 0; … … 504 565 body.trac #content #prefs input, 505 566 body.trac #content #prefs select { 506 font-size: 15px; 507 padding: 8px 10px; 508 border-radius: 8px; 567 padding: 8px 12px; 568 border-radius: var(--bbbase-border-radius); 509 569 } 510 570 511 571 body.trac #content #prefs fieldset { 512 border-radius: 8px;572 border-radius: var(--bbbase-border-radius); 513 573 border: 1px solid #ccc; 514 574 padding: 10px 20px 20px 20px; … … 559 619 box-shadow: 0 0 1em #eee; 560 620 font-size: 15px; 561 border-radius: 8px;621 border-radius: var(--bbbase-border-radius); 562 622 margin: 20px 0; 563 623 padding: 15px 20px; … … 627 687 } 628 688 689 body.trac #content.report div.reports > div { 690 position: relative; 691 padding: 20px; 692 margin-bottom: 20px; 693 background: var(--bbbase-grey-background-color-low-contrast); 694 } 695 696 body.trac #content.report div.reports > h2 { 697 border-bottom: none; 698 margin-top: 30px; 699 } 700 701 body.trac #content.report h3 { 702 border: none; 703 } 704 705 body.trac #content.report .inlinebuttons input[type=button], 706 body.trac #content.report .inlinebuttons input[type=submit] { 707 margin-left: 5px; 708 color: var(--bbbase-button-background-color); 709 background: transparent; 710 } 711 712 629 713 /* Tickets */ 630 714 body.trac div#ticket { 631 border-radius: 8px;715 border-radius: var(--bbbase-border-radius); 632 716 margin: 0 0 30px 0; 633 717 padding: 30px; … … 710 794 margin-bottom: 30px; 711 795 border: 1px solid #ccc; 712 border-radius: 8px;796 border-radius: var(--bbbase-border-radius); 713 797 overflow: hidden; 714 798 } … … 721 805 } 722 806 807 body.trac #content.ticket { 808 max-width: 940px; 809 } 810 723 811 body.trac #content.ticket h3.foldable { 724 812 font-size: 17px; … … 739 827 body.trac #content.ticket div#github-prs + div:not(.collapsed) h3.foldable { 740 828 margin: 30px 0; 829 } 830 831 body.trac #content.ticket #propertyform[action*="/newticket"] fieldset { 832 padding: 30px; 833 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 834 background: var(--bbbase-light-background-color-low-contrast); 835 } 836 837 body.trac #content.ticket #propertyform[action*="/newticket"] fieldset fieldset { 838 padding: 0; 741 839 } 742 840 … … 786 884 color: #aaa; 787 885 border: 1px solid #ccc; 788 border-radius: 8px;886 border-radius: var(--bbbase-border-radius); 789 887 } 790 888 … … 859 957 } 860 958 959 /* Browser */ 960 body.trac #content.browser { 961 display: flex; 962 flex-wrap: wrap; 963 flex-direction: row; 964 gap: 30px; 965 margin-bottom: 60px; 966 } 967 968 body.trac #content.browser h1, 969 body.trac #content.browser #anydiff, 970 body.trac #content.browser #help { 971 flex-basis: 100%; 972 margin-bottom: 0; 973 } 974 975 body.trac #content.browser #anydiff, 976 body.trac #content.browser #help { 977 text-align: right; 978 } 979 980 body.trac #content.browser #diffrev, 981 body.trac #content.browser #jumprev, 982 body.trac #content.browser #jumploc { 983 float: none; 984 font-size: 16px; 985 margin: 0 20px 0 0; 986 } 987 988 body.trac #content.browser #diffrev input, 989 body.trac #content.browser #jumprev input, 990 body.trac #content.browser #jumploc select, 991 body.trac #content.browser #jumploc input { 992 font-size: 16px; 993 margin: 0; 994 } 995 996 body.trac #content.browser #info .props { 997 list-style: none; 998 margin: 0; 999 padding: 20px; 1000 font-family: monospace; 1001 } 1002 body.trac #content.browser #info .props li:not(:last-of-type) { 1003 margin-bottom: 20px; 1004 } 1005 1006 /* Changeset */ 1007 body.trac #main .message.searchable p { 1008 margin: 15px 0; 1009 } 1010 1011 body.trac #main .message.searchable p:first-of-type { 1012 margin-top: 0; 1013 } 1014 1015 body.trac #main .message.searchable p:last-of-type { 1016 margin-bottom: 0; 1017 } 1018 1019 body.trac #file-legend { 1020 margin: 0; 1021 } 1022 1023 body.trac .legend { 1024 font-size: 16px; 1025 padding: 0; 1026 margin: 0; 1027 } 1028 1029 body.trac #main #info { 1030 background: var(--bbbase-grey-background-color-low-contrast); 1031 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 1032 } 1033 1034 body.trac #main #info th, 1035 body.trac #main #info td { 1036 padding: 20px; 1037 } 1038 1039 body.trac #main #info tr:first-child th, 1040 body.trac #main #info tr:first-child td { 1041 padding-bottom: 10px; 1042 } 1043 1044 body.trac #main #info tr:last-child th, 1045 body.trac #main #info tr:last-child td { 1046 padding-top: 10px; 1047 } 1048 1049 /* Admin */ 1050 body.trac #content.admin { 1051 float: none; 1052 display: flex; 1053 flex-direction: row; 1054 flex-wrap: wrap; 1055 gap: 30px; 1056 margin-bottom: 60px; 1057 } 1058 1059 body.trac #content.admin h1 { 1060 float: none; 1061 flex-basis: 100%; 1062 margin-bottom: 0; 1063 } 1064 1065 body.trac #content.admin #tabs { 1066 float: none; 1067 flex: 0 0 auto; 1068 width: 200px; 1069 margin: 0; 1070 padding: 0; 1071 border-radius: var(--bbbase-border-radius); 1072 background-color: var(--bbbase-grey-background-color-low-contrast); 1073 } 1074 1075 body.trac #content.admin #tabs > ul { 1076 margin: 20px 0 0 0; 1077 padding: 0; 1078 } 1079 1080 body.trac #content.admin #tabs > ul:not(:last-of-type) { 1081 border-bottom: 1px solid var(--bbbase-grey-border-color-low-contrast) 1082 } 1083 1084 body.trac #content.admin #tabs > ul > li { 1085 margin: 15px; 1086 } 1087 1088 body.trac #content.admin #tabs > ul > li > ul { 1089 margin: 8px -21px 0 -21px; 1090 } 1091 1092 body.trac #content.admin #tabs li { 1093 list-style: none; 1094 margin: 0; 1095 } 1096 1097 body.trac #content.admin #tabs li li:hover { 1098 background: var(--bbbase-button-background-color); 1099 } 1100 body.trac #content.admin #tabs li li.active { 1101 background: var(--bbbase-button-background-color); 1102 color: var(--bbbase-brightest-white); 1103 border: none; 1104 } 1105 1106 body.trac #content.admin #tabs li :link, 1107 body.trac #content.admin #tabs li :visited { 1108 border: none; 1109 display: block; 1110 border-radius: 0; 1111 padding: 8px 10px; 1112 margin: 0; 1113 text-decoration: none; 1114 } 1115 1116 body.trac #content.admin #tabs li li.active :link, 1117 body.trac #content.admin #tabs li li.active :visited { 1118 color: var(--bbbase-brightest-white); 1119 } 1120 1121 body.trac #content.admin #tabs li li:hover a { 1122 color: var(--bbbase-brightest-white); 1123 } 1124 1125 body.trac #content.admin #tabcontent { 1126 float: none; 1127 flex: 1; 1128 min-width: 0; 1129 margin: 0; 1130 padding: 0; 1131 } 1132 body.trac #content.admin #tabcontent p.hint { 1133 margin: 0; 1134 padding: 0 20px 20px 20px; 1135 } 1136 body.trac #content.admin #tabcontent input { 1137 max-width: 400px; 1138 } 1139 body.trac #content.admin #tabcontent fieldset { 1140 margin-bottom: 30px; 1141 } 1142 body.trac #content.admin #tabcontent .field td:first-child { 1143 width: 210px; 1144 text-align: right; 1145 padding-right: 20px; 1146 } 1147 1148 /* System Messages */ 1149 body.trac #notice.system-message, 1150 body.trac #notice.system-message, 1151 body.trac #warning.system-message, 1152 body.trac .warning.system-message { 1153 max-width: 880px; 1154 padding: 30px; 1155 margin: 30px auto -30px; 1156 font-size: 16px; 1157 background-color: #ffe; 1158 border-color: #e6db55; 1159 border-radius: var(--bbbase-border-radius); 1160 } 1161 1162 body.trac div.system-message .trac-close-msg { 1163 border: none; 1164 color: var(--bbbase-grey-border-color-low-contrast); 1165 text-decoration: none; 1166 text-transform: uppercase; 1167 padding: 3px 5px; 1168 margin: 0; 1169 } 1170 861 1171 /* Footer */ 862 863 1172 body.trac #footer { 864 1173 width: 100%; … … 874 1183 } 875 1184 876 body.trac #footer > * {877 max-width: 920px;878 width: 100%;879 }880 881 body.trac #footer-inner {882 font-size: 12px;883 margin: 0 auto;884 display: flex;885 align-items: center;886 }887 body.trac #footer div {888 padding: 40px 0;889 }890 body.trac #footer div.details {891 order: 1;892 margin-right: auto;893 }894 body.trac #footer div.links {895 order: 2;896 margin-left: auto;897 }898 body.trac #footer p {899 margin: 0;900 }901 902 903 1185 /* Mock-admin bar */ 904 1186 @media screen { -
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css
r14281 r14298 35 35 :root { 36 36 37 /* Border Radius */ 38 --bbbase-border-radius: 8px; 39 37 40 /* Header */ 38 --bbbase-header-background-color: #eee;41 --bbbase-header-background-color: rgba(238, 238, 238, 1); 39 42 --bbbase-header-image-url: none; 40 43 --bbbase-header-image-url-2x: none; … … 51 54 52 55 /* Buttons */ 53 --bbbase-button-background-color: #000;54 --bbbase-button-background-color-hover: #000;55 --bbbase-button-color: #fff;56 --bbbase-button-color-hover: #fff;56 --bbbase-button-background-color: rgba(0, 0, 0, 1); 57 --bbbase-button-background-color-hover: rgba(0, 0, 0, 1); 58 --bbbase-button-color: rgba(255, 255, 255, 1); 59 --bbbase-button-color-hover: rgba(255, 255, 255, 1); 57 60 58 61 /* Links */ 59 --bbbase-link-color: #000;60 --bbbase-link-color-hover: #333;62 --bbbase-link-color: rgba(0, 0, 0, 1); 63 --bbbase-link-color-hover: rgba(51, 51, 51, 1); 61 64 62 65 /* Subnav */ 63 --bbbase-subnav-color-hover: #000;66 --bbbase-subnav-color-hover: rgba(0, 0, 0, 1); 64 67 65 68 /* Lists */ 66 --bbbase-list-hover-helper-background: rgba(0,0,0,0.01); 69 --bbbase-list-hover-helper-background: rgba(0, 0, 0, 0.01); 70 71 /* Screen Reader */ 72 --bbbase-screen-reader-color: rgba(33, 117, 155, 1); 73 --bbbase-screen-reader-shador-color: rgba(0, 0, 0, 0.6); 67 74 68 75 /* Common Colors */ 69 --bbbase-brightest-white: #fff; 70 --bbbase-darkest-black: #000; 71 --bbbase-light-background-low-contrast: #fafafa; 72 --bbbase-grey-background-low-contrast: #eee; 73 --bbbase-grey-border-low-contrast: #ccc; 74 --bbbase-grey-border-low-contrast: #ccc; 76 --bbbase-brightest-white: rgba(255, 255, 255, 1); 77 --bbbase-brightest-white-blend: rgba(255, 255, 255, 0.3); 78 --bbbase-darkest-black: rgba(0, 0, 0, 1); 79 --bbbase-darkest-black-blend: rgba(0, 0, 0, 0.05); 80 --bbbase-light-background-color-low-contrast: rgba(250, 250, 250, 1); 81 --bbbase-grey-background-color-low-contrast: rgba(238, 238, 238, 1); 82 --bbbase-grey-border-color-low-contrast: rgba(204, 204, 204, 1); 83 --bbbase-darkest-text-color-low-contrast: rgba(34, 34, 34, 1); 84 --bbbase-darker-text-color-low-contrast: rgba(51, 51, 51, 1); 85 --bbbase-dark-text-color-low-contrast: rgba(85, 85, 85, 1); 86 --bbbase-light-text-color-low-contrast: rgba(170, 170, 170, 1); 87 --bbbase-lightest-text-color-low-contrast: rgba(241, 241, 241, 1); 88 89 /* Form Field Colors */ 90 --bbbase-form-field-background-color: rgba(255, 255, 255, 1); 91 --bbbase-form-field-outline-color: rgba(102, 128, 189, 1); 75 92 } 76 93 … … 86 103 text-align: left; 87 104 background: var(--bbbase-brightest-white); 88 margin: 0;89 color: #222;105 color: var(--bbbase-darkest-text-color-low-contrast); 106 margin: 0; 90 107 } 91 108 .hide-if-js { … … 153 170 font-weight: 400; 154 171 font-size: 16px; 155 color: #555;172 color: var(--bbbase-dark-text-color-low-contrast); 156 173 } 157 174 #big-demo-button { … … 169 186 p.headline-label { 170 187 padding: 0 0 24px 10px; 171 color: var(--bbbase-grey-border- low-contrast);188 color: var(--bbbase-grey-border-color-low-contrast); 172 189 } 173 190 p.plans { … … 179 196 } 180 197 #showcase { 181 background-color: var(--bbbase-grey-background- low-contrast);182 color: #555;198 background-color: var(--bbbase-grey-background-color-low-contrast); 199 color: var(--bbbase-dark-text-color-low-contrast); 183 200 } 184 201 #showcase-inner { … … 188 205 } 189 206 #showcase h3 { 190 color: #333;207 color: var(--bbbase-darker-text-color-low-contrast); 191 208 margin: 0 0 10px 0; 192 209 } … … 205 222 #footer { 206 223 width: 100%; 207 background-color: var(--bbbase-light-background- low-contrast);208 color: #aaa;224 background-color: var(--bbbase-light-background-color-low-contrast); 225 color: var(--bbbase-light-text-color-low-contrast); 209 226 } 210 227 #footer-inner { … … 265 282 } 266 283 div.feature img { 267 border: 1px solid var(--bbbase-grey-border- low-contrast);284 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 268 285 } 269 286 270 287 a:hover img { 271 border: 1px solid #555288 border: 1px solid var(--bbbase-dark-text-color-low-contrast); 272 289 } 273 290 … … 288 305 div.group { 289 306 padding: 20px 20px 1px 20px; 290 background: var(--bbbase-grey-background- low-contrast);307 background: var(--bbbase-grey-background-color-low-contrast); 291 308 margin: 0 0 24px 0; 292 309 } … … 325 342 margin: 0 24px 12px 0; 326 343 background: #f6f6f6; 327 border: var(--bbbase-grey-border- low-contrast) solid 1px;344 border: var(--bbbase-grey-border-color-low-contrast) solid 1px; 328 345 } 329 346 div.plan p { … … 348 365 } 349 366 div.plan ul li { 350 border-bottom: var(--bbbase-grey-border- low-contrast) solid 1px;367 border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px; 351 368 list-style: none; 352 369 } … … 382 399 383 400 div.single-post table tr.alt td { 384 background: #f5f5f5;401 background: var(--bbbase-grey-background-color-low-contrast); 385 402 } 386 403 … … 397 414 398 415 /* Overrides */ 416 cursor: pointer; 399 417 font-family: sans-serif; 400 418 height: auto; 401 line-height: 1 ;402 padding: 5px 10px;403 font-weight: 600;404 border-radius: 8px;419 line-height: 1rem; 420 padding: 8px 12px; 421 font-weight: 400; 422 border-radius: var(--bbbase-border-radius) !important; 405 423 border: none; 406 424 } … … 426 444 } 427 445 446 .button[disabled], 447 button[disabled], 448 input[type=button][disabled], 449 input[type=submit][disabled], 450 input[type=reset][disabled] { 451 cursor: not-allowed; 452 color: var(--bbbase-dark-text-color-low-contrast); 453 background-color: var(--bbbase-grey-background-color-low-contrast); 454 455 /* Overrides */ 456 border: none; 457 -webkit-box-shadow: none; 458 box-shadow: none; 459 text-shadow: none; 460 } 461 428 462 /* =Navigation 429 463 -------------------------------------------------------------- */ … … 443 477 #mobile-menu-button:before { 444 478 font: normal 16px/1 'dashicons'; 445 color: var(--bb ase-darkest-black);479 color: var(--bbbase-darkest-black); 446 480 content: '\f349'; 447 481 flex-shrink: 0; … … 472 506 width: 100%; 473 507 height: 100%; 474 color: #fff;508 color: var(--bbbase-brightest-white); 475 509 padding: 0 13px; 476 510 font-weight: 600; … … 481 515 #wporg-header #wporg-header-menu li :link:hover, 482 516 #wporg-header #wporg-header-menu li :link:active { 483 background-color: rgba(255,255,255,0.3);517 background-color: var(--bbbase-brightest-white-blend); 484 518 } 485 519 486 520 #nav li.current-menu-item a, 487 521 #nav li.current-page-ancestor a, 488 #nav li.current a { 522 #nav li.current a, 523 #wporg-header #wporg-header-menu li.current a { 489 524 490 525 /* Match body for strong emphasis */ 491 background-color: #fff;492 color: #111;526 background-color: var(--bbbase-brightest-white); 527 color: var(--bbbase-darkest-black); 493 528 } 494 529 … … 507 542 508 543 h2 { 544 color: var(--bbbase-darkest-black); 509 545 font-size: 20px; 510 color: var(--bbase-darkest-black);511 546 margin: 0 0 30px 0; 512 547 } … … 522 557 font-weight: 400; 523 558 font-size: 2.5em; 524 color: #555;559 color: var(--bbbase-dark-text-color-low-contrast); 525 560 text-shadow: none; 526 561 text-decoration: none; 527 562 } 528 563 564 h3, 565 h4, 566 h5, 567 h6 { 568 color: var(--bbbase-darker-text-color-low-contrast); 569 } 570 529 571 h3 { 530 572 font-size: 15px; 531 color: #333;532 573 margin-bottom: 15px; 533 574 } 534 535 575 h3.tour { 536 background: var(--bbbase-grey-background- low-contrast);537 color: var(--bb ase-darkest-black);576 background: var(--bbbase-grey-background-color-low-contrast); 577 color: var(--bbbase-darkest-black); 538 578 padding: 6px 15px; 539 579 margin: 0 0 12px 0; 540 border-bottom: var(--bbbase-grey-border- low-contrast) solid 1px;580 border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px; 541 581 font-size: 18px; 542 582 } … … 544 584 margin: 0 0 12px 0; 545 585 } 586 546 587 h4 { 547 588 font-size: 14px; 548 color: #333; 549 } 589 } 590 550 591 551 592 /* =Lists … … 568 609 dl dt { 569 610 font-weight: 600; 570 color: #333;611 color: var(--bbbase-darker-text-color-low-contrast); 571 612 } 572 613 dl dd { … … 576 617 float: left; 577 618 width: 140px; 578 color: #444;619 color: var(--bbbase-dark-text-color-low-contrast); 579 620 font-size: 12px; 580 621 text-align: right; … … 588 629 dl.help dt { 589 630 font-size: 14px; 590 color: var(--bb ase-darkest-black);631 color: var(--bbbase-darkest-black); 591 632 } 592 633 dl.help dd { 593 634 margin: 0 0 24px 0; 594 635 padding: 0 0 24px 0; 595 border-bottom: var(--bbbase-grey-border- low-contrast) solid 1px;636 border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px; 596 637 } 597 638 … … 618 659 max-width: 680px; 619 660 padding: 10px; 620 border: 1px solid var(--bbbase-grey-border- low-contrast);621 background: var(--bbbase-grey-background- low-contrast);661 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 662 background: var(--bbbase-grey-background-color-low-contrast); 622 663 position: relative; 623 664 } 624 665 625 666 div.wp-caption img { 626 border: 5px double var(--bbbase-grey-border- low-contrast);667 border: 5px double var(--bbbase-grey-border-color-low-contrast); 627 668 position: relative; 628 669 display: block; … … 648 689 font-style: italic; 649 690 font-size: 15px; 650 border: 1px dotted var(--bbbase-grey-border- low-contrast);691 border: 1px dotted var(--bbbase-grey-border-color-low-contrast); 651 692 padding: 10px; 652 693 margin: 0 0 15px 0; … … 654 695 } 655 696 blockquote:before { 656 color: #ccc;697 color: var(--bbbase-dark-text-color-low-contrast); 657 698 content: open-quote; 658 699 font-size: 4em; … … 673 714 font-size: 14px; 674 715 font-style: normal; 675 color: #aaa;716 color: var(--bbbase-light-text-color-low-contrast); 676 717 display: block; 677 718 margin-bottom: 15px; … … 703 744 small { 704 745 font-size: 12px; 705 color: #666!important;746 color: var(--bbbase-dark-text-color-low-contrast) !important; 706 747 } 707 748 div.action { 708 background: #EBF5FA;749 background: var(--bbbase-grey-background-color-low-contrast); 709 750 font-size: 20px; 710 751 text-align: center; … … 713 754 } 714 755 div.action a:hover { 715 color: var(--bb ase-darkest-black);756 color: var(--bbbase-darkest-black); 716 757 } 717 758 … … 732 773 733 774 .screen-reader-text:focus { 734 background-color: #f1f1f1;775 background-color: var(--bbbase-brightest-white); 735 776 border-radius: 3px; 736 -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);737 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);777 -webkit-box-shadow: 0 0 2px 2px var(--bbbase-screen-reader-shadow-color); 778 box-shadow: 0 0 2px 2px var(--bbbase-screen-reader-shadow-color); 738 779 clip: auto !important; 739 color: #21759b;780 color: var(--bbbase-screen-reader-color); 740 781 display: block; 741 782 font-size: 14px; … … 771 812 input, 772 813 select { 814 background-color: var(--bbbase-form-field-background-color); 815 color: var(--bbbase-form-field-color); 816 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 817 border-radius: var(--bbbase-border-radius); 773 818 font: 14px/16px sans-serif; 774 819 padding: 5px 10px; 775 color: #333;776 border: 1px solid #ccc;777 border-radius: 8px;778 820 } 779 821 input.submit { 780 822 border: none; 781 font-weight: 600;823 font-weight: 400; 782 824 cursor: pointer; 783 }784 #footer input.submit {785 font-size: 12px;786 }787 dl.support-request input {788 width: 98%;789 825 } 790 826 … … 861 897 .commentlist li .avatar { 862 898 float: left; 863 border: 1px solid var(--bbbase-grey-background-low-contrast);864 899 padding: 2px; 865 900 margin: 0 10px 10px 0; 866 background: #fff; 901 border: 1px solid var(--bbbase-grey-background-color-low-contrast); 902 background: var(--bbbase-brightest-white); 867 903 } 868 904 .commentlist li ul li { … … 931 967 } 932 968 .thread-even { 933 background-color: #fff;969 background-color: var(--bbbase-brightest-white); 934 970 } 935 971 .depth-1 { 936 border: 1px solid var(--bbbase-grey-border- low-contrast);972 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 937 973 } 938 974 a.reply { … … 954 990 #bbpress-forums hr { 955 991 margin: 40px; 956 border: 1px solid var(--bbbase-grey-background- low-contrast);992 border: 1px solid var(--bbbase-grey-background-color-low-contrast); 957 993 } 958 994 … … 1039 1075 1040 1076 #bbpress-forums .bbp-pagination { 1041 color: #888;1077 color: var(--bbbase-dark-text-color-low-contrast); 1042 1078 float: none; 1043 1079 display: flex; … … 1065 1101 #bbpress-forums .bbp-pagination-links a { 1066 1102 border: 1px solid transparent; 1067 border-radius: 8px;1103 border-radius: var(--bbbase-border-radius); 1068 1104 font-size: 16px; 1069 1105 padding: 4px 8px; … … 1157 1193 #bbpress-forums div.bbp-topic-content pre, 1158 1194 #bbpress-forums div.bbp-reply-content pre { 1159 background-color: #f0f0f0;1195 background-color: var(--bbbase-lightest-text-color-low-contrast); 1160 1196 max-height: 40em; 1161 1197 } … … 1182 1218 #bbpress-forums .bbp-topic-form select { 1183 1219 padding: 6px 8px; 1184 border-radius: 8px;1220 border-radius: var(--bbbase-border-radius); 1185 1221 } 1186 1222 … … 1194 1230 font-weight: 600; 1195 1231 font-size: 15px; 1196 color: #333;1232 color: var(--bbbase-darker-text-color-low-contrast); 1197 1233 padding: 10px 0 10px 0; 1198 1234 } … … 1260 1296 #bbpress-forums ul.sticky.status-closed li.bbp-topic-title:before, 1261 1297 #bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title:before { 1262 color: #bbb;1298 color: var(--bbbase-light-text-color-low-contrast); 1263 1299 } 1264 1300 … … 1269 1305 #bbpress-forums ul.status-closed, 1270 1306 #bbpress-forums ul.status-closed a { 1271 color: #aaa;1307 color: var(--bbbase-light-text-color-low-contrast); 1272 1308 } 1273 1309 … … 1277 1313 1278 1314 #bbpress-forums p.bbp-topic-meta a { 1279 color: #888;1315 color: var(--bbbase-dark-text-color-low-contrast); 1280 1316 text-decoration: none; 1281 1317 } 1282 1318 1283 1319 #bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a { 1284 color: #999; 1285 background-color: var(--bbbase-grey-background-low-contrast); 1320 color: var(--bbbase-dark-text-color-low-contrast); 1321 background-color: var(--bbbase-grey-background-color-low-contrast); 1322 border: 0.5px solid var(--bbbase-dark-text-color-low-contrast); 1323 border-radius: 10px; 1286 1324 padding: 3px 8px; 1287 border-radius: 10px;1288 border: 0.5px solid #999;1289 1325 font-size: 10px; 1290 1326 font-weight: 400; … … 1322 1358 margin: 5px 15px 5px 5px; 1323 1359 display: none; 1324 color: rgba(0,0,0,0.05);1360 color: var(--bbbase-darkest-black-blend); 1325 1361 } 1326 1362 … … 1372 1408 max-width: 40px; 1373 1409 max-height: 40px; 1374 border-radius: 8px;1410 border-radius: var(--bbbase-border-radius); 1375 1411 } 1376 1412 … … 1404 1440 div.bbp-template-notice, 1405 1441 div.indicator-hint { 1406 border-radius: 8px;1442 border-radius: var(--bbbase-border-radius); 1407 1443 padding: 0; 1408 1444 margin: 0 0 30px 0; … … 1421 1457 text-align: right; 1422 1458 padding: 20px; 1423 background: #f5f5f5;1459 background: var(--bbbase-grey-background-color-low-contrast); 1424 1460 } 1425 1461 #bbpress-forums #bbp-your-profile fieldset.submit div { … … 1466 1502 #bbpress-forums div.bbp-reply-content pre, 1467 1503 #bbpress-forums div.bbp-topic-content pre { 1468 background-color: #f2f2f2; 1504 background-color: var(--bbbase-lightest-text-color-low-contrast); 1505 border: 1px dotted var(--bbbase-grey-border-color-low-contrast); 1469 1506 overflow: auto; 1470 1507 margin: 5px 5px 15px 5px; 1471 1508 padding: 10px; 1472 border: 1px dotted #bbb;1473 1509 } 1474 1510 … … 1477 1513 #bbpress-forums fieldset.bbp-form select, 1478 1514 #bbpress-forums fieldset.bbp-form input { 1479 border: 1px solid #ccc;1480 outline-color: rgb(102, 128, 189) !important;1515 border: 1px solid var(--bbbase-grey-border-color-low-contrast); 1516 outline-color: var(--bbbase-form-field-outline-color) !important; 1481 1517 } 1482 1518 … … 1497 1533 #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { 1498 1534 padding: 8px 15px; 1499 border-radius: 8px;1535 border-radius: var(--bbbase-border-radius); 1500 1536 } 1501 1537 … … 1561 1597 #bbpress-forums #bbp-your-profile fieldset select, 1562 1598 #bbpress-forums #bbp-your-profile fieldset textarea { 1563 border-radius: 8px; 1564 background-color: #fff; 1599 color: var(--bbbase-form-field-color); 1600 background-color: var(--bbbase-form-field-background-color); 1601 border-radius: var(--bbbase-border-radius); 1565 1602 margin-top: 0; 1566 1603 } … … 1599 1636 font: normal 16px/23px 'dashicons'; 1600 1637 margin-right: 5px; 1601 color: var(--bb ase-darkest-black);1638 color: var(--bbbase-darkest-black); 1602 1639 } 1603 1640 … … 1703 1740 padding: 10px 20px 15px 20px; 1704 1741 margin-left: 20px; 1705 background: var(--bbbase-light-background- low-contrast);1706 border: 1px solid var(--bbbase-grey-background- low-contrast);1742 background: var(--bbbase-light-background-color-low-contrast); 1743 border: 1px solid var(--bbbase-grey-background-color-low-contrast); 1707 1744 } 1708 1745 … … 1728 1765 #bbpress-forums .wp-editor-tools a { 1729 1766 border: none; 1730 color: #888;1767 color: var(--bbbase-dark-text-color-low-contrast); 1731 1768 background: none; 1732 1769 float: none; … … 1737 1774 background: #f6f6f6; 1738 1775 border: none; 1739 border-color: var(--bbbase-grey-border- low-contrast);1776 border-color: var(--bbbase-grey-border-color-low-contrast); 1740 1777 border-width: 1px 1px 0 1px; 1741 1778 border-style: solid; … … 1753 1790 1754 1791 #bbpress-forums .mceIframeContainer { 1755 border: 1px solid #ccc!important;1792 border: 1px solid var(--bbbase-grey-border-color-low-contrast) !important; 1756 1793 margin-top: -3px; 1757 1794 } … … 1768 1805 #bbpress-forums p.bbp-user-nicename { 1769 1806 font-weight: 600; 1770 color: #666;1807 color: var(--bbbase-dark-text-color-low-contrast); 1771 1808 direction: ltr; 1772 1809 word-wrap: break-word; … … 1837 1874 #menu-bp li a:hover { 1838 1875 text-decoration: none; 1839 background: var(--bbbase-light-background- low-contrast);1876 background: var(--bbbase-light-background-color-low-contrast); 1840 1877 } 1841 1878 1842 1879 #menu-bp li.current-menu-parent a { 1843 background: var(--bbbase-grey-background- low-contrast);1880 background: var(--bbbase-grey-background-color-low-contrast); 1844 1881 color: inherit; 1845 1882 } … … 1876 1913 #buddypress .groups-members-search input[type=search], 1877 1914 #buddypress .groups-members-search input[type=text] { 1878 background: #fff;1915 background: var(--bbbase-form-field-background-color); 1879 1916 } 1880 1917 … … 2015 2052 margin: 0; 2016 2053 padding: 0; 2017 color: var(--bb ase-darkest-black);2054 color: var(--bbbase-darkest-black); 2018 2055 text-shadow: none; 2019 2056 border-radius: 0; … … 2021 2058 #header #nav #bb-nav li.current a, 2022 2059 #header #nav #bb-nav li a:hover { 2023 color: #fff;2060 color: var(--bbbase-brightest-white); 2024 2061 } 2025 2062 #header #bb-nav, … … 2032 2069 #header #nav:focus #bb-nav, 2033 2070 #wporg-header #wporg-header-menu.toggled { 2034 background-color: var(--bbbase-grey-background- low-contrast);2071 background-color: var(--bbbase-grey-background-color-low-contrast); 2035 2072 display: block !important; 2036 2073 z-index: 100; … … 2044 2081 #header #nav:focus #bb-menu-icon:before, 2045 2082 #wporg-header #mobile-menu-button[aria-expanded="true"]:before { 2046 color: #fff;2083 color: var(--bbbase-brightest-white); 2047 2084 } 2048 2085 } … … 2074 2111 #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links { 2075 2112 display: block !important; 2076 border-top: 1px dotted var(--bbbase-grey-border- low-contrast);2113 border-top: 1px dotted var(--bbbase-grey-border-color-low-contrast); 2077 2114 margin: 10px 10px 0 10px; 2078 2115 padding: 5px 0; … … 2090 2127 } 2091 2128 } 2092
Note: See TracChangeset
for help on using the changeset viewer.