diff --git a/src/wp-admin/css/color-schemes/_admin.scss b/src/wp-admin/css/color-schemes/_admin.scss index f7a4bc27c3..54b84f1d33 100644 --- a/src/wp-admin/css/color-schemes/_admin.scss +++ b/src/wp-admin/css/color-schemes/_admin.scss @@ -364,6 +364,23 @@ ul#adminmenu > li.current > a.current:after { } +/* Media Uploader */ + +.media-item .bar, +.media-progress-bar div { + background-color: $highlight-color; +} + +.details.attachment { + box-shadow: 0 0 0 1px #fff, 0 0 0 5px $highlight-color; +} + +.attachment.details .check { + background-color: $highlight-color; + box-shadow: 0 0 0 1px $highlight-color; +} + + /* Responsive Component */ div#moby6-toggle a:before { diff --git a/src/wp-admin/css/colors-fresh.css b/src/wp-admin/css/colors-fresh.css index 1dee5f2a25..d3e83ad9a5 100644 --- a/src/wp-admin/css/colors-fresh.css +++ b/src/wp-admin/css/colors-fresh.css @@ -1913,17 +1913,17 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } .details.attachment { - box-shadow: 0 0 0 1px #fff, 0 0 0 5px #2ea2cc; + box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1e8cbe; } .attachment .check { background: #eee; + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 ); } .attachment.details .check { - box-shadow: 0 0 0 1px #2ea2cc; - background: #0074a2; - background-image: none; + background-color: #1e8cbe; + box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e8cbe; } /* TinyMCE modal */ diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 22f90dfcbb..d0e9960702 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -5533,7 +5533,6 @@ abbr.required { display: block; line-height: 36px; float: right; - margin-right: 15px; } .media-item .describe-toggle-off, @@ -5546,11 +5545,10 @@ abbr.required { } #media-items .media-item { - border-style: solid; - border-width: 1px; + border-bottom-style: solid; + border-bottom-width: 1px; min-height: 36px; position: relative; - margin-top: -1px; width: 100%; } @@ -5569,7 +5567,6 @@ abbr.required { .media-item .filename { line-height: 36px; overflow: hidden; - padding: 0 10px; } .media-item .error-div { @@ -5578,7 +5575,7 @@ abbr.required { .media-item .pinkynail { float: left; - margin: 2px 2px 0; + margin: 2px 10px 0 0; max-width: 40px; max-height: 32px; } @@ -5596,38 +5593,24 @@ abbr.required { .media-item .progress { float: right; height: 22px; - margin: 6px 10px 0 0; + margin: 7px 0 0; width: 200px; line-height: 2em; padding: 0; overflow: hidden; margin-bottom: 2px; - border: 1px solid #d1d1d1; - background: #f7f7f7; - background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7)); - background-image: -webkit-linear-gradient(bottom, #fff, #f7f7f7); - background-image: -moz-linear-gradient(bottom, #fff, #f7f7f7); - background-image: -o-linear-gradient(bottom, #fff, #f7f7f7); - background-image: linear-gradient(to top, #fff, #f7f7f7); - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); - box-shadow: inset 0 0 3px rgba(0,0,0,0.1); + border-radius: 22px; + background: #ddd; + -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .media-item .bar { z-index: 9; width: 0; height: 100%; - margin-top: -24px; - background-color: #8cc1e9; - background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9)); - background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: linear-gradient(to top, #72a7cf, #8cc1e9); - -webkit-border-radius: 3px; - border-radius: 3px; + margin-top: -22px; + background-color: #1e8cbe; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); } @@ -5636,8 +5619,12 @@ abbr.required { z-index: 10; position: relative; width: 200px; - padding: 0 8px; - color: rgba(0,0,0,0.6); + padding: 0; + color: #fff; + text-align: center; + line-height: 22px; + font-weight: 400; + text-shadow: 0px 1px 2px rgba(0,0,0,0.2); } .upload-php .fixed .column-parent { diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 28b7484541..aab30ecf34 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -768,12 +768,9 @@ height: 24px; width: 24px; position: absolute; - top: -7px; - right: -7px; + top: -6px; + right: -6px; outline: none; - - border: 1px solid #fff; - box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.4 ); } .attachment .check div { @@ -791,17 +788,6 @@ display: block; } -.attachment.details .check { - box-shadow: 0 0 0 1px #1e8cbe; - - background: #1e8cbe; - background-image: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2)); - background-image: -webkit-linear-gradient(top, #1e8cbe, #0074a2); - background-image: -moz-linear-gradient(top, #1e8cbe, #0074a2); - background-image: -o-linear-gradient(top, #1e8cbe, #0074a2); - background-image: linear-gradient(to bottom, #1e8cbe, #0074a2); -} - .attachment.details .check div { background-position: -21px 0; } @@ -877,8 +863,7 @@ height: 10px; min-width: 20px; width: 0; - background: #aaa; - background: rgba( 0, 0, 0, 0.2 ); + background: #1e8cbe; border-radius: 10px; -webkit-transition: width 300ms; -moz-transition: width 300ms;