1/* Include margin and padding in the width calculation of input and textarea. */
2input,
3select,
4textarea,
5button {
6 box-sizing: border-box;
7 font-family: inherit;
8 font-size: inherit;
9 font-weight: inherit;
10}
11
12textarea,
13input {
14 font-size: 14px;
15}
16
17textarea {
18 overflow: auto;
19 padding: 2px 6px;
20 /* inherits font size 14px */
21 line-height: 1.42857143; /* 20px */
22 resize: vertical;
23}
24
25input,
26select {
27 margin: 0 1px;
28}
29
30textarea.code {
31 padding: 4px 6px 1px;
32}
33
34input[type="text"],
35input[type="password"],
36input[type="color"],
37input[type="date"],
38input[type="datetime"],
39input[type="datetime-local"],
40input[type="email"],
41input[type="month"],
42input[type="number"],
43input[type="search"],
44input[type="tel"],
45input[type="time"],
46input[type="url"],
47input[type="week"],
48select,
49textarea {
50 box-shadow: 0 0 0 transparent;
51 border-radius: 4px;
52 border: 1px solid #8c8f94;
53 background-color: #fff;
54 color: #2c3338;
55}
56
57input[type="text"],
58input[type="password"],
59input[type="date"],
60input[type="datetime"],
61input[type="datetime-local"],
62input[type="email"],
63input[type="month"],
64input[type="number"],
65input[type="search"],
66input[type="tel"],
67input[type="time"],
68input[type="url"],
69input[type="week"] {
70 padding: 0 8px;
71 /* inherits font size 14px */
72 line-height: 2; /* 28px */
73 /* Only necessary for IE11 */
74 min-height: 30px;
75}
76
77::-webkit-datetime-edit {
78 /* inherits font size 14px */
79 line-height: 1.85714286; /* 26px */
80}
81
82input[type="text"]:focus,
83input[type="password"]:focus,
84input[type="color"]:focus,
85input[type="date"]:focus,
86input[type="datetime"]:focus,
87input[type="datetime-local"]:focus,
88input[type="email"]:focus,
89input[type="month"]:focus,
90input[type="number"]:focus,
91input[type="search"]:focus,
92input[type="tel"]:focus,
93input[type="time"]:focus,
94input[type="url"]:focus,
95input[type="week"]:focus,
96input[type="checkbox"]:focus,
97input[type="radio"]:focus,
98select:focus,
99textarea:focus {
100 border-color: #2271b1;
101 box-shadow: 0 0 0 1px #2271b1;
102 /* Only visible in Windows High Contrast mode */
103 outline: 2px solid transparent;
104}
105
106/* rtl:ignore */
107input[type="email"],
108input[type="url"] {
109 direction: ltr;
110}
111
112input[type="checkbox"],
113input[type="radio"] {
114 border: 1px solid #8c8f94;
115 border-radius: 4px;
116 background: #fff;
117 color: #50575e;
118 clear: none;
119 cursor: pointer;
120 display: inline-block;
121 line-height: 0;
122 height: 1rem;
123 margin: -0.25rem 0.25rem 0 0;
124 outline: 0;
125 padding: 0 !important;
126 text-align: center;
127 vertical-align: middle;
128 width: 1rem;
129 min-width: 1rem;
130 -webkit-appearance: none;
131 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
132 transition: .05s border-color ease-in-out;
133}
134
135input[type="radio"]:checked + label:before {
136 color: #8c8f94;
137}
138
139.wp-core-ui input[type="reset"]:hover,
140.wp-core-ui input[type="reset"]:active {
141 color: #135e96;
142}
143
144td > input[type="checkbox"],
145.wp-admin p input[type="checkbox"],
146.wp-admin p input[type="radio"] {
147 margin-top: 0;
148}
149
150.wp-admin p label input[type="checkbox"] {
151 margin-top: -4px;
152}
153
154.wp-admin p label input[type="radio"] {
155 margin-top: -2px;
156}
157
158input[type="radio"] {
159 border-radius: 50%;
160 margin-right: 0.25rem;
161 /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
162 line-height: 0.71428571;
163}
164
165input[type="checkbox"]:checked::before,
166input[type="radio"]:checked::before {
167 float: left;
168 display: inline-block;
169 vertical-align: middle;
170 width: 1rem;
171 -webkit-font-smoothing: antialiased;
172 -moz-osx-font-smoothing: grayscale;
173}
174
175input[type="checkbox"]:checked::before {
176 /* Use the "Yes" SVG Dashicon */
177 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");
178 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") / '';
179 margin: -0.1875rem 0 0 -0.25rem;
180 height: 1.3125rem;
181 width: 1.3125rem;
182}
183
184input[type="radio"]:checked::before {
185 content: "";
186 border-radius: 50%;
187 width: 0.5rem; /* 8px */
188 height: 0.5rem; /* 8px */
189 margin: 0.1875rem; /* 3px */
190 background-color: #3582c4;
191 /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
192 line-height: 1.14285714;
193}
194
195@-moz-document url-prefix() {
196 input[type="checkbox"],
197 input[type="radio"],
198 .form-table input.tog {
199 margin-bottom: -1px;
200 }
201}
202
203/* Search */
204input[type="search"] {
205 -webkit-appearance: textfield;
206}
207
208input[type="search"]::-webkit-search-decoration {
209 display: none;
210}
211
212.wp-admin input[type="file"] {
213 padding: 3px 0;
214 cursor: pointer;
215}
216
217input.readonly,
218input[readonly],
219textarea.readonly,
220textarea[readonly] {
221 background-color: #f0f0f1;
222}
223
224::-webkit-input-placeholder {
225 color: #646970;
226}
227
228::-moz-placeholder {
229 color: #646970;
230}
231
232.form-invalid .form-required,
233.form-invalid .form-required:focus,
234.form-invalid.form-required input,
235.form-invalid.form-required input:focus,
236.form-invalid.form-required select,
237.form-invalid.form-required select:focus {
238 border-color: #d63638 !important;
239 box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
240}
241
242.form-table .form-required.form-invalid td:after {
243 content: "\f534";
244 content: "\f534" / '';
245 font: normal 20px/1 dashicons;
246 color: #d63638;
247 margin-left: -25px;
248 vertical-align: middle;
249}
250
251/* Adjust error indicator for password layout */
252.form-table .form-required.user-pass1-wrap.form-invalid td:after {
253 content: "";
254}
255
256.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
257 content: "\f534";
258 content: "\f534" / '';
259 font: normal 20px/1 dashicons;
260 color: #d63638;
261 margin: 0 6px 0 -29px;
262 vertical-align: middle;
263}
264
265.form-input-tip {
266 color: #646970;
267}
268
269input:disabled,
270input.disabled,
271select:disabled,
272select.disabled,
273textarea:disabled,
274textarea.disabled {
275 background: rgba(255, 255, 255, 0.5);
276 border-color: rgba(220, 220, 222, 0.75);
277 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
278 color: rgba(44, 51, 56, 0.5);
279}
280
281input[type="file"]:disabled,
282input[type="file"].disabled,
283input[type="file"][aria-disabled="true"],
284input[type="range"]:disabled,
285input[type="range"].disabled,
286input[type="range"][aria-disabled="true"] {
287 background: none;
288 box-shadow: none;
289 cursor: default;
290}
291
292input[type="checkbox"]:disabled,
293input[type="checkbox"].disabled,
294input[type="checkbox"][aria-disabled="true"],
295input[type="radio"]:disabled,
296input[type="radio"].disabled,
297input[type="radio"][aria-disabled="true"],
298input[type="checkbox"]:disabled:checked:before,
299input[type="checkbox"].disabled:checked:before,
300input[type="radio"]:disabled:checked:before,
301input[type="radio"].disabled:checked:before {
302 opacity: 0.7;
303 cursor: default;
304}
305
306/*------------------------------------------------------------------------------
307 2.0 - Forms
308------------------------------------------------------------------------------*/
309
310/* Select styles are based on the default button in buttons.css */
311.wp-core-ui select {
312 font-size: 14px;
313 line-height: 2; /* 28px */
314 color: #2c3338;
315 border-color: #8c8f94;
316 box-shadow: none;
317 border-radius: 3px;
318 padding: 0 24px 0 8px;
319 min-height: 30px;
320 max-width: 25rem;
321 -webkit-appearance: none;
322 /* The SVG is arrow-down-alt2 from Dashicons. */
323 background: #fff 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%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
324 background-size: 16px 16px;
325 cursor: pointer;
326 vertical-align: middle;
327}
328
329.wp-core-ui select:hover {
330 color: #2271b1;
331}
332
333.wp-core-ui select:focus {
334 border-color: #2271b1;
335 color: #0a4b78;
336 box-shadow: 0 0 0 1px #2271b1;
337}
338
339.wp-core-ui select:active {
340 border-color: #8c8f94;
341 box-shadow: none;
342}
343
344.wp-core-ui select.disabled,
345.wp-core-ui select:disabled {
346 color: #a7aaad;
347 border-color: #dcdcde;
348 background-color: #f6f7f7;
349 /* The SVG is arrow-down-alt2 from Dashicons. */
350 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');
351 box-shadow: none;
352 text-shadow: 0 1px 0 #fff;
353 cursor: default;
354 transform: none;
355}
356
357.wp-core-ui select[aria-disabled="true"] {
358 cursor: default;
359}
360
361/* Reset Firefox inner outline that appears on :focus. */
362/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
363.wp-core-ui select:-moz-focusring {
364 color: transparent;
365 text-shadow: 0 0 0 #0a4b78;
366}
367
368/* Remove background focus style from IE11 while keeping focus style available on option elements. */
369.wp-core-ui select::-ms-value {
370 background: transparent;
371 color: #50575e;
372}
373
374.wp-core-ui select:hover::-ms-value {
375 color: #2271b1;
376}
377
378.wp-core-ui select:focus::-ms-value {
379 color: #0a4b78;
380}
381
382.wp-core-ui select.disabled::-ms-value,
383.wp-core-ui select:disabled::-ms-value {
384 color: #a7aaad;
385}
386
387/* Hide the native down arrow for select element on IE. */
388.wp-core-ui select::-ms-expand {
389 display: none;
390}
391
392.wp-admin .button-cancel {
393 display: inline-block;
394 min-height: 28px;
395 padding: 0 5px;
396 line-height: 2;
397}
398
399.meta-box-sortables select {
400 max-width: 100%;
401}
402
403.meta-box-sortables input {
404 vertical-align: middle;
405}
406
407.misc-pub-post-status select {
408 margin-top: 0;
409}
410
411.wp-core-ui select[multiple] {
412 height: auto;
413 padding-right: 8px;
414 background: #fff;
415}
416
417.submit {
418 padding: 1.5em 0;
419 margin: 5px 0;
420 border-bottom-left-radius: 3px;
421 border-bottom-right-radius: 3px;
422 border: none;
423}
424
425form p.submit a.cancel:hover {
426 text-decoration: none;
427}
428
429p.submit {
430 text-align: left;
431 max-width: 100%;
432 margin-top: 20px;
433 padding-top: 10px;
434}
435
436.textright p.submit {
437 border: none;
438 text-align: right;
439}
440
441table.form-table + p.submit,
442table.form-table + input + p.submit,
443table.form-table + input + input + p.submit {
444 border-top: none;
445 padding-top: 0;
446}
447
448#minor-publishing-actions input,
449#major-publishing-actions input,
450#minor-publishing-actions .preview {
451 text-align: center;
452}
453
454textarea.all-options,
455input.all-options {
456 width: 250px;
457}
458
459input.large-text,
460textarea.large-text {
461 width: 99%;
462}
463
464.regular-text {
465 width: 25em;
466}
467
468input.small-text {
469 width: 50px;
470 padding: 0 6px;
471}
472
473label input.small-text {
474 margin-top: -4px;
475}
476
477input[type="number"].small-text {
478 width: 65px;
479 padding-right: 0;
480}
481
482input.tiny-text {
483 width: 35px;
484}
485
486input[type="number"].tiny-text {
487 width: 45px;
488 padding-right: 0;
489}
490
491#doaction,
492#doaction2,
493#post-query-submit {
494 margin: 0 8px 0 0;
495}
496
497/* @since 5.7.0 secondary bulk action controls require JS. */
498.no-js label[for="bulk-action-selector-bottom"],
499.no-js select#bulk-action-selector-bottom,
500.no-js input#doaction2,
501.no-js label[for="new_role2"],
502.no-js select#new_role2,
503.no-js input#changeit2 {
504 display: none;
505}
506
507.tablenav .actions select {
508 float: left;
509 margin-right: 6px;
510 max-width: 12.5rem;
511}
512
513#timezone_string option {
514 margin-left: 1em;
515}
516
517.wp-hide-pw > .dashicons,
518.wp-cancel-pw > .dashicons {
519 position: relative;
520 top: 3px;
521 width: 1.25rem;
522 height: 1.25rem;
523 top: 0.25rem;
524 font-size: 20px;
525}
526
527.wp-cancel-pw .dashicons-no {
528 display: none;
529}
530
531label,
532#your-profile label + a {
533 vertical-align: middle;
534}
535
536fieldset label,
537#your-profile label + a {
538 vertical-align: middle;
539}
540
541.options-media-php [for*="_size_"] {
542 min-width: 10em;
543 vertical-align: baseline;
544}
545
546.options-media-php .small-text[name*="_size_"] {
547 margin: 0 0 1em;
548}
549
550.wp-generate-pw {
551 margin-top: 1em;
552 position: relative;
553}
554
555.wp-pwd button {
556 height: min-content;
557}
558
559.wp-pwd button.pwd-toggle .dashicons {
560 position: relative;
561 top: 0.25rem;
562}
563
564.wp-pwd {
565 margin-top: 1em;
566 position: relative;
567}
568
569.mailserver-pass-wrap .wp-pwd {
570 display: inline-block;
571 margin-top: 0;
572}
573
574/* rtl:ignore */
575#mailserver_pass {
576 padding-right: 2.5rem;
577}
578
579/* rtl:ignore */
580.mailserver-pass-wrap .button.wp-hide-pw {
581 background: transparent;
582 border: 1px solid transparent;
583 box-shadow: none;
584 font-size: 14px;
585 line-height: 2;
586 width: 2.5rem;
587 min-width: 40px;
588 margin: 0;
589 padding: 0 9px;
590 position: absolute;
591 right: 0;
592 top: 0;
593}
594
595.mailserver-pass-wrap .button.wp-hide-pw:hover {
596 background: transparent;
597 border-color: transparent;
598}
599
600.mailserver-pass-wrap .button.wp-hide-pw:focus {
601 background: transparent;
602 border-color: #3582c4;
603 border-radius: 4px;
604 box-shadow: 0 0 0 1px #3582c4;
605 /* Only visible in Windows High Contrast mode */
606 outline: 2px solid transparent;
607}
608
609.mailserver-pass-wrap .button.wp-hide-pw:active {
610 background: transparent;
611 box-shadow: none;
612 transform: none;
613}
614
615#misc-publishing-actions label {
616 vertical-align: baseline;
617}
618
619#pass-strength-result {
620 background-color: #f0f0f1;
621 border: 1px solid #dcdcde;
622 color: #1d2327;
623 margin: -1px 1px 5px;
624 padding: 3px 5px;
625 text-align: center;
626 width: 25em;
627 box-sizing: border-box;
628 opacity: 0;
629}
630
631#pass-strength-result.short {
632 background-color: #ffabaf;
633 border-color: #e65054;
634 opacity: 1;
635}
636
637#pass-strength-result.bad {
638 background-color: #facfd2;
639 border-color: #f86368;
640 opacity: 1;
641}
642
643#pass-strength-result.good {
644 background-color: #f5e6ab;
645 border-color: #f0c33c;
646 opacity: 1;
647}
648
649#pass-strength-result.strong {
650 background-color: #b8e6bf;
651 border-color: #68de7c;
652 opacity: 1;
653}
654
655.password-input-wrapper {
656 display: inline-block;
657}
658
659.password-input-wrapper input {
660 font-family: Consolas, Monaco, monospace;
661}
662
663#pass1.short, #pass1-text.short {
664 border-color: #e65054;
665}
666
667#pass1.bad, #pass1-text.bad {
668 border-color: #f86368;
669}
670
671#pass1.good, #pass1-text.good {
672 border-color: #f0c33c;
673}
674
675#pass1.strong, #pass1-text.strong {
676 border-color: #68de7c;
677}
678
679#pass1:focus,
680#pass1-text:focus {
681 box-shadow: 0 0 0 2px #2271b1;
682 /* Only visible in Windows High Contrast mode */
683 outline: 2px solid transparent;
684}
685
686.pw-weak {
687 display: none;
688}
689
690.indicator-hint {
691 padding-top: 8px;
692}
693
694.wp-pwd [type="text"],
695.wp-pwd [type="password"] {
696 margin-bottom: 0;
697 /* Same height as the buttons */
698 min-height: 30px;
699}
700
701/* Hide the Edge "reveal password" native button */
702.wp-pwd input::-ms-reveal {
703 display: none;
704}
705
706#pass1-text,
707.show-password #pass1 {
708 display: none;
709}
710
711#pass1-text::-ms-clear {
712 display: none;
713}
714
715.show-password #pass1-text {
716 display: inline-block;
717}
718
719/* Caps lock warning */
720.wp-pwd .caps-warning {
721 display: none;
722 position: relative;
723 background: #fcf9e8;
724 border: 1px solid #f0c33c;
725 color: #1d2327;
726 padding: 6px 10px;
727 top: -8px;
728}
729
730.profile-php .wp-pwd .caps-warning {
731 padding: 3px 5px;
732 top: -4px;
733 border-radius: 4px;
734}
735
736.wp-pwd .caps-icon {
737 display: inline-flex;
738 justify-content: center;
739 width: 20px;
740 height: 20px;
741 margin-right: 5px;
742 vertical-align: middle;
743}
744
745.wp-pwd .caps-warning-text {
746 vertical-align: middle;
747}
748/* Caps lock warning */
749
750p.search-box {
751 display: flex;
752 flex-wrap: wrap;
753 align-items: center;
754 column-gap: 0.5rem;
755 position: relative;
756 float: right;
757 margin: 11px 0;
758}
759
760.network-admin.themes-php p.search-box {
761 clear: left;
762}
763
764.tablenav .search-plugins input[name="s"],
765.tagsdiv .newtag {
766 float: left;
767 margin: 0 4px 0 0;
768}
769
770.js.plugins-php .search-box .wp-filter-search {
771 margin: 0;
772 width: 280px;
773}
774
775input[type="text"].ui-autocomplete-loading,
776input[type="email"].ui-autocomplete-loading {
777 background-image: url(../images/loading.gif);
778 background-repeat: no-repeat;
779 background-position: right 5px center;
780 visibility: visible;
781}
782
783input.ui-autocomplete-input.open {
784 border-bottom-color: transparent;
785}
786
787ul#add-to-blog-users {
788 margin: 0 0 0 14px;
789}
790
791.ui-autocomplete {
792 padding: 0;
793 margin: 0;
794 list-style: none;
795 position: absolute;
796 z-index: 10000;
797 border: 1px solid #4f94d4;
798 box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
799 background-color: #fff;
800}
801
802.ui-autocomplete li {
803 margin-bottom: 0;
804 padding: 4px 10px;
805 white-space: nowrap;
806 text-align: left;
807 cursor: pointer;
808}
809
810/* Colors for the wplink toolbar autocomplete. */
811.ui-autocomplete .ui-state-focus {
812 background-color: #dcdcde;
813}
814
815/* Colors for the tags autocomplete. */
816.wp-tags-autocomplete .ui-state-focus,
817.wp-tags-autocomplete [aria-selected="true"] {
818 background-color: #2271b1;
819 color: #fff;
820 /* Only visible in Windows High Contrast mode */
821 outline: 2px solid transparent;
822}
823
824/*------------------------------------------------------------------------------
825 15.0 - Comments Screen
826------------------------------------------------------------------------------*/
827
828.form-table {
829 border-collapse: collapse;
830 margin-top: 0.5em;
831 width: 100%;
832 clear: both;
833}
834
835.form-table,
836.form-table td,
837.form-table th,
838.form-table td p {
839 font-size: 14px;
840}
841
842.form-table td {
843 margin-bottom: 9px;
844 padding: 15px 10px;
845 line-height: 1.3;
846 vertical-align: middle;
847}
848
849.form-table th,
850.form-wrap label {
851 color: #1d2327;
852 font-weight: 400;
853 text-shadow: none;
854 vertical-align: baseline;
855}
856
857.form-table th {
858 vertical-align: top;
859 text-align: left;
860 padding: 20px 10px 20px 0;
861 width: 200px;
862 line-height: 1.3;
863 font-weight: 600;
864}
865
866.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
867.form-table .td-full {
868 width: auto;
869 padding: 20px 10px 20px 0;
870 font-weight: 400;
871}
872
873.form-table td p {
874 margin-top: 4px;
875 margin-bottom: 0;
876}
877
878.form-table .date-time-doc {
879 margin-top: 1em;
880}
881
882.form-table p.timezone-info {
883 margin: 1em 0;
884 display: flex;
885 flex-direction: column;
886}
887
888#local-time {
889 margin-top: 0.5em;
890}
891
892.form-table td fieldset label {
893 margin: 0.35em 0 0.5em !important;
894 display: inline-block;
895}
896
897.form-table td fieldset p label {
898 margin-top: 0 !important;
899}
900
901.form-table td fieldset label,
902.form-table td fieldset p,
903.form-table td fieldset li {
904 line-height: 1.4;
905}
906
907.form-table input.tog,
908.form-table input[type="radio"] {
909 margin-top: -4px;
910 margin-right: 4px;
911 float: none;
912}
913
914.form-table .pre {
915 padding: 8px;
916 margin: 0;
917}
918
919table.form-table td .updated {
920 font-size: 13px;
921}
922
923table.form-table td .updated p {
924 font-size: 13px;
925 margin: 0.3em 0;
926}
927
928/*------------------------------------------------------------------------------
929 18.0 - Users
930------------------------------------------------------------------------------*/
931
932#profile-page .form-table textarea {
933 width: 500px;
934 margin-bottom: 6px;
935}
936
937#profile-page .form-table #rich_editing {
938 margin-right: 5px
939}
940
941#your-profile legend {
942 font-size: 22px;
943}
944
945#display_name {
946 width: 15em;
947}
948
949#adduser .form-field input,
950#createuser .form-field input {
951 width: 25em;
952}
953
954.color-option {
955 display: inline-block;
956 width: 24%;
957 padding: 5px 15px 15px;
958 box-sizing: border-box;
959 margin-bottom: 3px;
960}
961
962.color-option:hover,
963.color-option.selected {
964 background: #dcdcde;
965}
966
967.color-palette {
968 display: table;
969 width: 100%;
970 border-spacing: 0;
971 border-collapse: collapse;
972}
973.color-palette .color-palette-shade,
974.color-palette td {
975 display: table-cell;
976 height: 20px;
977 padding: 0;
978 border: none;
979}
980
981.color-option {
982 cursor: pointer;
983}
984
985.create-application-password .form-field {
986 max-width: 25em;
987}
988
989.create-application-password label {
990 font-weight: 600;
991}
992
993.create-application-password p.submit {
994 margin-bottom: 0;
995 padding-bottom: 0;
996 display: block;
997}
998
999#application-passwords-section .notice {
1000 margin-top: 20px;
1001 margin-bottom: 0;
1002 word-wrap: break-word;
1003}
1004
1005.application-password-display input.code {
1006 margin-bottom: 6px;
1007 width: 19em;
1008}
1009
1010.auth-app-card.card {
1011 max-width: 768px;
1012}
1013
1014.authorize-application-php .form-wrap p {
1015 display: block;
1016}
1017
1018/*------------------------------------------------------------------------------
1019 19.0 - Tools
1020------------------------------------------------------------------------------*/
1021
1022.tool-box .title {
1023 margin: 8px 0;
1024 font-size: 18px;
1025 font-weight: 400;
1026 line-height: 24px;
1027}
1028
1029.label-responsive {
1030 vertical-align: middle;
1031}
1032
1033#export-filters p {
1034 margin: 0 0 1em;
1035}
1036
1037#export-filters p.submit {
1038 margin: 7px 0 5px;
1039}
1040
1041/* Card styles */
1042
1043.card {
1044 position: relative;
1045 margin-top: 20px;
1046 padding: 0.7em 2em 1em;
1047 min-width: 255px;
1048 max-width: 520px;
1049 border: 1px solid #c3c4c7;
1050 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1051 background: #fff;
1052 box-sizing: border-box;
1053}
1054
1055/* Press this styles */
1056
1057.pressthis h4 {
1058 margin: 2em 0 1em;
1059}
1060
1061.pressthis textarea {
1062 width: 100%;
1063 font-size: 1em;
1064}
1065
1066#pressthis-code-wrap {
1067 overflow: auto;
1068}
1069
1070.pressthis-bookmarklet-wrapper {
1071 margin: 20px 0 8px;
1072 vertical-align: top;
1073 position: relative;
1074 z-index: 1;
1075}
1076
1077.pressthis-bookmarklet,
1078.pressthis-bookmarklet:hover,
1079.pressthis-bookmarklet:focus,
1080.pressthis-bookmarklet:active {
1081 display: inline-block;
1082 position: relative;
1083 cursor: move;
1084 color: #2c3338;
1085 background: #dcdcde;
1086 border-radius: 5px;
1087 border: 1px solid #c3c4c7;
1088 font-style: normal;
1089 line-height: 16px;
1090 font-size: 14px;
1091 text-decoration: none;
1092}
1093
1094.pressthis-bookmarklet:active {
1095 outline: none;
1096}
1097
1098.pressthis-bookmarklet:after {
1099 content: "";
1100 width: 70%;
1101 height: 55%;
1102 z-index: -1;
1103 position: absolute;
1104 right: 10px;
1105 bottom: 9px;
1106 background: transparent;
1107 transform: skew(20deg) rotate(6deg);
1108 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
1109}
1110
1111.pressthis-bookmarklet:hover:after {
1112 transform: skew(20deg) rotate(9deg);
1113 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
1114}
1115
1116.pressthis-bookmarklet span {
1117 display: inline-block;
1118 margin: 0;
1119 padding: 0 12px 8px 9px;
1120}
1121
1122.pressthis-bookmarklet span:before {
1123 color: #787c82;
1124 font: normal 20px/1 dashicons;
1125 content: "\f157";
1126 content: "\f157" / '';
1127 position: relative;
1128 display: inline-block;
1129 top: 4px;
1130 margin-right: 4px;
1131}
1132
1133.pressthis-js-toggle {
1134 margin-left: 10px;
1135 padding: 0;
1136 height: auto;
1137 vertical-align: top;
1138}
1139
1140/* to override the button class being applied */
1141.pressthis-js-toggle.button.button {
1142 margin-left: 10px;
1143 padding: 0;
1144 height: auto;
1145 vertical-align: top;
1146}
1147
1148.pressthis-js-toggle .dashicons {
1149 margin: 5px 8px 6px 7px;
1150 color: #50575e;
1151}
1152
1153/*------------------------------------------------------------------------------
1154 20.0 - Settings
1155------------------------------------------------------------------------------*/
1156
1157.timezone-info code {
1158 white-space: nowrap;
1159}
1160
1161.defaultavatarpicker .avatar {
1162 margin: 2px 0;
1163 vertical-align: middle;
1164}
1165
1166.options-general-php .date-time-text {
1167 display: inline-block;
1168 min-width: 10em;
1169}
1170
1171.options-general-php input.small-text {
1172 width: 56px;
1173 margin: -2px 0;
1174}
1175
1176.options-general-php .spinner {
1177 float: none;
1178 margin: -3px 3px 0;
1179}
1180
1181.settings-php .language-install-spinner,
1182.options-general-php .language-install-spinner,
1183.user-edit-php .language-install-spinner,
1184.profile-php .language-install-spinner {
1185 display: inline-block;
1186 float: none;
1187 margin: -3px 5px 0;
1188 vertical-align: middle;
1189}
1190
1191.form-table.permalink-structure .available-structure-tags {
1192 margin-top: 8px;
1193}
1194
1195.form-table.permalink-structure .available-structure-tags ul {
1196 display: flex;
1197 flex-wrap: wrap;
1198 margin: 8px 0 0;
1199}
1200
1201.form-table.permalink-structure .available-structure-tags li {
1202 margin: 6px 5px 0 0;
1203}
1204
1205.form-table.permalink-structure .available-structure-tags li:last-child {
1206 margin-right: 0;
1207}
1208
1209.form-table.permalink-structure .structure-selection .row {
1210 margin-bottom: 16px;
1211}
1212
1213.form-table.permalink-structure .structure-selection .row > div {
1214 max-width: calc(100% - 24px);
1215 display: inline-flex;
1216 flex-direction: column;
1217}
1218
1219.form-table.permalink-structure .structure-selection .row label {
1220 font-weight: 600;
1221}
1222
1223.form-table.permalink-structure .structure-selection .row p {
1224 margin-top: 0;
1225}
1226
1227/*------------------------------------------------------------------------------
1228 21.0 - Network Admin
1229------------------------------------------------------------------------------*/
1230
1231.setup-php textarea {
1232 max-width: 100%;
1233}
1234
1235.form-field #site-address {
1236 max-width: 25em;
1237}
1238
1239.form-field #domain {
1240 max-width: 22em;
1241}
1242
1243.form-field #site-title,
1244.form-field #admin-email,
1245.form-field #path,
1246.form-field #blog_registered,
1247.form-field #blog_last_updated {
1248 max-width: 25em;
1249}
1250
1251.form-field #path {
1252 margin-bottom: 5px;
1253}
1254
1255#search-users,
1256#search-sites {
1257 max-width: 60%;
1258}
1259
1260.configuration-rules-label {
1261 font-weight: 600;
1262 margin-bottom: 4px;
1263}
1264
1265/*------------------------------------------------------------------------------
1266 Credentials check dialog for Install and Updates
1267------------------------------------------------------------------------------*/
1268
1269.request-filesystem-credentials-dialog {
1270 display: none;
1271 /* The customizer uses visibility: hidden on the body for full-overlays. */
1272 visibility: visible;
1273}
1274
1275.request-filesystem-credentials-dialog .notification-dialog {
1276 top: 10%;
1277 max-height: 85%;
1278}
1279
1280.request-filesystem-credentials-dialog-content {
1281 margin: 25px;
1282}
1283
1284#request-filesystem-credentials-title {
1285 font-size: 1.3em;
1286 margin: 1em 0;
1287}
1288
1289.request-filesystem-credentials-form legend {
1290 font-size: 1em;
1291 padding: 1.33em 0;
1292 font-weight: 600;
1293}
1294
1295.request-filesystem-credentials-form input[type="text"],
1296.request-filesystem-credentials-form input[type="password"] {
1297 display: block;
1298}
1299
1300.request-filesystem-credentials-dialog input[type="text"],
1301.request-filesystem-credentials-dialog input[type="password"] {
1302 width: 100%;
1303}
1304
1305.request-filesystem-credentials-form .field-title {
1306 font-weight: 600;
1307}
1308
1309.request-filesystem-credentials-dialog label[for="hostname"],
1310.request-filesystem-credentials-dialog label[for="public_key"],
1311.request-filesystem-credentials-dialog label[for="private_key"] {
1312 display: block;
1313 margin-bottom: 1em;
1314}
1315
1316.request-filesystem-credentials-dialog .ftp-username,
1317.request-filesystem-credentials-dialog .ftp-password {
1318 float: left;
1319 width: 48%;
1320}
1321
1322.request-filesystem-credentials-dialog .ftp-password {
1323 margin-left: 4%;
1324}
1325
1326.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
1327 text-align: right;
1328}
1329
1330.request-filesystem-credentials-dialog label[for="ftp"] {
1331 margin-right: 10px;
1332}
1333
1334.request-filesystem-credentials-dialog #auth-keys-desc {
1335 margin-bottom: 0;
1336}
1337
1338#request-filesystem-credentials-dialog .button:not(:last-child) {
1339 margin-right: 10px;
1340}
1341
1342#request-filesystem-credentials-form .cancel-button {
1343 display: none;
1344}
1345
1346#request-filesystem-credentials-dialog .cancel-button {
1347 display: inline;
1348}
1349
1350.request-filesystem-credentials-dialog .ftp-username,
1351.request-filesystem-credentials-dialog .ftp-password {
1352 float: none;
1353 width: auto;
1354}
1355
1356.request-filesystem-credentials-dialog .ftp-username {
1357 margin-bottom: 1em;
1358}
1359
1360.request-filesystem-credentials-dialog .ftp-password {
1361 margin: 0;
1362}
1363
1364.request-filesystem-credentials-dialog .ftp-password em {
1365 color: #8c8f94;
1366}
1367
1368.request-filesystem-credentials-dialog label {
1369 display: block;
1370 line-height: 1.5;
1371 margin-bottom: 1em;
1372}
1373
1374.request-filesystem-credentials-form legend {
1375 padding-bottom: 0;
1376}
1377
1378.request-filesystem-credentials-form #ssh-keys legend {
1379 font-size: 1.3em;
1380}
1381
1382.request-filesystem-credentials-form .notice {
1383 margin: 0 0 20px;
1384 clear: both;
1385}
1386
1387/*------------------------------------------------------------------------------
1388 Privacy Policy settings screen
1389------------------------------------------------------------------------------*/
1390.tools-privacy-policy-page form {
1391 margin-bottom: 1.3em;
1392}
1393
1394.tools-privacy-policy-page input.button {
1395 margin: 0 1px 0 6px;
1396}
1397
1398.tools-privacy-policy-page select {
1399 margin: 0 1px 0.5em 6px;
1400}
1401
1402.tools-privacy-edit {
1403 margin: 1.5em 0;
1404}
1405
1406.tools-privacy-policy-page span {
1407 line-height: 2;
1408}
1409
1410.privacy_requests .column-email {
1411 width: 40%;
1412}
1413
1414.privacy_requests .column-type {
1415 text-align: center;
1416}
1417
1418.privacy_requests thead td:first-child,
1419.privacy_requests tfoot td:first-child {
1420 border-left: 4px solid #fff;
1421}
1422
1423.privacy_requests tbody th {
1424 border-left: 4px solid #fff;
1425 background: #fff;
1426 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1427}
1428
1429.privacy_requests .row-actions {
1430 color: #787c82;
1431}
1432
1433.privacy_requests .row-actions.processing {
1434 position: static;
1435}
1436
1437.privacy_requests tbody .has-request-results th {
1438 box-shadow: none;
1439}
1440
1441.privacy_requests tbody .request-results th .notice {
1442 margin: 0 0 5px;
1443}
1444
1445.privacy_requests tbody td {
1446 background: #fff;
1447 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1448}
1449
1450.privacy_requests tbody .has-request-results td {
1451 box-shadow: none;
1452}
1453
1454.privacy_requests .next_steps .button {
1455 word-wrap: break-word;
1456 white-space: normal;
1457}
1458
1459.privacy_requests .status-request-confirmed th,
1460.privacy_requests .status-request-confirmed td {
1461 background-color: #fff;
1462 border-left-color: #72aee6;
1463}
1464
1465.privacy_requests .status-request-failed th,
1466.privacy_requests .status-request-failed td {
1467 background-color: #f6f7f7;
1468 border-left-color: #d63638;
1469}
1470
1471.privacy_requests .export_personal_data_failed a {
1472 vertical-align: baseline;
1473}
1474
1475.status-label {
1476 font-weight: 600;
1477}
1478
1479.status-label.status-request-pending {
1480 font-weight: 400;
1481 font-style: italic;
1482 color: #646970;
1483}
1484
1485.status-label.status-request-failed {
1486 color: #d63638;
1487 font-weight: 600;
1488}
1489
1490.privacy_requests .status-date {
1491 display: block;
1492 font-weight: 400;
1493}
1494
1495.wp-privacy-request-form {
1496 clear: both;
1497}
1498
1499.wp-privacy-request-form-field {
1500 margin: 1.5em 0;
1501}
1502
1503.wp-privacy-request-form input {
1504 margin: 0;
1505}
1506
1507/* =Media Queries
1508-------------------------------------------------------------- */
1509
1510@media screen and (max-width: 782px) {
1511 /* Input Elements */
1512 textarea {
1513 -webkit-appearance: none;
1514 }
1515
1516 input[type="text"],
1517 input[type="password"],
1518 input[type="date"],
1519 input[type="datetime"],
1520 input[type="datetime-local"],
1521 input[type="email"],
1522 input[type="month"],
1523 input[type="number"],
1524 input[type="search"],
1525 input[type="tel"],
1526 input[type="time"],
1527 input[type="url"],
1528 input[type="week"] {
1529 -webkit-appearance: none;
1530 padding: 3px 10px;
1531 /* Only necessary for IE11 */
1532 min-height: 40px;
1533 }
1534
1535 ::-webkit-datetime-edit {
1536 line-height: 1.875; /* 30px */
1537 }
1538
1539 input[type="checkbox"],
1540 .widefat th input[type="checkbox"],
1541 .widefat thead td input[type="checkbox"],
1542 .widefat tfoot td input[type="checkbox"] {
1543 -webkit-appearance: none;
1544 }
1545
1546 .widefat th input[type="checkbox"],
1547 .widefat thead td input[type="checkbox"],
1548 .widefat tfoot td input[type="checkbox"] {
1549 margin-bottom: 8px;
1550 }
1551
1552 input[type="checkbox"]:checked:before,
1553 .widefat th input[type="checkbox"]:before,
1554 .widefat thead td input[type="checkbox"]:before,
1555 .widefat tfoot td input[type="checkbox"]:before {
1556 width: 1.875rem;
1557 height: 1.875rem;
1558 margin: -0.1875rem -0.3125rem;
1559 }
1560
1561 input[type="radio"],
1562 input[type="checkbox"] {
1563 height: 1.5625rem;
1564 width: 1.5625rem;
1565 }
1566
1567 .wp-admin p input[type="checkbox"],
1568 .wp-admin p input[type="radio"] {
1569 margin-top: -0.1875rem;
1570 }
1571
1572 input[type="radio"]:checked:before {
1573 vertical-align: middle;
1574 width: 0.5625rem;
1575 height: 0.5625rem;
1576 margin: 0.4375rem;
1577 line-height: 0.76190476;
1578 }
1579
1580 .wp-core-ui select,
1581 .wp-admin .form-table select {
1582 min-height: 40px;
1583 font-size: 16px;
1584 line-height: 1.625; /* 26px */
1585 padding: 5px 24px 5px 8px;
1586 }
1587
1588 .wp-admin .button-cancel {
1589 margin-bottom: 0;
1590 padding: 2px 0;
1591 font-size: 14px;
1592 vertical-align: middle;
1593 }
1594
1595 #adduser .form-field input,
1596 #createuser .form-field input {
1597 width: 100%;
1598 }
1599
1600 .form-table {
1601 box-sizing: border-box;
1602 }
1603
1604 .form-table th,
1605 .form-table td,
1606 .label-responsive {
1607 display: block;
1608 width: auto;
1609 vertical-align: middle;
1610 }
1611
1612 .label-responsive {
1613 margin: 0.5em 0;
1614 }
1615
1616 .export-filters li {
1617 margin-bottom: 0;
1618 }
1619
1620 .form-table .color-palette .color-palette-shade,
1621 .form-table .color-palette td {
1622 display: table-cell;
1623 width: 15px;
1624 height: 30px;
1625 padding: 0;
1626 }
1627
1628 .form-table .color-palette {
1629 margin-right: 10px;
1630 }
1631
1632 textarea,
1633 input {
1634 font-size: 16px;
1635 }
1636
1637 .form-table td input[type="text"],
1638 .form-table td input[type="email"],
1639 .form-table td input[type="password"],
1640 .form-table td select,
1641 .form-table td textarea,
1642 .form-table span.description,
1643 #profile-page .form-table textarea {
1644 width: 100%;
1645 display: block;
1646 max-width: none;
1647 box-sizing: border-box;
1648 }
1649
1650 .form-table .form-required.form-invalid td:after {
1651 float: right;
1652 margin: -30px 3px 0 0;
1653 }
1654
1655 input[type="text"].small-text,
1656 input[type="search"].small-text,
1657 input[type="password"].small-text,
1658 input[type="number"].small-text,
1659 input[type="number"].small-text,
1660 .form-table input[type="text"].small-text {
1661 width: auto;
1662 max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
1663 display: inline;
1664 padding: 3px 6px;
1665 margin: 0 3px;
1666 }
1667
1668 .form-table .regular-text ~ input[type="text"].small-text {
1669 margin-top: 5px;
1670 }
1671
1672 #pass-strength-result {
1673 width: 100%;
1674 box-sizing: border-box;
1675 padding: 8px;
1676 }
1677
1678 .profile-php .wp-pwd .caps-warning {
1679 padding: 8px;
1680 }
1681
1682 .password-input-wrapper {
1683 display: block;
1684 }
1685
1686 p.search-box {
1687 float: none;
1688 width: 100%;
1689 margin-bottom: 20px;
1690 display: flex;
1691 }
1692
1693 p.search-box input[name="s"] {
1694 width: 100%;
1695 float: none;
1696 margin-bottom: 10px;
1697 vertical-align: middle;
1698 }
1699 .js.plugins-php .search-box .wp-filter-search {
1700 width: 100%;
1701 margin-bottom: 0;
1702 }
1703
1704 p.search-box input[type="submit"] {
1705 margin-bottom: 10px;
1706 }
1707
1708 .form-table span.description {
1709 display: inline;
1710 padding: 4px 0 0;
1711 line-height: 1.4;
1712 font-size: 14px;
1713 }
1714
1715 .form-table th {
1716 padding: 10px 0 0;
1717 border-bottom: 0;
1718 }
1719
1720 .form-table td {
1721 margin-bottom: 0;
1722 padding: 4px 0 6px;
1723 }
1724
1725 .form-table.permalink-structure td code {
1726 display: inline-block;
1727 }
1728
1729 .form-table.permalink-structure .structure-selection {
1730 margin-top: 8px;
1731 }
1732
1733 .form-table.permalink-structure .structure-selection .row > div {
1734 max-width: calc(100% - 36px);
1735 width: 100%;
1736 }
1737
1738 .form-table.permalink-structure td input[type="text"] {
1739 margin-top: 4px;
1740 }
1741
1742 .form-table input.regular-text {
1743 width: 100%;
1744 }
1745
1746 .form-table label {
1747 font-size: 14px;
1748 }
1749
1750 .form-table td > label:first-child {
1751 display: inline-block;
1752 margin-top: 0.35em;
1753 }
1754
1755 .background-position-control .button-group > label {
1756 font-size: 0;
1757 }
1758
1759 .form-table fieldset label {
1760 display: block;
1761 }
1762
1763 .form-field #domain {
1764 max-width: none;
1765 }
1766
1767 /* New Password */
1768 .wp-pwd {
1769 position: relative;
1770 }
1771
1772 /* Needs higher specificity than normal input type text and password. */
1773 #profile-page .form-table #pass1 {
1774 padding-right: 90px;
1775 }
1776
1777 .wp-pwd button.button {
1778 background: transparent;
1779 border: 1px solid transparent;
1780 box-shadow: none;
1781 line-height: 2;
1782 margin: 0;
1783 padding: 5px 9px;
1784 position: absolute;
1785 right: 0;
1786 top: 0;
1787 width: 2.375rem;
1788 height: 2.375rem;
1789 min-width: 40px;
1790 min-height: 40px;
1791 }
1792
1793 .wp-pwd button.wp-hide-pw {
1794 right: 2.5rem;
1795 }
1796
1797 body.user-new-php .wp-pwd button.wp-hide-pw {
1798 right: 0;
1799 }
1800
1801 .wp-pwd button.button:hover,
1802 .wp-pwd button.button:focus {
1803 background: transparent;
1804 }
1805
1806 .wp-pwd button.button:active {
1807 background: transparent;
1808 box-shadow: none;
1809 transform: none;
1810 }
1811
1812 .wp-pwd .button .text {
1813 display: none;
1814 }
1815
1816 .wp-pwd [type="text"],
1817 .wp-pwd [type="password"] {
1818 line-height: 2;
1819 padding-right: 5rem;
1820 }
1821
1822 body.user-new-php .wp-pwd [type="text"],
1823 body.user-new-php .wp-pwd [type="password"] {
1824 padding-right: 2.5rem;
1825 }
1826
1827 .wp-cancel-pw .dashicons-no {
1828 display: inline-block;
1829 }
1830
1831 .mailserver-pass-wrap .wp-pwd {
1832 display: block;
1833 }
1834
1835 /* rtl:ignore */
1836 #mailserver_pass {
1837 padding-left: 10px;
1838 }
1839
1840 .options-general-php input[type="text"].small-text {
1841 max-width: 6.25em;
1842 margin: 0;
1843 }
1844
1845 /* Privacy Policy settings screen */
1846 .tools-privacy-policy-page form.wp-create-privacy-page {
1847 margin-bottom: 1em;
1848 }
1849
1850 .tools-privacy-policy-page input#set-page,
1851 .tools-privacy-policy-page select {
1852 margin: 10px 0 0;
1853 }
1854
1855 .tools-privacy-policy-page .wp-create-privacy-page span {
1856 display: block;
1857 margin-bottom: 1em;
1858 }
1859
1860 .tools-privacy-policy-page .wp-create-privacy-page .button {
1861 margin-left: 0;
1862 }
1863
1864 .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
1865 display: table-cell;
1866 }
1867
1868 .wp-list-table.privacy_requests.widefat th input,
1869 .wp-list-table.privacy_requests.widefat thead td input {
1870 margin-left: 5px;
1871 }
1872
1873 .wp-privacy-request-form-field input[type="text"] {
1874 width: 100%;
1875 margin-bottom: 10px;
1876 vertical-align: middle;
1877 }
1878
1879 .regular-text {
1880 max-width: 100%;
1881 }
1882}
1883
1884@media only screen and (max-width: 768px) {
1885 .form-field input[type="text"],
1886 .form-field input[type="email"],
1887 .form-field input[type="password"],
1888 .form-field select,
1889 .form-field textarea {
1890 width: 99%;
1891 }
1892
1893 .form-wrap .form-field {
1894 padding: 0;
1895 }
1896}
1897
1898@media only screen and (max-height: 480px), screen and (max-width: 450px) {
1899 /* Request Credentials / File Editor Warning */
1900 .request-filesystem-credentials-dialog .notification-dialog,
1901 .file-editor-warning .notification-dialog {
1902 width: 100%;
1903 height: 100%;
1904 max-height: 100%;
1905 position: fixed;
1906 top: 0;
1907 margin: 0;
1908 left: 0;
1909 }
1910}
1911
1912/* Smartphone */
1913@media screen and (max-width: 600px) {
1914 /* Color Picker Options */
1915 .color-option {
1916 width: 49%;
1917 }
1918}
1919
1920@media only screen and (max-width: 320px) {
1921 .options-general-php .date-time-text.date-time-custom-text {
1922 min-width: 0;
1923 margin-right: 0.5em;
1924 }
1925}
1926
1927@keyframes rotation {
1928 0% {
1929 transform: rotate(0deg);
1930 }
1931 100% {
1932 transform: rotate(359deg);
1933 }
1934}
1935