_all.css 20 KB

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