4 files changed, 29 insertions, 6 deletions
diff --git a/template/yoga/image.css b/template/yoga/image.css
index 3064ee46a..90d5c539b 100644
--- a/template/yoga/image.css
+++ b/template/yoga/image.css
@@ -107,6 +107,22 @@ TABLE.infoTable TD.value UL {
   list-style-type: square;
 }
 
+.rateButton, .rateButtonSelected {
+  background-color:transparent;
+  padding:0;
+  border:0;
+}
+
+.rateButton {
+  cursor: pointer;
+}
+
+.rateButtonSelected {
+  color:inherit;
+  font-weight:bold;
+  font-size:120%;
+}
+
 #comments {
     text-align: left;
 }
diff --git a/template/yoga/picture.tpl b/template/yoga/picture.tpl
index 9496a66d1..614dfff09 100644
--- a/template/yoga/picture.tpl
+++ b/template/yoga/picture.tpl
@@ -153,12 +153,19 @@
 <!-- END metadata -->
 
 <!-- BEGIN rate -->
-<p>
-{rate.SENTENCE} :
+<form action="{rate.F_ACTION}" method="post">
+<div>{rate.SENTENCE} :
 <!-- BEGIN rate_option -->
-{rate.rate_option.SEPARATOR} <a href="{rate.rate_option.URL}" rel="nofollow" {TAG_INPUT_ENABLED}>{rate.rate_option.OPTION}</a>
+{rate.rate_option.SEPARATOR}
+<!-- BEGIN my_rate -->
+<input type="button" name="rate" value="{rate.rate_option.OPTION}" class="rateButtonSelected" />
+<!-- END my_rate -->
+<!-- BEGIN not_my_rate -->
+<input type="submit" name="rate" value="{rate.rate_option.OPTION}" class="rateButton" />
+<!-- END not_my_rate -->
 <!-- END rate_option -->
-</p>
+</div>
+</form>
 <!-- END rate -->
 
 <hr class="separation">
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 1260ce776..ee77519f6 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -53,7 +53,7 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
 }
 
 /* links */
-A {
+A, .rateButton {
     color: #005e89;
     background: transparent;
 }
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index 371ef680e..c173a89eb 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -83,7 +83,7 @@ H2, #menubar DT, #imageHeaderBar {
 }
 
 /* links */
-A {
+A, .rateButton {
   color: #FFFFFF;
 }