custom.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* iCheck plugin Square skin, green
  2. ----------------------------------- */
  3. .icheckbox_square-green,
  4. .iradio_square-green {
  5. display: inline-block;
  6. *display: inline;
  7. vertical-align: middle;
  8. margin: 0;
  9. padding: 0;
  10. width: 22px;
  11. height: 22px;
  12. background: url(green.png) no-repeat;
  13. border: none;
  14. cursor: pointer;
  15. }
  16. .icheckbox_square-green-login{
  17. display: inline-block;
  18. *display: inline;
  19. vertical-align: middle;
  20. margin: 0;
  21. padding: 0;
  22. width: 22px;
  23. height: 22px;
  24. background: url(green-login.png) no-repeat;
  25. border: none;
  26. cursor: pointer;
  27. }
  28. .icheckbox_square-green,.icheckbox_square-green-login {
  29. background-position: 0 0;
  30. }
  31. .icheckbox_square-green.hover,.icheckbox_square-green-login.hover {
  32. background-position: -24px 0;
  33. }
  34. .icheckbox_square-green.checked,.icheckbox_square-green-login.checked {
  35. background-position: -48px 0;
  36. }
  37. .icheckbox_square-green.disabled,.icheckbox_square-green.disabled-login {
  38. background-position: -72px 0;
  39. cursor: default;
  40. }
  41. .icheckbox_square-green.checked.disabled,.icheckbox_square-green-login.checked.disabled {
  42. background-position: -96px 0;
  43. }
  44. .iradio_square-green {
  45. background-position: -120px 0;
  46. }
  47. .iradio_square-green.hover {
  48. background-position: -144px 0;
  49. }
  50. .iradio_square-green.checked {
  51. background-position: -168px 0;
  52. }
  53. .iradio_square-green.disabled {
  54. background-position: -192px 0;
  55. cursor: default;
  56. }
  57. .iradio_square-green.checked.disabled {
  58. background-position: -216px 0;
  59. }
  60. /* HiDPI support */
  61. @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  62. .icheckbox_square-green,.icheckbox_square-green-login,
  63. .iradio_square-green {
  64. background-image: url(green%402x.png);
  65. -webkit-background-size: 240px 24px;
  66. background-size: 240px 24px;
  67. }
  68. }