X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=a352ff9007ad9aa3e7aa31d84e91eebc92dfe944;hp=fac422e90f1a006c4b0321cae436309c0129c237;hb=7ade6a3495cd5c74c964df5ed794e110e770ed9d;hpb=a67d59e51fcca70497d1132327e14975be9383f3

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index fac422e..a352ff9 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,17 +1,21 @@
+#page.minichat {
+	padding: 0px;
+}
 
 #page.minichat img {
 	margin: 0px;
-	vertical-align: bottom;
+	vertical-align: middle;
 }
 
+/***** La boite de sélection des smiles *****/
 #smiles {
-	border-width: 1px 1px 1px 1px;
-	border-color: #253f18;
-	border-style: solid;
+	text-align: center;
+	border: 1px solid;
+	border-color: #ffffff;
+	background-color: #f6dfc2;
 	margin-bottom: 10px;
 	padding: 1px;
 	width: 140px;
-	background-color: #0c2003;
 	position: absolute;
 	display: none
 }
@@ -21,44 +25,104 @@
 	opacity: 0.5;
 }
 
-#page.minichat .titreSmiles:hover {
-	background-color: #2d8800;
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
+#outilsBan {
+	border-width: 1px 1px 1px 1px;
+	border-color: #ffffff;
+	border-style: dotted;
+	padding: 2px;
+	position: absolute;
+	display: none;
+}
+#outilsBan img,
+#outilsBan form {
+	float: right;
+	cursor: pointer
+}
+#outilsBan p {
+	font-size: 2px;
+}
+#outilsBan input {
+	font-size: 9px;
+	margin-top: 1px;
+	margin-left: 1px
 }
 
-#page.minichat form {
-   text-align: left;
-   margin-bottom: 15px;
-   padding-left: 10px;
+/***** Le troll courant affiché en haut de la page *****/
+#page.minichat #trollCourant {
+	color: #FFFFFF;
+	position: absolute;
+	z-index: 20;
+	left: 140px;
+	top: 77px;
+	line-height: 32px;
 }
-#page.minichat form .pseudo {
+#page.minichat #trollCourant .troll {
+	cursor: pointer;
+	font-style: italic
+}
+
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage {
+	background-color: #e19671;
+	padding-left: 10px;
+	padding-bottom: 10px;
+}
+#page.minichat form#posterMessage p {
+   margin: 0px;
+   padding: 0px;
+}
+#page.minichat form#posterMessage .pseudo {
    margin-right: 5px;
+   width: 12%
 }
-#page.minichat form .message {
+#page.minichat form#posterMessage input.message {
    margin-right: 5px;
+   width: 75%
 }
-#page.minichat form .return {
+#page.minichat form#posterMessage .return {
 	height: 16px;
 	width: 32px;
 	background-image: url(../../img/css1/return.png);
 	background-repeat: no-repeat;
 	background-position: 5px 2px;
 	vertical-align: top;
+	margin-right: 5px;
 }
-#page.minichat form .smiles {
+#page.minichat form#posterMessage .smiles {
 	height: 16px;
 	width: 16px;
-	background-image: url(../../img/css1/bouton_smiles.png);
+	background-image: url(../../img/css2/bouton_smiles.png);
 	background-repeat: no-repeat;
 	background-position: 2px 2px;
 	vertical-align: top;
+	margin-right: 5px;
+}
+#page.minichat form#posterMessage #repondA {
+	background-color: #f0df95; 
+	border: #841919 1px solid;
+   margin-right: 5px;
+   padding-right: 2px;
+   padding-left: 2px;
+   cursor: pointer;
+   display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+   position: absolute;
+	border: #841919 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;
@@ -66,150 +130,223 @@
 	float: left;
 	width: 100%;
 }
+#page.minichat #conversations .titre {
+   border-top: 1px dashed white
+}
+#page.minichat #conversations .titre .barre {
+	text-align: center;
+	padding-right: 8px;
+	background-color: #e19671;
+	color: #ffffff;
+}
 
-#page.minichat #conversations div.message {
-	border-left-width: 5px;
-	border-left-style: solid;
-	border-color: transparent;
-	text-align: left;
-	padding-right: 5px;
-	padding-left: 4px;
-	cursor: pointer;
+#page.minichat #conversations .titre .extraire,
+#page.minichat #conversations .titre .extraireCompletement {
+	display: none
 }
 
-#page.minichat #conversations div.messageImpair {
-   background-color: #05002c;
+#page.minichat #conversations .titre .barre .reduire {
+	margin-top: 1px;
+	margin-left: 5px;
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/reduire_conv.png);
+	cursor: pointer;
 }
+#page.minichat #conversations .titre .barre .reduire:hover {
+	background-image: url(../../img/css1/reduire_conv_hover.png);
+}	
 
-#page.minichat #conversations div.messagePair {
-   background-color: #080047;
+#page.minichat #conversations .titre .barre .fermer {
+	margin-top: 1px;
+	margin-left: 5px;
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/fermer_conv.png);
+	cursor: pointer;
+}
+#page.minichat #conversations .titre .barre .fermer:hover {
+	background-image: url(../../img/css1/fermer_conv_hover.png);
+}	
+#page.minichat #conversations .titre .barre .lien {
+	margin-top: 1px;
+	margin-left: 5px;
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/copier_conv.png);
+	cursor: pointer;
+}
+#page.minichat #conversations .titre .barre .lien:hover {
+	background-image: url(../../img/css1/copier_conv_hover.png);
+}	
+#page.minichat #conversations .titre .barre .next,
+#page.minichat #conversations .titre .barre .prev {
+	display: none;
+}
+#page.minichat #conversations .titre .barre .next,
+#page.minichat #conversations .titre .barre .prev,
+#page.minichat #conversations .titre .barre .numPage {
+	background-color: #841919;
+	cursor: pointer;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+#page.minichat #conversations .titre .barre .next:hover,
+#page.minichat #conversations .titre .barre .prev:hover,
+#page.minichat #conversations .titre .barre .numPage:hover {
+	background-color: #cb2626
 }
 
-#page.minichat #conversations div.cache {
+/***** Les messages *****/
+#page.minichat div.message {
+	padding-right: 5px;
+	cursor: pointer;
+	min-height: 18px;
+	line-height: 18px;
+}
+#page.minichat div.messageImpair {
+   background-color: #fbeede;
+}
+#page.minichat div.messagePair {
+   background-color: #f6dfc2;
+}
+#page.minichat div.cache {
 	opacity: 0.3;
 	
 	/* Hack IE 7 */	
 	filter: alpha(opacity = 30);
 	zoom: 1
 }
-
-#page.minichat #conversations div.reponse {
-	border-color: #bd7a11
+#page.minichat div.message.reponse .entete {
+	background-color: #bf2911
 }
-#page.minichat #conversations div.repondu {
-	border-color: #b711bd	
+#page.minichat div.message.reponse .delimitationEntete,
+#page.minichat div.message.reponse .repondA {
+	background-image: url(../../img/css1/fleche_reponse.png);
 }
-#page.minichat #conversations div.proprietaire {
-	border-color: #bd1129
+#page.minichat div.message.repondu .entete {
+	background-color: #84196c
 }
-#page.minichat #conversations div.systeme {
-	background-color: #555555
+#page.minichat div.message.repondu .delimitationEntete,
+#page.minichat div.message.repondu .repondA {
+	background-image: url(../../img/css1/fleche_repondu.png);
+}
+#page.minichat div.message.proprietaire .entete {
+	background-color: #31732f
+}
+#page.minichat div.message.proprietaire .delimitationEntete,
+#page.minichat div.message.proprietaire .repondA {
+	background-image: url(../../img/css1/fleche_proprietaire.png);
+}
+#page.minichat div.message.repondEnEvidence {
+	background-color: #fce476
+}
+#page.minichat div.message.systeme {
+	background-color: #f0df95
 }
-
 #page.minichat div.message a {
 	font-weight: bold;
 }
-
 #page.minichat div.message .lienConv {
-	color: #db960f;
+	color: #c62929;
 	font-weight: bold;
 	cursor: pointer
 }
-
 #page.minichat div.message .lienConv:hover {
-	color: #f1c060
+	color: #e84747
+}
+#page.minichat .entete {
+	z-index: 20;
+	background-color: #841919;
+	color: #f6dfc2;
+	display: block;
+	float: left;
+	height: 18px;
+}
+#page.minichat .delimitationEntete {
+	z-index: 20;
+	height: 18px;
+	width: 7px;
+	background-image: url(../../img/css1/fleche.png);
+	display: block;
+	float: left;
 }
-
 #page.minichat .date {
-   color: #fd913b;
    margin-right: 3px;
    margin-left: 3px;
 }
-
 #page.minichat div.message .pseudo,
+/* FIXME : entre en conflit avec une règle précédente */
 #page.minichat form .pseudo {
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
-   color: #76ff33;
 }
-
-#page.minichat div.message .pseudo .login {
-   margin-left: 2px;
-   font-size: 8px;
-   color: #a7d88f;
+#page.minichat div.message.ekMasterlight .pseudo {
+	color: #f0df95
 }
 
-#page.minichat div.systeme .pseudo {
-	color: #CCCCCC
+#page.minichat div.message.ekMasterheavy .pseudo {
+   color: #fcd82f;
+   padding-left: 14px;
+   background: transparent url(../../img/css1/marque_ek.png) no-repeat scroll left center
 }
 
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
-	min-width: 50px;
-	height:100px;
-}*/
-
-#page.minichat #conversations .repondA {
-   margin-left: 4px;
-   color: #bd7a11
+#page.minichat div.message .pseudo .login {
+   margin-left: 2px;
+   font-size: 8px; 
 }
-
-/*#page.minichat #conversations .contenu {
-   display: inline;
-}*/
-
-#page.minichat #conversations .extraire {
-	float: right;
-	padding-right: 2px;
-	padding-left: 2px;
-	background-color: #4f5519;
+#page.minichat .repondA {
+	z-index: 5;
+	height: 18px;
+	margin-left: -7px;
+	padding-left: 9px;
+	float: left;
+	background-color: #cb2626; 
+	color: #ffffff;
+	display: block;
+	background-image: url(../../img/css1/fleche.png);
+	background-repeat: no-repeat;
 }
-
-#page.minichat #conversations .extraire:hover {
-	background-color: #818c27
+#page.minichat .delimitationRepondA {
+	z-index: 20;
+	height: 18px;
+	width: 7px;
+	background-image: url(../../img/css1/fleche_reponda.png);
+	display: block;
+	float: left;
 }
-
-#page.minichat #conversations .titre {
-	padding-right: 8px;
-	background-color: #4b4215
+#page.minichat .contenu {
+	margin-left: 5px;
 }
-
-#page.minichat #conversations .titre .fermer {
+#page.minichat .outilsMess {
 	float: right;
-	padding-right: 5px;
-	padding-left: 5px;
-	background-color: #7d1b1b;
-	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 div.message:hover .outilsMess {
+	display: block
 }
-
-#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 .extraire {
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/extraction.png);
+	margin-top: 2px;
 }
-
-#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 .extraire:hover {
+	background-image: url(../../img/css1/extraction_hover.png);
+}
+#page.minichat .extraireCompletement {
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/extraction_complete.png);
+	margin-top: 2px;
+   margin-right: 2px;
+}
+#page.minichat .extraireCompletement:hover {
+	background-image: url(../../img/css1/extraction_complete_hover.png);
 }
-