You are here

small.css in Fivestar 8

/* Static View-only Star Version */
.fivestar-small div.fivestar-widget-static .star {
  width: 17px;
  height: 15px;
  background: url(small_star.png) no-repeat 0 0;
}

.fivestar-small div.fivestar-widget-static .star span.on {
  background: url(small_star.png) no-repeat 0 -32px;
}

.fivestar-small div.fivestar-widget-static .star span.off {
  background: url(small_star.png) no-repeat 0 0;
}

/* Javascript Star Version */
.fivestar-small div.fivestar-widget .cancel,
.fivestar-small div.fivestar-widget .star {
  width: 17px;
  height: 15px;
}
.fivestar-small div.fivestar-widget .cancel,
.fivestar-small div.fivestar-widget .cancel a {
  background: url(small_delete.png) no-repeat 0 0;
}

.fivestar-small div.fivestar-widget .star,
.fivestar-small div.fivestar-widget .star a {
  background: url(small_star.png) no-repeat 0 0;
}

.fivestar-small div.fivestar-widget div.on a {
  background-position: 0 -16px;
}
.fivestar-small div.fivestar-widget div.hover a,
.fivestar-small div.rating div a:hover {
  background-position: 0 -32px;
}

File

widgets/small/small.css
View source
  1. /* Static View-only Star Version */
  2. .fivestar-small div.fivestar-widget-static .star {
  3. width: 17px;
  4. height: 15px;
  5. background: url(small_star.png) no-repeat 0 0;
  6. }
  7. .fivestar-small div.fivestar-widget-static .star span.on {
  8. background: url(small_star.png) no-repeat 0 -32px;
  9. }
  10. .fivestar-small div.fivestar-widget-static .star span.off {
  11. background: url(small_star.png) no-repeat 0 0;
  12. }
  13. /* Javascript Star Version */
  14. .fivestar-small div.fivestar-widget .cancel,
  15. .fivestar-small div.fivestar-widget .star {
  16. width: 17px;
  17. height: 15px;
  18. }
  19. .fivestar-small div.fivestar-widget .cancel,
  20. .fivestar-small div.fivestar-widget .cancel a {
  21. background: url(small_delete.png) no-repeat 0 0;
  22. }
  23. .fivestar-small div.fivestar-widget .star,
  24. .fivestar-small div.fivestar-widget .star a {
  25. background: url(small_star.png) no-repeat 0 0;
  26. }
  27. .fivestar-small div.fivestar-widget div.on a {
  28. background-position: 0 -16px;
  29. }
  30. .fivestar-small div.fivestar-widget div.hover a,
  31. .fivestar-small div.rating div a:hover {
  32. background-position: 0 -32px;
  33. }