]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* iCheck plugin Line skin |
2 | ----------------------------------- */ | |
3 | .icheckbox_line, | |
4 | .iradio_line { | |
5 | position: relative; | |
6 | display: block; | |
7 | margin: 0; | |
8 | padding: 5px 15px 5px 38px; | |
9 | font-size: 13px; | |
10 | line-height: 17px; | |
11 | color: #fff; | |
12 | background: #000; | |
13 | border: none; | |
14 | -webkit-border-radius: 3px; | |
15 | -moz-border-radius: 3px; | |
16 | border-radius: 3px; | |
17 | cursor: pointer; | |
18 | } | |
19 | .icheckbox_line .icheck_line-icon, | |
20 | .iradio_line .icheck_line-icon { | |
21 | position: absolute; | |
22 | top: 50%; | |
23 | left: 13px; | |
24 | width: 13px; | |
25 | height: 11px; | |
26 | margin: -5px 0 0 0; | |
27 | padding: 0; | |
28 | overflow: hidden; | |
29 | background: url(line.png) no-repeat; | |
30 | border: none; | |
31 | } | |
32 | .icheckbox_line.hover, | |
33 | .icheckbox_line.checked.hover, | |
34 | .iradio_line.hover { | |
35 | background: #444; | |
36 | } | |
37 | .icheckbox_line.checked, | |
38 | .iradio_line.checked { | |
39 | background: #000; | |
40 | } | |
41 | .icheckbox_line.checked .icheck_line-icon, | |
42 | .iradio_line.checked .icheck_line-icon { | |
43 | background-position: -15px 0; | |
44 | } | |
45 | .icheckbox_line.disabled, | |
46 | .iradio_line.disabled { | |
47 | background: #ccc; | |
48 | cursor: default; | |
49 | } | |
50 | .icheckbox_line.disabled .icheck_line-icon, | |
51 | .iradio_line.disabled .icheck_line-icon { | |
52 | background-position: -30px 0; | |
53 | } | |
54 | .icheckbox_line.checked.disabled, | |
55 | .iradio_line.checked.disabled { | |
56 | background: #ccc; | |
57 | } | |
58 | .icheckbox_line.checked.disabled .icheck_line-icon, | |
59 | .iradio_line.checked.disabled .icheck_line-icon { | |
60 | background-position: -45px 0; | |
61 | } | |
62 | ||
63 | /* Retina support */ | |
64 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
65 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
66 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
67 | only screen and (min-device-pixel-ratio: 1.5) { | |
68 | .icheckbox_line .icheck_line-icon, | |
69 | .iradio_line .icheck_line-icon { | |
70 | background-image: url(line@2x.png); | |
71 | -webkit-background-size: 60px 13px; | |
72 | background-size: 60px 13px; | |
73 | } | |
74 | } | |
75 | ||
76 | /* red */ | |
77 | .icheckbox_line-red, | |
78 | .iradio_line-red { | |
79 | position: relative; | |
80 | display: block; | |
81 | margin: 0; | |
82 | padding: 5px 15px 5px 38px; | |
83 | font-size: 13px; | |
84 | line-height: 17px; | |
85 | color: #fff; | |
86 | background: #e56c69; | |
87 | border: none; | |
88 | -webkit-border-radius: 3px; | |
89 | -moz-border-radius: 3px; | |
90 | border-radius: 3px; | |
91 | cursor: pointer; | |
92 | } | |
93 | .icheckbox_line-red .icheck_line-icon, | |
94 | .iradio_line-red .icheck_line-icon { | |
95 | position: absolute; | |
96 | top: 50%; | |
97 | left: 13px; | |
98 | width: 13px; | |
99 | height: 11px; | |
100 | margin: -5px 0 0 0; | |
101 | padding: 0; | |
102 | overflow: hidden; | |
103 | background: url(line.png) no-repeat; | |
104 | border: none; | |
105 | } | |
106 | .icheckbox_line-red.hover, | |
107 | .icheckbox_line-red.checked.hover, | |
108 | .iradio_line-red.hover { | |
109 | background: #E98582; | |
110 | } | |
111 | .icheckbox_line-red.checked, | |
112 | .iradio_line-red.checked { | |
113 | background: #e56c69; | |
114 | } | |
115 | .icheckbox_line-red.checked .icheck_line-icon, | |
116 | .iradio_line-red.checked .icheck_line-icon { | |
117 | background-position: -15px 0; | |
118 | } | |
119 | .icheckbox_line-red.disabled, | |
120 | .iradio_line-red.disabled { | |
121 | background: #F7D3D2; | |
122 | cursor: default; | |
123 | } | |
124 | .icheckbox_line-red.disabled .icheck_line-icon, | |
125 | .iradio_line-red.disabled .icheck_line-icon { | |
126 | background-position: -30px 0; | |
127 | } | |
128 | .icheckbox_line-red.checked.disabled, | |
129 | .iradio_line-red.checked.disabled { | |
130 | background: #F7D3D2; | |
131 | } | |
132 | .icheckbox_line-red.checked.disabled .icheck_line-icon, | |
133 | .iradio_line-red.checked.disabled .icheck_line-icon { | |
134 | background-position: -45px 0; | |
135 | } | |
136 | ||
137 | /* Retina support */ | |
138 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
139 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
140 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
141 | only screen and (min-device-pixel-ratio: 1.5) { | |
142 | .icheckbox_line-red .icheck_line-icon, | |
143 | .iradio_line-red .icheck_line-icon { | |
144 | background-image: url(line@2x.png); | |
145 | -webkit-background-size: 60px 13px; | |
146 | background-size: 60px 13px; | |
147 | } | |
148 | } | |
149 | ||
150 | /* green */ | |
151 | .icheckbox_line-green, | |
152 | .iradio_line-green { | |
153 | position: relative; | |
154 | display: block; | |
155 | margin: 0; | |
156 | padding: 5px 15px 5px 38px; | |
157 | font-size: 13px; | |
158 | line-height: 17px; | |
159 | color: #fff; | |
160 | background: #1b7e5a; | |
161 | border: none; | |
162 | -webkit-border-radius: 3px; | |
163 | -moz-border-radius: 3px; | |
164 | border-radius: 3px; | |
165 | cursor: pointer; | |
166 | } | |
167 | .icheckbox_line-green .icheck_line-icon, | |
168 | .iradio_line-green .icheck_line-icon { | |
169 | position: absolute; | |
170 | top: 50%; | |
171 | left: 13px; | |
172 | width: 13px; | |
173 | height: 11px; | |
174 | margin: -5px 0 0 0; | |
175 | padding: 0; | |
176 | overflow: hidden; | |
177 | background: url(line.png) no-repeat; | |
178 | border: none; | |
179 | } | |
180 | .icheckbox_line-green.hover, | |
181 | .icheckbox_line-green.checked.hover, | |
182 | .iradio_line-green.hover { | |
183 | background: #24AA7A; | |
184 | } | |
185 | .icheckbox_line-green.checked, | |
186 | .iradio_line-green.checked { | |
187 | background: #1b7e5a; | |
188 | } | |
189 | .icheckbox_line-green.checked .icheck_line-icon, | |
190 | .iradio_line-green.checked .icheck_line-icon { | |
191 | background-position: -15px 0; | |
192 | } | |
193 | .icheckbox_line-green.disabled, | |
194 | .iradio_line-green.disabled { | |
195 | background: #89E6C4; | |
196 | cursor: default; | |
197 | } | |
198 | .icheckbox_line-green.disabled .icheck_line-icon, | |
199 | .iradio_line-green.disabled .icheck_line-icon { | |
200 | background-position: -30px 0; | |
201 | } | |
202 | .icheckbox_line-green.checked.disabled, | |
203 | .iradio_line-green.checked.disabled { | |
204 | background: #89E6C4; | |
205 | } | |
206 | .icheckbox_line-green.checked.disabled .icheck_line-icon, | |
207 | .iradio_line-green.checked.disabled .icheck_line-icon { | |
208 | background-position: -45px 0; | |
209 | } | |
210 | ||
211 | /* Retina support */ | |
212 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
213 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
214 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
215 | only screen and (min-device-pixel-ratio: 1.5) { | |
216 | .icheckbox_line-green .icheck_line-icon, | |
217 | .iradio_line-green .icheck_line-icon { | |
218 | background-image: url(line@2x.png); | |
219 | -webkit-background-size: 60px 13px; | |
220 | background-size: 60px 13px; | |
221 | } | |
222 | } | |
223 | ||
224 | /* blue */ | |
225 | .icheckbox_line-blue, | |
226 | .iradio_line-blue { | |
227 | position: relative; | |
228 | display: block; | |
229 | margin: 0; | |
230 | padding: 5px 15px 5px 38px; | |
231 | font-size: 13px; | |
232 | line-height: 17px; | |
233 | color: #fff; | |
234 | background: #2489c5; | |
235 | border: none; | |
236 | -webkit-border-radius: 3px; | |
237 | -moz-border-radius: 3px; | |
238 | border-radius: 3px; | |
239 | cursor: pointer; | |
240 | } | |
241 | .icheckbox_line-blue .icheck_line-icon, | |
242 | .iradio_line-blue .icheck_line-icon { | |
243 | position: absolute; | |
244 | top: 50%; | |
245 | left: 13px; | |
246 | width: 13px; | |
247 | height: 11px; | |
248 | margin: -5px 0 0 0; | |
249 | padding: 0; | |
250 | overflow: hidden; | |
251 | background: url(line.png) no-repeat; | |
252 | border: none; | |
253 | } | |
254 | .icheckbox_line-blue.hover, | |
255 | .icheckbox_line-blue.checked.hover, | |
256 | .iradio_line-blue.hover { | |
257 | background: #3DA0DB; | |
258 | } | |
259 | .icheckbox_line-blue.checked, | |
260 | .iradio_line-blue.checked { | |
261 | background: #2489c5; | |
262 | } | |
263 | .icheckbox_line-blue.checked .icheck_line-icon, | |
264 | .iradio_line-blue.checked .icheck_line-icon { | |
265 | background-position: -15px 0; | |
266 | } | |
267 | .icheckbox_line-blue.disabled, | |
268 | .iradio_line-blue.disabled { | |
269 | background: #ADD7F0; | |
270 | cursor: default; | |
271 | } | |
272 | .icheckbox_line-blue.disabled .icheck_line-icon, | |
273 | .iradio_line-blue.disabled .icheck_line-icon { | |
274 | background-position: -30px 0; | |
275 | } | |
276 | .icheckbox_line-blue.checked.disabled, | |
277 | .iradio_line-blue.checked.disabled { | |
278 | background: #ADD7F0; | |
279 | } | |
280 | .icheckbox_line-blue.checked.disabled .icheck_line-icon, | |
281 | .iradio_line-blue.checked.disabled .icheck_line-icon { | |
282 | background-position: -45px 0; | |
283 | } | |
284 | ||
285 | /* Retina support */ | |
286 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
287 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
288 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
289 | only screen and (min-device-pixel-ratio: 1.5) { | |
290 | .icheckbox_line-blue .icheck_line-icon, | |
291 | .iradio_line-blue .icheck_line-icon { | |
292 | background-image: url(line@2x.png); | |
293 | -webkit-background-size: 60px 13px; | |
294 | background-size: 60px 13px; | |
295 | } | |
296 | } | |
297 | ||
298 | /* aero */ | |
299 | .icheckbox_line-aero, | |
300 | .iradio_line-aero { | |
301 | position: relative; | |
302 | display: block; | |
303 | margin: 0; | |
304 | padding: 5px 15px 5px 38px; | |
305 | font-size: 13px; | |
306 | line-height: 17px; | |
307 | color: #fff; | |
308 | background: #9cc2cb; | |
309 | border: none; | |
310 | -webkit-border-radius: 3px; | |
311 | -moz-border-radius: 3px; | |
312 | border-radius: 3px; | |
313 | cursor: pointer; | |
314 | } | |
315 | .icheckbox_line-aero .icheck_line-icon, | |
316 | .iradio_line-aero .icheck_line-icon { | |
317 | position: absolute; | |
318 | top: 50%; | |
319 | left: 13px; | |
320 | width: 13px; | |
321 | height: 11px; | |
322 | margin: -5px 0 0 0; | |
323 | padding: 0; | |
324 | overflow: hidden; | |
325 | background: url(line.png) no-repeat; | |
326 | border: none; | |
327 | } | |
328 | .icheckbox_line-aero.hover, | |
329 | .icheckbox_line-aero.checked.hover, | |
330 | .iradio_line-aero.hover { | |
331 | background: #B5D1D8; | |
332 | } | |
333 | .icheckbox_line-aero.checked, | |
334 | .iradio_line-aero.checked { | |
335 | background: #9cc2cb; | |
336 | } | |
337 | .icheckbox_line-aero.checked .icheck_line-icon, | |
338 | .iradio_line-aero.checked .icheck_line-icon { | |
339 | background-position: -15px 0; | |
340 | } | |
341 | .icheckbox_line-aero.disabled, | |
342 | .iradio_line-aero.disabled { | |
343 | background: #D2E4E8; | |
344 | cursor: default; | |
345 | } | |
346 | .icheckbox_line-aero.disabled .icheck_line-icon, | |
347 | .iradio_line-aero.disabled .icheck_line-icon { | |
348 | background-position: -30px 0; | |
349 | } | |
350 | .icheckbox_line-aero.checked.disabled, | |
351 | .iradio_line-aero.checked.disabled { | |
352 | background: #D2E4E8; | |
353 | } | |
354 | .icheckbox_line-aero.checked.disabled .icheck_line-icon, | |
355 | .iradio_line-aero.checked.disabled .icheck_line-icon { | |
356 | background-position: -45px 0; | |
357 | } | |
358 | ||
359 | /* Retina support */ | |
360 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
361 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
362 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
363 | only screen and (min-device-pixel-ratio: 1.5) { | |
364 | .icheckbox_line-aero .icheck_line-icon, | |
365 | .iradio_line-aero .icheck_line-icon { | |
366 | background-image: url(line@2x.png); | |
367 | -webkit-background-size: 60px 13px; | |
368 | background-size: 60px 13px; | |
369 | } | |
370 | } | |
371 | ||
372 | /* grey */ | |
373 | .icheckbox_line-grey, | |
374 | .iradio_line-grey { | |
375 | position: relative; | |
376 | display: block; | |
377 | margin: 0; | |
378 | padding: 5px 15px 5px 38px; | |
379 | font-size: 13px; | |
380 | line-height: 17px; | |
381 | color: #fff; | |
382 | background: #73716e; | |
383 | border: none; | |
384 | -webkit-border-radius: 3px; | |
385 | -moz-border-radius: 3px; | |
386 | border-radius: 3px; | |
387 | cursor: pointer; | |
388 | } | |
389 | .icheckbox_line-grey .icheck_line-icon, | |
390 | .iradio_line-grey .icheck_line-icon { | |
391 | position: absolute; | |
392 | top: 50%; | |
393 | left: 13px; | |
394 | width: 13px; | |
395 | height: 11px; | |
396 | margin: -5px 0 0 0; | |
397 | padding: 0; | |
398 | overflow: hidden; | |
399 | background: url(line.png) no-repeat; | |
400 | border: none; | |
401 | } | |
402 | .icheckbox_line-grey.hover, | |
403 | .icheckbox_line-grey.checked.hover, | |
404 | .iradio_line-grey.hover { | |
405 | background: #8B8986; | |
406 | } | |
407 | .icheckbox_line-grey.checked, | |
408 | .iradio_line-grey.checked { | |
409 | background: #73716e; | |
410 | } | |
411 | .icheckbox_line-grey.checked .icheck_line-icon, | |
412 | .iradio_line-grey.checked .icheck_line-icon { | |
413 | background-position: -15px 0; | |
414 | } | |
415 | .icheckbox_line-grey.disabled, | |
416 | .iradio_line-grey.disabled { | |
417 | background: #D5D4D3; | |
418 | cursor: default; | |
419 | } | |
420 | .icheckbox_line-grey.disabled .icheck_line-icon, | |
421 | .iradio_line-grey.disabled .icheck_line-icon { | |
422 | background-position: -30px 0; | |
423 | } | |
424 | .icheckbox_line-grey.checked.disabled, | |
425 | .iradio_line-grey.checked.disabled { | |
426 | background: #D5D4D3; | |
427 | } | |
428 | .icheckbox_line-grey.checked.disabled .icheck_line-icon, | |
429 | .iradio_line-grey.checked.disabled .icheck_line-icon { | |
430 | background-position: -45px 0; | |
431 | } | |
432 | ||
433 | /* Retina support */ | |
434 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
435 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
436 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
437 | only screen and (min-device-pixel-ratio: 1.5) { | |
438 | .icheckbox_line-grey .icheck_line-icon, | |
439 | .iradio_line-grey .icheck_line-icon { | |
440 | background-image: url(line@2x.png); | |
441 | -webkit-background-size: 60px 13px; | |
442 | background-size: 60px 13px; | |
443 | } | |
444 | } | |
445 | ||
446 | /* orange */ | |
447 | .icheckbox_line-orange, | |
448 | .iradio_line-orange { | |
449 | position: relative; | |
450 | display: block; | |
451 | margin: 0; | |
452 | padding: 5px 15px 5px 38px; | |
453 | font-size: 13px; | |
454 | line-height: 17px; | |
455 | color: #fff; | |
456 | background: #f70; | |
457 | border: none; | |
458 | -webkit-border-radius: 3px; | |
459 | -moz-border-radius: 3px; | |
460 | border-radius: 3px; | |
461 | cursor: pointer; | |
462 | } | |
463 | .icheckbox_line-orange .icheck_line-icon, | |
464 | .iradio_line-orange .icheck_line-icon { | |
465 | position: absolute; | |
466 | top: 50%; | |
467 | left: 13px; | |
468 | width: 13px; | |
469 | height: 11px; | |
470 | margin: -5px 0 0 0; | |
471 | padding: 0; | |
472 | overflow: hidden; | |
473 | background: url(line.png) no-repeat; | |
474 | border: none; | |
475 | } | |
476 | .icheckbox_line-orange.hover, | |
477 | .icheckbox_line-orange.checked.hover, | |
478 | .iradio_line-orange.hover { | |
479 | background: #FF9233; | |
480 | } | |
481 | .icheckbox_line-orange.checked, | |
482 | .iradio_line-orange.checked { | |
483 | background: #f70; | |
484 | } | |
485 | .icheckbox_line-orange.checked .icheck_line-icon, | |
486 | .iradio_line-orange.checked .icheck_line-icon { | |
487 | background-position: -15px 0; | |
488 | } | |
489 | .icheckbox_line-orange.disabled, | |
490 | .iradio_line-orange.disabled { | |
491 | background: #FFD6B3; | |
492 | cursor: default; | |
493 | } | |
494 | .icheckbox_line-orange.disabled .icheck_line-icon, | |
495 | .iradio_line-orange.disabled .icheck_line-icon { | |
496 | background-position: -30px 0; | |
497 | } | |
498 | .icheckbox_line-orange.checked.disabled, | |
499 | .iradio_line-orange.checked.disabled { | |
500 | background: #FFD6B3; | |
501 | } | |
502 | .icheckbox_line-orange.checked.disabled .icheck_line-icon, | |
503 | .iradio_line-orange.checked.disabled .icheck_line-icon { | |
504 | background-position: -45px 0; | |
505 | } | |
506 | ||
507 | /* Retina support */ | |
508 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
509 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
510 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
511 | only screen and (min-device-pixel-ratio: 1.5) { | |
512 | .icheckbox_line-orange .icheck_line-icon, | |
513 | .iradio_line-orange .icheck_line-icon { | |
514 | background-image: url(line@2x.png); | |
515 | -webkit-background-size: 60px 13px; | |
516 | background-size: 60px 13px; | |
517 | } | |
518 | } | |
519 | ||
520 | /* yellow */ | |
521 | .icheckbox_line-yellow, | |
522 | .iradio_line-yellow { | |
523 | position: relative; | |
524 | display: block; | |
525 | margin: 0; | |
526 | padding: 5px 15px 5px 38px; | |
527 | font-size: 13px; | |
528 | line-height: 17px; | |
529 | color: #fff; | |
530 | background: #FFC414; | |
531 | border: none; | |
532 | -webkit-border-radius: 3px; | |
533 | -moz-border-radius: 3px; | |
534 | border-radius: 3px; | |
535 | cursor: pointer; | |
536 | } | |
537 | .icheckbox_line-yellow .icheck_line-icon, | |
538 | .iradio_line-yellow .icheck_line-icon { | |
539 | position: absolute; | |
540 | top: 50%; | |
541 | left: 13px; | |
542 | width: 13px; | |
543 | height: 11px; | |
544 | margin: -5px 0 0 0; | |
545 | padding: 0; | |
546 | overflow: hidden; | |
547 | background: url(line.png) no-repeat; | |
548 | border: none; | |
549 | } | |
550 | .icheckbox_line-yellow.hover, | |
551 | .icheckbox_line-yellow.checked.hover, | |
552 | .iradio_line-yellow.hover { | |
553 | background: #FFD34F; | |
554 | } | |
555 | .icheckbox_line-yellow.checked, | |
556 | .iradio_line-yellow.checked { | |
557 | background: #FFC414; | |
558 | } | |
559 | .icheckbox_line-yellow.checked .icheck_line-icon, | |
560 | .iradio_line-yellow.checked .icheck_line-icon { | |
561 | background-position: -15px 0; | |
562 | } | |
563 | .icheckbox_line-yellow.disabled, | |
564 | .iradio_line-yellow.disabled { | |
565 | background: #FFE495; | |
566 | cursor: default; | |
567 | } | |
568 | .icheckbox_line-yellow.disabled .icheck_line-icon, | |
569 | .iradio_line-yellow.disabled .icheck_line-icon { | |
570 | background-position: -30px 0; | |
571 | } | |
572 | .icheckbox_line-yellow.checked.disabled, | |
573 | .iradio_line-yellow.checked.disabled { | |
574 | background: #FFE495; | |
575 | } | |
576 | .icheckbox_line-yellow.checked.disabled .icheck_line-icon, | |
577 | .iradio_line-yellow.checked.disabled .icheck_line-icon { | |
578 | background-position: -45px 0; | |
579 | } | |
580 | ||
581 | /* Retina support */ | |
582 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
583 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
584 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
585 | only screen and (min-device-pixel-ratio: 1.5) { | |
586 | .icheckbox_line-yellow .icheck_line-icon, | |
587 | .iradio_line-yellow .icheck_line-icon { | |
588 | background-image: url(line@2x.png); | |
589 | -webkit-background-size: 60px 13px; | |
590 | background-size: 60px 13px; | |
591 | } | |
592 | } | |
593 | ||
594 | /* pink */ | |
595 | .icheckbox_line-pink, | |
596 | .iradio_line-pink { | |
597 | position: relative; | |
598 | display: block; | |
599 | margin: 0; | |
600 | padding: 5px 15px 5px 38px; | |
601 | font-size: 13px; | |
602 | line-height: 17px; | |
603 | color: #fff; | |
604 | background: #a77a94; | |
605 | border: none; | |
606 | -webkit-border-radius: 3px; | |
607 | -moz-border-radius: 3px; | |
608 | border-radius: 3px; | |
609 | cursor: pointer; | |
610 | } | |
611 | .icheckbox_line-pink .icheck_line-icon, | |
612 | .iradio_line-pink .icheck_line-icon { | |
613 | position: absolute; | |
614 | top: 50%; | |
615 | left: 13px; | |
616 | width: 13px; | |
617 | height: 11px; | |
618 | margin: -5px 0 0 0; | |
619 | padding: 0; | |
620 | overflow: hidden; | |
621 | background: url(line.png) no-repeat; | |
622 | border: none; | |
623 | } | |
624 | .icheckbox_line-pink.hover, | |
625 | .icheckbox_line-pink.checked.hover, | |
626 | .iradio_line-pink.hover { | |
627 | background: #B995A9; | |
628 | } | |
629 | .icheckbox_line-pink.checked, | |
630 | .iradio_line-pink.checked { | |
631 | background: #a77a94; | |
632 | } | |
633 | .icheckbox_line-pink.checked .icheck_line-icon, | |
634 | .iradio_line-pink.checked .icheck_line-icon { | |
635 | background-position: -15px 0; | |
636 | } | |
637 | .icheckbox_line-pink.disabled, | |
638 | .iradio_line-pink.disabled { | |
639 | background: #E0D0DA; | |
640 | cursor: default; | |
641 | } | |
642 | .icheckbox_line-pink.disabled .icheck_line-icon, | |
643 | .iradio_line-pink.disabled .icheck_line-icon { | |
644 | background-position: -30px 0; | |
645 | } | |
646 | .icheckbox_line-pink.checked.disabled, | |
647 | .iradio_line-pink.checked.disabled { | |
648 | background: #E0D0DA; | |
649 | } | |
650 | .icheckbox_line-pink.checked.disabled .icheck_line-icon, | |
651 | .iradio_line-pink.checked.disabled .icheck_line-icon { | |
652 | background-position: -45px 0; | |
653 | } | |
654 | ||
655 | /* Retina support */ | |
656 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
657 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
658 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
659 | only screen and (min-device-pixel-ratio: 1.5) { | |
660 | .icheckbox_line-pink .icheck_line-icon, | |
661 | .iradio_line-pink .icheck_line-icon { | |
662 | background-image: url(line@2x.png); | |
663 | -webkit-background-size: 60px 13px; | |
664 | background-size: 60px 13px; | |
665 | } | |
666 | } | |
667 | ||
668 | /* purple */ | |
669 | .icheckbox_line-purple, | |
670 | .iradio_line-purple { | |
671 | position: relative; | |
672 | display: block; | |
673 | margin: 0; | |
674 | padding: 5px 15px 5px 38px; | |
675 | font-size: 13px; | |
676 | line-height: 17px; | |
677 | color: #fff; | |
678 | background: #6a5a8c; | |
679 | border: none; | |
680 | -webkit-border-radius: 3px; | |
681 | -moz-border-radius: 3px; | |
682 | border-radius: 3px; | |
683 | cursor: pointer; | |
684 | } | |
685 | .icheckbox_line-purple .icheck_line-icon, | |
686 | .iradio_line-purple .icheck_line-icon { | |
687 | position: absolute; | |
688 | top: 50%; | |
689 | left: 13px; | |
690 | width: 13px; | |
691 | height: 11px; | |
692 | margin: -5px 0 0 0; | |
693 | padding: 0; | |
694 | overflow: hidden; | |
695 | background: url(line.png) no-repeat; | |
696 | border: none; | |
697 | } | |
698 | .icheckbox_line-purple.hover, | |
699 | .icheckbox_line-purple.checked.hover, | |
700 | .iradio_line-purple.hover { | |
701 | background: #8677A7; | |
702 | } | |
703 | .icheckbox_line-purple.checked, | |
704 | .iradio_line-purple.checked { | |
705 | background: #6a5a8c; | |
706 | } | |
707 | .icheckbox_line-purple.checked .icheck_line-icon, | |
708 | .iradio_line-purple.checked .icheck_line-icon { | |
709 | background-position: -15px 0; | |
710 | } | |
711 | .icheckbox_line-purple.disabled, | |
712 | .iradio_line-purple.disabled { | |
713 | background: #D2CCDE; | |
714 | cursor: default; | |
715 | } | |
716 | .icheckbox_line-purple.disabled .icheck_line-icon, | |
717 | .iradio_line-purple.disabled .icheck_line-icon { | |
718 | background-position: -30px 0; | |
719 | } | |
720 | .icheckbox_line-purple.checked.disabled, | |
721 | .iradio_line-purple.checked.disabled { | |
722 | background: #D2CCDE; | |
723 | } | |
724 | .icheckbox_line-purple.checked.disabled .icheck_line-icon, | |
725 | .iradio_line-purple.checked.disabled .icheck_line-icon { | |
726 | background-position: -45px 0; | |
727 | } | |
728 | ||
729 | /* Retina support */ | |
730 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
731 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
732 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
733 | only screen and (min-device-pixel-ratio: 1.5) { | |
734 | .icheckbox_line-purple .icheck_line-icon, | |
735 | .iradio_line-purple .icheck_line-icon { | |
736 | background-image: url(line@2x.png); | |
737 | -webkit-background-size: 60px 13px; | |
738 | background-size: 60px 13px; | |
739 | } | |
740 | } |