icheck.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445
  1. /* iCheck plugin skins
  2. ----------------------------------- */
  3. /* iCheck plugin Flat skin
  4. ----------------------------------- */
  5. [class^="icheckbox_"] + label, [class^="iradio_"] + label {
  6. margin: 0 0 0 15px; }
  7. .icheckbox_flat, .iradio_flat {
  8. display: inline-block;
  9. width: 20px;
  10. height: 20px;
  11. padding: 0;
  12. margin: 0;
  13. vertical-align: middle;
  14. cursor: pointer;
  15. background: url("flat.png") no-repeat;
  16. border: none; }
  17. .icheckbox_flat {
  18. background-position: 0 0; }
  19. .icheckbox_flat.checked {
  20. background-position: -22px 0; }
  21. .icheckbox_flat.disabled {
  22. cursor: default;
  23. background-position: -44px 0; }
  24. .icheckbox_flat.checked.disabled {
  25. background-position: -66px 0; }
  26. .iradio_flat {
  27. background-position: -88px 0; }
  28. .iradio_flat.checked {
  29. background-position: -110px 0; }
  30. .iradio_flat.disabled {
  31. cursor: default;
  32. background-position: -132px 0; }
  33. .iradio_flat.checked.disabled {
  34. background-position: -154px 0; }
  35. /* HiDPI support */
  36. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  37. .icheckbox_flat, .iradio_flat {
  38. background-image: url("flat@2x.png");
  39. background-size: 176px 22px; } }
  40. /* red */
  41. .icheckbox_flat-red, .iradio_flat-red {
  42. display: inline-block;
  43. width: 20px;
  44. height: 20px;
  45. padding: 0;
  46. margin: 0;
  47. vertical-align: middle;
  48. cursor: pointer;
  49. background: url("red.png") no-repeat;
  50. border: none; }
  51. .icheckbox_flat-red {
  52. background-position: 0 0; }
  53. .icheckbox_flat-red.checked {
  54. background-position: -22px 0; }
  55. .icheckbox_flat-red.disabled {
  56. cursor: default;
  57. background-position: -44px 0; }
  58. .icheckbox_flat-red.checked.disabled {
  59. background-position: -66px 0; }
  60. .iradio_flat-red {
  61. background-position: -88px 0; }
  62. .iradio_flat-red.checked {
  63. background-position: -110px 0; }
  64. .iradio_flat-red.disabled {
  65. cursor: default;
  66. background-position: -132px 0; }
  67. .iradio_flat-red.checked.disabled {
  68. background-position: -154px 0; }
  69. /* HiDPI support */
  70. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  71. .icheckbox_flat-red, .iradio_flat-red {
  72. background-image: url("red@2x.png");
  73. background-size: 176px 22px; } }
  74. /* green */
  75. .icheckbox_flat-green, .iradio_flat-green {
  76. display: inline-block;
  77. width: 20px;
  78. height: 20px;
  79. padding: 0;
  80. margin: 0;
  81. vertical-align: middle;
  82. cursor: pointer;
  83. background: url("green.png") no-repeat;
  84. border: none; }
  85. .icheckbox_flat-green {
  86. background-position: 0 0; }
  87. .icheckbox_flat-green.checked {
  88. background-position: -22px 0; }
  89. .icheckbox_flat-green.disabled {
  90. cursor: default;
  91. background-position: -44px 0; }
  92. .icheckbox_flat-green.checked.disabled {
  93. background-position: -66px 0; }
  94. .iradio_flat-green {
  95. background-position: -88px 0; }
  96. .iradio_flat-green.checked {
  97. background-position: -110px 0; }
  98. .iradio_flat-green.disabled {
  99. cursor: default;
  100. background-position: -132px 0; }
  101. .iradio_flat-green.checked.disabled {
  102. background-position: -154px 0; }
  103. /* HiDPI support */
  104. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  105. .icheckbox_flat-green, .iradio_flat-green {
  106. background-image: url("green@2x.png");
  107. background-size: 176px 22px; } }
  108. /* blue */
  109. .icheckbox_flat-blue, .iradio_flat-blue {
  110. display: inline-block;
  111. width: 20px;
  112. height: 20px;
  113. padding: 0;
  114. margin: 0;
  115. vertical-align: middle;
  116. cursor: pointer;
  117. background: url("blue.png") no-repeat;
  118. border: none; }
  119. .icheckbox_flat-blue {
  120. background-position: 0 0; }
  121. .icheckbox_flat-blue.checked {
  122. background-position: -22px 0; }
  123. .icheckbox_flat-blue.disabled {
  124. cursor: default;
  125. background-position: -44px 0; }
  126. .icheckbox_flat-blue.checked.disabled {
  127. background-position: -66px 0; }
  128. .iradio_flat-blue {
  129. background-position: -88px 0; }
  130. .iradio_flat-blue.checked {
  131. background-position: -110px 0; }
  132. .iradio_flat-blue.disabled {
  133. cursor: default;
  134. background-position: -132px 0; }
  135. .iradio_flat-blue.checked.disabled {
  136. background-position: -154px 0; }
  137. /* HiDPI support */
  138. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  139. .icheckbox_flat-blue, .iradio_flat-blue {
  140. background-image: url("blue@2x.png");
  141. background-size: 176px 22px; } }
  142. /* aero */
  143. .icheckbox_flat-aero, .iradio_flat-aero {
  144. display: inline-block;
  145. width: 20px;
  146. height: 20px;
  147. padding: 0;
  148. margin: 0;
  149. vertical-align: middle;
  150. cursor: pointer;
  151. background: url("aero.png") no-repeat;
  152. border: none; }
  153. .icheckbox_flat-aero {
  154. background-position: 0 0; }
  155. .icheckbox_flat-aero.checked {
  156. background-position: -22px 0; }
  157. .icheckbox_flat-aero.disabled {
  158. cursor: default;
  159. background-position: -44px 0; }
  160. .icheckbox_flat-aero.checked.disabled {
  161. background-position: -66px 0; }
  162. .iradio_flat-aero {
  163. background-position: -88px 0; }
  164. .iradio_flat-aero.checked {
  165. background-position: -110px 0; }
  166. .iradio_flat-aero.disabled {
  167. cursor: default;
  168. background-position: -132px 0; }
  169. .iradio_flat-aero.checked.disabled {
  170. background-position: -154px 0; }
  171. /* HiDPI support */
  172. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  173. .icheckbox_flat-aero, .iradio_flat-aero {
  174. background-image: url("aero@2x.png");
  175. background-size: 176px 22px; } }
  176. /* grey */
  177. .icheckbox_flat-grey, .iradio_flat-grey {
  178. display: inline-block;
  179. width: 20px;
  180. height: 20px;
  181. padding: 0;
  182. margin: 0;
  183. vertical-align: middle;
  184. cursor: pointer;
  185. background: url("grey.png") no-repeat;
  186. border: none; }
  187. .icheckbox_flat-grey {
  188. background-position: 0 0; }
  189. .icheckbox_flat-grey.checked {
  190. background-position: -22px 0; }
  191. .icheckbox_flat-grey.disabled {
  192. cursor: default;
  193. background-position: -44px 0; }
  194. .icheckbox_flat-grey.checked.disabled {
  195. background-position: -66px 0; }
  196. .iradio_flat-grey {
  197. background-position: -88px 0; }
  198. .iradio_flat-grey.checked {
  199. background-position: -110px 0; }
  200. .iradio_flat-grey.disabled {
  201. cursor: default;
  202. background-position: -132px 0; }
  203. .iradio_flat-grey.checked.disabled {
  204. background-position: -154px 0; }
  205. /* HiDPI support */
  206. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  207. .icheckbox_flat-grey, .iradio_flat-grey {
  208. background-image: url("grey@2x.png");
  209. background-size: 176px 22px; } }
  210. /* orange */
  211. .icheckbox_flat-orange, .iradio_flat-orange {
  212. display: inline-block;
  213. width: 20px;
  214. height: 20px;
  215. padding: 0;
  216. margin: 0;
  217. vertical-align: middle;
  218. cursor: pointer;
  219. background: url("orange.png") no-repeat;
  220. border: none; }
  221. .icheckbox_flat-orange {
  222. background-position: 0 0; }
  223. .icheckbox_flat-orange.checked {
  224. background-position: -22px 0; }
  225. .icheckbox_flat-orange.disabled {
  226. cursor: default;
  227. background-position: -44px 0; }
  228. .icheckbox_flat-orange.checked.disabled {
  229. background-position: -66px 0; }
  230. .iradio_flat-orange {
  231. background-position: -88px 0; }
  232. .iradio_flat-orange.checked {
  233. background-position: -110px 0; }
  234. .iradio_flat-orange.disabled {
  235. cursor: default;
  236. background-position: -132px 0; }
  237. .iradio_flat-orange.checked.disabled {
  238. background-position: -154px 0; }
  239. /* HiDPI support */
  240. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  241. .icheckbox_flat-orange, .iradio_flat-orange {
  242. background-image: url("orange@2x.png");
  243. background-size: 176px 22px; } }
  244. /* yellow */
  245. .icheckbox_flat-yellow, .iradio_flat-yellow {
  246. display: inline-block;
  247. width: 20px;
  248. height: 20px;
  249. padding: 0;
  250. margin: 0;
  251. vertical-align: middle;
  252. cursor: pointer;
  253. background: url("yellow.png") no-repeat;
  254. border: none; }
  255. .icheckbox_flat-yellow {
  256. background-position: 0 0; }
  257. .icheckbox_flat-yellow.checked {
  258. background-position: -22px 0; }
  259. .icheckbox_flat-yellow.disabled {
  260. cursor: default;
  261. background-position: -44px 0; }
  262. .icheckbox_flat-yellow.checked.disabled {
  263. background-position: -66px 0; }
  264. .iradio_flat-yellow {
  265. background-position: -88px 0; }
  266. .iradio_flat-yellow.checked {
  267. background-position: -110px 0; }
  268. .iradio_flat-yellow.disabled {
  269. cursor: default;
  270. background-position: -132px 0; }
  271. .iradio_flat-yellow.checked.disabled {
  272. background-position: -154px 0; }
  273. /* HiDPI support */
  274. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  275. .icheckbox_flat-yellow, .iradio_flat-yellow {
  276. background-image: url("yellow@2x.png");
  277. background-size: 176px 22px; } }
  278. /* pink */
  279. .icheckbox_flat-pink, .iradio_flat-pink {
  280. display: inline-block;
  281. width: 20px;
  282. height: 20px;
  283. padding: 0;
  284. margin: 0;
  285. vertical-align: middle;
  286. cursor: pointer;
  287. background: url("pink.png") no-repeat;
  288. border: none; }
  289. .icheckbox_flat-pink {
  290. background-position: 0 0; }
  291. .icheckbox_flat-pink.checked {
  292. background-position: -22px 0; }
  293. .icheckbox_flat-pink.disabled {
  294. cursor: default;
  295. background-position: -44px 0; }
  296. .icheckbox_flat-pink.checked.disabled {
  297. background-position: -66px 0; }
  298. .iradio_flat-pink {
  299. background-position: -88px 0; }
  300. .iradio_flat-pink.checked {
  301. background-position: -110px 0; }
  302. .iradio_flat-pink.disabled {
  303. cursor: default;
  304. background-position: -132px 0; }
  305. .iradio_flat-pink.checked.disabled {
  306. background-position: -154px 0; }
  307. /* HiDPI support */
  308. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  309. .icheckbox_flat-pink, .iradio_flat-pink {
  310. background-image: url("pink@2x.png");
  311. background-size: 176px 22px; } }
  312. /* purple */
  313. .icheckbox_flat-purple, .iradio_flat-purple {
  314. display: inline-block;
  315. width: 20px;
  316. height: 20px;
  317. padding: 0;
  318. margin: 0;
  319. vertical-align: middle;
  320. cursor: pointer;
  321. background: url("purple.png") no-repeat;
  322. border: none; }
  323. .icheckbox_flat-purple {
  324. background-position: 0 0; }
  325. .icheckbox_flat-purple.checked {
  326. background-position: -22px 0; }
  327. .icheckbox_flat-purple.disabled {
  328. cursor: default;
  329. background-position: -44px 0; }
  330. .icheckbox_flat-purple.checked.disabled {
  331. background-position: -66px 0; }
  332. .iradio_flat-purple {
  333. background-position: -88px 0; }
  334. .iradio_flat-purple.checked {
  335. background-position: -110px 0; }
  336. .iradio_flat-purple.disabled {
  337. cursor: default;
  338. background-position: -132px 0; }
  339. .iradio_flat-purple.checked.disabled {
  340. background-position: -154px 0; }
  341. /* HiDPI support */
  342. @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  343. .icheckbox_flat-purple, .iradio_flat-purple {
  344. background-image: url("purple@2x.png");
  345. background-size: 176px 22px; } }