.rating {
margin: 0;
padding: 0;
width: 42px;
height: 25px;
}
.rating ul {
height: 20px;
}
.rating ul li {
float: left;
}
ul.transparent li.color, ul.red li.color, ul.yellow li.color, ul.green li.color, ul.blue li.color, ul.purple li.color {
margin: 0 2px 0 0;
padding: 0;
width: 20px;
height: 20px;
}
ul.transparent li.color {
background-color: transparent;
}
ul.red li.color {
background-color: #f00;
}
ul.yellow li.color {
background-color: #FDFF00;
}
ul.green li.color {
background-color: #8FFF25;
}
ul.blue li.color {
background-color: #1B00FF;
}
ul.purple li.color {
background-color: #920080;
}
ul.zero li.number, ul.one li.number, ul.two li.number, ul.three li.number, ul.four li.number, ul.five li.number {
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background-color: #222;
background-position: center;
background-repeat: no-repeat;
}
ul.zero li.number {
background-image: url(../images/ratings/0.jpg);
}
ul.one li.number {
background-image: url(../images/ratings/1.jpg);
}
ul.two li.number {
background-image: url(../images/ratings/2.jpg);
}
ul.three li.number {
background-image: url(../images/ratings/3.jpg);
}
ul.four li.number {
background-image: url(../images/ratings/4.jpg);
}
ul.five li.number {
background-image: url(../images/ratings/5.jpg);
}