Merge commit 'trunk'

[memories.git] / templates / static / star_rating.css

diff --git a/templates/static/star_rating.css b/templates/static/star_rating.css
new file mode 100644 (file)
index 0000000..8ba0141
--- /dev/null
+++ b/templates/static/star_rating.css
@@ -0,0 +1,84 @@
+.star-rating,
+.star-rating a:hover,\r
+.star-rating a:active,\r
+.star-rating a:focus,
+.star-rating .current-rating{
+       background: url(star.gif) left -1000px repeat-x;
+}
+.star-rating{\r
+       position:relative;\r
+       width:125px;\r
+       height:25px;\r
+       overflow:hidden;\r
+       list-style:none;\r
+       margin:0;\r
+       padding:0;\r
+       background-position: left top;\r
+}\r
+.star-rating li{
+       display: inline;\r
+}\r
+.star-rating a, 
+.star-rating .current-rating{\r
+       position:absolute;\r
+       top:0;\r
+       left:0;\r
+       text-indent:-1000em;\r
+       height:25px;\r
+       line-height:25px;\r
+       outline:none;\r
+       overflow:hidden;
+       border: none;
+}
+.star-rating a:hover,\r
+.star-rating a:active,\r
+.star-rating a:focus{
+       background-position: left bottom;
+}\r
+.star-rating a.one-star{\r
+       width:20%;\r
+       z-index:6;\r
+}\r
+.star-rating a.two-stars{\r
+       width:40%;\r
+       z-index:5;\r
+}\r
+.star-rating a.three-stars{\r
+       width:60%;\r
+       z-index:4;\r
+}\r
+.star-rating a.four-stars{\r
+       width:80%;\r
+       z-index:3;\r
+}\r
+.star-rating a.five-stars{\r
+       width:100%;\r
+       z-index:2;\r
+}\r
+.star-rating .current-rating{\r
+       z-index:1;\r
+       background-position: left center;
+}      \r
+\r
+/* for an inline rater */\r
+.inline-rating{\r
+       display:-moz-inline-block;\r
+       display:-moz-inline-box;\r
+       display:inline-block;\r
+       vertical-align: middle;\r
+}\r
+\r
+/* smaller star */\r
+.small-star{\r
+       width:50px;\r
+       height:10px;\r
+}
+.small-star,
+.small-star a:hover,\r
+.small-star a:active,\r
+.small-star a:focus,
+.small-star .current-rating{
+       background-image: url(star_small.gif);
+       line-height: 10px;
+       height: 10px;
+}\r\r\r\r