You are here

Home » API reference » Rate 8

fivestar.css in Rate 8

Rate fiverstar widget styling.

File

css/fivestar.css
View source 
  1. /**

  2.  * @file

  3.  * Rate fiverstar widget styling.

  4.  */

  5. 

  6. .rate-widget-fivestar ul {

  7.   list-style: none;

  8.   overflow: hidden;

  9. }

  10. 

  11. .rate-widget-fivestar ul li {

  12.   float: left;

  13. }

  14. 

  15. .rate-widget-fivestar .item-list ul li {

  16.   padding: 0;

  17.   margin: 0;

  18. }

  19. 

  20. .rate-widget-fivestar .item-list ul li a + .ajax-progress {

  21.   height: 16px;

  22. 

  23.   /* Space between star and throbber */

  24.   padding: 0 2px;

  25. }

  26. 

  27. .rate-widget-fivestar .item-list ul li a + .ajax-progress .throbber {

  28.   padding: 7px 8px 2px;

  29. }

  30. 

  31. .rate-widget-fivestar ul li.hovering a {

  32.   /* Yellow star */

  33.   background: url(../images/fivestar.png) no-repeat 0 -16px;

  34. }

  35. 

  36. .rate-fivestar-btn-filled,

  37. .rate-fivestar-btn-empty {

  38.   display: inline-block;

  39.   width: 16px;

  40.   height: 16px;

  41. 

  42.   /* Prevent overlapping text on image */

  43.   text-indent: -9999px;

  44. }

  45. 

  46. .rate-fivestar-btn-filled {

  47.   /* Yellow star */

  48.   background: url(../images/fivestar.png) no-repeat 0 -16px;

  49. }

  50. .rate-fivestar-btn-empty {

  51.   /* Gray star */

  52.   background: url(../images/fivestar.png) no-repeat 0 -32px;

  53. }