1 |
.dynamic-slider-control { |
2 |
position: relative; |
3 |
background-color: ThreeDFace; |
4 |
-moz-user-focus: normal; |
5 |
-moz-user-select: none; |
6 |
cursor: default; |
7 |
} |
8 |
|
9 |
.horizontal { |
10 |
width: 200px; |
11 |
height: 29px; |
12 |
} |
13 |
|
14 |
.vertical { |
15 |
width: 29px; |
16 |
height: 200px; |
17 |
} |
18 |
|
19 |
.dynamic-slider-control input { |
20 |
display: none; |
21 |
} |
22 |
|
23 |
.dynamic-slider-control .handle { |
24 |
position: absolute; |
25 |
-moz-user-select: none; |
26 |
cursor: default; |
27 |
background: ThreeDFace; |
28 |
border: 1px solid; |
29 |
border-color: ThreeDHighlight ThreeDDarkShadow |
30 |
ThreeDDarkShadow ThreeDHighlight; |
31 |
} |
32 |
|
33 |
/* inner border */ |
34 |
.dynamic-slider-control .handle div { |
35 |
font-size: 1px; |
36 |
border: 1px solid; |
37 |
border-color: ThreeDLightShadow ThreeDShadow |
38 |
ThreeDShadow ThreeDLightShadow; |
39 |
|
40 |
behavior: url("css/boxsizing.htc"); /* ie path bug */ |
41 |
box-sizing: content-box; |
42 |
-moz-box-sizing: content-box; |
43 |
} |
44 |
|
45 |
/* inner sets size |
46 |
.dynamic-slider-control.horizontal .handle { |
47 |
width: 12px; |
48 |
height: 22px; |
49 |
} |
50 |
*/ |
51 |
|
52 |
.dynamic-slider-control.horizontal .handle div { |
53 |
width: 8px; |
54 |
height: 18px; |
55 |
} |
56 |
|
57 |
.dynamic-slider-control.horizontal .handle.hover {} |
58 |
|
59 |
/* inner sets size |
60 |
.dynamic-slider-control.vertical .handle { |
61 |
width: 22px; |
62 |
height: 12px; |
63 |
} |
64 |
*/ |
65 |
|
66 |
.dynamic-slider-control.vertical .handle div { |
67 |
width: 18px; |
68 |
height: 8px; |
69 |
} |
70 |
|
71 |
.dynamic-slider-control.vertical .handle.hover {} |
72 |
|
73 |
.dynamic-slider-control .line { |
74 |
|
75 |
behavior: url("css/boxsizing.htc"); /* ie path bug */ |
76 |
box-sizing: content-box; |
77 |
-moz-box-sizing: content-box; |
78 |
|
79 |
position: absolute; |
80 |
font-size: 0.01mm; |
81 |
overflow: hidden; |
82 |
border: 1px solid; |
83 |
border-color: ThreeDShadow ThreeDHighlight |
84 |
ThreeDHighlight ThreeDShadow; |
85 |
background: ThreeDDarkShadow; |
86 |
} |
87 |
|
88 |
.dynamic-slider-control.vertical .line { |
89 |
width: 1px; |
90 |
|
91 |
} |
92 |
|
93 |
.dynamic-slider-control.horizontal .line { |
94 |
height: 1px; |
95 |
} |
96 |
|
97 |
.dynamic-slider-control .line div { |
98 |
display: none; |
99 |
} |