Subversion Repositories ALCASAR

Rev

Details | Last modification | View Log

Rev Author Line No. Line
3241 rexy 1 
/* Ion.RangeSlider
2 
// css version 2.0.3
3 
// © 2013-2014 Denis Ineshin | IonDen.com
4 
// ===================================================================================================================*/
5 
 
6 
/* =====================================================================================================================
7 
// RangeSlider */
8 
 
9 
.irs {
10 
    position: relative; display: block;
11 
    -webkit-touch-callout: none;
12 
    -webkit-user-select: none;
13 
    -khtml-user-select: none;
14 
    -moz-user-select: none;
15 
    -ms-user-select: none;
16 
    user-select: none;
17 
}
18 
.irs-line {
19 
    position: relative; display: block;
20 
    overflow: hidden;
21 
    outline: none !important;
22 
}
23 
.irs-line-left, .irs-line-mid, .irs-line-right {
24 
    position: absolute; display: block;
25 
    top: 0;
26 
}
27 
.irs-line-left {
28 
    left: 0; width: 11%;
29 
}
30 
.irs-line-mid {
31 
    left: 9%; width: 82%;
32 
}
33 
.irs-line-right {
34 
    right: 0; width: 11%;
35 
}
36 
 
37 
.irs-bar {
38 
    position: absolute; display: block;
39 
    left: 0; width: 0;
40 
}
41 
.irs-bar-edge {
42 
    position: absolute; display: block;
43 
    top: 0; left: 0;
44 
}
45 
 
46 
.irs-shadow {
47 
    position: absolute; display: none;
48 
    left: 0; width: 0;
49 
}
50 
 
51 
.irs-slider {
52 
    position: absolute; display: block;
53 
    cursor: default;
54 
    z-index: 1;
55 
}
56 
.irs-slider.single {
57 
 
58 
}
59 
.irs-slider.from {
60 
 
61 
}
62 
.irs-slider.to {
63 
 
64 
}
65 
.irs-slider.type_last {
66 
    z-index: 2;
67 
}
68 
 
69 
.irs-min {
70 
    position: absolute; display: block;
71 
    left: 0;
72 
    cursor: default;
73 
}
74 
.irs-max {
75 
    position: absolute; display: block;
76 
    right: 0;
77 
    cursor: default;
78 
}
79 
 
80 
.irs-from, .irs-to, .irs-single {
81 
    position: absolute; display: block;
82 
    top: 0; left: 0;
83 
    cursor: default;
84 
    white-space: nowrap;
85 
}
86 
 
87 
.irs-grid {
88 
    position: absolute; display: none;
89 
    bottom: 0; left: 0;
90 
    width: 100%; height: 20px;
91 
}
92 
.irs-with-grid .irs-grid {
93 
    display: block;
94 
}
95 
.irs-grid-pol {
96 
    position: absolute;
97 
    top: 0; left: 0;
98 
    width: 1px; height: 8px;
99 
    background: #000;
100 
}
101 
.irs-grid-pol.small {
102 
    height: 4px;
103 
}
104 
.irs-grid-text {
105 
    position: absolute;
106 
    bottom: 0; left: 0;
107 
    white-space: nowrap;
108 
    text-align: center;
109 
    font-size: 9px; line-height: 9px;
110 
    padding: 0 3px;
111 
    color: #000;
112 
}
113 
 
114 
.irs-disable-mask {
115 
    position: absolute; display: block;
116 
    top: 0; left: -1%;
117 
    width: 102%; height: 100%;
118 
    cursor: default;
119 
    background: rgba(0,0,0,0.0);
120 
    z-index: 2;
121 
}
122 
.lt-ie9 .irs-disable-mask {
123 
    background: #000;
124 
    filter: alpha(opacity=0);
125 
    cursor: not-allowed;
126 
}
127 
 
128 
.irs-disabled {
129 
    opacity: 0.4;
130 
}
131 
 
132 
 
133 
.irs-hidden-input {
134 
    position: absolute !important;
135 
    display: block !important;
136 
    top: 0 !important;
137 
    left: 0 !important;
138 
    width: 0 !important;
139 
    height: 0 !important;
140 
    font-size: 0 !important;
141 
    line-height: 0 !important;
142 
    padding: 0 !important;
143 
    margin: 0 !important;
144 
    overflow: hidden;
145 
    outline: none !important;
146 
    z-index: -9999 !important;
147 
    background: none !important;
148 
    border-style: solid !important;
149 
    border-color: transparent !important;
150 
}
151 
 
152 
/* Ion.RangeSlider, Nice Skin
153 
// css version 2.0.3
154 
// © Denis Ineshin, 2014    https://github.com/IonDen
155 
// ===================================================================================================================*/
156 
 
157 
/* =====================================================================================================================
158 
// Skin details */
159 
 
160 
.irs-line-mid,
161 
.irs-line-left,
162 
.irs-line-right,
163 
.irs-bar,
164 
.irs-bar-edge,
165 
.irs-slider {
166 
    background: url(sprite-skin-nice.png) repeat-x;
167 
}
168 
 
169 
.irs {
170 
    height: 40px;
171 
}
172 
.irs-with-grid {
173 
    height: 60px;
174 
}
175 
.irs-line {
176 
    height: 8px; top: 25px;
177 
}
178 
.irs-line-left {
179 
    height: 8px;
180 
    background-position: 0 -30px;
181 
}
182 
.irs-line-mid {
183 
    height: 8px;
184 
    background-position: 0 0;
185 
}
186 
.irs-line-right {
187 
    height: 8px;
188 
    background-position: 100% -30px;
189 
}
190 
 
191 
.irs-bar {
192 
    height: 8px; top: 25px;
193 
    background-position: 0 -60px;
194 
}
195 
.irs-bar-edge {
196 
    top: 25px;
197 
    height: 8px; width: 11px;
198 
    background-position: 0 -90px;
199 
}
200 
 
201 
.irs-shadow {
202 
    height: 1px; top: 34px;
203 
    background: #000;
204 
    opacity: 0.15;
205 
}
206 
.lt-ie9 .irs-shadow {
207 
    filter: alpha(opacity=15);
208 
}
209 
 
210 
.irs-slider {
211 
    width: 22px; height: 22px;
212 
    top: 17px;
213 
    background-position: 0 -120px;
214 
}
215 
.irs-slider.state_hover, .irs-slider:hover {
216 
    background-position: 0 -150px;
217 
}
218 
 
219 
.irs-min, .irs-max {
220 
    color: #999;
221 
    font-size: 10px; line-height: 1.333;
222 
    text-shadow: none;
223 
    top: 0; padding: 1px 3px;
224 
    background: rgba(0,0,0,0.1);
225 
    -moz-border-radius: 3px;
226 
    border-radius: 3px;
227 
}
228 
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
229 
    background: #ccc;
230 
}
231 
 
232 
.irs-from, .irs-to, .irs-single {
233 
    color: #fff;
234 
    font-size: 10px; line-height: 1.333;
235 
    text-shadow: none;
236 
    padding: 1px 5px;
237 
    background: rgba(0,0,0,0.3);
238 
    -moz-border-radius: 3px;
239 
    border-radius: 3px;
240 
}
241 
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
242 
    background: #999;
243 
}
244 
 
245 
.irs-grid-pol {
246 
    background: #99a4ac;
247 
}
248 
.irs-grid-text {
249 
    color: #99a4ac;
250 
}
251 
 
252 
.irs-disabled {
253 
}