You are here

Home » API reference » Star Rating 8.2

star.css in Star Rating 8.2

Same filename and directory in other branches
  1. 8.4 css/star.css
  2. 8 css/star.css
  3. 8.3 css/star.css
.star-off {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px 0px;
}
.star1-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -14px;
}
.star2-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -28px;
}
.star3-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -42px;
}
.star4-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -56px;
}
.star5-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -70px;
}
.star6-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -84px;
}
.star7-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -98px;
}
.star8-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('star.png') no-repeat 0px -112px;
}

File

css/star.css
View source 
  1. .star-off {

  2.   float: left;

  3.   width: 14px;

  4.   height: 14px;

  5.   margin-top: 3px;

  6.   background: url('star.png') no-repeat 0px 0px;

  7. }

  8. .star1-on {

  9.   float: left;

  10.   width: 14px;

  11.   height: 14px;

  12.   margin-top: 3px;

  13.   background: url('star.png') no-repeat 0px -14px;

  14. }

  15. .star2-on {

  16.   float: left;

  17.   width: 14px;

  18.   height: 14px;

  19.   margin-top: 3px;

  20.   background: url('star.png') no-repeat 0px -28px;

  21. }

  22. .star3-on {

  23.   float: left;

  24.   width: 14px;

  25.   height: 14px;

  26.   margin-top: 3px;

  27.   background: url('star.png') no-repeat 0px -42px;

  28. }

  29. .star4-on {

  30.   float: left;

  31.   width: 14px;

  32.   height: 14px;

  33.   margin-top: 3px;

  34.   background: url('star.png') no-repeat 0px -56px;

  35. }

  36. .star5-on {

  37.   float: left;

  38.   width: 14px;

  39.   height: 14px;

  40.   margin-top: 3px;

  41.   background: url('star.png') no-repeat 0px -70px;

  42. }

  43. .star6-on {

  44.   float: left;

  45.   width: 14px;

  46.   height: 14px;

  47.   margin-top: 3px;

  48.   background: url('star.png') no-repeat 0px -84px;

  49. }

  50. .star7-on {

  51.   float: left;

  52.   width: 14px;

  53.   height: 14px;

  54.   margin-top: 3px;

  55.   background: url('star.png') no-repeat 0px -98px;

  56. }

  57. .star8-on {

  58.   float: left;

  59.   width: 14px;

  60.   height: 14px;

  61.   margin-top: 3px;

  62.   background: url('star.png') no-repeat 0px -112px;

  63. }