1 |
dpavlin |
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 |
|
|
} |