13
0
livetrax/share/web_surfaces/builtin/mixer-demo/css/widget.css
2020-04-09 20:56:46 +02:00

51 lines
964 B
CSS

.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(235,141,33);
}
.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-radius: 50%;
background: rgb(235,141,33);
}
/* 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-radius: 50%;
background: rgb(235,141,33);
}