MOD avancement sur les conversations (on s'approche du but..)

[euphorik.git] / css / 1 / pageMinichat.css

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 182b9b0..2d5761c 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -46,18 +46,26 @@
        vertical-align: top;\r
 }
 
+/* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
+#page.minichat #conversations {        
+       overflow: hidden;
+       width: 100%
+}
+
 #page.minichat #conversations .conversation {
-       border-width: 2px;
+       border-width: 0px;
        border-style: solid;
-       border-color: white
+       border-color: white;
+       float: left;
+       width: 100%;
 }\r
 
-#page.minichat #conversations div.message {    \r
+#page.minichat #conversations div.message {\r
        border-left-width: 5px;\r
        border-left-style: solid;\r
        border-color: transparent;
        text-align: left;
-       padding-right: 8px;
+       padding-right: 5px;
        padding-left: 4px;\r
        cursor: pointer;
 }
@@ -151,15 +159,32 @@
 
 #page.minichat #conversations .extraire:hover {
        background-color: #818c27
+}
+
+#page.minichat #conversations .titre {
+       padding-right: 8px;
+       background-color: #4b4215
+}
+
+#page.minichat #conversations .titre .fermer {
+       float: right;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #c90000;
+       cursor: pointer;
 }\r
-\r
+
+#page.minichat #conversations .titre .fermer:hover {
+       background-color: #c95656
+}      
+       \r
 #page.minichat #pages {\r
        margin-top: 10px;\r
 }\r
 \r
 #page.minichat #pages span {\r
-       padding-right : 5px;\r
-       padding-left: 5px;\r
+       padding-right : 4px;\r
+       padding-left: 4px;\r
        color: #7664ff;\r
        cursor:pointer;\r
 }\r