background-repeat: no-repeat;\r
background-position: 5px 2px;\r
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: 0px;
+ border-style: solid;
+ border-color: white;
+ float: left;
+ width: 100%;
}\r
-#page.minichat #messages 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
-#page.minichat #messages div.messageImpair {\r
+#page.minichat #conversations div.messageImpair {\r
background-color: #05002c;\r
}\r
\r
-#page.minichat #messages div.messagePair {\r
+#page.minichat #conversations div.messagePair {\r
background-color: #080047;\r
}
\r
/* Il n'y a plus de mise en evidence
-#page.minichat #messages div.miseEnEvidenceReponse {
+#page.minichat #conversations div.miseEnEvidenceReponse {
background-color: #bd7a11;
}
-#page.minichat #messages div.miseEnEvidenceCourant {
+#page.minichat #conversations div.miseEnEvidenceCourant {
background-color: #bd1129;
}
-#page.minichat #messages div.miseEnEvidenceConversation {
+#page.minichat #conversations div.miseEnEvidenceConversation {
background-color: #b711bd;
}*/\r
-#page.minichat #messages div.cache {
+#page.minichat #conversations div.cache {
opacity: 0.3;\r
\r
/* Hack IE 7 */ \r
zoom: 1
}
\r
-#page.minichat #messages div.reponse {\r
+#page.minichat #conversations div.reponse {\r
border-color: #bd7a11\r
}\r
-#page.minichat #messages div.repondu {\r
+#page.minichat #conversations div.repondu {\r
border-color: #b711bd \r
}\r
-#page.minichat #messages div.proprietaire {\r
+#page.minichat #conversations div.proprietaire {\r
border-color: #bd1129\r
}
-#page.minichat #messages div.systeme {
+#page.minichat #conversations div.systeme {
background-color: #555555
}\r
\r
}\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
height:100px;\r
}*/\r
-#page.minichat #messages .repondA {
- display: inline;
+#page.minichat #conversations .repondA {
margin-left: 4px;
color: #bd7a11
}
\r
-#page.minichat #messages .contenu {\r
+/*#page.minichat #conversations .contenu {\r
display: inline;\r
+}*/
+
+#page.minichat #conversations .extraire {
+ float: right;
+ padding-right: 2px;
+ padding-left: 2px;
+ background-color: #4f5519;
+}
+
+#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