diff -r e7f9898e6f99 -r 99d105834315 web/res/css/semanticboard.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/css/semanticboard.css	Mon Jan 09 12:51:19 2012 +0100
@@ -0,0 +1,145 @@
+body {
+    margin: 0; font-family: Helvetica, Arial, sans-serif;
+}
+
+body.jour {
+    background: #ffffff;
+}
+
+body.nuit {
+    background: #000000;
+}
+
+img {
+    border: none;
+}
+
+.highlight {
+    font-weight: bold; padding: 0 2px; color: #ffffff;
+}
+
+#container {
+    width: 800px;
+    height: 1280px;
+    margin: 0 auto;
+    position: relative;
+    overflow: hidden;
+}
+
+.small #container {
+    width: 446px;
+    margin: 0 auto;
+    position: relative;
+    overflow: hidden;
+}
+
+#tweetcont {
+    float: left; width: 800px; height: 172px; background: #dddddd;
+    padding: 20px;
+}
+
+#tweetcont img {
+    float: left; width: 96px; height: 96px;
+}
+
+#tweetcont p {
+    margin: -4px 5px 10px 106px; padding: 0; font-size: 26px;
+}
+
+p.tweet_text {
+    color: #333;
+}
+
+#ptimg {
+    position: absolute; top: -5px; right: -10px;
+}
+
+#columncont {
+    float: left; width: 800px; margin-top: 12px;
+}
+
+.column {
+    float: left; width: 780px; height: 70px; margin: 5px 10px; position: relative;
+}
+
+.column-tube {
+    float: left; width: 328px; height: 70px;
+}
+
+.tube {
+    width: 1000px; height: 35px; margin-left: -672px; overflow: hidden;
+}
+
+.column-title {
+    float: left; margin-left: 10px; width: 442px; height: 70px;
+}
+
+.polemicvol {
+    float: right; height: 70px;
+}
+
+.column-title h3 {
+    position: absolute; margin: 10px; padding: 0; font-size: 40px; line-height: 50px;
+    height: 50px; text-transform: uppercase;
+}
+
+.jour .column-tube, .jour .column-title {
+    background: #cccccc; color: #ffffff;
+}
+ 
+.nuit .column-tube, .nuit .column-title {
+    background: #eeeeee; color: #000000;
+}
+   
+div.avatar {
+   float: right; width: 35px; height: 35px; overflow: hidden;
+}
+
+.avatar img {
+    width: 100%; height: 100%;
+}
+
+.small .column {
+    float: left; width: 446px; height: 32px; margin: 2px 0; position: relative;
+}
+
+.small .column-tube {
+    float: left; width: 221px; height: 32px;
+}
+
+.small .tube {
+    width: 500px; height: 16px; margin-left: -279px; overflow: hidden;
+}
+
+.small .column-title {
+    float: left; margin-left: 4px; width: 221px; height: 32px;
+}
+
+.small .polemicvol {
+    float: right; height: 32px;
+}
+
+.small .column-title h3 {
+    position: absolute; margin: 6px; padding: 0; font-size: 18px; line-height: 18px;
+    height: 18px; text-transform: uppercase; font-weight: normal;
+}
+   
+.small div.avatar {
+   float: right; width: 16px; height: 16px; overflow: hidden;
+}
+
+div#logos {
+    width: 800px; height: 87px; background: #dddddd; position: absolute; left: 0; bottom: 0;
+}
+
+#logos img {
+    margin : 10px;
+}
+
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right;
+}