X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=styles%2F2%2FpageMinichat.css;h=633ff61e75a133d9742b2350b127c9314656129c;hp=7045ecd389adeb716b70eb807521f1832e4460f8;hb=e6f6da99e63adde1755811c52eaa059d7dd5706d;hpb=f39b28682e1e41cd487a2268320552b687640adf

diff --git a/styles/2/pageMinichat.css b/styles/2/pageMinichat.css
index 7045ecd..633ff61 100755
--- a/styles/2/pageMinichat.css
+++ b/styles/2/pageMinichat.css
@@ -70,9 +70,14 @@
 
 /***** Le formulaire pour poster un message *****/
 #page.minichat form#posterMessage  {
-   margin-bottom: 15px;
    padding-left: 10px;
 }
+#page.minichat.orderReverse form#posterMessage  {
+   margin-bottom: 15px;
+}
+#page.minichat.orderChrono form#posterMessage  {
+   margin-top : 15px;
+}
 #page.minichat form#posterMessage  p {
    margin: 0px;
    padding: 0px;
@@ -81,7 +86,7 @@
    margin-right: 5px;
    width: 12%
 }
-#page.minichat form#posterMessage .message {
+#page.minichat form#posterMessage input.message {
    margin-right: 5px;
    width: 75%
 }
@@ -97,104 +102,142 @@
 #page.minichat form#posterMessage .smiles {
 	height: 16px;
 	width: 16px;
-	background-image: url(img/bouton_smiles.png);
+	background-image: url(../../img/bouton_smiles.png);
 	background-repeat: no-repeat;
 	background-position: 2px 2px;
 	vertical-align: top;
 	margin-right: 5px;
 }
+/* La boite montrant les messages auquels l'utilisateur répond */
+#page.minichat form#posterMessage #repondA {
+	background-color: #164200; 
+	border: #2d8800 1px solid;
+    margin-right: 5px;
+    padding-right: 2px;
+    padding-left: 2px;
+    cursor: pointer;
+    display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+    position: absolute;
+	border: #2d8800 1px solid;
+    width: 50%;
+    display:none;
+}
+#page.minichat form#posterMessage #repondA .messages div.message:hover #outilsMess {
+    display: none
+}
 
 /***** Les conversations *****/
 /* 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%;
+    border-spacing: 0px;
+    background-color:#000000;
 }
-#page.minichat #conversations div.message {
-	border-left-width: 5px;
-	border-left-style: solid;
-	border-color: transparent;
-	padding-right: 5px;
-	padding-left: 4px;
-	cursor: pointer;
+#page.minichat.orderChrono #conversations td
+{
+    vertical-align: bottom
 }
-#page.minichat #conversations div.messageImpair {
-   background-color: #05002c;
+#page.minichat.orderReverse  #conversations td
+{
+    vertical-align: top
 }
-#page.minichat #conversations div.messagePair {
-   background-color: #080047;
+#page.minichat.orderChrono #conversations .titre {
+   border-bottom: 1px dashed white
 }
-#page.minichat #conversations div.cache {
-	opacity: 0.3;
-	
-	/* Hack IE 7 */	
-	filter: alpha(opacity = 30);
-	zoom: 1
-}
-#page.minichat #conversations div.reponse {
-	border-color: #bf2911
-}
-#page.minichat #conversations div.repondu {
-	border-color: #84196c	
+#page.minichat.orderReverse #conversations .titre {
+   border-top: 1px dashed white
 }
-#page.minichat #conversations div.proprietaire {
-	border-color: #31732f
-}
-#page.minichat #conversations div.systeme {
-	background-color: #555555
-}
-#page.minichat #conversations .titre {
+#page.minichat #conversations .titre .nav {
 	text-align: center;
 	padding-right: 8px;
-	background-color: #4b4215
+	background-color: #4b4215;
 }
-#page.minichat #conversations .titre .fermer {
+/*#page.minichat #conversations .conversation {
+	border-width: 0px;
+	border-style: solid;
+	border-color: white;
+	float: left;
+	width: 100%;
+}*/
+#page.minichat #conversations .titre .nav .fermer {
 	float: right;
 	padding-right: 5px;
 	padding-left: 5px;
 	background-color: #7d1b1b;
 	cursor: pointer;
 }
-#page.minichat #conversations .titre .fermer:after {
+#page.minichat #conversations .titre .nav .fermer:after {
 	content: "x"
 }
-#page.minichat #conversations .titre .fermer:hover {
+#page.minichat #conversations .titre .nav .fermer:hover {
 	background-color: #c95656
-}	
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev {
-	display: none;
 }
-#page.minichat #conversations .titre .lien {
+#page.minichat #conversations .titre .nav .creerLien {
 	float: right
 }
-#page.minichat #conversations .titre .lien:after {
+#page.minichat #conversations .titre .nav .creerLien:after {
 	content: "c"
 }
-#page.minichat #conversations .titre .lien,
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev,
-#page.minichat #conversations .titre .numPage {
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev {
+	display: none;
+}
+#page.minichat #conversations .titre .nav .creerLien,
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev,
+#page.minichat #conversations .titre .nav .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 {
+#page.minichat #conversations .titre .nav .creerLien:hover,
+#page.minichat #conversations .titre .nav .next:hover,
+#page.minichat #conversations .titre .nav .prev:hover,
+#page.minichat #conversations .titre .nav .numPage:hover {
 	background-color: #7c6e2e
 }
 
 /***** Les messages *****/
+#page.minichat div.message {
+	border-left-width: 5px;
+	border-left-style: solid;
+	border-color: transparent;
+	padding-right: 5px;
+	padding-left: 4px;
+	cursor: pointer;
+}
+#page.minichat div.messageImpair {
+   background-color: #05002c;
+}
+#page.minichat div.messagePair {
+   background-color: #080047;
+}
+#page.minichat div.cache {
+	opacity: 0.3;
+	
+	/* Hack IE 7 */	
+	filter: alpha(opacity = 30);
+	zoom: 1
+}
+#page.minichat div.message.reponse {
+	border-color: #bf2911
+}
+#page.minichat div.message.repondu {
+	border-color: #84196c	
+}
+#page.minichat div.message.proprietaire {
+	border-color: #31732f
+}
+#page.minichat div.message.repondEnEvidence {
+	background-color: #261983 !important
+}
+#page.minichat div.message.systeme {
+	background-color: #931212
+}
 #page.minichat div.message a {
 	font-weight: bold;
 }
@@ -237,22 +280,32 @@
 #page.minichat div.systeme .pseudo {
 	color: #CCCCCC
 }
-#page.minichat #conversations .repondA {
+#page.minichat .repondA {
    color: #bd7a11;
    margin-right: 3px;
 }
-#page.minichat #conversations .repondA:after {
+#page.minichat .repondA:after {
 	content: ">"
 }
-#page.minichat #conversations .extraire {
+#page.minichat #outilsMess {
+   width: 30px;
+	position: absolute;
+	display: none
+}
+#page.minichat #outilsMess .extraire,
+#page.minichat #outilsMess .extraireCompletement {
 	float: right;
 	padding-right: 2px;
 	padding-left: 2px;
 	background-color: #4f5519;
 }
-#page.minichat #conversations .extraire:after {
+#page.minichat #outilsMess .extraire:hover,
+#page.minichat #outilsMess .extraireCompletement:hover:hover {
+	background-color: #818c27
+}
+#page.minichat #outilsMess .extraire:after {
 	content: ">"
 }
-#page.minichat #conversations .extraire:hover {
-	background-color: #818c27
+#page.minichat #outilsMess .extraireCompletement:after {
+	content: "#"
 }