red.css.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /* iCheck plugin Flat skin, red
  2. ----------------------------------- */
  3. .icheckbox_flat,
  4. .iradio_flat {
  5. display: block;
  6. margin: 0;
  7. padding: 0;
  8. width: 20px;
  9. height: 20px;
  10. background: image-url("assessment/red.png") no-repeat;
  11. border: none;
  12. cursor: pointer;
  13. }
  14. .icheckbox_flat {
  15. background-position: 0 0;
  16. }
  17. .icheckbox_flat.checked {
  18. background-position: -22px 0;
  19. }
  20. .icheckbox_flat.disabled {
  21. background-position: -44px 0;
  22. cursor: default;
  23. }
  24. .icheckbox_flat.checked.disabled {
  25. background-position: -66px 0;
  26. }
  27. .iradio_flat {
  28. background-position: -88px 0;
  29. }
  30. .iradio_flat.checked {
  31. background-position: -110px 0;
  32. }
  33. .iradio_flat.disabled {
  34. background-position: -132px 0;
  35. cursor: default;
  36. }
  37. .iradio_flat.checked.disabled {
  38. background-position: -154px 0;
  39. }
  40. /* Retina support */
  41. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  42. only screen and (-moz-min-device-pixel-ratio: 1.5),
  43. only screen and (-o-min-device-pixel-ratio: 3/2),
  44. only screen and (min-device-pixel-ratio: 1.5) {
  45. .icheckbox_flat,
  46. .iradio_flat {
  47. background-image: image-url("assessment/red@2x.png");
  48. -webkit-background-size: 176px 22px;
  49. background-size: 176px 22px;
  50. }
  51. }