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