| changeset 21 | 48c4eec2b7e6 |
| parent 19 | 3d72ae0968f4 |
| child 22 | 8c2e4d02f4ef |
| 20:7b1b88e27a20 | 21:48c4eec2b7e6 |
|---|---|
44 .media-frame a:active { |
44 .media-frame a:active { |
45 color: #135e96; |
45 color: #135e96; |
46 } |
46 } |
47 |
47 |
48 .media-frame a:focus { |
48 .media-frame a:focus { |
49 box-shadow: |
49 box-shadow: 0 0 0 2px #2271b1; |
50 0 0 0 1px #4f94d4, |
|
51 0 0 2px 1px rgba(79, 148, 212, 0.8); |
|
52 color: #043959; |
50 color: #043959; |
53 /* Only visible in Windows High Contrast mode */ |
51 /* Only visible in Windows High Contrast mode */ |
54 outline: 1px solid transparent; |
52 outline: 2px solid transparent; |
55 } |
53 } |
56 |
54 |
57 .media-frame a.button { |
55 .media-frame a.button { |
58 color: #2c3338; |
56 color: #2c3338; |
59 } |
57 } |
99 border: 1px solid #8c8f94; |
97 border: 1px solid #8c8f94; |
100 background-color: #fff; |
98 background-color: #fff; |
101 color: #2c3338; |
99 color: #2c3338; |
102 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
100 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
103 font-size: 13px; |
101 font-size: 13px; |
102 line-height: 1.38461538; |
|
104 } |
103 } |
105 |
104 |
106 .media-frame input[type="text"], |
105 .media-frame input[type="text"], |
107 .media-frame input[type="password"], |
106 .media-frame input[type="password"], |
108 .media-frame input[type="date"], |
107 .media-frame input[type="date"], |
279 margin-left: 2%; |
278 margin-left: 2%; |
280 width: 42%; |
279 width: 42%; |
281 width: calc(48% - 12px); |
280 width: calc(48% - 12px); |
282 } |
281 } |
283 |
282 |
284 .media-modal-content .attachments-browser .search { |
|
285 width: 100%; |
|
286 } |
|
287 |
|
288 /* higher specificity */ |
283 /* higher specificity */ |
289 .wp-core-ui .media-modal-icon { |
284 .wp-core-ui .media-modal-icon { |
290 background-image: url(../images/uploader-icons.png); |
285 background-image: url(../images/uploader-icons.png); |
291 background-repeat: no-repeat; |
286 background-repeat: no-repeat; |
292 } |
287 } |
369 .hide-toolbar .media-sidebar { |
364 .hide-toolbar .media-sidebar { |
370 bottom: 0; |
365 bottom: 0; |
371 } |
366 } |
372 |
367 |
373 .media-sidebar h2, |
368 .media-sidebar h2, |
374 .image-details h2:not(.media-attachments-filter-heading) { |
369 .image-details .media-embed h2 { |
375 position: relative; |
370 position: relative; |
376 font-weight: 600; |
371 font-weight: 600; |
377 text-transform: uppercase; |
372 text-transform: uppercase; |
378 font-size: 12px; |
373 font-size: 12px; |
379 color: #646970; |
374 color: #646970; |
384 .attachment-details .setting { |
379 .attachment-details .setting { |
385 display: block; |
380 display: block; |
386 float: right; |
381 float: right; |
387 width: 100%; |
382 width: 100%; |
388 margin: 0 0 10px; |
383 margin: 0 0 10px; |
384 } |
|
385 |
|
386 .attachment-details h2 { |
|
387 display: grid; |
|
388 grid-template-columns: auto 5em; |
|
389 } |
389 } |
390 |
390 |
391 .media-sidebar .collection-settings .setting { |
391 .media-sidebar .collection-settings .setting { |
392 margin: 1px 0; |
392 margin: 1px 0; |
393 } |
393 } |
475 .attachment-details .copy-to-clipboard-container .success { |
475 .attachment-details .copy-to-clipboard-container .success { |
476 padding: 0; |
476 padding: 0; |
477 min-height: 0; |
477 min-height: 0; |
478 line-height: 2.18181818; |
478 line-height: 2.18181818; |
479 text-align: right; |
479 text-align: right; |
480 color: #008a20; |
480 color: #007017; |
481 } |
481 } |
482 |
482 |
483 .compat-item label span { |
483 .compat-item label span { |
484 text-align: left; |
484 text-align: left; |
485 } |
485 } |
528 .compat-item .field textarea { |
528 .compat-item .field textarea { |
529 height: 62px; |
529 height: 62px; |
530 resize: vertical; |
530 resize: vertical; |
531 } |
531 } |
532 |
532 |
533 .media-sidebar .alt-text textarea, |
|
534 .attachment-details .alt-text textarea, |
|
535 .compat-item .alt-text textarea, |
|
536 .alt-text textarea { |
|
537 height: 50px; |
|
538 } |
|
539 |
|
533 .compat-item { |
540 .compat-item { |
534 float: right; |
541 float: right; |
535 width: 100%; |
542 width: 100%; |
536 overflow: hidden; |
543 overflow: hidden; |
537 } |
544 } |
644 color: #1d2327; |
651 color: #1d2327; |
645 font-weight: 600; |
652 font-weight: 600; |
646 } |
653 } |
647 |
654 |
648 .media-menu .media-menu-item:focus { |
655 .media-menu .media-menu-item:focus { |
649 box-shadow: |
656 box-shadow: 0 0 0 2px #2271b1; |
650 0 0 0 1px #4f94d4, |
|
651 0 0 2px 1px rgba(79, 148, 212, 0.8); |
|
652 color: #043959; |
657 color: #043959; |
653 /* Only visible in Windows High Contrast mode */ |
658 /* Only visible in Windows High Contrast mode */ |
654 outline: 1px solid transparent; |
659 outline: 2px solid transparent; |
655 } |
660 } |
656 |
661 |
657 .media-menu .separator { |
662 .media-menu .separator { |
658 height: 0; |
663 height: 0; |
659 margin: 12px 20px; |
664 margin: 12px 20px; |
699 .media-router .active:hover { |
704 .media-router .active:hover { |
700 color: #1d2327; |
705 color: #1d2327; |
701 } |
706 } |
702 |
707 |
703 .media-router .media-menu-item:focus { |
708 .media-router .media-menu-item:focus { |
704 box-shadow: |
709 box-shadow: 0 0 0 2px #2271b1; |
705 0 0 0 1px #4f94d4, |
|
706 0 0 2px 1px rgba(79, 148, 212, 0.8); |
|
707 color: #043959; |
710 color: #043959; |
708 /* Only visible in Windows High Contrast mode */ |
711 /* Only visible in Windows High Contrast mode */ |
709 outline: 1px solid transparent; |
712 outline: 2px solid transparent; |
710 } |
713 } |
711 |
714 |
712 .media-router .active, |
715 .media-router .active, |
713 .media-router .media-menu-item.active:last-child { |
716 .media-router .media-menu-item.active:last-child { |
714 margin: -1px -1px 0; |
717 margin: -1px -1px 0; |
850 |
853 |
851 .media-frame-content .crop-content { |
854 .media-frame-content .crop-content { |
852 height: 100%; |
855 height: 100%; |
853 } |
856 } |
854 |
857 |
858 .options-general-php .crop-content.site-icon, |
|
855 .wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon { |
859 .wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon { |
856 margin-left: 300px; |
860 margin-left: 300px; |
857 } |
861 } |
858 |
862 |
859 .media-frame-content .crop-content .crop-image { |
863 .media-frame-content .crop-content .crop-image { |
897 max-width: calc(48% - 12px); |
901 max-width: calc(48% - 12px); |
898 } |
902 } |
899 |
903 |
900 .media-frame select.attachment-filters:last-of-type { |
904 .media-frame select.attachment-filters:last-of-type { |
901 margin-left: 0; |
905 margin-left: 0; |
902 width: auto; |
|
903 max-width: 100%; |
|
904 } |
906 } |
905 |
907 |
906 /** |
908 /** |
907 * Search |
909 * Search |
908 */ |
910 */ |
917 |
919 |
918 .media-toolbar-primary .search { |
920 .media-toolbar-primary .search { |
919 max-width: 100%; |
921 max-width: 100%; |
920 } |
922 } |
921 |
923 |
922 .media-frame .media-search-input-label { |
924 .media-modal .media-frame .media-search-input-label { |
923 position: absolute; |
925 position: absolute; |
924 right: 0; |
926 right: 0; |
925 top: 10px; |
927 top: 10px; |
926 margin: 0; |
928 margin: 0; |
927 line-height: 1; |
929 line-height: 1; |
1210 } |
1212 } |
1211 |
1213 |
1212 .mode-grid .attachments-browser .media-toolbar-primary { |
1214 .mode-grid .attachments-browser .media-toolbar-primary { |
1213 display: flex; |
1215 display: flex; |
1214 align-items: center; |
1216 align-items: center; |
1217 column-gap: .5rem; |
|
1218 margin: 11px 0; |
|
1215 } |
1219 } |
1216 |
1220 |
1217 .mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary { |
1221 .mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary { |
1218 display: none; |
1222 display: none; |
1219 } |
1223 } |
1314 margin: 0 12px 0 0; |
1318 margin: 0 12px 0 0; |
1315 } |
1319 } |
1316 |
1320 |
1317 .attachment.new-media { |
1321 .attachment.new-media { |
1318 outline: 2px dotted #c3c4c7; |
1322 outline: 2px dotted #c3c4c7; |
1319 } |
|
1320 |
|
1321 .load-more-wrapper { |
|
1322 clear: both; |
|
1323 display: flex; |
|
1324 flex-wrap: wrap; |
|
1325 align-items: center; |
|
1326 justify-content: center; |
|
1327 padding: 1em 0; |
|
1328 } |
|
1329 |
|
1330 .load-more-wrapper .load-more-count { |
|
1331 min-width: 100%; |
|
1332 margin: 0 0 1em; |
|
1333 text-align: center; |
|
1334 } |
|
1335 |
|
1336 .load-more-wrapper .load-more { |
|
1337 margin: 0; |
|
1338 } |
|
1339 |
|
1340 /* Needs high specificity. */ |
|
1341 .media-frame .load-more-wrapper .load-more + .spinner { |
|
1342 float: none; |
|
1343 margin: 0 10px 0 -30px; |
|
1344 } |
|
1345 |
|
1346 /* Reset spinner margin when the button is hidden to avoid horizontal scrollbar. */ |
|
1347 .media-frame .load-more-wrapper .load-more.hidden + .spinner { |
|
1348 margin: 0; |
|
1349 } |
|
1350 |
|
1351 /* Force a new row within the flex container. */ |
|
1352 .load-more-wrapper::after { |
|
1353 content: ""; |
|
1354 min-width: 100%; |
|
1355 order: 1; |
|
1356 } |
|
1357 |
|
1358 .load-more-wrapper .load-more-jump { |
|
1359 margin: 0 12px 0 0; |
|
1360 } |
1323 } |
1361 |
1324 |
1362 /** |
1325 /** |
1363 * Progress Bar |
1326 * Progress Bar |
1364 */ |
1327 */ |
1764 height: 20px; |
1727 height: 20px; |
1765 margin: 0; |
1728 margin: 0; |
1766 vertical-align: middle; |
1729 vertical-align: middle; |
1767 } |
1730 } |
1768 |
1731 |
1732 .media-frame .media-sidebar .settings-save-status .spinner { |
|
1733 position: absolute; |
|
1734 left: 0; |
|
1735 top: 0; |
|
1736 } |
|
1737 |
|
1769 .media-frame.mode-grid .spinner { |
1738 .media-frame.mode-grid .spinner { |
1770 margin: 0; |
1739 margin: 0; |
1771 float: none; |
1740 float: none; |
1772 vertical-align: middle; |
1741 vertical-align: middle; |
1773 } |
1742 } |
1793 position: relative; |
1762 position: relative; |
1794 overflow: auto; |
1763 overflow: auto; |
1795 } |
1764 } |
1796 |
1765 |
1797 .attachment-details .settings-save-status { |
1766 .attachment-details .settings-save-status { |
1798 float: left; |
1767 text-align: left; |
1799 text-transform: none; |
1768 text-transform: none; |
1800 font-weight: 400; |
1769 font-weight: 400; |
1801 } |
1770 } |
1802 |
1771 |
1803 .attachment-details .settings-save-status .spinner { |
1772 .attachment-details .settings-save-status .spinner { |
1950 position: static; |
1919 position: static; |
1951 } |
1920 } |
1952 |
1921 |
1953 .media-modal .imgedit-wrap .imgedit-panel-content { |
1922 .media-modal .imgedit-wrap .imgedit-panel-content { |
1954 padding: 16px 16px 0; |
1923 padding: 16px 16px 0; |
1955 position: absolute; |
1924 overflow: visible; |
1956 top: 0; |
|
1957 left: 282px; |
|
1958 bottom: 0; |
|
1959 right: 0; |
|
1960 overflow: auto; |
|
1961 } |
|
1962 |
|
1963 /* |
|
1964 * Implementation of bottom padding in overflow content differs across browsers. |
|
1965 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129 |
|
1966 */ |
|
1967 .media-modal .imgedit-wrap .imgedit-submit { |
|
1968 margin-bottom: 16px; |
|
1969 } |
|
1970 |
|
1971 .media-modal .imgedit-wrap .imgedit-settings { |
|
1972 background: #f6f7f7; |
|
1973 border-right: 1px solid #dcdcde; |
|
1974 padding: 20px 16px 0; |
|
1975 position: absolute; |
|
1976 top: 0; |
|
1977 left: 0; |
|
1978 bottom: 0; |
|
1979 width: 250px; |
|
1980 overflow: auto; |
|
1981 } |
1925 } |
1982 |
1926 |
1983 /* |
1927 /* |
1984 * Implementation of bottom padding in overflow content differs across browsers. |
1928 * Implementation of bottom padding in overflow content differs across browsers. |
1985 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129 |
1929 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129 |
1989 } |
1933 } |
1990 |
1934 |
1991 .media-modal .imgedit-group { |
1935 .media-modal .imgedit-group { |
1992 background: none; |
1936 background: none; |
1993 border: none; |
1937 border: none; |
1994 border-bottom: 1px solid #dcdcde; |
|
1995 box-shadow: none; |
1938 box-shadow: none; |
1996 margin: 0; |
1939 margin: 0; |
1940 padding: 0; |
|
1941 position: relative; /* RTL fix, #WP29352 */ |
|
1942 } |
|
1943 |
|
1944 .media-modal .imgedit-group.imgedit-panel-active { |
|
1997 margin-bottom: 16px; |
1945 margin-bottom: 16px; |
1998 padding: 0; |
|
1999 padding-bottom: 16px; |
1946 padding-bottom: 16px; |
2000 position: relative; /* RTL fix, #WP29352 */ |
|
2001 } |
|
2002 |
|
2003 .media-modal .imgedit-group:last-of-type { |
|
2004 border: none; |
|
2005 margin: 0; |
|
2006 padding: 0; |
|
2007 } |
1947 } |
2008 |
1948 |
2009 .media-modal .imgedit-group-top { |
1949 .media-modal .imgedit-group-top { |
2010 margin: 0; |
1950 margin: 0; |
2011 } |
1951 } |
2042 box-shadow: none; |
1982 box-shadow: none; |
2043 } |
1983 } |
2044 |
1984 |
2045 .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus { |
1985 .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus { |
2046 color: #2271b1; |
1986 color: #2271b1; |
2047 border-color: #4f94d4; |
1987 border-color: #2271b1; |
2048 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
1988 box-shadow: 0 0 0 1px #2271b1; |
2049 /* Only visible in Windows High Contrast mode */ |
1989 /* Only visible in Windows High Contrast mode */ |
2050 outline: 2px solid transparent; |
1990 outline: 2px solid transparent; |
2051 } |
1991 } |
2052 |
1992 |
2053 .wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle { |
1993 .wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle { |
2070 display: block; |
2010 display: block; |
2071 } |
2011 } |
2072 |
2012 |
2073 .media-modal .imgedit-wrap div.updated, /* Back-compat for pre-5.5 */ |
2013 .media-modal .imgedit-wrap div.updated, /* Back-compat for pre-5.5 */ |
2074 .media-modal .imgedit-wrap .notice { |
2014 .media-modal .imgedit-wrap .notice { |
2075 margin: 0; |
2015 margin: 0 16px; |
2076 margin-bottom: 16px; |
|
2077 } |
2016 } |
2078 |
2017 |
2079 /** |
2018 /** |
2080 * Embed from URL and Image Details |
2019 * Embed from URL and Image Details |
2081 */ |
2020 */ |
2160 display: block; |
2099 display: block; |
2161 height: auto; |
2100 height: auto; |
2162 } |
2101 } |
2163 |
2102 |
2164 .mejs-container:focus { |
2103 .mejs-container:focus { |
2165 outline: 1px solid #4f94d4; |
2104 outline: 1px solid #2271b1; |
2166 box-shadow: 0 0 2px 1px rgba(79, 148, 212, 0.8); |
2105 box-shadow: 0 0 0 2px #2271b1; |
2167 } |
2106 } |
2168 |
2107 |
2169 .image-details .media-modal { |
2108 .image-details .media-modal { |
2170 right: 140px; |
2109 right: 140px; |
2171 left: 140px; |
2110 left: 140px; |
2548 } |
2487 } |
2549 |
2488 |
2550 /* Visually hide the menu heading keeping it available to assistive technologies. */ |
2489 /* Visually hide the menu heading keeping it available to assistive technologies. */ |
2551 .media-frame-menu-heading { |
2490 .media-frame-menu-heading { |
2552 clip: rect(1px, 1px, 1px, 1px); |
2491 clip: rect(1px, 1px, 1px, 1px); |
2553 -webkit-clip-path: inset(50%); |
|
2554 clip-path: inset(50%); |
2492 clip-path: inset(50%); |
2555 height: 1px; |
2493 height: 1px; |
2556 overflow: hidden; |
2494 overflow: hidden; |
2557 padding: 0; |
2495 padding: 0; |
2558 width: 1px; |
2496 width: 1px; |
2592 |
2530 |
2593 .media-sidebar { |
2531 .media-sidebar { |
2594 width: 230px; |
2532 width: 230px; |
2595 } |
2533 } |
2596 |
2534 |
2535 .options-general-php .crop-content.site-icon { |
|
2536 margin-left: 262px; |
|
2537 } |
|
2538 |
|
2597 .attachments-browser .attachments, |
2539 .attachments-browser .attachments, |
2598 .attachments-browser .uploader-inline, |
2540 .attachments-browser .uploader-inline, |
2599 .attachments-browser .media-toolbar, |
2541 .attachments-browser .media-toolbar, |
2600 .attachments-browser .attachments-wrapper, |
2542 .attachments-browser .attachments-wrapper, |
2601 .attachments-browser.has-load-more .attachments-wrapper { |
2543 .attachments-browser.has-load-more .attachments-wrapper { |
2602 left: 262px; |
2544 left: 262px; |
2545 } |
|
2546 |
|
2547 .attachments-browser .media-toolbar { |
|
2548 height: 82px; |
|
2549 } |
|
2550 |
|
2551 .attachments-browser .attachments, |
|
2552 .attachments-browser .uploader-inline, |
|
2553 .media-frame-content .attachments-browser .attachments-wrapper { |
|
2554 top: 82px; |
|
2603 } |
2555 } |
2604 |
2556 |
2605 .media-sidebar .setting, |
2557 .media-sidebar .setting, |
2606 .attachment-details .setting { |
2558 .attachment-details .setting { |
2607 margin: 6px 0; |
2559 margin: 6px 0; |
2797 .media-frame input[type="email"], |
2749 .media-frame input[type="email"], |
2798 .media-frame input[type="url"], |
2750 .media-frame input[type="url"], |
2799 .media-frame textarea, |
2751 .media-frame textarea, |
2800 .media-frame select { |
2752 .media-frame select { |
2801 font-size: 16px; |
2753 font-size: 16px; |
2754 line-height: 1.5; |
|
2802 } |
2755 } |
2803 |
2756 |
2804 .media-frame .media-toolbar input[type="search"] { |
2757 .media-frame .media-toolbar input[type="search"] { |
2805 line-height: 2.3755; /* 38px */ |
2758 line-height: 2.3755; /* 38px */ |
2806 } |
2759 } |
2809 margin-bottom: 10px; |
2762 margin-bottom: 10px; |
2810 } |
2763 } |
2811 } |
2764 } |
2812 |
2765 |
2813 @media screen and (max-width: 782px) { |
2766 @media screen and (max-width: 782px) { |
2814 .attachments-browser .media-toolbar { |
2767 .imgedit-panel-content { |
2815 height: 82px; |
2768 grid-template-columns: auto; |
2816 } |
|
2817 |
|
2818 .attachments-browser .attachments, |
|
2819 .attachments-browser .uploader-inline { |
|
2820 top: 82px; |
|
2821 } |
2769 } |
2822 |
2770 |
2823 .media-frame-toolbar .media-toolbar { |
2771 .media-frame-toolbar .media-toolbar { |
2824 bottom: -54px; |
2772 bottom: -54px; |
2825 } |
2773 } |
2826 |
2774 |
2827 .mode-grid .attachments-browser .media-toolbar-primary { |
2775 .mode-grid .attachments-browser .media-toolbar-primary { |
2828 display: block; |
2776 display: grid; |
2777 grid-template-columns: auto 1fr; |
|
2778 } |
|
2779 |
|
2780 .mode-grid .attachments-browser .media-toolbar-primary input[type="search"] { |
|
2781 width: 100%; |
|
2829 } |
2782 } |
2830 |
2783 |
2831 .media-sidebar .copy-to-clipboard-container .success, |
2784 .media-sidebar .copy-to-clipboard-container .success, |
2832 .attachment-details .copy-to-clipboard-container .success { |
2785 .attachment-details .copy-to-clipboard-container .success { |
2833 font-size: 14px; |
2786 font-size: 14px; |
2834 line-height: 2.71428571; |
2787 line-height: 2.71428571; |
2788 } |
|
2789 |
|
2790 .media-frame .wp-filter .media-toolbar-secondary { |
|
2791 position: unset; |
|
2792 } |
|
2793 |
|
2794 .media-frame .media-toolbar-secondary .spinner { |
|
2795 position: absolute; |
|
2796 top: 0; |
|
2797 bottom: 0; |
|
2798 margin: auto; |
|
2799 right: 0; |
|
2800 left: 0; |
|
2801 z-index: 9; |
|
2802 } |
|
2803 |
|
2804 .media-bg-overlay { |
|
2805 content: ''; |
|
2806 background: #ffffff; |
|
2807 width: 100%; |
|
2808 height: 100%; |
|
2809 display: none; |
|
2810 position: absolute; |
|
2811 right: 0; |
|
2812 left: 0; |
|
2813 top: 0; |
|
2814 bottom: 0; |
|
2815 opacity: 0.6; |
|
2835 } |
2816 } |
2836 } |
2817 } |
2837 |
2818 |
2838 /* Responsive on portrait and landscape */ |
2819 /* Responsive on portrait and landscape */ |
2839 @media only screen and (max-width: 640px), screen and (max-height: 400px) { |
2820 @media only screen and (max-width: 640px), screen and (max-height: 400px) { |
2849 |
2830 |
2850 .media-modal-backdrop { |
2831 .media-modal-backdrop { |
2851 position: fixed; |
2832 position: fixed; |
2852 } |
2833 } |
2853 |
2834 |
2835 .options-general-php .crop-content.site-icon { |
|
2836 margin-left: 0; |
|
2837 } |
|
2838 |
|
2854 .media-sidebar { |
2839 .media-sidebar { |
2855 z-index: 1900; |
2840 z-index: 1900; |
2856 max-width: 70%; |
2841 max-width: 70%; |
2857 bottom: 120%; |
2842 bottom: 120%; |
2858 box-sizing: border-box; |
2843 box-sizing: border-box; |
2868 .attachments-browser .media-toolbar, |
2853 .attachments-browser .media-toolbar, |
2869 .media-frame-content .attachments-browser .attachments-wrapper { |
2854 .media-frame-content .attachments-browser .attachments-wrapper { |
2870 left: 0; |
2855 left: 0; |
2871 } |
2856 } |
2872 |
2857 |
2873 .attachments-browser .attachments-wrapper { |
|
2874 padding-top: 12px; |
|
2875 } |
|
2876 |
|
2877 .image-details .media-frame-title { |
2858 .image-details .media-frame-title { |
2878 display: block; |
2859 display: block; |
2879 top: 0; |
2860 top: 0; |
2880 font-size: 14px; |
2861 font-size: 14px; |
2881 } |
2862 } |
2925 |
2906 |
2926 /** |
2907 /** |
2927 * HiDPI Displays |
2908 * HiDPI Displays |
2928 */ |
2909 */ |
2929 @media print, |
2910 @media print, |
2930 (-webkit-min-device-pixel-ratio: 1.25), |
|
2931 (min-resolution: 120dpi) { |
2911 (min-resolution: 120dpi) { |
2932 |
2912 |
2933 .wp-core-ui .media-modal-icon { |
2913 .wp-core-ui .media-modal-icon { |
2934 background-image: url(../images/uploader-icons-2x.png); |
2914 background-image: url(../images/uploader-icons-2x.png); |
2935 background-size: 134px 15px; |
2915 background-size: 134px 15px; |