Subversion Repositories starrating

[/] [design/] [standard/] [stylesheets/] [star_rating.css] - Blame information for rev 1

Details | Compare with Previous | View Log

Line No. Rev Author Line
1 1 zabbie
.star-rating,
2
.star-rating a:hover,
3
.star-rating a:active,
4
.star-rating a:focus,
5
.star-rating .current-rating{
6
        background: url(star.gif) left -1000px repeat-x;
7
}
8
.star-rating{
9
        position:relative;
10
        width:125px;
11
        height:25px;
12
        overflow:hidden;
13
        list-style:none;
14
        margin:0;
15
        padding:0;
16
        background-position: left top;
17
}
18
.star-rating li{
19
        display: inline;
20
  margin:0;
21
  padding:0;
22
}
23
.star-rating a,
24
.star-rating .current-rating{
25
        position:absolute;
26
        top:0;
27
        left:0;
28
        text-indent:-1000em;
29
        height:25px;
30
        line-height:25px;
31
        outline:none;
32
        overflow:hidden;
33
        border: none;
34
}
35
.star-rating a:hover,
36
.star-rating a:active,
37
.star-rating a:focus{
38
        background-position: left bottom;
39
}
40
.star-rating a.stars-1{
41
        width:20%;
42
        z-index:6;
43
}
44
.star-rating a.stars-2{
45
        width:40%;
46
        z-index:5;
47
}
48
.star-rating a.stars-3{
49
        width:60%;
50
        z-index:4;
51
}
52
.star-rating a.stars-4{
53
        width:80%;
54
        z-index:3;
55
}
56
.star-rating a.stars-5{
57
        width:100%;
58
        z-index:2;
59
}
60
.star-rating .current-rating{
61
        z-index:1;
62
        background-position: left center;
63
}      
64
 
65
/* for an inline rater */
66
.inline-rating{
67
        display:-moz-inline-block;
68
        display:-moz-inline-box;
69
        display:inline-block;
70
        vertical-align: middle;
71
}
72
 
73
/* smaller star */
74
.small-star{
75
        width:50px;
76
        height:10px;
77
}
78
.small-star,
79
.small-star a:hover,
80
.small-star a:active,
81
.small-star a:focus,
82
.small-star .current-rating{
83
        background-image: url(star_small.gif);
84
        line-height: 10px;
85
        height: 10px;
86
}