feature 603: rating buttons presented with stars (full Javascript

on compatible browsers, otherwise default presentation)

git-svn-id: http://piwigo.org/svn/trunk@1657 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 12 insertions, 2 deletions

diff --git a/template/yoga/picture.css b/template/yoga/picture.css
index 153a98b41..692aefcba 100644
--- a/template/yoga/picture.css
+++ b/template/yoga/picture.css
@@ -95,12 +95,12 @@ TABLE.infoTable TD.value UL {
   list-style-type: square;
 }
 
-.rateButton, .rateButtonSelected  {
+.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
   padding:0;
   border:0;
 }
 
-.rateButton {
+.rateButton, .rateButtonStarFull, .rateButtonStarEmpty {
   cursor: pointer;
 }
 
@@ -109,6 +109,16 @@ TABLE.infoTable TD.value UL {
   font-size:120%;
 }
 
+.rateButtonStarFull {
+  background: url('icon/star_f.gif') no-repeat center;
+  width: 16px;
+}
+
+.rateButtonStarEmpty {
+  background: url('icon/star_e.gif') no-repeat center;
+  width: 16px;
+}
+
 #comments {
   text-align: left;
 }