You are here

Home » API reference » Fivestar 8

cool.css in Fivestar 8 

/* Static View-only Star Version */
.fivestar-cool div.fivestar-widget-static .star {
  background-image: url(star.png);
}

.fivestar-cool div.fivestar-widget-static .star span.on {
  background-image: url(star.png);
}

.fivestar-cool div.fivestar-widget-static .star span.off {
  background-image: url(star.png);
}

/* Javascript Star Version */
.fivestar-cool div.fivestar-widget .cancel,
.fivestar-cool div.fivestar-widget .cancel a {
  background-image: url(cancel.png);
}
.fivestar-cool div.fivestar-widget .star,
.fivestar-cool div.fivestar-widget .star a {
  background-image: url(star.png);
}

.fivestar-cool div.fivestar-widget div.hover a,
.fivestar-cool div.rating div a:hover {
  background-image: url(star.png);
}

File

tests/modules/fivestar_widget_provider/widgets/cool/cool.css
View source 
  1. /* Static View-only Star Version */

  2. .fivestar-cool div.fivestar-widget-static .star {

  3.   background-image: url(star.png);

  4. }

  5. 

  6. .fivestar-cool div.fivestar-widget-static .star span.on {

  7.   background-image: url(star.png);

  8. }

  9. 

  10. .fivestar-cool div.fivestar-widget-static .star span.off {

  11.   background-image: url(star.png);

  12. }

  13. 

  14. /* Javascript Star Version */

  15. .fivestar-cool div.fivestar-widget .cancel,

  16. .fivestar-cool div.fivestar-widget .cancel a {

  17.   background-image: url(cancel.png);

  18. }

  19. .fivestar-cool div.fivestar-widget .star,

  20. .fivestar-cool div.fivestar-widget .star a {

  21.   background-image: url(star.png);

  22. }

  23. 

  24. .fivestar-cool div.fivestar-widget div.hover a,

  25. .fivestar-cool div.rating div a:hover {

  26.   background-image: url(star.png);

  27. }