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;
}
}\r
\r
#page.minichat .date {\r
- display: inline;\r
color: #fd913b;\r
margin-right: 3px;\r
margin-left: 3px;\r
\r
#page.minichat div.message .pseudo,\r
#page.minichat form .pseudo {\r
- display: inline;\r
margin-left: 4px;\r
margin-right: 2px;\r
font-weight: bold;\r
}*/\r
#page.minichat #conversations .repondA {
- display: inline;
margin-left: 4px;
color: #bd7a11
}
\r
-#page.minichat #conversations .contenu {\r
+/*#page.minichat #conversations .contenu {\r
display: inline;\r
-}
+}*/
#page.minichat #conversations .extraire {
float: right;
#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