48 lines
1.1 KiB
CSS
48 lines
1.1 KiB
CSS
.positioner {
|
|
position: relative;
|
|
display: inline-block;
|
|
line-height: 0;
|
|
}
|
|
|
|
.starbox .colorbar,
|
|
.starbox .ghost {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.starbox .stars {
|
|
display: inline-block;
|
|
}
|
|
|
|
.starbox .stars .star_holder {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.starbox .stars .star_holder .star {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
/* Override with your own image and size… */
|
|
.starbox .stars .star_holder .star {
|
|
background-image: url('/assets/jstarbox-5-large.png');
|
|
background-size:cover;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
/* Override with your own colours… */
|
|
.starbox .stars { background: #ccc; }
|
|
.starbox .rated .stars { background: #dcdcdc; }
|
|
.starbox .rated.hover .stars { background: transparent; }
|
|
.starbox .colorbar { background: #ed3618; }
|
|
.starbox .hover .colorbar { background: #ffcc1c; }
|
|
.starbox .rated .colorbar { background: #64b2ff; }
|
|
.starbox .rated.hover .colorbar { background: #1e90ff; }
|
|
.starbox .ghost { background: #a1a1a1; } |