100 input[type="week"]:focus, |
100 input[type="week"]:focus, |
101 input[type="checkbox"]:focus, |
101 input[type="checkbox"]:focus, |
102 input[type="radio"]:focus, |
102 input[type="radio"]:focus, |
103 select:focus, |
103 select:focus, |
104 textarea:focus { |
104 textarea:focus { |
105 border-color: #007cba; |
105 border-color: #2271b1; |
106 box-shadow: 0 0 0 1px #007cba; |
106 box-shadow: 0 0 0 1px #2271b1; |
107 /* Only visible in Windows High Contrast mode */ |
107 /* Only visible in Windows High Contrast mode */ |
108 outline: 2px solid transparent; |
108 outline: 2px solid transparent; |
109 } |
109 } |
110 |
110 |
111 /* rtl:ignore */ |
111 /* rtl:ignore */ |
136 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
136 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
137 transition: .05s border-color ease-in-out; |
137 transition: .05s border-color ease-in-out; |
138 } |
138 } |
139 |
139 |
140 input[type="radio"]:checked + label:before { |
140 input[type="radio"]:checked + label:before { |
141 color: #82878c; |
141 color: #8c8f94; |
142 } |
142 } |
143 |
143 |
144 .wp-core-ui input[type="reset"]:hover, |
144 .wp-core-ui input[type="reset"]:hover, |
145 .wp-core-ui input[type="reset"]:active { |
145 .wp-core-ui input[type="reset"]:active { |
146 color: #006799; |
146 color: #135e96; |
147 } |
147 } |
148 |
148 |
149 td > input[type="checkbox"], |
149 td > input[type="checkbox"], |
150 .wp-admin p input[type="checkbox"], |
150 .wp-admin p input[type="checkbox"], |
151 .wp-admin p input[type="radio"] { |
151 .wp-admin p input[type="radio"] { |
171 input[type="radio"]:checked::before { |
171 input[type="radio"]:checked::before { |
172 float: right; |
172 float: right; |
173 display: inline-block; |
173 display: inline-block; |
174 vertical-align: middle; |
174 vertical-align: middle; |
175 width: 1rem; |
175 width: 1rem; |
176 speak: none; |
176 speak: never; |
177 -webkit-font-smoothing: antialiased; |
177 -webkit-font-smoothing: antialiased; |
178 -moz-osx-font-smoothing: grayscale; |
178 -moz-osx-font-smoothing: grayscale; |
179 } |
179 } |
180 |
180 |
181 input[type="checkbox"]:checked::before { |
181 input[type="checkbox"]:checked::before { |
182 /* Use the "Yes" SVG Dashicon */ |
182 /* Use the "Yes" SVG Dashicon */ |
183 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E"); |
183 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E"); |
184 margin: -0.1875rem -0.25rem 0 0; |
184 margin: -0.1875rem -0.25rem 0 0; |
185 height: 1.3125rem; |
185 height: 1.3125rem; |
186 width: 1.3125rem; |
186 width: 1.3125rem; |
187 } |
187 } |
188 |
188 |
190 content: ""; |
190 content: ""; |
191 border-radius: 50%; |
191 border-radius: 50%; |
192 width: 0.5rem; /* 8px */ |
192 width: 0.5rem; /* 8px */ |
193 height: 0.5rem; /* 8px */ |
193 height: 0.5rem; /* 8px */ |
194 margin: 0.1875rem; /* 3px */ |
194 margin: 0.1875rem; /* 3px */ |
195 background-color: #1e8cbe; |
195 background-color: #3582c4; |
196 /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */ |
196 /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */ |
197 line-height: 1.14285714; |
197 line-height: 1.14285714; |
198 } |
198 } |
199 |
199 |
200 @-moz-document url-prefix() { |
200 @-moz-document url-prefix() { |
221 |
221 |
222 input.readonly, |
222 input.readonly, |
223 input[readonly], |
223 input[readonly], |
224 textarea.readonly, |
224 textarea.readonly, |
225 textarea[readonly] { |
225 textarea[readonly] { |
226 background-color: #eee; |
226 background-color: #f0f0f1; |
227 } |
227 } |
228 |
228 |
229 ::-webkit-input-placeholder { |
229 ::-webkit-input-placeholder { |
230 color: #72777c; |
230 color: #646970; |
231 } |
231 } |
232 |
232 |
233 ::-moz-placeholder { |
233 ::-moz-placeholder { |
234 color: #72777c; |
234 color: #646970; |
235 opacity: 1; |
235 opacity: 1; |
236 } |
236 } |
237 |
237 |
238 :-ms-input-placeholder { |
238 :-ms-input-placeholder { |
239 color: #72777c; |
239 color: #646970; |
240 } |
240 } |
241 |
241 |
242 .form-invalid input, |
242 .form-invalid .form-required, |
243 .form-invalid input:focus, |
243 .form-invalid .form-required:focus, |
244 .form-invalid select, |
244 .form-invalid.form-required input, |
245 .form-invalid select:focus { |
245 .form-invalid.form-required input:focus, |
246 border-color: #dc3232 !important; |
246 .form-invalid.form-required select, |
247 box-shadow: 0 0 2px rgba(204, 0, 0, 0.8); |
247 .form-invalid.form-required select:focus { |
|
248 border-color: #d63638 !important; |
|
249 box-shadow: 0 0 2px rgba(214, 54, 56, 0.8); |
248 } |
250 } |
249 |
251 |
250 .form-table .form-required.form-invalid td:after { |
252 .form-table .form-required.form-invalid td:after { |
251 content: "\f534"; |
253 content: "\f534"; |
252 font: normal 20px/1 dashicons; |
254 font: normal 20px/1 dashicons; |
253 color: #dc3232; |
255 color: #d63638; |
254 margin-right: -25px; |
256 margin-right: -25px; |
255 vertical-align: middle; |
257 vertical-align: middle; |
256 } |
258 } |
257 |
259 |
258 /* Adjust error indicator for password layout */ |
260 /* Adjust error indicator for password layout */ |
261 } |
263 } |
262 |
264 |
263 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { |
265 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { |
264 content: "\f534"; |
266 content: "\f534"; |
265 font: normal 20px/1 dashicons; |
267 font: normal 20px/1 dashicons; |
266 color: #dc3232; |
268 color: #d63638; |
267 margin: 0 -29px 0 6px; |
269 margin: 0 -29px 0 6px; |
268 vertical-align: middle; |
270 vertical-align: middle; |
269 } |
271 } |
270 |
272 |
271 .form-input-tip { |
273 .form-input-tip { |
272 color: #666; |
274 color: #646970; |
273 } |
275 } |
274 |
276 |
275 input:disabled, |
277 input:disabled, |
276 input.disabled, |
278 input.disabled, |
277 select:disabled, |
279 select:disabled, |
278 select.disabled, |
280 select.disabled, |
279 textarea:disabled, |
281 textarea:disabled, |
280 textarea.disabled { |
282 textarea.disabled { |
281 background: rgba(255, 255, 255, 0.5); |
283 background: rgba(255, 255, 255, 0.5); |
282 border-color: rgba(222, 222, 222, 0.75); |
284 border-color: rgba(220, 220, 222, 0.75); |
283 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); |
285 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); |
284 color: rgba(51, 51, 51, 0.5); |
286 color: rgba(44, 51, 56, 0.5); |
285 } |
287 } |
286 |
288 |
287 input[type="file"]:disabled, |
289 input[type="file"]:disabled, |
288 input[type="file"].disabled, |
290 input[type="file"].disabled, |
289 input[type="range"]:disabled, |
291 input[type="range"]:disabled, |
326 cursor: pointer; |
328 cursor: pointer; |
327 vertical-align: middle; |
329 vertical-align: middle; |
328 } |
330 } |
329 |
331 |
330 .wp-core-ui select:hover { |
332 .wp-core-ui select:hover { |
331 color: #007cba; |
333 color: #2271b1; |
332 } |
334 } |
333 |
335 |
334 .wp-core-ui select:focus { |
336 .wp-core-ui select:focus { |
335 border-color: #007cba; |
337 border-color: #2271b1; |
336 color: #016087; |
338 color: #0a4b78; |
337 box-shadow: 0 0 0 1px #007cba; |
339 box-shadow: 0 0 0 1px #2271b1; |
338 } |
340 } |
339 |
341 |
340 .wp-core-ui select:active { |
342 .wp-core-ui select:active { |
341 border-color: #999; |
343 border-color: #8c8f94; |
342 box-shadow: none; |
344 box-shadow: none; |
343 } |
345 } |
344 |
346 |
345 .wp-core-ui select.disabled, |
347 .wp-core-ui select.disabled, |
346 .wp-core-ui select:disabled { |
348 .wp-core-ui select:disabled { |
347 color: #a0a5aa; |
349 color: #a7aaad; |
348 border-color: #ddd; |
350 border-color: #dcdcde; |
349 background-color: #f7f7f7; |
351 background-color: #f6f7f7; |
350 /* The SVG is arrow-down-alt2 from Dashicons. */ |
352 /* The SVG is arrow-down-alt2 from Dashicons. */ |
351 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E'); |
353 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E'); |
352 box-shadow: none; |
354 box-shadow: none; |
353 text-shadow: 0 1px 0 #fff; |
355 text-shadow: 0 1px 0 #fff; |
354 cursor: default; |
356 cursor: default; |
357 |
359 |
358 /* Reset Firefox inner outline that appears on :focus. */ |
360 /* Reset Firefox inner outline that appears on :focus. */ |
359 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ |
361 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ |
360 .wp-core-ui select:-moz-focusring { |
362 .wp-core-ui select:-moz-focusring { |
361 color: transparent; |
363 color: transparent; |
362 text-shadow: 0 0 0 #016087; |
364 text-shadow: 0 0 0 #0a4b78; |
363 } |
365 } |
364 |
366 |
365 /* Remove background focus style from IE11 while keeping focus style available on option elements. */ |
367 /* Remove background focus style from IE11 while keeping focus style available on option elements. */ |
366 .wp-core-ui select::-ms-value { |
368 .wp-core-ui select::-ms-value { |
367 background: transparent; |
369 background: transparent; |
368 color: #555; |
370 color: #50575e; |
369 } |
371 } |
370 |
372 |
371 .wp-core-ui select:hover::-ms-value { |
373 .wp-core-ui select:hover::-ms-value { |
372 color: #007cba; |
374 color: #2271b1; |
373 } |
375 } |
374 |
376 |
375 .wp-core-ui select:focus::-ms-value { |
377 .wp-core-ui select:focus::-ms-value { |
376 color: #016087; |
378 color: #0a4b78; |
377 } |
379 } |
378 |
380 |
379 .wp-core-ui select.disabled::-ms-value, |
381 .wp-core-ui select.disabled::-ms-value, |
380 .wp-core-ui select:disabled::-ms-value { |
382 .wp-core-ui select:disabled::-ms-value { |
381 color: #a0a5aa; |
383 color: #a7aaad; |
382 } |
384 } |
383 |
385 |
384 /* Hide the native down arrow for select element on IE. */ |
386 /* Hide the native down arrow for select element on IE. */ |
385 .wp-core-ui select::-ms-expand { |
387 .wp-core-ui select::-ms-expand { |
386 display: none; |
388 display: none; |
532 |
544 |
533 .options-media-php .small-text[name*="_size_"] { |
545 .options-media-php .small-text[name*="_size_"] { |
534 margin: 0 0 1em; |
546 margin: 0 0 1em; |
535 } |
547 } |
536 |
548 |
|
549 .wp-generate-pw { |
|
550 margin-top: 1em; |
|
551 } |
|
552 |
|
553 .wp-pwd { |
|
554 margin-top: 1em; |
|
555 } |
|
556 |
537 #misc-publishing-actions label { |
557 #misc-publishing-actions label { |
538 vertical-align: baseline; |
558 vertical-align: baseline; |
539 } |
559 } |
540 |
560 |
541 #pass-strength-result { |
561 #pass-strength-result { |
542 background-color: #eee; |
562 background-color: #f0f0f1; |
543 border: 1px solid #ddd; |
563 border: 1px solid #dcdcde; |
544 color: #23282d; |
564 color: #1d2327; |
545 margin: -1px 1px 5px; |
565 margin: -1px 1px 5px; |
546 padding: 3px 5px; |
566 padding: 3px 5px; |
547 text-align: center; |
567 text-align: center; |
548 width: 25em; |
568 width: 25em; |
549 box-sizing: border-box; |
569 box-sizing: border-box; |
550 opacity: 0; |
570 opacity: 0; |
551 } |
571 } |
552 |
572 |
553 #pass-strength-result.short { |
573 #pass-strength-result.short { |
554 background-color: #f1adad; |
574 background-color: #ffabaf; |
555 border-color: #e35b5b; |
575 border-color: #e65054; |
556 opacity: 1; |
576 opacity: 1; |
557 } |
577 } |
558 |
578 |
559 #pass-strength-result.bad { |
579 #pass-strength-result.bad { |
560 background-color: #fbc5a9; |
580 background-color: #facfd2; |
561 border-color: #f78b53; |
581 border-color: #f86368; |
562 opacity: 1; |
582 opacity: 1; |
563 } |
583 } |
564 |
584 |
565 #pass-strength-result.good { |
585 #pass-strength-result.good { |
566 background-color: #ffe399; |
586 background-color: #f5e6ab; |
567 border-color: #ffc733; |
587 border-color: #f0c33c; |
568 opacity: 1; |
588 opacity: 1; |
569 } |
589 } |
570 |
590 |
571 #pass-strength-result.strong { |
591 #pass-strength-result.strong { |
572 background-color: #c1e1b9; |
592 background-color: #b8e6bf; |
573 border-color: #83c373; |
593 border-color: #68de7c; |
574 opacity: 1; |
594 opacity: 1; |
575 } |
595 } |
576 |
596 |
|
597 .password-input-wrapper input { |
|
598 font-family: Consolas, Monaco, monospace; |
|
599 } |
|
600 |
577 #pass1.short, #pass1-text.short { |
601 #pass1.short, #pass1-text.short { |
578 border-color: #e35b5b; |
602 border-color: #e65054; |
579 } |
603 } |
580 |
604 |
581 #pass1.bad, #pass1-text.bad { |
605 #pass1.bad, #pass1-text.bad { |
582 border-color: #f78b53; |
606 border-color: #f86368; |
583 } |
607 } |
584 |
608 |
585 #pass1.good, #pass1-text.good { |
609 #pass1.good, #pass1-text.good { |
586 border-color: #ffc733; |
610 border-color: #f0c33c; |
587 } |
611 } |
588 |
612 |
589 #pass1.strong, #pass1-text.strong { |
613 #pass1.strong, #pass1-text.strong { |
590 border-color: #83c373; |
614 border-color: #68de7c; |
591 } |
615 } |
592 |
616 |
593 .pw-weak { |
617 .pw-weak { |
594 display: none; |
618 display: none; |
595 } |
619 } |
679 cursor: pointer; |
703 cursor: pointer; |
680 } |
704 } |
681 |
705 |
682 /* Colors for the wplink toolbar autocomplete. */ |
706 /* Colors for the wplink toolbar autocomplete. */ |
683 .ui-autocomplete .ui-state-focus { |
707 .ui-autocomplete .ui-state-focus { |
684 background-color: #ddd; |
708 background-color: #dcdcde; |
685 } |
709 } |
686 |
710 |
687 /* Colors for the tags autocomplete. */ |
711 /* Colors for the tags autocomplete. */ |
688 .wp-tags-autocomplete .ui-state-focus { |
712 .wp-tags-autocomplete .ui-state-focus, |
689 background-color: #0073aa; |
713 .wp-tags-autocomplete [aria-selected="true"] { |
|
714 background-color: #2271b1; |
690 color: #fff; |
715 color: #fff; |
|
716 /* Only visible in Windows High Contrast mode */ |
|
717 outline: 2px solid transparent; |
691 } |
718 } |
692 |
719 |
693 /*------------------------------------------------------------------------------ |
720 /*------------------------------------------------------------------------------ |
694 15.0 - Comments Screen |
721 15.0 - Comments Screen |
695 ------------------------------------------------------------------------------*/ |
722 ------------------------------------------------------------------------------*/ |
755 .form-table td fieldset label { |
782 .form-table td fieldset label { |
756 margin: 0.35em 0 0.5em !important; |
783 margin: 0.35em 0 0.5em !important; |
757 display: inline-block; |
784 display: inline-block; |
758 } |
785 } |
759 |
786 |
760 .form-table td fieldset p label { |
787 .form-table td fieldset p label { |
761 margin-top: 0 !important; |
788 margin-top: 0 !important; |
762 } |
789 } |
763 |
790 |
764 .form-table td fieldset label, |
791 .form-table td fieldset label, |
765 .form-table td fieldset p, |
792 .form-table td fieldset p, |
838 border: none; |
865 border: none; |
839 } |
866 } |
840 |
867 |
841 .color-option { |
868 .color-option { |
842 cursor: pointer; |
869 cursor: pointer; |
|
870 } |
|
871 |
|
872 .create-application-password .form-field { |
|
873 max-width: 25em; |
|
874 } |
|
875 |
|
876 .create-application-password label { |
|
877 font-weight: 600; |
|
878 } |
|
879 |
|
880 .create-application-password p.submit { |
|
881 margin-bottom: 0; |
|
882 padding-bottom: 0; |
|
883 display: block; |
|
884 } |
|
885 |
|
886 #application-passwords-section .notice { |
|
887 margin-top: 20px; |
|
888 margin-bottom: 0; |
|
889 } |
|
890 |
|
891 .application-password-display input.code { |
|
892 width: 19em; |
|
893 } |
|
894 |
|
895 .auth-app-card.card { |
|
896 max-width: 768px; |
|
897 } |
|
898 |
|
899 .authorize-application-php .form-wrap p { |
|
900 display: block; |
843 } |
901 } |
844 |
902 |
845 /*------------------------------------------------------------------------------ |
903 /*------------------------------------------------------------------------------ |
846 19.0 - Tools |
904 19.0 - Tools |
847 ------------------------------------------------------------------------------*/ |
905 ------------------------------------------------------------------------------*/ |
1241 white-space: normal; |
1299 white-space: normal; |
1242 } |
1300 } |
1243 |
1301 |
1244 .privacy_requests .status-request-confirmed th, |
1302 .privacy_requests .status-request-confirmed th, |
1245 .privacy_requests .status-request-confirmed td { |
1303 .privacy_requests .status-request-confirmed td { |
1246 background-color: #f7fcfe; |
1304 background-color: #fff; |
1247 border-right-color: #00a0d2; |
1305 border-right-color: #72aee6; |
1248 } |
1306 } |
1249 |
1307 |
1250 .privacy_requests .status-request-failed th, |
1308 .privacy_requests .status-request-failed th, |
1251 .privacy_requests .status-request-failed td { |
1309 .privacy_requests .status-request-failed td { |
1252 background-color: #fef7f1; |
1310 background-color: #f6f7f7; |
1253 border-right-color: #d64d21; |
1311 border-right-color: #d63638; |
1254 } |
1312 } |
1255 |
1313 |
1256 .privacy_requests .export_personal_data_failed a { |
1314 .privacy_requests .export_personal_data_failed a { |
1257 vertical-align: baseline; |
1315 vertical-align: baseline; |
1258 } |
1316 } |
1262 } |
1320 } |
1263 |
1321 |
1264 .status-label.status-request-pending { |
1322 .status-label.status-request-pending { |
1265 font-weight: 400; |
1323 font-weight: 400; |
1266 font-style: italic; |
1324 font-style: italic; |
1267 color: #6c7781; |
1325 color: #646970; |
1268 } |
1326 } |
1269 |
1327 |
1270 .status-label.status-request-failed { |
1328 .status-label.status-request-failed { |
1271 color: #aa0000; |
1329 color: #d63638; |
1272 font-weight: 600; |
1330 font-weight: 600; |
1273 } |
1331 } |
1274 |
1332 |
1275 .wp-privacy-request-form { |
1333 .wp-privacy-request-form { |
1276 clear: both; |
1334 clear: both; |
1277 } |
1335 } |
1278 |
1336 |
1279 .wp-privacy-request-form-field { |
1337 .wp-privacy-request-form-field { |
1280 margin: 1.5em 0; |
1338 margin: 1.5em 0; |
1281 } |
|
1282 |
|
1283 .wp-privacy-request-form label { |
|
1284 font-weight: 600; |
|
1285 line-height: 1.5; |
|
1286 padding-bottom: .5em; |
|
1287 display: block; |
|
1288 } |
1339 } |
1289 |
1340 |
1290 .wp-privacy-request-form input { |
1341 .wp-privacy-request-form input { |
1291 margin: 0; |
1342 margin: 0; |
1292 } |
1343 } |
1293 |
1344 |
1294 .email-personal-data::before { |
1345 .email-personal-data::before { |
1295 display: inline-block; |
1346 display: inline-block; |
1296 font: normal 20px/1 dashicons; |
1347 font: normal 20px/1 dashicons; |
1297 margin: 3px -2px 0 5px; |
1348 margin: 3px -2px 0 5px; |
1298 speak: none; |
1349 speak: never; |
1299 -webkit-font-smoothing: antialiased; |
1350 -webkit-font-smoothing: antialiased; |
1300 -moz-osx-font-smoothing: grayscale; |
1351 -moz-osx-font-smoothing: grayscale; |
1301 vertical-align: top; |
1352 vertical-align: top; |
1302 } |
1353 } |
1303 |
1354 |
1304 .email-personal-data--sending::before { |
1355 .email-personal-data--sending::before { |
1305 color: #f56e28; |
1356 color: #d63638; |
1306 content: "\f463"; |
1357 content: "\f463"; |
1307 animation: rotation 2s infinite linear; |
1358 animation: rotation 2s infinite linear; |
1308 } |
1359 } |
1309 |
1360 |
1310 .email-personal-data--sent::before { |
1361 .email-personal-data--sent::before { |
1311 color: #79ba49; |
1362 color: #68de7c; |
1312 content: "\f147"; |
1363 content: "\f147"; |
1313 } |
1364 } |
1314 |
1365 |
1315 |
1366 |
1316 /* =Media Queries |
1367 /* =Media Queries |