--- a/client/css/main.css Tue Feb 21 22:46:45 2012 +0100
+++ b/client/css/main.css Tue Feb 21 22:47:19 2012 +0100
@@ -1,17 +1,21 @@
+#canvas div {
+ z-index: 5;
+}
+
#podium-container {
position: absolute;
width: 1480px;
- top: 600px;
+ top: 700px;
left: 400px;
}
#podium {
width: 100%;
- height: 300px;
+ height: 200px;
}
#podium-labels {
position: absolute;
width: 100%;
- top: 320px;
+ top: 215px;
}
#podium-labels li {
float: left;
@@ -23,7 +27,7 @@
#podium-chiffres {
position: absolute;
width: 100%;
- top: 240px;
+ top: 145px;
}
#podium-chiffres li {
float: left;
@@ -47,17 +51,33 @@
display: none;
}
.btv-bigtweet-image {
+ position: absolute;
width: 100px;
height: 100px;
- margin: 0 30px 30px 0;
- float: left;
}
.btv-bigtweet-screen-name {
- font-weight: bold;
+ font-weight: bold; margin: -8px 0 0 140px;
}
.btv-bigtweet-name {
- margin: 10px 0;
+ margin: 10px 0 20px 140px;
}
.btv-tweet-text {
clear: both;
-}
\ No newline at end of file
+}
+
+#btv-tooltip {
+ display: none; position: absolute; z-index: 8; font-size: 20px; background: #0031ff; color: #ffffff;
+ width: 350px; padding: 10px; margin: -30px 0 0 -380px; border-right: 5px solid;
+}
+
+.btv-tooltip-arrow {
+ position: absolute; width: 35px; height: 50px; top: 30px; left: 370px; background: url('../img/tooltip-arrow.png');
+}
+
+.btv-tooltip-name {
+ font-weight: bold;
+}
+
+.btv-tooltip-image {
+ float: left; margin: 0 10px 10px 0;
+}