18 |
18 |
19 .theme-browser .themes { |
19 .theme-browser .themes { |
20 clear: both; |
20 clear: both; |
21 } |
21 } |
22 |
22 |
23 .themes-php:not(.network-admin) .wrap h1 { |
|
24 margin-bottom: 15px; |
|
25 } |
|
26 |
|
27 .themes-php .wrap h1 .button { |
23 .themes-php .wrap h1 .button { |
28 margin-right: 20px; |
24 margin-right: 20px; |
29 } |
25 } |
30 |
26 |
31 /* Search form */ |
27 /* Search form */ |
32 .themes-php .search-form { |
28 .themes-php .search-form { |
33 display: inline; |
29 display: inline-flex; |
|
30 align-items: center; |
|
31 position: relative; |
|
32 top: 0; |
|
33 gap: .5rem; |
|
34 width: 100%; |
|
35 justify-content: end; |
34 } |
36 } |
35 |
37 |
36 .themes-php .wp-filter-search { |
38 .themes-php .wp-filter-search { |
37 position: relative; |
39 position: relative; |
38 top: -2px; |
|
39 right: 20px; |
|
40 margin: 0; |
40 margin: 0; |
41 width: 280px; |
41 width: 280px; |
42 } |
42 } |
43 |
43 |
44 /* Position admin messages */ |
44 /* Position admin messages */ |
175 transition: opacity 0.1s ease-in-out; |
175 transition: opacity 0.1s ease-in-out; |
176 cursor: pointer; |
176 cursor: pointer; |
177 } |
177 } |
178 |
178 |
179 .theme-browser .theme .more-details:focus { |
179 .theme-browser .theme .more-details:focus { |
180 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; |
180 box-shadow: 0 0 0 2px #2271b1; |
181 } |
181 } |
182 |
182 |
183 .theme-browser .theme.focus { |
183 .theme-browser .theme.focus { |
184 border-color: #4f94d4; |
184 border-color: #2271b1; |
185 box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); |
185 box-shadow: 0 0 0 1px #2271b1; |
|
186 /* Only visible in Windows High Contrast mode */ |
|
187 outline: 2px solid transparent; |
186 } |
188 } |
187 |
189 |
188 .theme-browser .theme.focus .more-details { |
190 .theme-browser .theme.focus .more-details { |
189 opacity: 1; |
191 opacity: 1; |
190 } |
192 } |
505 padding: 10px 25px 5px; |
507 padding: 10px 25px 5px; |
506 background: #f6f7f7; |
508 background: #f6f7f7; |
507 z-index: 30; |
509 z-index: 30; |
508 box-sizing: border-box; |
510 box-sizing: border-box; |
509 border-top: 1px solid #f0f0f1; |
511 border-top: 1px solid #f0f0f1; |
510 } |
512 display: flex; |
511 |
513 justify-content: center; |
512 .theme-overlay .theme-actions a { |
514 gap: 5px; |
513 margin-left: 5px; |
515 } |
|
516 |
|
517 .theme-overlay .theme-actions .button { |
514 margin-bottom: 5px; |
518 margin-bottom: 5px; |
515 } |
519 } |
516 |
520 |
517 /* Hide-if-customize for items we can't add classes to */ |
521 /* Hide-if-customize for items we can't add classes to */ |
518 .customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"], |
522 .customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"], |
520 display: none; |
524 display: none; |
521 } |
525 } |
522 |
526 |
523 .broken-themes a.delete-theme, |
527 .broken-themes a.delete-theme, |
524 .theme-overlay .theme-actions .delete-theme { |
528 .theme-overlay .theme-actions .delete-theme { |
525 color: #d63638; |
529 color: #b32d2e; |
526 text-decoration: none; |
530 text-decoration: none; |
527 border-color: transparent; |
531 border-color: transparent; |
528 box-shadow: none; |
532 box-shadow: none; |
529 background: transparent; |
533 background: transparent; |
530 } |
534 } |
531 |
535 |
532 .theme-overlay .theme-actions .delete-theme { |
|
533 position: absolute; |
|
534 left: 10px; |
|
535 bottom: 5px; |
|
536 } |
|
537 |
|
538 .broken-themes a.delete-theme:hover, |
536 .broken-themes a.delete-theme:hover, |
539 .broken-themes a.delete-theme:focus, |
537 .broken-themes a.delete-theme:focus, |
540 .theme-overlay .theme-actions .delete-theme:hover, |
538 .theme-overlay .theme-actions .delete-theme:hover, |
541 .theme-overlay .theme-actions .delete-theme:focus { |
539 .theme-overlay .theme-actions .delete-theme:focus { |
542 background: #d63638; |
540 background: #b32d2e; |
543 color: #fff; |
541 color: #fff; |
544 border-color: #d63638; |
542 border-color: #b32d2e; |
|
543 box-shadow: 0 0 0 1px #b32d2e; |
545 } |
544 } |
546 |
545 |
547 .theme-overlay .theme-actions .active-theme, |
546 .theme-overlay .theme-actions .active-theme, |
548 .theme-overlay.active .theme-actions .inactive-theme { |
547 .theme-overlay.active .theme-actions .inactive-theme { |
549 display: none; |
548 display: none; |
839 .theme-overlay .theme-wrap { |
838 .theme-overlay .theme-wrap { |
840 right: 65px; |
839 right: 65px; |
841 } |
840 } |
842 } |
841 } |
843 |
842 |
844 @media only screen and (max-width: 780px) { |
843 @media only screen and (max-width: 782px) { |
845 body.folded .theme-overlay .theme-wrap, |
844 body.folded .theme-overlay .theme-wrap, |
846 .theme-overlay .theme-wrap { |
845 .theme-overlay .theme-wrap { |
847 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ |
846 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ |
848 left: 0; |
847 left: 0; |
849 bottom: 0; |
848 bottom: 0; |
1027 content: ""; |
1030 content: ""; |
1028 } |
1031 } |
1029 |
1032 |
1030 .theme-install-php .wp-filter { |
1033 .theme-install-php .wp-filter { |
1031 padding-right: 20px; |
1034 padding-right: 20px; |
|
1035 } |
|
1036 |
|
1037 /* Override column gap adjustment in media library. */ |
|
1038 @media only screen and (max-width: 1000px) { |
|
1039 .theme-install-php .wp-filter p.search-box { |
|
1040 column-gap: .5rem; |
|
1041 } |
1032 } |
1042 } |
1033 |
1043 |
1034 .theme-install-php a.upload, |
1044 .theme-install-php a.upload, |
1035 .theme-install-php a.browse-themes { |
1045 .theme-install-php a.browse-themes { |
1036 cursor: pointer; |
1046 cursor: pointer; |
1588 overflow: hidden; |
1598 overflow: hidden; |
1589 } |
1599 } |
1590 |
1600 |
1591 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow, |
1601 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow, |
1592 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow { |
1602 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow { |
1593 box-shadow: |
1603 box-shadow: 0 0 0 2px #2271b1; |
1594 0 0 0 1px #4f94d4, |
1604 /* Only visible in Windows High Contrast mode */ |
1595 0 0 2px 1px rgba(79, 148, 212, 0.8); |
1605 outline: 2px solid transparent; |
1596 } |
1606 } |
1597 |
1607 |
1598 .wp-full-overlay .collapse-sidebar-label { |
1608 .wp-full-overlay .collapse-sidebar-label { |
1599 margin-right: 3px; |
1609 margin-right: 3px; |
1600 } |
1610 } |