38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
.slider {
|
|
width: 265px;
|
|
display: inline-block;
|
|
margin: 4px 0 0 !important
|
|
}
|
|
|
|
.slider > .dragger {
|
|
background: url('../i/knob.png');
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.slider > .track, .slider > .highlight-track {
|
|
background: #898989;
|
|
background: -moz-linear-gradient(top, #898989, #a2a2a2);
|
|
background: -webkit-linear-gradient(top, #898989, #a2a2a2);
|
|
background: linear-gradient(top, #898989, #a2a2a2);
|
|
|
|
-moz-box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.15), 0 1px 0px 0px rgba(230,230,230,0.9), inset 0 0 1px 1px rgba(0,0,0,0.2);
|
|
-webkit-box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.15), 0 1px 0px 0px rgba(230,230,230,0.9), inset 0 0 1px 1px rgba(0,0,0,0.2);
|
|
box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.15), 0 1px 0px 0px rgba(230,230,230,0.9), inset 0 0 1px 1px rgba(0,0,0,0.2);
|
|
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
height: 8px;
|
|
}
|
|
|
|
.slider > .highlight-track {
|
|
background-color: #9dd53a;
|
|
background: -webkit-linear-gradient(top, #9dd53a, #7cbc0a);
|
|
background: -moz-linear-gradient(top, #9dd53a, #7cbc0a);
|
|
background: linear-gradient(top, #9dd53a, #7cbc0a);
|
|
|
|
border-color: #496805;
|
|
}
|
|
|