You are here

Home » API reference » Fivestar 8

small.css in Fivestar 8

Same filename and directory in other branches
  1. 5 widgets/small/small.css
  2. 6.2 widgets/small/small.css
  3. 6 widgets/small/small.css
  4. 7.2 widgets/small/small.css
/* 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. 

  8. .fivestar-small div.fivestar-widget-static .star span.on {

  9.   background: url(small_star.png) no-repeat 0 -32px;

  10. }

  11. 

  12. .fivestar-small div.fivestar-widget-static .star span.off {

  13.   background: url(small_star.png) no-repeat 0 0;

  14. }

  15. 

  16. /* Javascript Star Version */

  17. .fivestar-small div.fivestar-widget .cancel,

  18. .fivestar-small div.fivestar-widget .star {

  19.   width: 17px;

  20.   height: 15px;

  21. }

  22. .fivestar-small div.fivestar-widget .cancel,

  23. .fivestar-small div.fivestar-widget .cancel a {

  24.   background: url(small_delete.png) no-repeat 0 0;

  25. }

  26. 

  27. .fivestar-small div.fivestar-widget .star,

  28. .fivestar-small div.fivestar-widget .star a {

  29.   background: url(small_star.png) no-repeat 0 0;

  30. }

  31. 

  32. .fivestar-small div.fivestar-widget div.on a {

  33.   background-position: 0 -16px;

  34. }

  35. .fivestar-small div.fivestar-widget div.hover a,

  36. .fivestar-small div.rating div a:hover {

  37.   background-position: 0 -32px;

  38. }