rateit.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .rateit {
  2. display: -moz-inline-box;
  3. display: inline-block;
  4. position: relative;
  5. -webkit-user-select: none;
  6. -khtml-user-select: none;
  7. -moz-user-select: none;
  8. -o-user-select: none;
  9. -ms-user-select: none;
  10. user-select: none;
  11. -webkit-touch-callout: none;
  12. }
  13. .rateit .rateit-range
  14. {
  15. position: relative;
  16. display: -moz-inline-box;
  17. display: inline-block;
  18. background: url(star.gif);
  19. height: 16px;
  20. outline: none;
  21. }
  22. .rateit .rateit-range * {
  23. display:block;
  24. }
  25. /* for IE 6 */
  26. * html .rateit, * html .rateit .rateit-range
  27. {
  28. display: inline;
  29. }
  30. /* for IE 7 */
  31. * + html .rateit, * + html .rateit .rateit-range
  32. {
  33. display: inline;
  34. }
  35. .rateit .rateit-hover, .rateit .rateit-selected
  36. {
  37. position: absolute;
  38. left: 0px;
  39. }
  40. .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
  41. {
  42. left: auto;
  43. right: 0px;
  44. }
  45. .rateit .rateit-hover
  46. {
  47. background: url(star.gif) left -32px;
  48. }
  49. .rateit .rateit-hover-rtl
  50. {
  51. background-position: right -32px;
  52. }
  53. .rateit .rateit-selected
  54. {
  55. background: url(star.gif) left -16px;
  56. }
  57. .rateit .rateit-selected-rtl
  58. {
  59. background-position: right -16px;
  60. }
  61. .rateit .rateit-preset
  62. {
  63. background: url(star.gif) left -48px;
  64. }
  65. .rateit .rateit-preset-rtl
  66. {
  67. background: url(star.gif) left -48px;
  68. }
  69. .rateit button.rateit-reset
  70. {
  71. background: url(delete.gif) 0 0;
  72. width: 16px;
  73. height: 16px;
  74. display: -moz-inline-box;
  75. display: inline-block;
  76. float: left;
  77. outline: none;
  78. border:none;
  79. padding: 0;
  80. }
  81. .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
  82. {
  83. background-position: 0 -16px;
  84. }