13
0
livetrax/share/web_surfaces/builtin/mixer-demo/css/widget.css

53 lines
1.0 KiB
CSS
Raw Normal View History

2020-02-20 07:12:36 -05:00
.widget-switch {
display: block;
-webkit-appearance:none;
width: 37px;
height: 37px;
border: 3.5px solid rgb(248,248,242);
border-radius: 50%;
}
.widget-switch:checked {
background: rgb(72,89,118);
2020-02-20 07:12:36 -05:00
}
.widget-slider {
display: block;
-webkit-appearance: none;
height: 37px;
width: 100%;
background: transparent;
}
.widget-slider::-webkit-slider-runnable-track {
height: 4px;
background: rgb(248,248,242);
}
.widget-slider::-webkit-slider-thumb {
-webkit-appearance: none;
height: 36px;
width: 36px;
margin-top: -16px;
border: 3.5px solid rgb(248,248,242);
2020-02-20 07:12:36 -05:00
border-radius: 50%;
background: rgb(72,89,118);
2020-02-20 07:12:36 -05:00
}
/* repeat slider style for firefox */
.widget-slider::-moz-range-track {
height: 4px;
background: rgb(248,248,242);
}
.widget-slider::-moz-range-thumb {
-webkit-appearance: none;
height: 36px;
width: 36px;
margin-top: -16px;
border: 3.5px solid rgb(248,248,242);
2020-02-20 07:12:36 -05:00
border-radius: 50%;
background: rgb(72,89,118);
2020-02-20 07:12:36 -05:00
}