diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index c9d9cd692e..0853728181 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -459,8 +459,9 @@ border color while dragging a file over the uploader drop area */ width: auto; margin-bottom: 16px; padding: 0 16px; - border: 1px solid #c00; - background-color: #feebe8; + border-left: 4px solid #dd3d36; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + background-color: #fff; } .upload-php .mode-grid .hide-sidebar .media-sidebar { @@ -474,27 +475,28 @@ border color while dragging a file over the uploader drop area */ } .upload-php .mode-grid .media-sidebar .upload-error { - margin: 20px 0; - padding: 0; + margin: 12px 0; + padding: 4px 0 0; border: none; + box-shadow: none; background: none; } .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors { font-size: 0; - top: -12px; - right: -10px; + top: 0; + right: -6px; } .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before { - content: "\f158"; - font: normal 20px/1 dashicons; - color: #666; + content: "\f153"; + font: normal 16px/1 dashicons; + color: #bbb; } .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before, .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before { - color: #00a0d2; + color: #c00; } .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 { diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 3d41c252a1..9a310fc724 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -1174,10 +1174,6 @@ max-width: 400px; } -.media-sidebar .media-uploader-status { - border-bottom: 1px solid #dfdfdf; -} - .uploader-inline .media-uploader-status h3 { display: none; } @@ -1221,31 +1217,20 @@ } .upload-errors .upload-error { - margin: 8px auto 0 auto; - padding: 8px; - border: 1px #c00 solid; - background: #ffebe8; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 12px; + margin-bottom: 12px; + background: #fff; + border-left: 4px solid #dd3d36; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } -.upload-errors .upload-error-label { - padding: 2px 4px; - margin-right: 8px; +.upload-errors .upload-error-filename { font-weight: bold; - color: #fff; - background: #e00; - background-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#a00)); - background-image: -webkit-linear-gradient(top, #e00, #a00); - background-image: linear-gradient(to bottom, #e00, #a00); - -webkit-border-radius: 3px; - border-radius: 3px; } .upload-errors .upload-error-message { display: block; padding-top: 8px; - color: #b44; word-wrap: break-word; } diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php index 1a4bc65c4e..b304439971 100644 --- a/src/wp-includes/media-template.php +++ b/src/wp-includes/media-template.php @@ -273,7 +273,6 @@ function wp_print_media_templates() {