You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
2.2 KiB

  1. /* iCheck plugin Line skin, pink
  2. ----------------------------------- */
  3. .icheckbox_line-pink,
  4. .iradio_line-pink {
  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: #a77a94;
  13. border: none;
  14. -webkit-border-radius: 3px;
  15. -moz-border-radius: 3px;
  16. border-radius: 3px;
  17. cursor: pointer;
  18. }
  19. .icheckbox_line-pink .icheck_line-icon,
  20. .iradio_line-pink .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-pink.hover,
  33. .icheckbox_line-pink.checked.hover,
  34. .iradio_line-pink.hover {
  35. background: #B995A9;
  36. }
  37. .icheckbox_line-pink.checked,
  38. .iradio_line-pink.checked {
  39. background: #a77a94;
  40. }
  41. .icheckbox_line-pink.checked .icheck_line-icon,
  42. .iradio_line-pink.checked .icheck_line-icon {
  43. background-position: -15px 0;
  44. }
  45. .icheckbox_line-pink.disabled,
  46. .iradio_line-pink.disabled {
  47. background: #E0D0DA;
  48. cursor: default;
  49. }
  50. .icheckbox_line-pink.disabled .icheck_line-icon,
  51. .iradio_line-pink.disabled .icheck_line-icon {
  52. background-position: -30px 0;
  53. }
  54. .icheckbox_line-pink.checked.disabled,
  55. .iradio_line-pink.checked.disabled {
  56. background: #E0D0DA;
  57. }
  58. .icheckbox_line-pink.checked.disabled .icheck_line-icon,
  59. .iradio_line-pink.checked.disabled .icheck_line-icon {
  60. background-position: -45px 0;
  61. }
  62. /* Retina support */
  63. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  64. only screen and (-moz-min-device-pixel-ratio: 1.5),
  65. only screen and (-o-min-device-pixel-ratio: 3/2),
  66. only screen and (min-device-pixel-ratio: 1.5) {
  67. .icheckbox_line-pink .icheck_line-icon,
  68. .iradio_line-pink .icheck_line-icon {
  69. background-image: url(line@2x.png);
  70. -webkit-background-size: 60px 13px;
  71. background-size: 60px 13px;
  72. }
  73. }