+/* coding: utf-8 */
+
+#page.minichat {
+ padding-top: 5px;
+ padding-right: 0px;
+ padding-left: 0px
+}
#page.minichat img {
margin: 0px;
- vertical-align: bottom;
+ vertical-align: middle;
}
-#page.minichat #smiles {
- border-width: 1px 1px 1px 1px;
- border-color: #ccdfed;
- border-style: solid;
- position: relative;
- left: 280px;
- width: 300px;
+/***** La boite de sélection des smiles *****/
+#smiles {
+ text-align: center;
+ border: 1px solid;
+ border-color: #253f18;
+ background-color: #0c2003;
margin-bottom: 10px;
padding: 1px;
- height: 100%;
- background-color: #FFFFFF;
+ width: 140px;
+ position: absolute;
+ display: none
}
-
-#page.minichat #smiles img {
+#smiles img {
+ margin: 1px;
cursor: pointer;
opacity: 0.5;
- margin-right:1px;
}
-#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: #253f18;
+ 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 {
+ border-top: 1px solid;
+ border-bottom: 1px solid;
+ border-color: #253f18;
+ background-color: #0c2003;
+ margin-top: 4px;
+ margin-bottom: 8px;
+ padding : 1px 0px 1px 10px
+}
+#page.minichat #trollCourant .troll {
+ font-style: italic;
+ color: #FFFF88;
+ cursor: pointer;
}
-#page.minichat form {
- text-align: left;
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage {
margin-bottom: 15px;
padding-left: 10px;
}
-
-#page.minichat form .pseudo {
+#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 .message {
margin-right: 5px;
+ width: 75%
}
-
-#page.minichat form .return {
- height: 15px;
+#page.minichat form#posterMessage .return {
+ height: 16px;
width: 32px;
- background-color: #BBBBBB;
- background-image: url(../../img/css1/return.png);
+ background-image: url(../../img/css2/return.png);
background-repeat: no-repeat;
background-position: 5px 2px;
vertical-align: top;
+ margin-right: 5px;
+}
+#page.minichat form#posterMessage .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;
}
-
#page.minichat #conversations div.messageImpair {
- background-color: #e4e1ff;
+ background-color: #05002c;
}
-
#page.minichat #conversations div.messagePair {
- background-color: #eceaf7;
+ background-color: #080047;
}
-
#page.minichat #conversations div.cache {
opacity: 0.3;
filter: alpha(opacity = 30);
zoom: 1
}
-
#page.minichat #conversations div.reponse {
- border-color: #d2ad73
+ border-color: #bf2911
}
#page.minichat #conversations div.repondu {
- border-color: #d066d4
+ border-color: #84196c
}
#page.minichat #conversations div.proprietaire {
- border-color: #d74a5e
+ border-color: #31732f
}
#page.minichat #conversations div.systeme {
- background-color: #b1b1b1
-}
-
-#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: #cf6f21;
- 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: #2b5715;
-}
-
-#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: #95600d
-}
-
-/*#page.minichat #conversations .contenu {
- display: inline;
-}*/
-
-#page.minichat #conversations .extraire {
- float: right;
- padding-right: 2px;
- padding-left: 2px;
- background-color: #cac5f8;
-}
-
-#page.minichat #conversations .extraire:hover {
- background-color: #dfdcfd;
- color: #a2a2a2
+ background-color: #555555
}
-
#page.minichat #conversations .titre {
+ text-align: center;
padding-right: 8px;
- background-color: #dedde8
+ background-color: #4b4215
}
-
#page.minichat #conversations .titre .fermer {
float: right;
padding-right: 5px;
padding-left: 5px;
- background-color: #cac5f8;
- color: #ff0000;
+ background-color: #7d1b1b;
cursor: pointer;
}
-
+#page.minichat #conversations .titre .fermer:after {
+ content: "x"
+}
#page.minichat #conversations .titre .fermer:hover {
- background-color: #dddaf8;
- color: #ffAAAA;
+ 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:after {
+ content: "c"
+}
#page.minichat #conversations .titre .lien,
#page.minichat #conversations .titre .next,
#page.minichat #conversations .titre .prev,
#page.minichat #conversations .titre .numPage {
- background-color: #cac5f8;
+ 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: #dddaf8;
- color: #a2a2a2;
-}
-
-#page.minichat #pages {
- margin-top: 10px;
+ background-color: #7c6e2e
}
-#page.minichat #pages span {
- padding-right : 4px;
- padding-left: 4px;
- color: #7169ae;
- cursor:pointer;
+/***** Les messages *****/
+#page.minichat div.message a {
+ font-weight: bold;
}
-
-#page.minichat #pages span.pageCourante {
+#page.minichat div.message .lienConv {
+ color: #db960f;
font-weight: bold;
- font-size: 150%;
+ cursor: pointer
}
-
-#page.minichat #pages span:hover {
- font-size: 150%;
- color: #ada9cf;
+#page.minichat div.message .lienConv:hover {
+ color: #f1c060
+}
+#page.minichat .date {
+ color: #fd913b;
+ margin-right: 3px;
+ margin-left: 3px;
+}
+#page.minichat div.message .pseudo:after {
+ content: ":"
+}
+#page.minichat div.message .pseudo,
+#page.minichat form .pseudo {
+ margin-left: 4px;
+ margin-right: 2px;
+ font-weight: bold;
+ color: #76ff33;
+}
+#page.minichat div.message.ekMasterlight .pseudo {
+ color: #ffffff;
+}
+#page.minichat div.message.ekMasterheavy .pseudo {
+ color: #ffffff;
+ text-decoration: underline
}
+#page.minichat div.message .pseudo .login {
+ margin-left: 2px;
+ font-size: 8px;
+ color: #a7d88f;
+}
+#page.minichat div.systeme .pseudo {
+ color: #CCCCCC
+}
+#page.minichat #conversations .repondA {
+ color: #bd7a11;
+ margin-right: 3px;
+}
+#page.minichat #conversations .repondA:after {
+ content: ">"
+}
+#page.minichat #conversations .extraire {
+ float: right;
+ padding-right: 2px;
+ padding-left: 2px;
+ background-color: #4f5519;
+}
+#page.minichat #conversations .extraire:after {
+ content: ">"
+}
+#page.minichat #conversations .extraire:hover {
+ background-color: #818c27
+}