_all.css 12 KB

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