You are here

Home » API reference » Fivestar 5

flames.css in Fivestar 5

Same filename and directory in other branches
  1. 8 widgets/flames/flames.css
  2. 6.2 widgets/flames/flames.css
  3. 6 widgets/flames/flames.css
  4. 7.2 widgets/flames/flames.css
/* Static View-only Star Version */
div.fivestar-widget-static .star {
  width: 20px;
  height: 26px;
  background: url(flame.png) no-repeat 0 0;
}

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

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

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

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

div.fivestar-widget div.on a {
  background-position: 0 -26px;
}
div.fivestar-widget div.hover a, div.rating div a:hover {
  background-position: 0 -52px;
}

File

widgets/flames/flames.css
View source 
  1. /* Static View-only Star Version */

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

  3.   width: 20px;

  4.   height: 26px;

  5.   background: url(flame.png) no-repeat 0 0;

  6. }

  7. 

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

  9.   background: url(flame.png) no-repeat 0 -52px;

  10. }

  11. 

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

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

  14. }

  15. 

  16. /* Javascript Star Version */

  17. div.fivestar-widget .cancel, div.fivestar-widget .star {

  18.   width: 17px;

  19.   height: 26px;

  20. }

  21. div.fivestar-widget .cancel, div.fivestar-widget .cancel a {

  22.   background: url(delete.png) no-repeat 0 0;

  23. }

  24. 

  25. div.fivestar-widget .star, div.fivestar-widget .star a {

  26.   background: url(flame.png) no-repeat 0 0;

  27. }

  28. 

  29. div.fivestar-widget div.on a {

  30.   background-position: 0 -26px;

  31. }

  32. div.fivestar-widget div.hover a, div.rating div a:hover {

  33.   background-position: 0 -52px;

  34. }