1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
.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);
}
.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);
border-radius: 50%;
background: rgb(72,89,118);
}
/* 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);
border-radius: 50%;
background: rgb(72,89,118);
}
|