add horizontal voting styles

git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@497 b3834d28-1941-0410-a4f8-b48e95affb8f

2 files changed, 25 insertions, 4 deletions

diff --git a/data/templates/bookmarks.tpl.php b/data/templates/bookmarks.tpl.php
index 0e49e03..d0b5dff 100644
--- a/data/templates/bookmarks.tpl.php
+++ b/data/templates/bookmarks.tpl.php
@@ -343,6 +343,7 @@ if($currenttag!= '') {
 
 		echo '<div class="meta">'.  $cats . $copy . $edit . $update ."</div>\n";
 		echo $privateNoteField!=''?'<div class="privateNote" title="'. T_('Private Note on this bookmark') .'">'.$privateNoteField."</div>\n":'';
+        include 'bookmarks-vote-horizontal.inc.tpl.php';
 		echo '</div>';
 
 		echo "</li>\n";
diff --git a/www/scuttle.css b/www/scuttle.css
index e8051bc..e7fbf81 100644
--- a/www/scuttle.css
+++ b/www/scuttle.css
@@ -264,22 +264,22 @@ li.xfolkentry div div.description span.anchorBookmark {
 .vote-badge a:hover {
     text-decoration: none;
 }
-.vote-for {
+.vote-badge .vote-for {
     /*border-top-right-radius: 10px;*/
     /*border-top-left-radius: 10px;*/
     -moz-border-radius-topright: 10px;
     -moz-border-radius-topleft: 10px;
 }
-.vote-against {
+.vote-badge .vote-against {
     /*border-bottom-right-radius: 10px;*/
     /*border-bottom-left-radius: 10px;*/
     -moz-border-radius-bottomright: 10px;
     -moz-border-radius-bottomleft: 10px;
 }
-a.vote-for:hover {
+.vote-badge a.vote-for:hover {
     background-color: #ccffbb;
 }
-a.vote-against:hover {
+.vote-badge a.vote-against:hover {
     background-color: #ffcccc;
 }
 .vote-badge .vote-for-inactive, .vote-badge .vote-against-inactive {
@@ -293,6 +293,26 @@ a.vote-against:hover {
     background-color: #ffcccc;
 }
 
+/* bookmark voting horizontal */
+div.vote-horiz .voting {
+    font-weight: bold;
+}
+li.xfolkentry div.vote-horiz-for {
+    border-left: 1em solid #ccffbb;
+    padding-left: 0.5em;
+}
+li.xfolkentry div.vote-horiz-against {
+    border-left: 1em solid #ffcccc;
+    padding-left: 0.5em;
+}
+.vote-horiz a.vote-for:hover {
+    background-color: #ccffbb;
+}
+.vote-horiz a.vote-against:hover {
+    background-color: #ffcccc;
+}
+
+
 /* SIDEBAR */
 
 div#sidebar {