client/css/main.css
changeset 31 7b76d97e3051
parent 26 83cf3d8be396
child 38 7121bc4d0545
--- 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;
+}