web/res/css/tweetcast.css
changeset 407 5ab44abc46df
parent 406 86b62b98fea7
child 408 4141c5821c98
--- a/web/res/css/tweetcast.css	Tue Dec 13 19:01:59 2011 +0100
+++ b/web/res/css/tweetcast.css	Wed Dec 14 16:58:57 2011 +0100
@@ -60,7 +60,7 @@
 }
 
 #container {
-    width: 960px; margin: 0 auto;
+    position: relative; width: 960px; margin: 0 auto;
 }
 
 #colgauche {
@@ -86,6 +86,12 @@
     float: left; margin-right: 10px;
 }
 
+#minilogo {
+  background: url("../../images/pol_color.gif") left top no-repeat;
+  width: 46px; height: 5px; left: 99px; top: 55px;
+  position: absolute; z-index: 9;
+}
+
 .menu {
     border-left: 1px solid #C3C3C3;
     float: left;
@@ -118,28 +124,28 @@
     width: 430px; padding: 10px; background: #efefef;
 }
 .loginbutton{
-    margin: 10px auto; height: 60px; width: 330px; padding:5px;
-    background: url(../../images/tweetWriterBgdUnconnect.gif) no-repeat;
-    border: none; color:#fff;
+    margin: 10px 0; height: 45px; width: 420px; padding:5px;
+    background: url(twcx-img/bgdWriterDisconnect.png) no-repeat;
+    border: none; color:#fff; font-size: 12px;
 }
 .loginlink{
     text-decoration:none;
     color:#fff;
 }
 textarea {
-    display: block; margin: 10px auto; height: 60px; width: 330px; padding:5px;
-    background: url(../../images/tweetWriterBgdTxtArea.gif) no-repeat;
-    border: none; resize: none;
+    display: block; margin: 10px 0; height: 45px; width: 420px; padding:5px;
+    background: url(twcx-img/bgdWriter.png) no-repeat;
+    border: none; resize: none; font-size: 14px; font-family: 'PT Sans', Helvetica, Arial, sans-serif;
 }
 
 a#sendTweet {
     background: transparent url('../../images/bg_button_a_w.png') no-repeat top right;
     color: #444; display: block; font-size: 12px; height: 24px; line-height: 14px;
-    float:right; margin: 0 45px 0 50px; padding: 0 18px 0 0; text-decoration: none;
+    float:right; margin-left: 50px; padding: 0 18px 0 0; text-decoration: none;
 }
 a#sendTweet span {
     background: transparent url('../../images/bg_button_span_w.png') no-repeat; display: block; height: 14px;
-    padding: 5px 0 5px 18px;
+    padding: 5px 6px 5px 24px;
 }
 a#sendTweet:hover, a#sendTweet:active {
     background-position: right -24px;
@@ -148,7 +154,7 @@
     background-position: 0 -24px;
 }
 a.tweetButton { 
-    float:right; margin: 2px 5px 0 0; width:32px; height:20px; text-decoration: none; font: normal 12px;
+    float:right; margin: 2px 10px 0 0; width:32px; height:20px; text-decoration: none; font: normal 12px;
     color: #444; text-align:center; cursor: pointer; cursor: hand;
 }
 
@@ -166,7 +172,7 @@
 }
 
 #tweetCounter{
-    float: left; background: transparent; border: none;font-weight:bold; margin: 2px 0 0 42px; padding: 0;
+    float: left; background: transparent; border: none;font-weight:bold; margin-top: 2px; padding: 0;
 }
 .tweetCounterNegative{
     color:red;
@@ -402,11 +408,15 @@
 }
 
 #accordeon p {
-    margin: 5px 0; line-height: 1.5em;
+    margin: 5px 0; line-height: 1.5em; text-align: justify;
 }
 
 #accordeon li {
-    float: left; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff;
+    float: left; text-align: center; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff;
+}
+
+#accordeon span {
+    padding: 2px; cursor: pointer; cursor: hand;
 }
 
 li.acctitre {
@@ -419,12 +429,18 @@
 
 /* Tag Cloud */
 
-#motscles {
-    text-align: center;
+#hoverkw {
+    list-style: none; position: absolute; width: 86px; height: 39px; font-size: 14px; line-height: 19px;
+    background: url(twcx-img/lefttt.png); padding: 5px 13px 5px 5px; text-align: center; display: none;
+    margin-left: -104px; margin-top: -24px;
 }
 
-#motscles span {
-    padding: 2px; cursor: pointer; cursor: hand;
+#hoverkw a {
+    text-decoration: none; color: #222222;
+}
+
+#hoverkw a:hover {
+    color: #0099FF; text-decoration: underline;
 }
 
 /* Footer */