1 /* Include margin and padding in the width calculation of input and textarea. */ |
1 /* Include margin and padding in the width calculation of input and textarea. */ |
2 input, |
2 input, |
|
3 select, |
|
4 textarea, |
|
5 button { |
|
6 box-sizing: border-box; |
|
7 font-family: inherit; |
|
8 font-size: inherit; |
|
9 font-weight: inherit; |
|
10 } |
|
11 |
|
12 textarea, |
|
13 input { |
|
14 font-size: 14px; |
|
15 } |
|
16 |
3 textarea { |
17 textarea { |
4 box-sizing: border-box; |
18 overflow: auto; |
|
19 padding: 2px 6px; |
|
20 /* inherits font size 14px */ |
|
21 line-height: 1.42857143; /* 20px */ |
|
22 resize: vertical; |
|
23 } |
|
24 |
|
25 label { |
|
26 cursor: pointer; |
|
27 } |
|
28 |
|
29 input, |
|
30 select { |
|
31 margin: 0 1px; |
|
32 } |
|
33 |
|
34 textarea.code { |
|
35 padding: 4px 6px 1px 6px; |
5 } |
36 } |
6 |
37 |
7 input[type="text"], |
38 input[type="text"], |
8 input[type="password"], |
39 input[type="password"], |
9 input[type="checkbox"], |
|
10 input[type="color"], |
40 input[type="color"], |
11 input[type="date"], |
41 input[type="date"], |
12 input[type="datetime"], |
42 input[type="datetime"], |
13 input[type="datetime-local"], |
43 input[type="datetime-local"], |
14 input[type="email"], |
44 input[type="email"], |
15 input[type="month"], |
45 input[type="month"], |
16 input[type="number"], |
46 input[type="number"], |
17 input[type="search"], |
47 input[type="search"], |
18 input[type="radio"], |
|
19 input[type="tel"], |
48 input[type="tel"], |
20 input[type="text"], |
|
21 input[type="time"], |
49 input[type="time"], |
22 input[type="url"], |
50 input[type="url"], |
23 input[type="week"], |
51 input[type="week"], |
24 select, |
52 select, |
25 textarea { |
53 textarea { |
26 border: 1px solid #ddd; |
54 box-shadow: 0 0 0 transparent; |
27 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
55 border-radius: 4px; |
|
56 border: 1px solid #7e8993; |
28 background-color: #fff; |
57 background-color: #fff; |
29 color: #32373c; |
58 color: #32373c; |
30 outline: none; |
59 } |
31 transition: 0.05s border-color ease-in-out; |
60 |
|
61 input[type="text"], |
|
62 input[type="password"], |
|
63 input[type="date"], |
|
64 input[type="datetime"], |
|
65 input[type="datetime-local"], |
|
66 input[type="email"], |
|
67 input[type="month"], |
|
68 input[type="number"], |
|
69 input[type="search"], |
|
70 input[type="tel"], |
|
71 input[type="time"], |
|
72 input[type="url"], |
|
73 input[type="week"] { |
|
74 padding: 0 8px; |
|
75 /* inherits font size 14px */ |
|
76 line-height: 2; /* 28px */ |
|
77 /* Only necessary for IE11 */ |
|
78 min-height: 30px; |
|
79 } |
|
80 |
|
81 ::-webkit-datetime-edit { |
|
82 /* inherits font size 14px */ |
|
83 line-height: 1.85714286; /* 26px */ |
32 } |
84 } |
33 |
85 |
34 input[type="text"]:focus, |
86 input[type="text"]:focus, |
35 input[type="password"]:focus, |
87 input[type="password"]:focus, |
36 input[type="color"]:focus, |
88 input[type="color"]:focus, |
40 input[type="email"]:focus, |
92 input[type="email"]:focus, |
41 input[type="month"]:focus, |
93 input[type="month"]:focus, |
42 input[type="number"]:focus, |
94 input[type="number"]:focus, |
43 input[type="search"]:focus, |
95 input[type="search"]:focus, |
44 input[type="tel"]:focus, |
96 input[type="tel"]:focus, |
45 input[type="text"]:focus, |
|
46 input[type="time"]:focus, |
97 input[type="time"]:focus, |
47 input[type="url"]:focus, |
98 input[type="url"]:focus, |
48 input[type="week"]:focus, |
99 input[type="week"]:focus, |
49 input[type="checkbox"]:focus, |
100 input[type="checkbox"]:focus, |
50 input[type="radio"]:focus, |
101 input[type="radio"]:focus, |
51 select:focus, |
102 select:focus, |
52 textarea:focus { |
103 textarea:focus { |
53 border-color: #5b9dd9; |
104 border-color: #007cba; |
54 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
105 box-shadow: 0 0 0 1px #007cba; |
55 /* Only visible in Windows High Contrast mode */ |
106 /* Only visible in Windows High Contrast mode */ |
56 outline: 2px solid transparent; |
107 outline: 2px solid transparent; |
57 } |
108 } |
58 |
109 |
59 /* rtl:ignore */ |
110 /* rtl:ignore */ |
60 input[type="email"], |
111 input[type="email"], |
61 input[type="url"] { |
112 input[type="url"] { |
62 direction: ltr; |
113 direction: ltr; |
63 } |
114 } |
64 |
115 |
65 /* Vertically align the number selector with the input. */ |
|
66 input[type="number"] { |
|
67 height: 28px; |
|
68 line-height: 1; |
|
69 } |
|
70 |
|
71 input[type="checkbox"], |
116 input[type="checkbox"], |
72 input[type="radio"] { |
117 input[type="radio"] { |
73 border: 1px solid #b4b9be; |
118 border: 1px solid #7e8993; |
|
119 border-radius: 4px; |
74 background: #fff; |
120 background: #fff; |
75 color: #555; |
121 color: #555; |
76 clear: none; |
122 clear: none; |
77 cursor: pointer; |
123 cursor: pointer; |
78 display: inline-block; |
124 display: inline-block; |
79 line-height: 0; |
125 line-height: 0; |
80 height: 16px; |
126 height: 1rem; |
81 margin: -4px 4px 0 0; |
127 margin: -0.25rem 0.25rem 0 0; |
82 outline: 0; |
128 outline: 0; |
83 padding: 0 !important; |
129 padding: 0 !important; |
84 text-align: center; |
130 text-align: center; |
85 vertical-align: middle; |
131 vertical-align: middle; |
86 width: 16px; |
132 width: 1rem; |
87 min-width: 16px; |
133 min-width: 1rem; |
88 -webkit-appearance: none; |
134 -webkit-appearance: none; |
89 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
135 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
90 transition: .05s border-color ease-in-out; |
136 transition: .05s border-color ease-in-out; |
91 } |
137 } |
92 |
138 |
94 color: #82878c; |
140 color: #82878c; |
95 } |
141 } |
96 |
142 |
97 .wp-core-ui input[type="reset"]:hover, |
143 .wp-core-ui input[type="reset"]:hover, |
98 .wp-core-ui input[type="reset"]:active { |
144 .wp-core-ui input[type="reset"]:active { |
99 color: #00a0d2; |
145 color: #006799; |
100 } |
146 } |
101 |
147 |
102 td > input[type="checkbox"], |
148 td > input[type="checkbox"], |
103 .wp-admin p input[type="checkbox"], |
149 .wp-admin p input[type="checkbox"], |
104 .wp-admin p input[type="radio"] { |
150 .wp-admin p input[type="radio"] { |
113 margin-top: -2px; |
159 margin-top: -2px; |
114 } |
160 } |
115 |
161 |
116 input[type="radio"] { |
162 input[type="radio"] { |
117 border-radius: 50%; |
163 border-radius: 50%; |
118 margin-right: 4px; |
164 margin-right: 0.25rem; |
119 line-height: 10px; |
165 /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */ |
120 } |
166 line-height: 0.71428571; |
121 |
167 } |
122 input[type="checkbox"]:checked:before, |
168 |
123 input[type="radio"]:checked:before { |
169 input[type="checkbox"]:checked::before, |
|
170 input[type="radio"]:checked::before { |
124 float: left; |
171 float: left; |
125 display: inline-block; |
172 display: inline-block; |
126 vertical-align: middle; |
173 vertical-align: middle; |
127 width: 16px; |
174 width: 1rem; |
128 font: normal 21px/1 dashicons; |
|
129 speak: none; |
175 speak: none; |
130 -webkit-font-smoothing: antialiased; |
176 -webkit-font-smoothing: antialiased; |
131 -moz-osx-font-smoothing: grayscale; |
177 -moz-osx-font-smoothing: grayscale; |
132 } |
178 } |
133 |
179 |
134 input[type="checkbox"]:checked:before { |
180 input[type="checkbox"]:checked::before { |
135 content: "\f147"; |
181 /* Use the "Yes" SVG Dashicon */ |
136 margin: -3px 0 0 -4px; |
182 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"); |
137 color: #1e8cbe; |
183 margin: -0.1875rem 0 0 -0.25rem; |
138 } |
184 height: 1.3125rem; |
139 |
185 width: 1.3125rem; |
140 input[type="radio"]:checked:before { |
186 } |
141 content: "\2022"; |
187 |
142 text-indent: -9999px; |
188 input[type="radio"]:checked::before { |
143 border-radius: 50px; |
189 content: ""; |
144 font-size: 24px; |
190 border-radius: 50%; |
145 width: 6px; |
191 width: 0.5rem; /* 8px */ |
146 height: 6px; |
192 height: 0.5rem; /* 8px */ |
147 margin: 4px; |
193 margin: 0.1875rem; /* 3px */ |
148 line-height: 16px; |
|
149 background-color: #1e8cbe; |
194 background-color: #1e8cbe; |
|
195 /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */ |
|
196 line-height: 1.14285714; |
150 } |
197 } |
151 |
198 |
152 @-moz-document url-prefix() { |
199 @-moz-document url-prefix() { |
153 input[type="checkbox"], |
200 input[type="checkbox"], |
154 input[type="radio"], |
201 input[type="radio"], |
305 |
305 |
306 /*------------------------------------------------------------------------------ |
306 /*------------------------------------------------------------------------------ |
307 2.0 - Forms |
307 2.0 - Forms |
308 ------------------------------------------------------------------------------*/ |
308 ------------------------------------------------------------------------------*/ |
309 |
309 |
310 |
310 /* Select styles are based on the default button in buttons.css */ |
311 .wp-admin select { |
311 .wp-core-ui select { |
312 padding: 2px; |
312 font-size: 14px; |
313 line-height: 28px; |
313 line-height: 2; /* 28px */ |
314 height: 28px; |
314 color: #32373c; |
|
315 border-color: #7e8993; |
|
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; |
315 vertical-align: middle; |
326 vertical-align: middle; |
316 } |
327 } |
317 |
328 |
|
329 .wp-core-ui select:hover { |
|
330 color: #007cba; |
|
331 } |
|
332 |
|
333 .wp-core-ui select:focus { |
|
334 border-color: #007cba; |
|
335 color: #016087; |
|
336 box-shadow: 0 0 0 1px #007cba; |
|
337 } |
|
338 |
|
339 .wp-core-ui select:active { |
|
340 border-color: #999; |
|
341 box-shadow: none; |
|
342 } |
|
343 |
|
344 .wp-core-ui select.disabled, |
|
345 .wp-core-ui select:disabled { |
|
346 color: #a0a5aa; |
|
347 border-color: #ddd; |
|
348 background-color: #f7f7f7; |
|
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 /* Reset Firefox inner outline that appears on :focus. */ |
|
358 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ |
|
359 .wp-core-ui select:-moz-focusring { |
|
360 color: transparent; |
|
361 text-shadow: 0 0 0 #016087; |
|
362 } |
|
363 |
|
364 /* Remove background focus style from IE11 while keeping focus style available on option elements. */ |
|
365 .wp-core-ui select::-ms-value { |
|
366 background: transparent; |
|
367 color: #555; |
|
368 } |
|
369 |
|
370 .wp-core-ui select:hover::-ms-value { |
|
371 color: #007cba; |
|
372 } |
|
373 |
|
374 .wp-core-ui select:focus::-ms-value { |
|
375 color: #016087; |
|
376 } |
|
377 |
|
378 .wp-core-ui select.disabled::-ms-value, |
|
379 .wp-core-ui select:disabled::-ms-value { |
|
380 color: #a0a5aa; |
|
381 } |
|
382 |
|
383 /* Hide the native down arrow for select element on IE. */ |
|
384 .wp-core-ui select::-ms-expand { |
|
385 display: none; |
|
386 } |
|
387 |
318 .wp-admin .button-cancel { |
388 .wp-admin .button-cancel { |
|
389 display: inline-block; |
|
390 min-height: 28px; |
319 padding: 0 5px; |
391 padding: 0 5px; |
320 line-height: 2; |
392 line-height: 2; |
321 } |
393 } |
322 |
394 |
323 .meta-box-sortables select { |
395 .meta-box-sortables select { |
324 max-width: 100%; |
396 max-width: 100%; |
325 } |
397 } |
326 |
398 |
327 .wp-admin select[multiple] { |
399 .meta-box-sortables input { |
|
400 vertical-align: middle; |
|
401 } |
|
402 |
|
403 .misc-pub-post-status select { |
|
404 margin-top: 0; |
|
405 } |
|
406 |
|
407 .wp-core-ui select[multiple] { |
328 height: auto; |
408 height: auto; |
|
409 padding-right: 8px; |
|
410 background: #fff; |
329 } |
411 } |
330 |
412 |
331 .submit { |
413 .submit { |
332 padding: 1.5em 0; |
414 padding: 1.5em 0; |
333 margin: 5px 0; |
415 margin: 5px 0; |
379 width: 25em; |
461 width: 25em; |
380 } |
462 } |
381 |
463 |
382 input.small-text { |
464 input.small-text { |
383 width: 50px; |
465 width: 50px; |
384 padding: 1px 6px; |
466 padding: 0 6px; |
|
467 } |
|
468 |
|
469 label input.small-text { |
|
470 margin-top: -4px; |
385 } |
471 } |
386 |
472 |
387 input[type="number"].small-text { |
473 input[type="number"].small-text { |
388 width: 65px; |
474 width: 65px; |
|
475 padding-right: 0; |
389 } |
476 } |
390 |
477 |
391 input.tiny-text { |
478 input.tiny-text { |
392 width: 35px; |
479 width: 35px; |
393 } |
480 } |
394 |
481 |
395 input[type="number"].tiny-text { |
482 input[type="number"].tiny-text { |
396 width: 45px; |
483 width: 45px; |
|
484 padding-right: 0; |
397 } |
485 } |
398 |
486 |
399 #doaction, |
487 #doaction, |
400 #doaction2, |
488 #doaction2, |
401 #post-query-submit { |
489 #post-query-submit { |
402 margin: 1px 8px 0 0; |
490 margin: 0 8px 0 0; |
403 } |
|
404 |
|
405 .tablenav #changeit, |
|
406 .tablenav #delete_all, |
|
407 .tablenav #clear-recent-list, |
|
408 .wp-filter #delete_all { |
|
409 margin-top: 1px; |
|
410 } |
491 } |
411 |
492 |
412 .tablenav .actions select { |
493 .tablenav .actions select { |
413 float: left; |
494 float: left; |
414 margin-right: 6px; |
495 margin-right: 6px; |
415 max-width: 200px; |
496 max-width: 12.5rem; |
416 } |
|
417 |
|
418 .ie8 .tablenav .actions select { |
|
419 width: 155px; |
|
420 } |
|
421 |
|
422 .ie8 .tablenav .actions select#cat { |
|
423 width: 200px; |
|
424 } |
497 } |
425 |
498 |
426 #timezone_string option { |
499 #timezone_string option { |
427 margin-left: 1em; |
500 margin-left: 1em; |
428 } |
501 } |
429 |
502 |
430 .wp-hide-pw > .dashicons, |
503 .wp-hide-pw > .dashicons, |
431 .wp-cancel-pw > .dashicons { |
504 .wp-cancel-pw > .dashicons { |
432 position: relative; |
505 position: relative; |
433 top: 3px; |
506 top: 3px; |
|
507 width: 1.25rem; |
|
508 height: 1.25rem; |
|
509 top: 0.25rem; |
|
510 font-size: 20px; |
434 } |
511 } |
435 |
512 |
436 .wp-cancel-pw .dashicons-no { |
513 .wp-cancel-pw .dashicons-no { |
437 display: none; |
514 display: none; |
438 } |
515 } |
553 |
633 |
554 .search-box input[name="s"], |
634 .search-box input[name="s"], |
555 .tablenav .search-plugins input[name="s"], |
635 .tablenav .search-plugins input[name="s"], |
556 .tagsdiv .newtag { |
636 .tagsdiv .newtag { |
557 float: left; |
637 float: left; |
558 height: 28px; |
|
559 margin: 0 4px 0 0; |
638 margin: 0 4px 0 0; |
560 } |
639 } |
561 |
640 |
562 .js.plugins-php .search-box .wp-filter-search { |
641 .js.plugins-php .search-box .wp-filter-search { |
563 margin: 0; |
642 margin: 0; |
564 width: 280px; |
643 width: 280px; |
565 font-size: 16px; |
|
566 font-weight: 300; |
|
567 line-height: 1.5; |
|
568 padding: 3px 5px; |
|
569 height: 32px; |
|
570 } |
644 } |
571 |
645 |
572 input[type="text"].ui-autocomplete-loading, |
646 input[type="text"].ui-autocomplete-loading, |
573 input[type="email"].ui-autocomplete-loading { |
647 input[type="email"].ui-autocomplete-loading { |
574 background-image: url(../images/loading.gif); |
648 background-image: url(../images/loading.gif); |
676 .form-table p.timezone-info { |
750 .form-table p.timezone-info { |
677 margin: 1em 0; |
751 margin: 1em 0; |
678 } |
752 } |
679 |
753 |
680 .form-table td fieldset label { |
754 .form-table td fieldset label { |
681 margin: 0.25em 0 0.5em !important; |
755 margin: 0.35em 0 0.5em !important; |
682 display: inline-block; |
756 display: inline-block; |
|
757 } |
|
758 |
|
759 .form-table td fieldset p label { |
|
760 margin-top: 0 !important; |
683 } |
761 } |
684 |
762 |
685 .form-table td fieldset label, |
763 .form-table td fieldset label, |
686 .form-table td fieldset p, |
764 .form-table td fieldset p, |
687 .form-table td fieldset li { |
765 .form-table td fieldset li { |
688 line-height: 1.4em; |
766 line-height: 1.4; |
689 } |
767 } |
690 |
768 |
691 .form-table input.tog, |
769 .form-table input.tog, |
692 .form-table input[type="radio"] { |
770 .form-table input[type="radio"] { |
693 margin-top: -4px; |
771 margin-top: -4px; |
1147 .privacy_requests tbody .has-request-results td { |
1234 .privacy_requests tbody .has-request-results td { |
1148 box-shadow: none; |
1235 box-shadow: none; |
1149 } |
1236 } |
1150 |
1237 |
1151 .privacy_requests .next_steps .button { |
1238 .privacy_requests .next_steps .button { |
1152 height: auto; |
1239 word-wrap: break-word; |
1153 line-height: 1.5; |
1240 white-space: normal; |
1154 padding: 4px 10px; |
|
1155 word-break: break-all; |
|
1156 white-space: unset; |
|
1157 } |
1241 } |
1158 |
1242 |
1159 .privacy_requests .status-request-confirmed th, |
1243 .privacy_requests .status-request-confirmed th, |
1160 .privacy_requests .status-request-confirmed td { |
1244 .privacy_requests .status-request-confirmed td { |
1161 background-color: #f7fcfe; |
1245 background-color: #f7fcfe; |
1237 textarea { |
1320 textarea { |
1238 -webkit-appearance: none; |
1321 -webkit-appearance: none; |
1239 } |
1322 } |
1240 |
1323 |
1241 input[type="text"], |
1324 input[type="text"], |
|
1325 input[type="password"], |
|
1326 input[type="date"], |
|
1327 input[type="datetime"], |
|
1328 input[type="datetime-local"], |
1242 input[type="email"], |
1329 input[type="email"], |
|
1330 input[type="month"], |
|
1331 input[type="number"], |
1243 input[type="search"], |
1332 input[type="search"], |
1244 input[type="password"], |
1333 input[type="tel"], |
1245 input[type="number"] { |
1334 input[type="time"], |
|
1335 input[type="url"], |
|
1336 input[type="week"] { |
1246 -webkit-appearance: none; |
1337 -webkit-appearance: none; |
1247 padding: 6px 10px; |
1338 padding: 3px 10px; |
1248 } |
1339 /* Only necessary for IE11 */ |
1249 |
1340 min-height: 40px; |
1250 input[type="number"] { |
1341 } |
1251 height: 40px; |
1342 |
1252 } |
1343 ::-webkit-datetime-edit { |
1253 |
1344 line-height: 1.875; /* 30px */ |
1254 input.code { |
|
1255 padding-bottom: 5px; |
|
1256 padding-top: 10px; |
|
1257 } |
1345 } |
1258 |
1346 |
1259 input[type="checkbox"], |
1347 input[type="checkbox"], |
1260 .widefat th input[type="checkbox"], |
1348 .widefat th input[type="checkbox"], |
1261 .widefat thead td input[type="checkbox"], |
1349 .widefat thead td input[type="checkbox"], |
1262 .widefat tfoot td input[type="checkbox"] { |
1350 .widefat tfoot td input[type="checkbox"] { |
1263 -webkit-appearance: none; |
1351 -webkit-appearance: none; |
1264 padding: 10px; |
|
1265 } |
1352 } |
1266 |
1353 |
1267 .widefat th input[type="checkbox"], |
1354 .widefat th input[type="checkbox"], |
1268 .widefat thead td input[type="checkbox"], |
1355 .widefat thead td input[type="checkbox"], |
1269 .widefat tfoot td input[type="checkbox"] { |
1356 .widefat tfoot td input[type="checkbox"] { |
1272 |
1359 |
1273 input[type="checkbox"]:checked:before, |
1360 input[type="checkbox"]:checked:before, |
1274 .widefat th input[type="checkbox"]:before, |
1361 .widefat th input[type="checkbox"]:before, |
1275 .widefat thead td input[type="checkbox"]:before, |
1362 .widefat thead td input[type="checkbox"]:before, |
1276 .widefat tfoot td input[type="checkbox"]:before { |
1363 .widefat tfoot td input[type="checkbox"]:before { |
1277 font: normal 30px/1 dashicons; |
1364 width: 1.875rem; |
1278 margin: -3px -5px; |
1365 height: 1.875rem; |
|
1366 margin: -0.1875rem -0.3125rem; |
1279 } |
1367 } |
1280 |
1368 |
1281 input[type="radio"], |
1369 input[type="radio"], |
1282 input[type="checkbox"] { |
1370 input[type="checkbox"] { |
1283 height: 25px; |
1371 height: 1.5625rem; |
1284 width: 25px; |
1372 width: 1.5625rem; |
1285 } |
1373 } |
1286 |
1374 |
1287 .wp-admin p input[type="checkbox"], |
1375 .wp-admin p input[type="checkbox"], |
1288 .wp-admin p input[type="radio"] { |
1376 .wp-admin p input[type="radio"] { |
1289 margin-top: -3px; |
1377 margin-top: -0.1875rem; |
1290 } |
1378 } |
1291 |
1379 |
1292 input[type="radio"]:checked:before { |
1380 input[type="radio"]:checked:before { |
1293 vertical-align: middle; |
1381 vertical-align: middle; |
1294 width: 9px; |
1382 width: 0.5625rem; |
1295 height: 9px; |
1383 height: 0.5625rem; |
1296 margin: 7px; |
1384 margin: 0.4375rem; |
1297 line-height: 16px; |
1385 line-height: 0.76190476; |
1298 } |
1386 } |
1299 |
1387 |
1300 .wp-upload-form input[type="submit"] { |
1388 .wp-upload-form input[type="submit"] { |
1301 margin-top: 10px; |
1389 margin-top: 10px; |
1302 } |
1390 } |
1303 |
1391 |
1304 #wpbody select { |
1392 .wp-core-ui select, |
1305 height: 36px; |
1393 .wp-admin .form-table select { |
|
1394 min-height: 40px; |
1306 font-size: 16px; |
1395 font-size: 16px; |
|
1396 line-height: 1.625; /* 26px */ |
|
1397 padding: 5px 24px 5px 8px; |
1307 } |
1398 } |
1308 |
1399 |
1309 .wp-admin .button-cancel { |
1400 .wp-admin .button-cancel { |
1310 padding: 0; |
1401 margin-bottom: 0; |
|
1402 padding: 2px 0; |
1311 font-size: 14px; |
1403 font-size: 14px; |
|
1404 vertical-align: middle; |
1312 } |
1405 } |
1313 |
1406 |
1314 #adduser .form-field input, |
1407 #adduser .form-field input, |
1315 #createuser .form-field input { |
1408 #createuser .form-field input { |
1316 width: 100%; |
1409 width: 100%; |
1356 .form-table td select, |
1449 .form-table td select, |
1357 .form-table td textarea, |
1450 .form-table td textarea, |
1358 .form-table span.description, |
1451 .form-table span.description, |
1359 #profile-page .form-table textarea { |
1452 #profile-page .form-table textarea { |
1360 width: 100%; |
1453 width: 100%; |
1361 font-size: 16px; |
|
1362 line-height: 1.5; |
|
1363 padding: 7px 10px; |
|
1364 display: block; |
1454 display: block; |
1365 max-width: none; |
1455 max-width: none; |
1366 box-sizing: border-box; |
1456 box-sizing: border-box; |
1367 } |
1457 } |
1368 |
1458 |
1369 .form-table .form-required.form-invalid td:after { |
1459 .form-table .form-required.form-invalid td:after { |
1370 float: right; |
1460 float: right; |
1371 margin: -30px 3px 0 0; |
1461 margin: -30px 3px 0 0; |
1372 } |
|
1373 |
|
1374 #wpbody .form-table td select { |
|
1375 height: 40px; |
|
1376 } |
1462 } |
1377 |
1463 |
1378 input[type="text"].small-text, |
1464 input[type="text"].small-text, |
1379 input[type="search"].small-text, |
1465 input[type="search"].small-text, |
1380 input[type="password"].small-text, |
1466 input[type="password"].small-text, |
1402 height: 90px; |
1488 height: 90px; |
1403 margin-bottom: 20px; |
1489 margin-bottom: 20px; |
1404 } |
1490 } |
1405 |
1491 |
1406 p.search-box input[name="s"] { |
1492 p.search-box input[name="s"] { |
1407 height: auto; |
|
1408 float: none; |
1493 float: none; |
1409 width: 100%; |
1494 width: 100%; |
1410 margin-bottom: 10px; |
1495 margin-bottom: 10px; |
1411 vertical-align: middle; |
1496 vertical-align: middle; |
1412 -webkit-appearance: none; |
|
1413 } |
1497 } |
1414 |
1498 |
1415 p.search-box input[type="submit"] { |
1499 p.search-box input[type="submit"] { |
1416 margin-bottom: 10px; |
1500 margin-bottom: 10px; |
1417 } |
1501 } |
1418 |
1502 |
1419 .form-table span.description { |
1503 .form-table span.description { |
1420 display: inline; |
1504 display: inline; |
1421 padding: 4px 0 0; |
1505 padding: 4px 0 0; |
1422 line-height: 1.4em; |
1506 line-height: 1.4; |
1423 font-size: 14px; |
1507 font-size: 14px; |
1424 } |
1508 } |
1425 |
1509 |
1426 .form-table th { |
1510 .form-table th { |
1427 padding-top: 10px; |
1511 padding: 10px 0 0 0; |
1428 padding-bottom: 0; |
|
1429 border-bottom: 0; |
1512 border-bottom: 0; |
1430 } |
1513 } |
1431 |
1514 |
1432 .form-table td { |
1515 .form-table td { |
1433 margin-bottom: 0; |
1516 margin-bottom: 0; |
1434 padding-bottom: 6px; |
1517 padding: 4px 0 6px 0; |
1435 padding-top: 4px; |
|
1436 padding-left: 0; |
|
1437 } |
1518 } |
1438 |
1519 |
1439 .form-table.permalink-structure td code { |
1520 .form-table.permalink-structure td code { |
1440 margin-left: 32px; |
1521 margin-left: 32px; |
|
1522 display: inline-block; |
1441 } |
1523 } |
1442 |
1524 |
1443 .form-table.permalink-structure td input[type="text"] { |
1525 .form-table.permalink-structure td input[type="text"] { |
1444 margin-left: 32px; |
1526 margin-left: 32px; |
1445 margin-top: 4px; |
1527 margin-top: 4px; |