You are here

Home » API reference » Star Rating 8

smiley.css in Star Rating 8

Same filename and directory in other branches
  1. 8.4 css/smiley.css
  2. 8.2 css/smiley.css
  3. 8.3 css/smiley.css
.smiley-off {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px 0px;
}
.smiley1-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -14px;
}
.smiley2-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -28px;
}
.smiley3-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -42px;
}
.smiley4-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -56px;
}
.smiley5-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -70px;
}
.smiley6-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -84px;
}
.smiley7-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -98px;
}
.smiley8-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url('smiley.png') no-repeat 0px -112px;
}

File

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

  2.   float: left;

  3.   width: 14px;

  4.   height: 14px;

  5.   margin-top: 3px;

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

  7. }

  8. .smiley1-on {

  9.   float: left;

  10.   width: 14px;

  11.   height: 14px;

  12.   margin-top: 3px;

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

  14. }

  15. .smiley2-on {

  16.   float: left;

  17.   width: 14px;

  18.   height: 14px;

  19.   margin-top: 3px;

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

  21. }

  22. .smiley3-on {

  23.   float: left;

  24.   width: 14px;

  25.   height: 14px;

  26.   margin-top: 3px;

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

  28. }

  29. .smiley4-on {

  30.   float: left;

  31.   width: 14px;

  32.   height: 14px;

  33.   margin-top: 3px;

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

  35. }

  36. .smiley5-on {

  37.   float: left;

  38.   width: 14px;

  39.   height: 14px;

  40.   margin-top: 3px;

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

  42. }

  43. .smiley6-on {

  44.   float: left;

  45.   width: 14px;

  46.   height: 14px;

  47.   margin-top: 3px;

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

  49. }

  50. .smiley7-on {

  51.   float: left;

  52.   width: 14px;

  53.   height: 14px;

  54.   margin-top: 3px;

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

  56. }

  57. .smiley8-on {

  58.   float: left;

  59.   width: 14px;

  60.   height: 14px;

  61.   margin-top: 3px;

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

  63. }