Subversion Repositories starrating

[/] [design/] [standard/] [stylesheets/] [star_rating.css] - Rev 1

Compare with Previous | Blame | View Log

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
        background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
        position:relative;
        width:125px;
        height:25px;
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
}
.star-rating li{
        display: inline;
  margin:0;
  padding:0;
}
.star-rating a,
.star-rating .current-rating{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:25px;
        line-height:25px;
        outline:none;
        overflow:hidden;
        border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
        background-position: left bottom;
}
.star-rating a.stars-1{
        width:20%;
        z-index:6;
}
.star-rating a.stars-2{
        width:40%;
        z-index:5;
}
.star-rating a.stars-3{
        width:60%;
        z-index:4;
}
.star-rating a.stars-4{
        width:80%;
        z-index:3;
}
.star-rating a.stars-5{
        width:100%;
        z-index:2;
}
.star-rating .current-rating{
        z-index:1;
        background-position: left center;
}      

/* for an inline rater */
.inline-rating{
        display:-moz-inline-block;
        display:-moz-inline-box;
        display:inline-block;
        vertical-align: middle;
}

/* smaller star */
.small-star{
        width:50px;
        height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
        background-image: url(star_small.gif);
        line-height: 10px;
        height: 10px;
}
 

Compare with Previous | Blame | View Log