rlm@46
|
1 /*
|
rlm@46
|
2 * Ext JS Library 2.1
|
rlm@46
|
3 * Copyright(c) 2006-2008, Ext JS, LLC.
|
rlm@46
|
4 * licensing@extjs.com
|
rlm@46
|
5 *
|
rlm@46
|
6 * http://extjs.com/license
|
rlm@46
|
7 */
|
rlm@46
|
8 #slider-fill {
|
rlm@46
|
9 width:50px;
|
rlm@46
|
10 height:20px;
|
rlm@46
|
11 padding:0px;
|
rlm@46
|
12 margin:0px;
|
rlm@46
|
13 background-image:url(../img/rainbow1.png);
|
rlm@46
|
14 background-position: 0px 2px;
|
rlm@46
|
15 background-repeat: no-repeat;
|
rlm@46
|
16
|
rlm@46
|
17 }
|
rlm@46
|
18 #slider-stroke {
|
rlm@46
|
19 width:50px;
|
rlm@46
|
20 height:20px;
|
rlm@46
|
21 padding:0px;
|
rlm@46
|
22 margin:0px;
|
rlm@46
|
23 background-image:url(../img/rainbow1.png);
|
rlm@46
|
24 background-position: 0px 2px;
|
rlm@46
|
25 background-repeat: no-repeat;
|
rlm@46
|
26 }
|
rlm@46
|
27 #opacity-slider-fill {
|
rlm@46
|
28 position: relative;
|
rlm@46
|
29 top:-3px;
|
rlm@46
|
30
|
rlm@46
|
31 width:50px;
|
rlm@46
|
32 height:14px;
|
rlm@46
|
33 padding-top:0px;
|
rlm@46
|
34 padding-left:0px;
|
rlm@46
|
35 padding-right:0px;
|
rlm@46
|
36 margin-left:0px;
|
rlm@46
|
37 margin-right:0px;
|
rlm@46
|
38 background-image:url(../img/bar.gif);
|
rlm@46
|
39 background-position: 0px 2px;
|
rlm@46
|
40 background-repeat: repeat-x;
|
rlm@46
|
41 background-color: #ff0000;
|
rlm@46
|
42 opacity: 1;
|
rlm@46
|
43 -moz-opacity: 1;
|
rlm@46
|
44 filter: alpha(opacity=100);
|
rlm@46
|
45
|
rlm@46
|
46 }
|
rlm@46
|
47
|
rlm@46
|
48 #opacity-slider-stroke {
|
rlm@46
|
49 position: relative;
|
rlm@46
|
50 top:-20px;
|
rlm@46
|
51
|
rlm@46
|
52
|
rlm@46
|
53 width:50px;
|
rlm@46
|
54 height:14px;
|
rlm@46
|
55 padding-top:0px;
|
rlm@46
|
56 padding-left:0px;
|
rlm@46
|
57 padding-right:0px;
|
rlm@46
|
58 margin-left:0px;
|
rlm@46
|
59 margin-right:0px;
|
rlm@46
|
60 background-image:url(../img/bar.gif);
|
rlm@46
|
61 background-position: 0px 2px;
|
rlm@46
|
62 background-repeat: repeat-x;
|
rlm@46
|
63 background-color: #000000;
|
rlm@46
|
64 opacity: 1;
|
rlm@46
|
65 -moz-opacity: 1;
|
rlm@46
|
66 filter: alpha(opacity=100);
|
rlm@46
|
67
|
rlm@46
|
68 }
|
rlm@46
|
69
|
rlm@46
|
70 #width-slider-stroke-mask {
|
rlm@46
|
71 position: relative;
|
rlm@46
|
72 top:-4px;
|
rlm@46
|
73 width:1px;
|
rlm@46
|
74 height:14px;
|
rlm@46
|
75 padding-top:0px;
|
rlm@46
|
76 padding-left:0px;
|
rlm@46
|
77 padding-right:0px;
|
rlm@46
|
78 margin-left:0px;
|
rlm@46
|
79 margin-right:0px;
|
rlm@46
|
80 background-color: #000000;
|
rlm@46
|
81
|
rlm@46
|
82 }
|
rlm@46
|
83 #width-slider-stroke {
|
rlm@46
|
84 position:relative;
|
rlm@46
|
85 width:50px;
|
rlm@46
|
86 height:14px;
|
rlm@46
|
87 top:-18px;
|
rlm@46
|
88 padding-top:0px;
|
rlm@46
|
89 padding-left:0px;
|
rlm@46
|
90 padding-right:0px;
|
rlm@46
|
91 margin-left:0px;
|
rlm@46
|
92 margin-right:0px;
|
rlm@46
|
93 background-image:url(../img/bar.gif);
|
rlm@46
|
94 background-position: 0px 2px;
|
rlm@46
|
95 background-repeat: repeat-x;
|
rlm@46
|
96 background-color: transparent;
|
rlm@46
|
97
|
rlm@46
|
98 }
|
rlm@46
|
99 #slider-fill .x-slider-thumb {
|
rlm@46
|
100 top:0px;
|
rlm@46
|
101 height:12px;
|
rlm@46
|
102 background-image:url(../img/slider-point.gif);
|
rlm@46
|
103 padding:0px;
|
rlm@46
|
104 margin:0px;
|
rlm@46
|
105
|
rlm@46
|
106 }
|
rlm@46
|
107 #slider-stroke .x-slider-thumb {
|
rlm@46
|
108 top:0px;
|
rlm@46
|
109 height:12px;
|
rlm@46
|
110 background-image:url(../img/slider-point.gif);
|
rlm@46
|
111 }
|
rlm@46
|
112 #opacity-slider-fill .x-slider-thumb {
|
rlm@46
|
113 top:0px;
|
rlm@46
|
114 background-image:url(../img/slider-metal.gif);
|
rlm@46
|
115 }
|
rlm@46
|
116 #opacity-slider-stroke .x-slider-thumb {
|
rlm@46
|
117 top:0px;
|
rlm@46
|
118 background-image:url(../img/slider-metal.gif);
|
rlm@46
|
119 }
|
rlm@46
|
120 #width-slider-stroke .x-slider-thumb {
|
rlm@46
|
121 top:0px;
|
rlm@46
|
122 background-image:url(../img/slider-metal.gif);
|
rlm@46
|
123 }
|
rlm@46
|
124
|
rlm@46
|
125 .x-slider{zoom:1;}
|
rlm@46
|
126 .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}
|
rlm@46
|
127 .x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
|
rlm@46
|
128
|
rlm@46
|
129 .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}
|
rlm@46
|
130 .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}
|
rlm@46
|
131
|
rlm@46
|
132
|
rlm@46
|
133 .x-slider-horz{padding-left:7px;background:transparent url() no-repeat 0 -22px;}
|
rlm@46
|
134 .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url() no-repeat right -44px;}
|
rlm@46
|
135 .x-slider-horz .x-slider-inner{background:transparent url() repeat-x 0 0;height:22px;}
|
rlm@46
|
136 .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url() no-repeat 0 0;}
|