source: firmaeventos/static/plugins/iCheck/flat/_all.css @ bf47591

Last change on this file since bf47591 was bf47591, checked in by Leonel Hernandez <leonelphm@…>, 7 years ago

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