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
53
54
55
56
57
58
59
60
61
62
|
/* dojox.mobile.Slider */
.mblSlider {
outline: none;
-webkit-user-select: none;
/* prevent selection */
-webkit-box-sizing: content-box;
/* make width and height consistent with a DIV */
margin: 15px;
/* 1/2 handle width for hanging off the ends of the bar */
border: #B0B0B0 1px inset;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#fefefe));
-webkit-border-radius: 8px;
}
.mblSliderH {
width: 200px;
height: 8px;
}
.mblSliderH .mblSliderProgressBar {
height: 100%;
}
.mblSliderH .mblSliderHandle {
top: 50%;
}
.mblSliderV {
height: 200px;
width: 8px;
}
.mblSliderV .mblSliderProgressBar {
width: 100%;
}
.mblSliderV .mblSliderHandle {
left: 50%;
}
.mblSliderProgressBar {
background-image: -webkit-gradient(linear, left top, left bottom, from(#0d48a8), to(#68a6f8));
-webkit-border-radius: 8px;
}
.mblSliderHandle {
margin: -10px 0 0 -10px;
width: 18px;
height: 18px;
border: #9D9D9D 1px outset;
-webkit-border-radius: 10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#fcfcfc));
}
.mblSliderTransition {
-webkit-transition-duration: 400ms;
}
.mblSliderTouchBox {
margin: 0;
padding: 12pt;
left: -12pt;
top: -12pt;
border: none;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
|
