templates/static/star_rating.css

   1 .star-rating,
   2 .star-rating a:hover,\r
   3 .star-rating a:active,\r
   4 .star-rating a:focus,
   5 .star-rating .current-rating{
   6         background: url(star.gif) left -1000px repeat-x;
   7 }
   8 .star-rating{\r
   9         position:relative;\r
  10         width:125px;\r
  11         height:25px;\r
  12         overflow:hidden;\r
  13         list-style:none;\r
  14         margin:0;\r
  15         padding:0;\r
  16         background-position: left top;\r
  17 }\r
  18 .star-rating li{
  19         display: inline;\r
  20 }\r
  21 .star-rating a,
  22 .star-rating .current-rating{\r
  23         position:absolute;\r
  24         top:0;\r
  25         left:0;\r
  26         text-indent:-1000em;\r
  27         height:25px;\r
  28         line-height:25px;\r
  29         outline:none;\r
  30         overflow:hidden;
  31         border: none;
  32 }
  33 .star-rating a:hover,\r
  34 .star-rating a:active,\r
  35 .star-rating a:focus{
  36         background-position: left bottom;
  37 }\r
  38 .star-rating a.one-star{\r
  39         width:20%;\r
  40         z-index:6;\r
  41 }\r
  42 .star-rating a.two-stars{\r
  43         width:40%;\r
  44         z-index:5;\r
  45 }\r
  46 .star-rating a.three-stars{\r
  47         width:60%;\r
  48         z-index:4;\r
  49 }\r
  50 .star-rating a.four-stars{\r
  51         width:80%;\r
  52         z-index:3;\r
  53 }\r
  54 .star-rating a.five-stars{\r
  55         width:100%;\r
  56         z-index:2;\r
  57 }\r
  58 .star-rating .current-rating{\r
  59         z-index:1;\r
  60         background-position: left center;
  61 }       \r
  62 \r
  63 /* for an inline rater */\r
  64 .inline-rating{\r
  65         display:-moz-inline-block;\r
  66         display:-moz-inline-box;\r
  67         display:inline-block;\r
  68         vertical-align: middle;\r
  69 }\r
  70 \r
  71 /* smaller star */\r
  72 .small-star{\r
  73         width:50px;\r
  74         height:10px;\r
  75 }
  76 .small-star,
  77 .small-star a:hover,\r
  78 .small-star a:active,\r
  79 .small-star a:focus,
  80 .small-star .current-rating{
  81         background-image: url(star_small.gif);
  82         line-height: 10px;
  83         height: 10px;
  84 }\r\r\r\r