diff options
| author | spocky <spocky@ampache> | 2008-02-23 19:13:25 +0000 |
|---|---|---|
| committer | spocky <spocky@ampache> | 2008-02-23 19:13:25 +0000 |
| commit | 35c18ec29b7063a112103bb4bd799e10ee6fb1e1 (patch) | |
| tree | f993de7d921a3a42530e0c5550f2ec4f314e23b7 /themes | |
| parent | e9e0d7926740e75bb2e25932f01b07345e80d1fc (diff) | |
| download | ampache-35c18ec29b7063a112103bb4bd799e10ee6fb1e1.tar.gz ampache-35c18ec29b7063a112103bb4bd799e10ee6fb1e1.tar.bz2 ampache-35c18ec29b7063a112103bb4bd799e10ee6fb1e1.zip | |
Updated shoutbox display
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/classic/templates/default.css | 24 | ||||
| -rw-r--r-- | themes/greysme/templates/default.css | 34 |
2 files changed, 33 insertions, 25 deletions
diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css index 4c6d386d..2b8e823f 100644 --- a/themes/classic/templates/default.css +++ b/themes/classic/templates/default.css @@ -603,23 +603,23 @@ td.cel_cover{padding:6px;} /************************************************/
#shoutbox {
- font-size:0.8em;
+ font-size:0.8em;
}
-#shoutbox div.shout {
- float:left;
- margin-right:5px;
+#shoutbox div.shout {
+ padding-top:0.5em;
+ margin:10px 5px 0 0;
+ border-top:1px dotted #c0c0c0;
}
-#shoutbox span.information {
- float:left;
- clear:left;
-}
+#shoutbox span.information {}
+#shoutbox .shouttext{display:block;}
+img.shoutboximage { margin:0 3px;}
-img.shoutboximage {
- float:left;
- margin-right:3px;
-}
+#shoutbox div.shoutodd{margin-right:20%;text-align:left;}
+#shoutbox div.shouteven{margin-left:20%;text-align:right;}
+.shoutodd img.shoutboximage {float:left;}
+.shouteven img.shoutboximage {float:right;}
/************************************************/
/* List Header */
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 */
|