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