61 lines
1.2 KiB
CSS
61 lines
1.2 KiB
CSS
.rs-control{
|
|
margin: 0 auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
/* appearance 1 */
|
|
#appearance1 .rs-range-color {
|
|
background-color: #5673E7;
|
|
}
|
|
#appearance1 .rs-path-color {
|
|
background-color: #dedede;
|
|
}
|
|
#appearance1 .rs-handle {
|
|
background-color: #000000;
|
|
}
|
|
#appearance1 .rs-border {
|
|
border-color: white;
|
|
}
|
|
/* appearance 2 */
|
|
|
|
#appearance2 .rs-range-color {
|
|
background-color: #ff8d00;
|
|
}
|
|
#appearance2 .rs-handle:after {
|
|
background-color: #000000;
|
|
}
|
|
#appearance2 .rs-border {
|
|
border-color: #ff8d00;
|
|
}
|
|
|
|
/* appearance 3 */
|
|
#appearance3 .rs-range-color {
|
|
background-color: #33B5E5;
|
|
}
|
|
#appearance3 .rs-path-color {
|
|
background-color: #C2E9F7;
|
|
}
|
|
#appearance3 .rs-handle {
|
|
background-color: #C2E9F7;
|
|
padding: 7px;
|
|
border: 2px solid #C2E9F7;
|
|
}
|
|
#appearance3 .rs-handle.rs-focus {
|
|
border-color: #33B5E5;
|
|
}
|
|
#appearance3 .rs-handle:after {
|
|
border-color: #33B5E5;
|
|
background-color: #33B5E5;
|
|
}
|
|
#appearance3 .rs-border {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/* appearance 4 */
|
|
#appearance3 .rs-range-color {
|
|
background-color: black;
|
|
}
|
|
#appearance3 .rs-handle {
|
|
background-color: #fff;
|
|
border: 5px solid black;
|
|
} |