X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=338aaad603d9293c40e5c0f677835dccc3bbd164;hp=c5602bc0acdd855355b00d88870ec7b74caa6d7f;hb=64ef87442b933d47f4dbc9dfec9a5a16e522c375;hpb=23657a6f0b0c17bf0c8b813bd9ac9b1f1fbc35b8

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index c5602bc..338aaad 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,3 +1,5 @@
+/* coding: utf-8 */
+
 #page.minichat {
 	padding: 0px;
 }
@@ -7,6 +9,7 @@
 	vertical-align: bottom;
 }
 
+/***** La boite de sélection des smiles *****/
 #smiles {
 	text-align: center;
 	border: 1px solid;
@@ -24,6 +27,7 @@
 	opacity: 0.5;
 }
 
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
 #outilsBan {
 	border-width: 1px 1px 1px 1px;
 	border-color: #ffffff;
@@ -46,34 +50,35 @@
 	margin-left: 1px
 }
 
+/***** Le troll courant affiché en haut de la page *****/
 #page.minichat #trollCourant {
 	color: #FFFFFF;
 	position: absolute;
 	z-index: 20;
 	left: 140px;
-	top: 88px;
+	top: 77px;
+	line-height: 32px;
 }
-
 #page.minichat #trollCourant .troll {
 	cursor: pointer;
 	font-style: italic
 }
 
+
 #page.minichat .titreSmiles:hover {
 	background-color: #2d8800;
 }
 
+/***** Le formulaire pour poster un message *****/
 #page.minichat form {
 	background-color: #e19671;
 	padding-left: 10px;
 	padding-bottom: 10px;
 }
-
 #page.minichat form p {
    margin: 0px;
    padding: 0px;
 }
-
 #page.minichat form .pseudo {
    margin-right: 5px;
    width: 12%
@@ -85,7 +90,7 @@
 #page.minichat form .return {
 	height: 16px;
 	width: 32px;
-	background-image: url(../../img/css2/return.png);
+	background-image: url(../../img/css1/return.png);
 	background-repeat: no-repeat;
 	background-position: 5px 2px;
 	vertical-align: top;
@@ -101,12 +106,12 @@
 	margin-right: 5px;
 }
 
+/***** 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;
@@ -114,7 +119,6 @@
 	float: left;
 	width: 100%;
 }
-
 #page.minichat #conversations div.message {
 	border-left-width: 5px;
 	border-left-style: solid;
@@ -124,15 +128,12 @@
 	min-height: 18px;
 	line-height: 18px;
 }
-
 #page.minichat #conversations div.messageImpair {
    background-color: #fbeede;
 }
-
 #page.minichat #conversations div.messagePair {
    background-color: #f6dfc2;
 }
-
 #page.minichat #conversations div.cache {
 	opacity: 0.3;
 	
@@ -140,7 +141,6 @@
 	filter: alpha(opacity = 30);
 	zoom: 1
 }
-
 #page.minichat #conversations div.reponse {
 	border-color: #bd7a11
 }
@@ -153,21 +153,65 @@
 #page.minichat #conversations div.systeme {
 	background-color: #f0df95
 }
+#page.minichat #conversations .titre {
+	text-align: center;
+	padding-right: 8px;
+	background-color: #e19671;
+	color: #ffffff;
+}
+#page.minichat #conversations .titre .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 .fermer:hover {
+	background-image: url(../../img/css1/fermer_conv_hover.png);
+}	
+#page.minichat #conversations .titre .lien {
+	margin-top: 1px;
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/copier_conv.png);
+	cursor: pointer;
+}
+#page.minichat #conversations .titre .lien:hover {
+	background-image: url(../../img/css1/copier_conv_hover.png);
+}	
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev {
+	display: none;
+}
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev,
+#page.minichat #conversations .titre .numPage {
+	background-color: #841919;
+	cursor: pointer;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+#page.minichat #conversations .titre .next:hover,
+#page.minichat #conversations .titre .prev:hover,
+#page.minichat #conversations .titre .numPage:hover {
+	background-color: #cb2626
+}
 
+/***** Les messages *****/
 #page.minichat div.message a {
 	font-weight: bold;
 }
-
 #page.minichat div.message .lienConv {
 	color: #c62929;
 	font-weight: bold;
 	cursor: pointer
 }
-
 #page.minichat div.message .lienConv:hover {
 	color: #e84747
 }
-
 #page.minichat .entete {
 	z-index: 20;
 	background-color: #841919;
@@ -176,7 +220,6 @@
 	float: left;
 	height: 18px;
 }
-
 #page.minichat .delimitationEntete {
 	z-index: 20;
 	height: 18px;
@@ -185,34 +228,24 @@
 	display: block;
 	float: left;
 }
-
 #page.minichat .date {
    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;
 }
-
 #page.minichat div.message.ekMaster .pseudo {
 	color: #f0df95
 }
-
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
    font-size: 8px;
 }
-
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
-	min-width: 50px;
-	height:100px;
-}*/
-
 #page.minichat #conversations .repondA {
 	z-index: 5;
 	height: 18px;
@@ -225,7 +258,6 @@
 	background-image: url(../../img/css1/fleche.png);
 	background-repeat: no-repeat;
 }
-
 #page.minichat #conversations .delimitationRepondA {
 	z-index: 20;
 	height: 18px;
@@ -234,11 +266,9 @@
 	display: block;
 	float: left;
 }
-
 #page.minichat #conversations .contenu {
 	margin-left: 5px;
 }
-
 #page.minichat #conversations .extraire {
 	float: right;
 	width: 13px;
@@ -246,58 +276,7 @@
 	background-image: url(../../img/css1/extraction.png);
 	margin-top: 2px
 }
-
 #page.minichat #conversations .extraire:hover {
 	background-image: url(../../img/css1/extraction_hover.png);
 }
 
-#page.minichat #conversations .titre {
-	text-align: center;
-	padding-right: 8px;
-	background-color: #e19671;
-	color: #ffffff;
-}
-
-#page.minichat #conversations .titre .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 .fermer:hover {
-	background-image: url(../../img/css1/fermer_conv_hover.png);
-}	
-
-#page.minichat #conversations .titre .lien {
-	margin-top: 1px;
-	float: right;
-	width: 13px;
-	height: 13px;
-	background-image: url(../../img/css1/copier_conv.png);
-	cursor: pointer;
-}
-#page.minichat #conversations .titre .lien:hover {
-	background-image: url(../../img/css1/copier_conv_hover.png);
-}	
-
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev {
-	display: none;
-}
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev,
-#page.minichat #conversations .titre .numPage {
-	background-color: #841919;
-	cursor: pointer;
-	padding-right: 5px;
-	padding-left: 5px;
-}
-#page.minichat #conversations .titre .next:hover,
-#page.minichat #conversations .titre .prev:hover,
-#page.minichat #conversations .titre .numPage:hover {
-	background-color: #cb2626
-}
-