X-Git-Url: https://git.decadent.org.uk/gitweb/?p=memories.git;a=blobdiff_plain;f=templates%2Fstatic%2Fstar_rating.css;fp=templates%2Fstatic%2Fstar_rating.css;h=8ba0141eb181e935dca124ea32638d29f94c8feb;hp=0000000000000000000000000000000000000000;hb=c4b2f2843ca943f5235a1abb001523bffb7205c4;hpb=6c828edcb380b80c77f01caecd306337a954de36 diff --git a/templates/static/star_rating.css b/templates/static/star_rating.css new file mode 100644 index 0000000..8ba0141 --- /dev/null +++ b/templates/static/star_rating.css @@ -0,0 +1,84 @@ +.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; +} +.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.one-star{ + width:20%; + z-index:6; +} +.star-rating a.two-stars{ + width:40%; + z-index:5; +} +.star-rating a.three-stars{ + width:60%; + z-index:4; +} +.star-rating a.four-stars{ + width:80%; + z-index:3; +} +.star-rating a.five-stars{ + 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; +}