+/* coding: utf-8 */
+
+#page.minichat {
+ padding: 0px;
+}
#page.minichat img {
margin: 0px;
- vertical-align: bottom;
+ vertical-align: middle;
}
-#page.minichat #smiles {
- border-width: 1px 0px 1px 0px;
- border-color: #253f18;
- border-style: solid;
+/***** La boite de sélection des smiles *****/
+#smiles {
+ text-align: center;
+ border: 1px solid;
+ border-color: #ffffff;
+ background-color: #f6dfc2;
margin-bottom: 10px;
padding: 1px;
- height: 100%;
- background-color: #0c2003;
+ width: 140px;
+ position: absolute;
+ display: none
}
-
-#page.minichat #smiles img {
+#smiles img {
+ margin: 1px;
cursor: pointer;
opacity: 0.5;
}
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
+#outilsBan {
+ border-width: 1px 1px 1px 1px;
+ border-color: #ffffff;
+ border-style: solid;
+ 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
+}
+
+/***** 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 #trollCourant .troll {
+ cursor: pointer;
+ font-style: italic
+}
+
+
#page.minichat .titreSmiles:hover {
background-color: #2d8800;
}
+/***** Le formulaire pour poster un message *****/
#page.minichat form {
- text-align: left;
- margin-bottom: 15px;
- padding-left: 10px;
+ 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%
}
-
#page.minichat form .message {
margin-right: 5px;
+ width: 75%
}
-
#page.minichat form .return {
- height: 15px;
+ 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 {
+ height: 16px;
+ width: 16px;
+ background-image: url(../../img/css2/bouton_smiles.png);
+ background-repeat: no-repeat;
+ background-position: 2px 2px;
+ vertical-align: top;
+ 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;
float: left;
width: 100%;
}
-
#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;
+ min-height: 18px;
+ line-height: 18px;
}
-
#page.minichat #conversations div.messageImpair {
- background-color: #05002c;
+ background-color: #fbeede;
}
-
#page.minichat #conversations div.messagePair {
- background-color: #080047;
+ background-color: #f6dfc2;
}
-
#page.minichat #conversations div.cache {
opacity: 0.3;
filter: alpha(opacity = 30);
zoom: 1
}
-
#page.minichat #conversations div.reponse {
border-color: #bd7a11
}
border-color: #bd1129
}
#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 {
- color: #fd913b;
- margin-right: 3px;
- margin-left: 3px;
-}
-
-#page.minichat div.message .pseudo,
-#page.minichat form .pseudo {
- margin-left: 4px;
- margin-right: 2px;
- font-weight: bold;
- color: #76ff33;
-}
-
-#page.minichat div.systeme .pseudo {
- color: #CCCCCC
-}
-
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
- min-width: 50px;
- height:100px;
-}*/
-
-#page.minichat #conversations .repondA {
- margin-left: 4px;
- color: #bd7a11
-}
-
-/*#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
+ background-color: #f0df95
}
-
#page.minichat #conversations .titre {
+ text-align: center;
padding-right: 8px;
- background-color: #4b4215
+ background-color: #e19671;
+ color: #ffffff;
}
-
#page.minichat #conversations .titre .fermer {
+ margin-top: 1px;
+ margin-left: 5px;
float: right;
- padding-right: 5px;
- padding-left: 5px;
- background-color: #c90000;
+ width: 13px;
+ height: 13px;
+ background-image: url(../../img/css1/fermer_conv.png);
cursor: pointer;
}
-
#page.minichat #conversations .titre .fermer:hover {
- background-color: #c95656
+ 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 .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;
+ background-color: #841919;
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;
+ background-color: #cb2626
}
-#page.minichat #pages span {
- padding-right : 4px;
- padding-left: 4px;
- color: #7664ff;
- cursor:pointer;
+/***** Les messages *****/
+#page.minichat div.message a {
+ font-weight: bold;
}
-
-#page.minichat #pages span.pageCourante {
+#page.minichat div.message .lienConv {
+ color: #c62929;
font-weight: bold;
- font-size: 150%;
+ cursor: pointer
}
-
-#page.minichat #pages span:hover {
- font-size: 150%;
- color: #ffad0f;
+#page.minichat div.message .lienConv:hover {
+ 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 {
+ 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;
+}
+#page.minichat #conversations .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 .delimitationRepondA {
+ z-index: 20;
+ height: 18px;
+ width: 7px;
+ background-image: url(../../img/css1/fleche_reponda.png);
+ display: block;
+ float: left;
+}
+#page.minichat #conversations .contenu {
+ margin-left: 5px;
+}
+#page.minichat #conversations .extraire {
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(../../img/css1/extraction.png);
+ margin-top: 2px
+}
+#page.minichat #conversations .extraire:hover {
+ background-image: url(../../img/css1/extraction_hover.png);
}