Remove gradients and text-shadow from ui-slider-handle and restyle it to mimic buttons. Match the background color to the chosen color scheme's -color. See #25858.
Built from https://develop.svn.wordpress.org/trunk@26417 git-svn-id: http://core.svn.wordpress.org/trunk@26317 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
36b2183f03
commit
f11e29b4ef
|
@ -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 {
|
||||
|
|
|
@ -257,6 +257,13 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px white, 0 0 0 2px #096484; }
|
||||
|
||||
/* jQuery UI Slider */
|
||||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
|
||||
background: #e1a948;
|
||||
border-color: #d39323;
|
||||
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -257,6 +257,13 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px white, 0 0 0 2px #04a4cc; }
|
||||
|
||||
/* jQuery UI Slider */
|
||||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
|
||||
background: #04a4cc;
|
||||
border-color: #037c9a;
|
||||
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999999; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -257,6 +257,13 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px white, 0 0 0 2px #e14d43; }
|
||||
|
||||
/* jQuery UI Slider */
|
||||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
|
||||
background: #e14d43;
|
||||
border-color: #d02a21;
|
||||
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f1f2f3; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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, right top, left 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, right top, left 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 */
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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 */
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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-right: 1px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
content: "\f229";
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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";
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue