equal
deleted
inserted
replaced
1393 .attachment-preview .media-progress-bar { |
1393 .attachment-preview .media-progress-bar { |
1394 position: absolute; |
1394 position: absolute; |
1395 top: 50%; |
1395 top: 50%; |
1396 right: 15%; |
1396 right: 15%; |
1397 width: 70%; |
1397 width: 70%; |
1398 margin: -5px 0 0 0; |
1398 margin: -5px 0 0; |
1399 } |
1399 } |
1400 |
1400 |
1401 .media-uploader-status { |
1401 .media-uploader-status { |
1402 position: relative; |
1402 position: relative; |
1403 margin: 0 auto; |
1403 margin: 0 auto; |
1436 .errors.media-uploader-status .upload-errors { |
1436 .errors.media-uploader-status .upload-errors { |
1437 display: block; |
1437 display: block; |
1438 } |
1438 } |
1439 |
1439 |
1440 .media-uploader-status .upload-dismiss-errors { |
1440 .media-uploader-status .upload-dismiss-errors { |
1441 position: absolute; |
|
1442 top: -3px; |
|
1443 left: -5px; |
|
1444 padding: 5px; |
|
1445 border-radius: 50%; |
|
1446 transition: none; |
1441 transition: none; |
1447 text-decoration: none; |
1442 text-decoration: none; |
1448 } |
|
1449 |
|
1450 .uploader-inline .media-uploader-status .upload-dismiss-errors { |
|
1451 top: 2px; |
|
1452 left: 2px; |
|
1453 } |
|
1454 |
|
1455 .media-uploader-status .upload-dismiss-errors::before { |
|
1456 content: "\f153"; |
|
1457 display: block; |
|
1458 font: normal 16px/1 dashicons; |
|
1459 color: #787c82; |
|
1460 } |
|
1461 |
|
1462 .uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before { |
|
1463 color: #646970; |
|
1464 } |
|
1465 |
|
1466 .errors.media-uploader-status .upload-dismiss-errors:hover::before, |
|
1467 .errors.media-uploader-status .upload-dismiss-errors:focus::before { |
|
1468 color: #d63638; |
|
1469 } |
1443 } |
1470 |
1444 |
1471 .upload-errors .upload-error { |
1445 .upload-errors .upload-error { |
1472 padding: 12px; |
1446 padding: 12px; |
1473 margin-bottom: 12px; |
1447 margin-bottom: 12px; |
1975 .media-modal .imgedit-wrap { |
1949 .media-modal .imgedit-wrap { |
1976 position: static; |
1950 position: static; |
1977 } |
1951 } |
1978 |
1952 |
1979 .media-modal .imgedit-wrap .imgedit-panel-content { |
1953 .media-modal .imgedit-wrap .imgedit-panel-content { |
1980 padding: 16px 16px 0 16px; |
1954 padding: 16px 16px 0; |
1981 position: absolute; |
1955 position: absolute; |
1982 top: 0; |
1956 top: 0; |
1983 left: 282px; |
1957 left: 282px; |
1984 bottom: 0; |
1958 bottom: 0; |
1985 right: 0; |
1959 right: 0; |
2139 } |
2113 } |
2140 |
2114 |
2141 .embed-link-settings, |
2115 .embed-link-settings, |
2142 .embed-media-settings { |
2116 .embed-media-settings { |
2143 position: absolute; |
2117 position: absolute; |
2144 top: 70px; |
2118 top: 82px; |
2145 right: 0; |
2119 right: 0; |
2146 left: 0; |
2120 left: 0; |
2147 bottom: 0; |
2121 bottom: 0; |
2148 padding: 0 16px; |
2122 padding: 0 16px; |
2149 overflow: auto; |
2123 overflow: auto; |
|
2124 } |
|
2125 |
|
2126 .media-embed .embed-link-settings .link-text { |
|
2127 margin-top: 0; |
2150 } |
2128 } |
2151 |
2129 |
2152 /* |
2130 /* |
2153 * Implementation of bottom padding in overflow content differs across browsers. |
2131 * Implementation of bottom padding in overflow content differs across browsers. |
2154 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129 |
2132 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129 |
2288 width: 5em; |
2266 width: 5em; |
2289 } |
2267 } |
2290 |
2268 |
2291 .image-details .custom-size .sep { |
2269 .image-details .custom-size .sep { |
2292 float: right; |
2270 float: right; |
2293 margin: 26px 6px 0 6px; |
2271 margin: 26px 6px 0; |
2294 } |
2272 } |
2295 |
2273 |
2296 .image-details .custom-size .description { |
2274 .image-details .custom-size .description { |
2297 margin-right: 0; |
2275 margin-right: 0; |
2298 } |
2276 } |
2427 .image-details .embed-media-settings .setting span, /* Back-compat for pre-5.3 */ |
2405 .image-details .embed-media-settings .setting span, /* Back-compat for pre-5.3 */ |
2428 .image-details .embed-media-settings .setting .name { |
2406 .image-details .embed-media-settings .setting .name { |
2429 float: right; |
2407 float: right; |
2430 width: 25%; |
2408 width: 25%; |
2431 text-align: left; |
2409 text-align: left; |
2432 margin: 8px 1% 0 1%; |
2410 margin: 8px 1% 0; |
2433 line-height: 1.1; |
2411 line-height: 1.1; |
2434 } |
2412 } |
2435 |
2413 |
2436 /* Buttons group in IE 11. */ |
2414 /* Buttons group in IE 11. */ |
2437 .media-frame .setting-group .button-group, |
2415 .media-frame .setting-group .button-group, |
2624 left: 262px; |
2602 left: 262px; |
2625 } |
2603 } |
2626 |
2604 |
2627 .media-sidebar .setting, |
2605 .media-sidebar .setting, |
2628 .attachment-details .setting { |
2606 .attachment-details .setting { |
2629 margin: 6px 0px; |
2607 margin: 6px 0; |
2630 } |
2608 } |
2631 |
2609 |
2632 .media-sidebar .setting input, |
2610 .media-sidebar .setting input, |
2633 .media-sidebar .setting textarea, |
2611 .media-sidebar .setting textarea, |
2634 .media-sidebar .setting .name, |
2612 .media-sidebar .setting .name, |
2918 display: none; |
2896 display: none; |
2919 } |
2897 } |
2920 |
2898 |
2921 /* Change margin direction on load more button in responsive views. */ |
2899 /* Change margin direction on load more button in responsive views. */ |
2922 .load-more-wrapper .load-more-jump { |
2900 .load-more-wrapper .load-more-jump { |
2923 margin: 12px 0 0 0; |
2901 margin: 12px 0 0; |
2924 } |
2902 } |
2925 |
2903 |
2926 } |
2904 } |
2927 |
2905 |
2928 @media only screen and (min-width: 901px) and (max-height: 400px) { |
2906 @media only screen and (min-width: 901px) and (max-height: 400px) { |
2932 padding-top: 44px; |
2910 padding-top: 44px; |
2933 } |
2911 } |
2934 |
2912 |
2935 /* Change margin direction on load more button in responsive views. */ |
2913 /* Change margin direction on load more button in responsive views. */ |
2936 .load-more-wrapper .load-more-jump { |
2914 .load-more-wrapper .load-more-jump { |
2937 margin: 12px 0 0 0; |
2915 margin: 12px 0 0; |
2938 } |
2916 } |
2939 |
2917 |
2940 } |
2918 } |
2941 |
2919 |
2942 @media only screen and (max-width: 480px) { |
2920 @media only screen and (max-width: 480px) { |