X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=3a02bf994704a158b8714acbc9333fb29ad0e28e;hb=ffea71492c07cbf81430883c894b34e1c9408699;hp=d031b7f543e431665cea32a810412dd686220960;hpb=6feaef2a51f7226c41d69f9e86f605718b78aa02;p=euphorik.git

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index d031b7f..3a02bf9 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -44,38 +44,52 @@
 	background-repeat: no-repeat;
 	background-position: 5px 2px;
 	vertical-align: top;
+}
+
+/* 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%;
 }
 
-#page.minichat #messages div.message {	
+#page.minichat #conversations div.message {
 	border-left-width: 5px;
 	border-left-style: solid;
 	border-color: transparent;
 	text-align: left;
-	padding-right: 8px;
+	padding-right: 5px;
 	padding-left: 4px;
 	cursor: pointer;
 }
 
-#page.minichat #messages div.messageImpair {
+#page.minichat #conversations div.messageImpair {
    background-color: #05002c;
 }
 
-#page.minichat #messages div.messagePair {
+#page.minichat #conversations div.messagePair {
    background-color: #080047;
 }
 
 /* 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;
 }*/
 	
-#page.minichat #messages div.cache {
+#page.minichat #conversations div.cache {
 	opacity: 0.3;
 	
 	/* Hack IE 7 */	
@@ -83,25 +97,34 @@
 	zoom: 1
 }
 
-#page.minichat #messages div.reponse {
+#page.minichat #conversations div.reponse {
 	border-color: #bd7a11
 }
-#page.minichat #messages div.repondu {
+#page.minichat #conversations div.repondu {
 	border-color: #b711bd	
 }
-#page.minichat #messages div.proprietaire {
+#page.minichat #conversations div.proprietaire {
 	border-color: #bd1129
 }
-#page.minichat #messages div.systeme {
+#page.minichat #conversations div.systeme {
 	background-color: #555555
 }
 
 #page.minichat div.message a {
 	font-weight: bold;
+}
+
+#page.minichat div.message .lienConv {
+	color: #db960f;
+	font-weight: bold;
+	cursor: pointer
+}
+
+#page.minichat div.message .lienConv:hover {
+	color: #f1c060
 }
 
 #page.minichat .date {
-   display: inline;
    color: #fd913b;
    margin-right: 3px;
    margin-left: 3px;
@@ -109,7 +132,6 @@
 
 #page.minichat div.message .pseudo,
 #page.minichat form .pseudo {
-   display: inline;
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
@@ -126,23 +148,76 @@
 	height:100px;
 }*/
 
-#page.minichat #messages .repondA {
-   display: inline;
+#page.minichat #conversations .repondA {
    margin-left: 4px;
    color: #bd7a11
 }
 
-#page.minichat #messages .contenu {
+/*#page.minichat #conversations .contenu {
    display: inline;
+}*/
+
+#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;
 }
+
+#page.minichat #conversations .titre .fermer:hover {
+	background-color: #c95656
+}	
+
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev {
+	display: none;
+}
+
+#page.minichat #conversations .titre .lien {
+	float: right
+}
+
+#page.minichat #conversations .titre .lien,
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev,
+#page.minichat #conversations .titre .numPage {
+	background-color: #42380b;
+	cursor: pointer;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+
+#page.minichat #conversations .titre .lien:hover,
+#page.minichat #conversations .titre .next:hover,
+#page.minichat #conversations .titre .prev:hover,
+#page.minichat #conversations .titre .numPage:hover {
+	background-color: #7c6e2e
+}
 
 #page.minichat #pages {
 	margin-top: 10px;
 }
 
 #page.minichat #pages span {
-	padding-right : 5px;
-	padding-left: 5px;
+	padding-right : 4px;
+	padding-left: 4px;
 	color: #7664ff;
 	cursor:pointer;
 }