icheck.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. /* iCheck.js Minimal skin
  2. ----------------------------------- */
  3. .icheckbox,.iradio{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(minimal.png) no-repeat;border: none;cursor: pointer}
  4. .icheckbox,.icheckbox.static:hover{background-position: 0 0}
  5. .icheckbox.hover,.icheckbox:hover{background-position: -20px 0}
  6. .icheckbox.checked{background-position: -40px 0}
  7. .icheckbox.disabled{background-position: -60px 0;cursor: default}
  8. .icheckbox.checked.disabled{background-position: -80px 0}
  9. .iradio,.iradio.static:hover{background-position: -100px 0}
  10. .iradio.hover,.iradio:hover{background-position: -120px 0}
  11. .iradio.checked{background-position: -140px 0}
  12. .iradio.disabled{background-position: -160px 0;cursor: default}
  13. .iradio.checked.disabled{background-position: -180px 0}
  14. /* Retina support */
  15. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox,.iradio{background-image: url(minimal@2x.png);
  16. -webkit-background-size: 200px 20px;
  17. background-size: 200px 20px}
  18. }
  19. /* red */
  20. .icheckbox-red,.iradio-red{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(red.png) no-repeat;border: none;cursor: pointer}
  21. .icheckbox-red,.icheckbox-red.static:hover{background-position: 0 0}
  22. .icheckbox-red.hover,.icheckbox-red:hover{background-position: -20px 0}
  23. .icheckbox-red.checked{background-position: -40px 0}
  24. .icheckbox-red.disabled{background-position: -60px 0;cursor: default}
  25. .icheckbox-red.checked.disabled{background-position: -80px 0}
  26. .iradio-red,.iradio-red.static:hover{background-position: -100px 0}
  27. .iradio-red.hover,.iradio-red:hover{background-position: -120px 0}
  28. .iradio-red.checked{background-position: -140px 0}
  29. .iradio-red.disabled{background-position: -160px 0;cursor: default}
  30. .iradio-red.checked.disabled{background-position: -180px 0}
  31. /* Retina support */
  32. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-red,.iradio-red{background-image: url(red@2x.png);
  33. -webkit-background-size: 200px 20px;
  34. background-size: 200px 20px}
  35. }
  36. /* green */
  37. .icheckbox-green,.iradio-green{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(green.png) no-repeat;border: none;cursor: pointer}
  38. .icheckbox-green,.icheckbox-green.static:hover{background-position: 0 0}
  39. .icheckbox-green.hover,.icheckbox-green:hover{background-position: -20px 0}
  40. .icheckbox-green.checked{background-position: -40px 0}
  41. .icheckbox-green.disabled{background-position: -60px 0;cursor: default}
  42. .icheckbox-green.checked.disabled{background-position: -80px 0}
  43. .iradio-green,.iradio-green.static:hover{background-position: -100px 0}
  44. .iradio-green.hover,.iradio-green:hover{background-position: -120px 0}
  45. .iradio-green.checked{background-position: -140px 0}
  46. .iradio-green.disabled{background-position: -160px 0;cursor: default}
  47. .iradio-green.checked.disabled{background-position: -180px 0}
  48. /* Retina support */
  49. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-green,.iradio-green{background-image: url(green@2x.png);
  50. -webkit-background-size: 200px 20px;
  51. background-size: 200px 20px}
  52. }
  53. /* blue */
  54. .icheckbox-blue,.iradio-blue{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(blue.png) no-repeat;border: none;cursor: pointer}
  55. .icheckbox-blue,.icheckbox-blue.static:hover{background-position: 0 0}
  56. .icheckbox-blue.hover,.icheckbox-blue:hover{background-position: -20px 0}
  57. .icheckbox-blue.checked{background-position: -40px 0}
  58. .icheckbox-blue.disabled{background-position: -60px 0;cursor: default}
  59. .icheckbox-blue.checked.disabled{background-position: -80px 0}
  60. .iradio-blue,.iradio-blue.static:hover{background-position: -100px 0}
  61. .iradio-blue.hover,.iradio-blue:hover{background-position: -120px 0}
  62. .iradio-blue.checked{background-position: -140px 0}
  63. .iradio-blue.disabled{background-position: -160px 0;cursor: default}
  64. .iradio-blue.checked.disabled{background-position: -180px 0}
  65. /* Retina support */
  66. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-blue,.iradio-blue{background-image: url(blue@2x.png);
  67. -webkit-background-size: 200px 20px;
  68. background-size: 200px 20px}
  69. }
  70. /* aero */
  71. .icheckbox-aero,.iradio-aero{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(aero.png) no-repeat;border: none;cursor: pointer}
  72. .icheckbox-aero,.icheckbox-aero.static:hover{background-position: 0 0}
  73. .icheckbox-aero.hover,.icheckbox-aero:hover{background-position: -20px 0}
  74. .icheckbox-aero.checked{background-position: -40px 0}
  75. .icheckbox-aero.disabled{background-position: -60px 0;cursor: default}
  76. .icheckbox-aero.checked.disabled{background-position: -80px 0}
  77. .iradio-aero,.iradio-aero.static:hover{background-position: -100px 0}
  78. .iradio-aero.hover,.iradio-aero:hover{background-position: -120px 0}
  79. .iradio-aero.checked{background-position: -140px 0}
  80. .iradio-aero.disabled{background-position: -160px 0;cursor: default}
  81. .iradio-aero.checked.disabled{background-position: -180px 0}
  82. /* Retina support */
  83. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-aero,.iradio-aero{background-image: url(aero@2x.png);
  84. -webkit-background-size: 200px 20px;
  85. background-size: 200px 20px}
  86. }
  87. /* grey */
  88. .icheckbox-grey,.iradio-grey{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(grey.png) no-repeat;border: none;cursor: pointer}
  89. .icheckbox-grey,.icheckbox-grey.static:hover{background-position: 0 0}
  90. .icheckbox-grey.hover,.icheckbox-grey:hover{background-position: -20px 0}
  91. .icheckbox-grey.checked{background-position: -40px 0}
  92. .icheckbox-grey.disabled{background-position: -60px 0;cursor: default}
  93. .icheckbox-grey.checked.disabled{background-position: -80px 0}
  94. .iradio-grey,.iradio-grey.static:hover{background-position: -100px 0}
  95. .iradio-grey.hover,.iradio-grey:hover{background-position: -120px 0}
  96. .iradio-grey.checked{background-position: -140px 0}
  97. .iradio-grey.disabled{background-position: -160px 0;cursor: default}
  98. .iradio-grey.checked.disabled{background-position: -180px 0}
  99. /* Retina support */
  100. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-grey,.iradio-grey{background-image: url(grey@2x.png);
  101. -webkit-background-size: 200px 20px;
  102. background-size: 200px 20px}
  103. }
  104. /* orange */
  105. .icheckbox-orange,.iradio-orange{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(orange.png) no-repeat;border: none;cursor: pointer}
  106. .icheckbox-orange,.icheckbox-orange.static:hover{background-position: 0 0}
  107. .icheckbox-orange.hover,.icheckbox-orange:hover{background-position: -20px 0}
  108. .icheckbox-orange.checked{background-position: -40px 0}
  109. .icheckbox-orange.disabled{background-position: -60px 0;cursor: default}
  110. .icheckbox-orange.checked.disabled{background-position: -80px 0}
  111. .iradio-orange,.iradio-orange.static:hover{background-position: -100px 0}
  112. .iradio-orange.hover,.iradio-orange:hover{background-position: -120px 0}
  113. .iradio-orange.checked{background-position: -140px 0}
  114. .iradio-orange.disabled{background-position: -160px 0;cursor: default}
  115. .iradio-orange.checked.disabled{background-position: -180px 0}
  116. /* Retina support */
  117. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-orange,.iradio-orange{background-image: url(orange@2x.png);
  118. -webkit-background-size: 200px 20px;
  119. background-size: 200px 20px}
  120. }
  121. /* yellow */
  122. .icheckbox-yellow,.iradio-yellow{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(yellow.png) no-repeat;border: none;cursor: pointer}
  123. .icheckbox-yellow,.icheckbox-yellow.static:hover{background-position: 0 0}
  124. .icheckbox-yellow.hover,.icheckbox-yellow:hover{background-position: -20px 0}
  125. .icheckbox-yellow.checked{background-position: -40px 0}
  126. .icheckbox-yellow.disabled{background-position: -60px 0;cursor: default}
  127. .icheckbox-yellow.checked.disabled{background-position: -80px 0}
  128. .iradio-yellow,.iradio-yellow.static:hover{background-position: -100px 0}
  129. .iradio-yellow.hover,.iradio-yellow:hover{background-position: -120px 0}
  130. .iradio-yellow.checked{background-position: -140px 0}
  131. .iradio-yellow.disabled{background-position: -160px 0;cursor: default}
  132. .iradio-yellow.checked.disabled{background-position: -180px 0}
  133. /* Retina support */
  134. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-yellow,.iradio-yellow{background-image: url(yellow@2x.png);
  135. -webkit-background-size: 200px 20px;
  136. background-size: 200px 20px}
  137. }
  138. /* pink */
  139. .icheckbox-pink,.iradio-pink{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(pink.png) no-repeat;border: none;cursor: pointer}
  140. .icheckbox-pink,.icheckbox-pink.static:hover{background-position: 0 0}
  141. .icheckbox-pink.hover,.icheckbox-pink:hover{background-position: -20px 0}
  142. .icheckbox-pink.checked{background-position: -40px 0}
  143. .icheckbox-pink.disabled{background-position: -60px 0;cursor: default}
  144. .icheckbox-pink.checked.disabled{background-position: -80px 0}
  145. .iradio-pink,.iradio-pink.static:hover{background-position: -100px 0}
  146. .iradio-pink.hover,.iradio-pink:hover{background-position: -120px 0}
  147. .iradio-pink.checked{background-position: -140px 0}
  148. .iradio-pink.disabled{background-position: -160px 0;cursor: default}
  149. .iradio-pink.checked.disabled{background-position: -180px 0}
  150. /* Retina support */
  151. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-pink,.iradio-pink{background-image: url(pink@2x.png);
  152. -webkit-background-size: 200px 20px;
  153. background-size: 200px 20px}
  154. }
  155. /* purple */
  156. .icheckbox-purple,.iradio-purple{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(purple.png) no-repeat;border: none;cursor: pointer}
  157. .icheckbox-purple,.icheckbox-purple.static:hover{background-position: 0 0}
  158. .icheckbox-purple.hover,.icheckbox-purple:hover{background-position: -20px 0}
  159. .icheckbox-purple.checked{background-position: -40px 0}
  160. .icheckbox-purple.disabled{background-position: -60px 0;cursor: default}
  161. .icheckbox-purple.checked.disabled{background-position: -80px 0}
  162. .iradio-purple,.iradio-purple.static:hover{background-position: -100px 0}
  163. .iradio-purple.hover,.iradio-purple:hover{background-position: -120px 0}
  164. .iradio-purple.checked{background-position: -140px 0}
  165. .iradio-purple.disabled{background-position: -160px 0;cursor: default}
  166. .iradio-purple.checked.disabled{background-position: -180px 0}
  167. /* Retina support */
  168. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-purple,.iradio-purple{background-image: url(purple@2x.png);
  169. -webkit-background-size: 200px 20px;
  170. background-size: 200px 20px}
  171. }