red.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* iCheck plugin Line skin, red
  2. ----------------------------------- */
  3. .icheckbox_line-red,
  4. .iradio_line-red {
  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: #e56c69;
  13. border: none;
  14. -webkit-border-radius: 3px;
  15. -moz-border-radius: 3px;
  16. border-radius: 3px;
  17. cursor: pointer;
  18. }
  19. .icheckbox_line-red .icheck_line-icon,
  20. .iradio_line-red .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-red.hover,
  33. .icheckbox_line-red.checked.hover,
  34. .iradio_line-red.hover {
  35. background: #E98582;
  36. }
  37. .icheckbox_line-red.checked,
  38. .iradio_line-red.checked {
  39. background: #e56c69;
  40. }
  41. .icheckbox_line-red.checked .icheck_line-icon,
  42. .iradio_line-red.checked .icheck_line-icon {
  43. background-position: -15px 0;
  44. }
  45. .icheckbox_line-red.disabled,
  46. .iradio_line-red.disabled {
  47. background: #F7D3D2;
  48. cursor: default;
  49. }
  50. .icheckbox_line-red.disabled .icheck_line-icon,
  51. .iradio_line-red.disabled .icheck_line-icon {
  52. background-position: -30px 0;
  53. }
  54. .icheckbox_line-red.checked.disabled,
  55. .iradio_line-red.checked.disabled {
  56. background: #F7D3D2;
  57. }
  58. .icheckbox_line-red.checked.disabled .icheck_line-icon,
  59. .iradio_line-red.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-red .icheck_line-icon,
  65. .iradio_line-red .icheck_line-icon {
  66. background-image: url(line@2x.png);
  67. -webkit-background-size: 60px 13px;
  68. background-size: 60px 13px;
  69. }
  70. }