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