|
0
|
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 } |
