forked from leongersen/noUiSlider
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnouislider.css
43 lines (43 loc) · 894 Bytes
/
nouislider.css
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
.noUiSlider {
width: 400px;
border: 1px solid #CCC;
height: 8px;
background: #EEE;
-webkit-touch-callout: none;
}
.noUi-midBar {
height: 100%;
z-index: 0;
background: #39C;
-webkit-touch-callout: none;
}
.noUi-handle > div {
position: absolute;
width: 16px;
height: 16px;
top: -5px;
left: -8px;
z-index: 5;
border: 1px solid #CCC;
background: #EEE;
}
.noUi-handle > div:hover,
.noUi-handle > div.noUi-activeHandle {
background: #ACE;
border-color: #369;
}
.disabled > .noUi-midBar {
background: #999;
}
.disabled .noUi-handle > div {
border-color: #CCC;
background: #CCC;
}
@media (-webkit-min-device-pixel-ratio:1.2),-moz-touch-enabled,(max-device-width:1024px){
.noUi-handle > div {
height: 32px;
width: 32px;
top: -13px;
left: -16px;
}
}