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