tweetcast/nodejs-bis/client/css/style.css
changeset 380 b3f66379fed7
parent 374 0c4acfa2aea1
child 385 886bfa7441d0
--- a/tweetcast/nodejs-bis/client/css/style.css	Wed Nov 16 17:47:11 2011 +0100
+++ b/tweetcast/nodejs-bis/client/css/style.css	Thu Nov 17 19:08:32 2011 +0100
@@ -25,15 +25,19 @@
 	font-family: Helvetica, Arial, sans-serif;
 }
 
-/* Liste de Tweets */
-
 #container {
     margin: 20px;
 }
 
+/* Barre */
+.barre  {
+    float: left; width: 100%;
+}
+
+/* Liste de Tweets */
 
 #tweetlist {
-	float: left; width: 280px; height: 450px; list-style: none; border: 1px solid #999; color: #585858;
+	float: left; width: 280px; height: 450px; list-style: none; border: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
 }
 
 li.tweet, li.placeholder {
@@ -41,7 +45,7 @@
 }
 
 li.tweet {
-	position: relative; background: #fff; cursor: pointer;
+	position: relative; background: #fff;
 }
 
 li.full {
@@ -89,7 +93,7 @@
 }
 
 .full p.created_at {
-	font-size: 12px; text-align: center; font-style: italic; color: #787878;
+	font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden;
 }
 
 .half p.created_at, .icons p {
@@ -101,7 +105,7 @@
 }
 
 .icons .annotations {
-    position: absolute; width: 20px; height: 4px; left: 0; top: 18px; z-index: 3;
+    position: absolute; width: 20px; height: 6px; left: 0; top: 16px; z-index: 3;
 }
 
 div.annotation {
@@ -115,7 +119,17 @@
 /* timeline */
 
 #timeline {
-    float: left; height: 450px; width: 98px; border-width: 1px; border-style: solid solid solid none; border-color: #999;
+    float: left; height: 450px; width: 150px; border-width: 1px; border-style: solid solid solid none; border-color: #999;  cursor: pointer; cursor: hand;
+}
+
+
+
+#scrollcont {
+    float: left; width: 20px; height: 452px; overflow: auto;
+}
+
+#scrollin {
+    width: 1px; height: 10000px;
 }
 
 /* hovertweet */
@@ -131,3 +145,9 @@
 #hoverarrow {
     position: absolute; width: 10px; height: 18px; left: -9px; top: 13px;  background: url(../img/arrow.png);
 }
+
+/* Tag Cloud */
+
+#motscles {
+    float: left; width: 400px; height: 100px; text-align: center; border: 1px solid #999; margin: 0 20px;
+}