From 35c18ec29b7063a112103bb4bd799e10ee6fb1e1 Mon Sep 17 00:00:00 2001
From: spocky <spocky@ampache>
Date: Sat, 23 Feb 2008 19:13:25 +0000
Subject: Updated shoutbox display

---
 themes/greysme/templates/default.css | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

(limited to 'themes/greysme')

diff --git a/themes/greysme/templates/default.css b/themes/greysme/templates/default.css
index 2a25c82e..e12ab897 100644
--- a/themes/greysme/templates/default.css
+++ b/themes/greysme/templates/default.css
@@ -658,24 +658,32 @@ background:#000;
 /*               Shoutbox                       */
 /************************************************/
 
+
 #shoutbox {
-        font-size:0.8em;
-}
+	font-size:1em;
+	position:relative;
+} 
 
-#shoutbox div.shout {
-        float:left;
-        margin-right:5px;
-}
+#shoutbox div.shout { 
+	/*float:left;*/
+	padding:1em 85px 0 30px;  
+} 
 
-#shoutbox span.information {
-        float:left;
-        clear:left;
+#shoutbox span.information { 
+/*	float:left;
+	clear:left;*/
+} 
+#shoutbox .shouttext{display:block;}
+img.shoutboximage { 
+	margin-right:3px;
+	width:25px;
+	height:25px;
+	position:absolute;margin-left:-30px;
 }
+.shoutodd img.shoutboximage {/*float:right;*/}
+.shouteven img.shoutboximage {/*float:right;*/}
 
-img.shoutboximage {
-        float:left;
-        margin-right:3px;
-}
+div.shout:hover img.shoutboximage{width:75px;height:75px;position:absolute;top:50%;right:0;margin-top:-38px}
 
 /************************************************/
 /*             List Header                      */
-- 
cgit