You are here

Home » API reference » Star Rating 8

heart.css in Star Rating 8

Same filename and directory in other branches
  1. 8.4 css/heart.css
  2. 8.2 css/heart.css
  3. 8.3 css/heart.css
.heart-off {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px 0px;
}
.heart1-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -14px;
}
.heart2-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -28px;
}
.heart3-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -42px;
}
.heart4-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -56px;
}
.heart5-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -70px;
}
.heart6-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -84px;
}
.heart7-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -98px;
}
.heart8-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('heart.png') no-repeat 0px -112px;
}

File

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

  2.   float: left;

  3.   width: 14px;

  4.   height: 14px;

  5.   margin-top: 3px;

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

  7. }

  8. .heart1-on {

  9.   float: left;

  10.   width: 14px;

  11.   height: 14px;

  12.   margin-top: 3px;

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

  14. }

  15. .heart2-on {

  16.   float: left;

  17.   width: 14px;

  18.   height: 14px;

  19.   margin-top: 3px;

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

  21. }

  22. .heart3-on {

  23.   float: left;

  24.   width: 14px;

  25.   height: 14px;

  26.   margin-top: 3px;

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

  28. }

  29. .heart4-on {

  30.   float: left;

  31.   width: 14px;

  32.   height: 14px;

  33.   margin-top: 3px;

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

  35. }

  36. .heart5-on {

  37.   float: left;

  38.   width: 14px;

  39.   height: 14px;

  40.   margin-top: 3px;

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

  42. }

  43. .heart6-on {

  44.   float: left;

  45.   width: 14px;

  46.   height: 14px;

  47.   margin-top: 3px;

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

  49. }

  50. .heart7-on {

  51.   float: left;

  52.   width: 14px;

  53.   height: 14px;

  54.   margin-top: 3px;

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

  56. }

  57. .heart8-on {

  58.   float: left;

  59.   width: 14px;

  60.   height: 14px;

  61.   margin-top: 3px;

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

  63. }