Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/* iCheck plugin Flat skin
2 
----------------------------------- */
3 
.icheckbox_flat,
4 
.iradio_flat {
5 
    display: inline-block;
6 
    *display: inline;
7 
    vertical-align: middle;
8 
    margin: 0;
9 
    padding: 0;
10 
    width: 20px;
11 
    height: 20px;
12 
    background: url(flat.png) no-repeat;
13 
    border: none;
14 
    cursor: pointer;
15 
}
16 
 
17 
.icheckbox_flat {
18 
    background-position: 0 0;
19 
}
20 
    .icheckbox_flat.checked {
21 
        background-position: -22px 0;
22 
    }
23 
    .icheckbox_flat.disabled {
24 
        background-position: -44px 0;
25 
        cursor: default;
26 
    }
27 
    .icheckbox_flat.checked.disabled {
28 
        background-position: -66px 0;
29 
    }
30 
 
31 
.iradio_flat {
32 
    background-position: -88px 0;
33 
}
34 
    .iradio_flat.checked {
35 
        background-position: -110px 0;
36 
    }
37 
    .iradio_flat.disabled {
38 
        background-position: -132px 0;
39 
        cursor: default;
40 
    }
41 
    .iradio_flat.checked.disabled {
42 
        background-position: -154px 0;
43 
    }
44 
 
45 
/* HiDPI support */
46 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
47 
    .icheckbox_flat,
48 
    .iradio_flat {
49 
        background-image: url(flat@2x.png);
50 
        -webkit-background-size: 176px 22px;
51 
        background-size: 176px 22px;
52 
    }
53 
}
54 
 
55 
/* red */
56 
.icheckbox_flat-red,
57 
.iradio_flat-red {
58 
    display: inline-block;
59 
    *display: inline;
60 
    vertical-align: middle;
61 
    margin: 0;
62 
    padding: 0;
63 
    width: 20px;
64 
    height: 20px;
65 
    background: url(red.png) no-repeat;
66 
    border: none;
67 
    cursor: pointer;
68 
}
69 
 
70 
.icheckbox_flat-red {
71 
    background-position: 0 0;
72 
}
73 
    .icheckbox_flat-red.checked {
74 
        background-position: -22px 0;
75 
    }
76 
    .icheckbox_flat-red.disabled {
77 
        background-position: -44px 0;
78 
        cursor: default;
79 
    }
80 
    .icheckbox_flat-red.checked.disabled {
81 
        background-position: -66px 0;
82 
    }
83 
 
84 
.iradio_flat-red {
85 
    background-position: -88px 0;
86 
}
87 
    .iradio_flat-red.checked {
88 
        background-position: -110px 0;
89 
    }
90 
    .iradio_flat-red.disabled {
91 
        background-position: -132px 0;
92 
        cursor: default;
93 
    }
94 
    .iradio_flat-red.checked.disabled {
95 
        background-position: -154px 0;
96 
    }
97 
 
98 
/* HiDPI support */
99 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
100 
    .icheckbox_flat-red,
101 
    .iradio_flat-red {
102 
        background-image: url(red@2x.png);
103 
        -webkit-background-size: 176px 22px;
104 
        background-size: 176px 22px;
105 
    }
106 
}
107 
 
108 
/* green */
109 
.icheckbox_flat-green,
110 
.iradio_flat-green {
111 
    display: inline-block;
112 
    *display: inline;
113 
    vertical-align: middle;
114 
    margin: 0;
115 
    padding: 0;
116 
    width: 20px;
117 
    height: 20px;
118 
    background: url(green.png) no-repeat;
119 
    border: none;
120 
    cursor: pointer;
121 
}
122 
 
123 
.icheckbox_flat-green {
124 
    background-position: 0 0;
125 
}
126 
    .icheckbox_flat-green.checked {
127 
        background-position: -22px 0;
128 
    }
129 
    .icheckbox_flat-green.disabled {
130 
        background-position: -44px 0;
131 
        cursor: default;
132 
    }
133 
    .icheckbox_flat-green.checked.disabled {
134 
        background-position: -66px 0;
135 
    }
136 
 
137 
.iradio_flat-green {
138 
    background-position: -88px 0;
139 
}
140 
    .iradio_flat-green.checked {
141 
        background-position: -110px 0;
142 
    }
143 
    .iradio_flat-green.disabled {
144 
        background-position: -132px 0;
145 
        cursor: default;
146 
    }
147 
    .iradio_flat-green.checked.disabled {
148 
        background-position: -154px 0;
149 
    }
150 
 
151 
/* HiDPI support */
152 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
153 
    .icheckbox_flat-green,
154 
    .iradio_flat-green {
155 
        background-image: url(green@2x.png);
156 
        -webkit-background-size: 176px 22px;
157 
        background-size: 176px 22px;
158 
    }
159 
}
160 
 
161 
/* blue */
162 
.icheckbox_flat-blue,
163 
.iradio_flat-blue {
164 
    display: inline-block;
165 
    *display: inline;
166 
    vertical-align: middle;
167 
    margin: 0;
168 
    padding: 0;
169 
    width: 20px;
170 
    height: 20px;
171 
    background: url(blue.png) no-repeat;
172 
    border: none;
173 
    cursor: pointer;
174 
}
175 
 
176 
.icheckbox_flat-blue {
177 
    background-position: 0 0;
178 
}
179 
    .icheckbox_flat-blue.checked {
180 
        background-position: -22px 0;
181 
    }
182 
    .icheckbox_flat-blue.disabled {
183 
        background-position: -44px 0;
184 
        cursor: default;
185 
    }
186 
    .icheckbox_flat-blue.checked.disabled {
187 
        background-position: -66px 0;
188 
    }
189 
 
190 
.iradio_flat-blue {
191 
    background-position: -88px 0;
192 
}
193 
    .iradio_flat-blue.checked {
194 
        background-position: -110px 0;
195 
    }
196 
    .iradio_flat-blue.disabled {
197 
        background-position: -132px 0;
198 
        cursor: default;
199 
    }
200 
    .iradio_flat-blue.checked.disabled {
201 
        background-position: -154px 0;
202 
    }
203 
 
204 
/* HiDPI support */
205 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
206 
    .icheckbox_flat-blue,
207 
    .iradio_flat-blue {
208 
        background-image: url(blue@2x.png);
209 
        -webkit-background-size: 176px 22px;
210 
        background-size: 176px 22px;
211 
    }
212 
}
213 
 
214 
/* aero */
215 
.icheckbox_flat-aero,
216 
.iradio_flat-aero {
217 
    display: inline-block;
218 
    *display: inline;
219 
    vertical-align: middle;
220 
    margin: 0;
221 
    padding: 0;
222 
    width: 20px;
223 
    height: 20px;
224 
    background: url(aero.png) no-repeat;
225 
    border: none;
226 
    cursor: pointer;
227 
}
228 
 
229 
.icheckbox_flat-aero {
230 
    background-position: 0 0;
231 
}
232 
    .icheckbox_flat-aero.checked {
233 
        background-position: -22px 0;
234 
    }
235 
    .icheckbox_flat-aero.disabled {
236 
        background-position: -44px 0;
237 
        cursor: default;
238 
    }
239 
    .icheckbox_flat-aero.checked.disabled {
240 
        background-position: -66px 0;
241 
    }
242 
 
243 
.iradio_flat-aero {
244 
    background-position: -88px 0;
245 
}
246 
    .iradio_flat-aero.checked {
247 
        background-position: -110px 0;
248 
    }
249 
    .iradio_flat-aero.disabled {
250 
        background-position: -132px 0;
251 
        cursor: default;
252 
    }
253 
    .iradio_flat-aero.checked.disabled {
254 
        background-position: -154px 0;
255 
    }
256 
 
257 
/* HiDPI support */
258 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
259 
    .icheckbox_flat-aero,
260 
    .iradio_flat-aero {
261 
        background-image: url(aero@2x.png);
262 
        -webkit-background-size: 176px 22px;
263 
        background-size: 176px 22px;
264 
    }
265 
}
266 
 
267 
/* grey */
268 
.icheckbox_flat-grey,
269 
.iradio_flat-grey {
270 
    display: inline-block;
271 
    *display: inline;
272 
    vertical-align: middle;
273 
    margin: 0;
274 
    padding: 0;
275 
    width: 20px;
276 
    height: 20px;
277 
    background: url(grey.png) no-repeat;
278 
    border: none;
279 
    cursor: pointer;
280 
}
281 
 
282 
.icheckbox_flat-grey {
283 
    background-position: 0 0;
284 
}
285 
    .icheckbox_flat-grey.checked {
286 
        background-position: -22px 0;
287 
    }
288 
    .icheckbox_flat-grey.disabled {
289 
        background-position: -44px 0;
290 
        cursor: default;
291 
    }
292 
    .icheckbox_flat-grey.checked.disabled {
293 
        background-position: -66px 0;
294 
    }
295 
 
296 
.iradio_flat-grey {
297 
    background-position: -88px 0;
298 
}
299 
    .iradio_flat-grey.checked {
300 
        background-position: -110px 0;
301 
    }
302 
    .iradio_flat-grey.disabled {
303 
        background-position: -132px 0;
304 
        cursor: default;
305 
    }
306 
    .iradio_flat-grey.checked.disabled {
307 
        background-position: -154px 0;
308 
    }
309 
 
310 
/* HiDPI support */
311 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
312 
    .icheckbox_flat-grey,
313 
    .iradio_flat-grey {
314 
        background-image: url(grey@2x.png);
315 
        -webkit-background-size: 176px 22px;
316 
        background-size: 176px 22px;
317 
    }
318 
}
319 
 
320 
/* orange */
321 
.icheckbox_flat-orange,
322 
.iradio_flat-orange {
323 
    display: inline-block;
324 
    *display: inline;
325 
    vertical-align: middle;
326 
    margin: 0;
327 
    padding: 0;
328 
    width: 20px;
329 
    height: 20px;
330 
    background: url(orange.png) no-repeat;
331 
    border: none;
332 
    cursor: pointer;
333 
}
334 
 
335 
.icheckbox_flat-orange {
336 
    background-position: 0 0;
337 
}
338 
    .icheckbox_flat-orange.checked {
339 
        background-position: -22px 0;
340 
    }
341 
    .icheckbox_flat-orange.disabled {
342 
        background-position: -44px 0;
343 
        cursor: default;
344 
    }
345 
    .icheckbox_flat-orange.checked.disabled {
346 
        background-position: -66px 0;
347 
    }
348 
 
349 
.iradio_flat-orange {
350 
    background-position: -88px 0;
351 
}
352 
    .iradio_flat-orange.checked {
353 
        background-position: -110px 0;
354 
    }
355 
    .iradio_flat-orange.disabled {
356 
        background-position: -132px 0;
357 
        cursor: default;
358 
    }
359 
    .iradio_flat-orange.checked.disabled {
360 
        background-position: -154px 0;
361 
    }
362 
 
363 
/* HiDPI support */
364 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
365 
    .icheckbox_flat-orange,
366 
    .iradio_flat-orange {
367 
        background-image: url(orange@2x.png);
368 
        -webkit-background-size: 176px 22px;
369 
        background-size: 176px 22px;
370 
    }
371 
}
372 
 
373 
/* yellow */
374 
.icheckbox_flat-yellow,
375 
.iradio_flat-yellow {
376 
    display: inline-block;
377 
    *display: inline;
378 
    vertical-align: middle;
379 
    margin: 0;
380 
    padding: 0;
381 
    width: 20px;
382 
    height: 20px;
383 
    background: url(yellow.png) no-repeat;
384 
    border: none;
385 
    cursor: pointer;
386 
}
387 
 
388 
.icheckbox_flat-yellow {
389 
    background-position: 0 0;
390 
}
391 
    .icheckbox_flat-yellow.checked {
392 
        background-position: -22px 0;
393 
    }
394 
    .icheckbox_flat-yellow.disabled {
395 
        background-position: -44px 0;
396 
        cursor: default;
397 
    }
398 
    .icheckbox_flat-yellow.checked.disabled {
399 
        background-position: -66px 0;
400 
    }
401 
 
402 
.iradio_flat-yellow {
403 
    background-position: -88px 0;
404 
}
405 
    .iradio_flat-yellow.checked {
406 
        background-position: -110px 0;
407 
    }
408 
    .iradio_flat-yellow.disabled {
409 
        background-position: -132px 0;
410 
        cursor: default;
411 
    }
412 
    .iradio_flat-yellow.checked.disabled {
413 
        background-position: -154px 0;
414 
    }
415 
 
416 
/* HiDPI support */
417 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
418 
    .icheckbox_flat-yellow,
419 
    .iradio_flat-yellow {
420 
        background-image: url(yellow@2x.png);
421 
        -webkit-background-size: 176px 22px;
422 
        background-size: 176px 22px;
423 
    }
424 
}
425 
 
426 
/* pink */
427 
.icheckbox_flat-pink,
428 
.iradio_flat-pink {
429 
    display: inline-block;
430 
    *display: inline;
431 
    vertical-align: middle;
432 
    margin: 0;
433 
    padding: 0;
434 
    width: 20px;
435 
    height: 20px;
436 
    background: url(pink.png) no-repeat;
437 
    border: none;
438 
    cursor: pointer;
439 
}
440 
 
441 
.icheckbox_flat-pink {
442 
    background-position: 0 0;
443 
}
444 
    .icheckbox_flat-pink.checked {
445 
        background-position: -22px 0;
446 
    }
447 
    .icheckbox_flat-pink.disabled {
448 
        background-position: -44px 0;
449 
        cursor: default;
450 
    }
451 
    .icheckbox_flat-pink.checked.disabled {
452 
        background-position: -66px 0;
453 
    }
454 
 
455 
.iradio_flat-pink {
456 
    background-position: -88px 0;
457 
}
458 
    .iradio_flat-pink.checked {
459 
        background-position: -110px 0;
460 
    }
461 
    .iradio_flat-pink.disabled {
462 
        background-position: -132px 0;
463 
        cursor: default;
464 
    }
465 
    .iradio_flat-pink.checked.disabled {
466 
        background-position: -154px 0;
467 
    }
468 
 
469 
/* HiDPI support */
470 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
471 
    .icheckbox_flat-pink,
472 
    .iradio_flat-pink {
473 
        background-image: url(pink@2x.png);
474 
        -webkit-background-size: 176px 22px;
475 
        background-size: 176px 22px;
476 
    }
477 
}
478 
 
479 
/* purple */
480 
.icheckbox_flat-purple,
481 
.iradio_flat-purple {
482 
    display: inline-block;
483 
    *display: inline;
484 
    vertical-align: middle;
485 
    margin: 0;
486 
    padding: 0;
487 
    width: 20px;
488 
    height: 20px;
489 
    background: url(purple.png) no-repeat;
490 
    border: none;
491 
    cursor: pointer;
492 
}
493 
 
494 
.icheckbox_flat-purple {
495 
    background-position: 0 0;
496 
}
497 
    .icheckbox_flat-purple.checked {
498 
        background-position: -22px 0;
499 
    }
500 
    .icheckbox_flat-purple.disabled {
501 
        background-position: -44px 0;
502 
        cursor: default;
503 
    }
504 
    .icheckbox_flat-purple.checked.disabled {
505 
        background-position: -66px 0;
506 
    }
507 
 
508 
.iradio_flat-purple {
509 
    background-position: -88px 0;
510 
}
511 
    .iradio_flat-purple.checked {
512 
        background-position: -110px 0;
513 
    }
514 
    .iradio_flat-purple.disabled {
515 
        background-position: -132px 0;
516 
        cursor: default;
517 
    }
518 
    .iradio_flat-purple.checked.disabled {
519 
        background-position: -154px 0;
520 
    }
521 
 
522 
/* HiDPI support */
523 
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
524 
    .icheckbox_flat-purple,
525 
    .iradio_flat-purple {
526 
        background-image: url(purple@2x.png);
527 
        -webkit-background-size: 176px 22px;
528 
        background-size: 176px 22px;
529 
    }
530 
}