snipplrCallback({"id":1385,"title":"starrating","source":"
  1. \/*             styles for the star rater                *\/<\/div><\/li>
  2. .star-rating{<\/div><\/li>
  3. \tlist-style:none;<\/div><\/li>
  4. \tmargin: 0px;<\/div><\/li>
  5. \tpadding:0px;<\/div><\/li>
  6. \twidth: 100px;<\/div><\/li>
  7. \theight: 20px;<\/div><\/li>
  8. \tposition: relative;<\/div><\/li>
  9. \tbackground: url(star_rating.gif) top left repeat-x;\t\t<\/div><\/li>
  10. }<\/div><\/li>
  11. .star-rating li{<\/div><\/li>
  12. \tpadding:0px;<\/div><\/li>
  13. \tmargin:0px;<\/div><\/li>
  14. \t\/*\\*\/<\/div><\/li>
  15. \tfloat: left;<\/div><\/li>
  16. \t\/* *\/<\/div><\/li>
  17. }<\/div><\/li>
  18. .star-rating li a{<\/div><\/li>
  19. \tdisplay:block;<\/div><\/li>
  20. \twidth:20px;<\/div><\/li>
  21. \theight: 20px;<\/div><\/li>
  22. \ttext-decoration: none;<\/div><\/li>
  23. \ttext-indent: -9000px;<\/div><\/li>
  24. \tz-index: 20;<\/div><\/li>
  25. \tposition: absolute;<\/div><\/li>
  26. \tpadding: 0px;<\/div><\/li>
  27. }<\/div><\/li>
  28. .star-rating li a:hover{<\/div><\/li>
  29. \tbackground: url(star_rating.gif) left bottom;<\/div><\/li>
  30. \tz-index: 1;<\/div><\/li>
  31. \tleft: 0px;<\/div><\/li>
  32. }<\/div><\/li>
  33. .star-rating a.one-star{<\/div><\/li>
  34. \tleft: 0px;<\/div><\/li>
  35. }<\/div><\/li>
  36. .star-rating a.one-star:hover{<\/div><\/li>
  37. \twidth:20px;<\/div><\/li>
  38. }<\/div><\/li>
  39. .star-rating a.two-stars{<\/div><\/li>
  40. \tleft:20px;<\/div><\/li>
  41. }<\/div><\/li>
  42. .star-rating a.two-stars:hover{<\/div><\/li>
  43. \twidth: 40px;<\/div><\/li>
  44. }<\/div><\/li>
  45. .star-rating a.three-stars:hover{<\/div><\/li>
  46. \twidth: 60px;<\/div><\/li>
  47. }<\/div><\/li>
  48. .star-rating a.three-stars{<\/div><\/li>
  49. \tleft: 40px;<\/div><\/li>
  50. }<\/div><\/li>
  51. .star-rating a.four-stars{<\/div><\/li>
  52. \tleft: 60px;<\/div><\/li>
  53. }\t<\/div><\/li>
  54. .star-rating a.four-stars:hover{<\/div><\/li>
  55. \twidth: 80px;<\/div><\/li>
  56. }<\/div><\/li>
  57. .star-rating a.five-stars{<\/div><\/li>
  58. \tleft: 80px;<\/div><\/li>
  59. }<\/div><\/li>
  60. .star-rating a.five-stars:hover{<\/div><\/li>
  61. \twidth: 100px;<\/div><\/li>
  62. }<\/div><\/li>
  63.  <\/div><\/li>
  64.  <\/div><\/li>
  65. <ul<\/span><\/a> class<\/span>=<\/span>'star-rating'<\/span>><\/span><\/div><\/li>
  66.   <li<\/span><\/a>><a<\/span><\/a> href<\/span>=<\/span>'#'<\/span> title<\/span>=<\/span>'Rate this 1 star out of 5'<\/span> class<\/span>=<\/span>'one-star'<\/span>><\/span>1<\/<\/span>a<\/span><\/a>><\/<\/span>li<\/span><\/a>><\/span><\/div><\/li>
  67.   <li<\/span><\/a>><a<\/span><\/a> href<\/span>=<\/span>'#'<\/span> title<\/span>=<\/span>'Rate this 2 stars out of 5'<\/span> class<\/span>=<\/span>'two-stars'<\/span>><\/span>2<\/<\/span>a<\/span><\/a>><\/<\/span>li<\/span><\/a>><\/span><\/div><\/li>
  68.   <li<\/span><\/a>><a<\/span><\/a> href<\/span>=<\/span>'#'<\/span> title<\/span>=<\/span>'Rate this 3 stars out of 5'<\/span> class<\/span>=<\/span>'three-stars'<\/span>><\/span>3<\/<\/span>a<\/span><\/a>><\/<\/span>li<\/span><\/a>><\/span><\/div><\/li>
  69.   <li<\/span><\/a>><a<\/span><\/a> href<\/span>=<\/span>'#'<\/span> title<\/span>=<\/span>'Rate this 4 stars out of 5'<\/span> class<\/span>=<\/span>'four-stars'<\/span>><\/span>4<\/<\/span>a<\/span><\/a>><\/<\/span>li<\/span><\/a>><\/span><\/div><\/li>
  70.   <li<\/span><\/a>><a<\/span><\/a> href<\/span>=<\/span>'#'<\/span> title<\/span>=<\/span>'Rate this 5 stars out of 5'<\/span> class<\/span>=<\/span>'five-stars'<\/span>><\/span>5<\/<\/span>a<\/span><\/a>><\/<\/span>li<\/span><\/a>><\/span><\/div><\/li>
  71. <\/<\/span>ul<\/span><\/a>><\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/1385\/starrating"});