diff -r 77ccba188e08 -r 7d9c576bfaac tweetcast/nodejs/client/css/style.css
--- a/tweetcast/nodejs/client/css/style.css	Fri Oct 14 17:36:34 2011 +0200
+++ b/tweetcast/nodejs/client/css/style.css	Mon Oct 17 17:40:58 2011 +0200
@@ -27,38 +27,78 @@
 
 /* Liste de Tweets */
 
-#tweetcontainer {
-	position: absolute; top: 25px; bottom: 5px; width: 270px; overflow: auto;
-}
-
 #tweetlist {
-	list-style: none;
+	position: absolute; left: 50px; top: 50px; width: 240px; height: 600px; list-style: none; overflow: hidden; border: 1px solid #999;
 }
 
 li.tweet {
-	border: 1px solid #999; margin: 5px; width: 240px; height: 100px; overflow: hidden;
+	border-width: 1px; border-style: none solid solid none; border-color: #ccc; overflow: hidden; float: left;
+}
+
+li.tweet.full {
+    width: 240px; height: 99px;
 }
 
-.tweet h4, .tweet p {
-	margin: 5px;
+li.tweet.half {
+    width: 240px; height: 49px;
+}
+
+li.tweet.quarter {
+    width: 119px; height: 49px;
+}
+
+li.tweet.icons {
+    width: 29px; height: 29px;
 }
 
 .tweet h4 {
+    font-weight: bold;
+}
+
+.full h4, .full p, .half p {
+	margin: 5px;
+}
+
+.full h4 {
 	font-size: 15px;
 }
 
-.tweet p {
+.full p, .half p {
 	font-size: 12px;
 }
 
+.quarter p {
+    font-size: 10px; margin: 2px 2px 2px 28px;
+}
+
 img.tweet_profile_image {
-	float: left; margin: 5px; width: 32px; height: 32px;
+	float: left; opacity: .7; filter:alpha(opacity=70);
+}
+
+.full .tweet_profile_image {
+    margin: 5px; width: 48px; height: 48px;
+}
+
+.half .tweet_profile_image {
+    margin: 5px; width: 39px; height: 39px;
+}
+
+.quarter .tweet_profile_image {
+    margin: 2px; width: 25px; height: 25px;
+}
+
+ .icons .tweet_profile_image {
+    margin: 3px; width: 23px; height: 23px;
 }
 
 p.tweet_created_at {
 	font-style: italic; color: #999;
 }
 
+.half h4, .half p.tweet_created_at, .quarter h4, .quarter p.tweet_created_at, .icons h4, .icons p {
+    display: none
+}
+
 .a_positive {
 	background: #c5e7cd;
 }