diff --git a/src/wp-admin/css/color-schemes/_admin.scss b/src/wp-admin/css/color-schemes/_admin.scss index f3c7075bbb..4f77d7901b 100644 --- a/src/wp-admin/css/color-schemes/_admin.scss +++ b/src/wp-admin/css/color-schemes/_admin.scss @@ -399,6 +399,18 @@ ul#adminmenu > li.current > a.current:after { } +/* jQuery UI Slider */ + +.wp-slider .ui-slider-handle, +.wp-slider .ui-slider-handle.ui-state-hover, +.wp-slider .ui-slider-handle.focus { + background: $button-color; + border-color: darken( $button-color, 10% ); + -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); +} + + /* Responsive Component */ div#wp-responsive-toggle a:before { diff --git a/src/wp-admin/css/colors-fresh.css b/src/wp-admin/css/colors-fresh.css index dbbaca391b..1e36cc62dd 100644 --- a/src/wp-admin/css/colors-fresh.css +++ b/src/wp-admin/css/colors-fresh.css @@ -1392,24 +1392,13 @@ table.diff .diff-addedline ins { .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { background: #2ea2cc; - background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe)); - background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%); - background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 ); - box-shadow: 0 1px 3px rgba(0,0,0,0.1); + border: 1px solid #0074a2; + -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); } .wp-slider .ui-slider-handle:before { color: #fff; - text-shadow: 0 1px 1px rgba(0,116,162,1); -} - -.wp-slider .ui-slider-handle.ui-state-active { - background: #0074a2; - background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684)); - background: -webkit-linear-gradient(-45deg, #0074a2 0%,#005684 100%); - background: linear-gradient(135deg, #0074a2 0%,#005684 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 ); } /* edit image */ diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index d0a023ee4d..03a6ad63d1 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -4961,19 +4961,17 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { .wp-slider .ui-slider-handle { border-radius: 50%; - height: 20px; - margin-top: -2px; + height: 18px; + margin-top: -3px; outline: none; position: absolute; - width: 20px; + width: 18px; z-index: 2; } .wp-slider .ui-slider-handle:before { background: none; position: absolute; - margin-top: 1px; - margin-left: 1px; top: 0; left: 0; content: "\f229";