+/* 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
}
-\r
-#page.minichat #smiles img {\r
- cursor: pointer;\r
+#smiles img {
+ margin: 1px;
+ cursor: pointer;
opacity: 0.5;
- margin-right:1px;\r
-}\r
+}
+
+/***** 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 .titreSmiles:hover {
- background-color: #2d8800;
-}\r
-\r
-#page.minichat form {\r
- text-align: left;\r
- margin-bottom: 15px;\r
- padding-left: 10px;\r
-}\r
-\r
-#page.minichat form .pseudo {\r
- margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .message {\r
- margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .return {\r
- height: 15px;\r
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage {
+ margin-bottom: 15px;
+ padding-left: 10px;
+}
+#page.minichat form#posterMessage p {
+ margin: 0px;
+ padding: 0px;
+}
+#page.minichat form#posterMessage .pseudo {
+ margin-right: 5px;
+ width: 12%
+}
+#page.minichat form#posterMessage .message {
+ margin-right: 5px;
+ width: 75%
+}
+#page.minichat form#posterMessage .return {
+ height: 16px;
width: 32px;
- background-color: #BBBBBB;\r
- background-image: url(../../img/css1/return.png);\r
- background-repeat: no-repeat;\r
- background-position: 5px 2px;\r
- vertical-align: top;\r
-}\r
+ 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;
+}
-#page.minichat #messages div.message { \r
- border-left-width: 5px;\r
- border-left-style: solid;\r
+/***** 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%;
+}
+#page.minichat #conversations div.message {
+ border-left-width: 5px;
+ border-left-style: solid;
border-color: transparent;
- text-align: left;
- padding-right: 8px;
- padding-left: 4px;\r
+ padding-right: 5px;
+ padding-left: 4px;
cursor: pointer;
}
-\r
-#page.minichat #messages div.messageImpair {\r
- background-color: #e4e1ff;\r
-}\r
-\r
-#page.minichat #messages div.messagePair {\r
- background-color: #eceaf7;\r
-}
-\r
-/* Il n'y a plus de mise en evidence
-#page.minichat #messages div.miseEnEvidenceReponse {
- background-color: #bd7a11;
-}
-#page.minichat #messages div.miseEnEvidenceCourant {
- background-color: #bd1129;
-}
-#page.minichat #messages div.miseEnEvidenceConversation {
- background-color: #b711bd;
-}*/\r
+#page.minichat #conversations div.messageImpair {
+ background-color: #05002c;
+}
+#page.minichat #conversations div.messagePair {
+ background-color: #080047;
+}
+#page.minichat #conversations div.cache {
+ opacity: 0.3;
-#page.minichat #messages div.cache {
- opacity: 0.3;\r
- \r
- /* Hack IE 7 */ \r
- filter: alpha(opacity = 30);\r
+ /* Hack IE 7 */
+ filter: alpha(opacity = 30);
zoom: 1
}
-\r
-#page.minichat #messages div.reponse {\r
- border-color: #d2ad73\r
-}\r
-#page.minichat #messages div.repondu {\r
- border-color: #d066d4 \r
-}\r
-#page.minichat #messages div.proprietaire {\r
- border-color: #d74a5e\r
-}
-#page.minichat #messages div.systeme {
- background-color: #b1b1b1
-}\r
-\r
-#page.minichat div.message a {\r
- font-weight: bold;\r
-}\r
-\r
-#page.minichat .date {\r
- display: inline;\r
- color: #cf6f21;\r
- margin-right: 3px;\r
- margin-left: 3px;\r
-}\r
-\r
-#page.minichat div.message .pseudo,\r
-#page.minichat form .pseudo {\r
- display: inline;\r
- margin-left: 4px;\r
- margin-right: 2px;\r
- font-weight: bold;\r
- color: #2b5715;\r
+#page.minichat #conversations div.reponse {
+ border-color: #bd7a11
+}
+#page.minichat #conversations div.repondu {
+ border-color: #b711bd
+}
+#page.minichat #conversations div.proprietaire {
+ border-color: #bd1129
+}
+#page.minichat #conversations div.systeme {
+ background-color: #555555
+}
+#page.minichat #conversations .titre {
+ text-align: center;
+ padding-right: 8px;
+ background-color: #4b4215
+}
+#page.minichat #conversations .titre .fermer {
+ float: right;
+ padding-right: 5px;
+ padding-left: 5px;
+ background-color: #7d1b1b;
+ cursor: pointer;
+}
+#page.minichat #conversations .titre .fermer:after {
+ content: "x"
+}
+#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 #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: #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: #7c6e2e
}
+/***** Les messages *****/
+#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: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.ekMaster .pseudo {
+ color: #ffffff;
+}
+#page.minichat div.message .pseudo .login {
+ margin-left: 2px;
+ font-size: 8px;
+ color: #a7d88f;
+}
#page.minichat div.systeme .pseudo {
color: #CCCCCC
-}\r
-\r
-/* Ca marche pas :(\r
-#page.minichat div.message .pseudo {\r
- min-width: 50px;\r
- height:100px;\r
-}*/\r
-
-#page.minichat #messages .repondA {
- display: inline;
- margin-left: 4px;
- color: #95600d
-}
-\r
-#page.minichat #messages .contenu {\r
- display: inline;\r
-}\r
-\r
-#page.minichat #pages {\r
- margin-top: 10px;\r
-}\r
-\r
-#page.minichat #pages span {\r
- padding-right : 5px;\r
- padding-left: 5px;\r
- color: #7169ae;\r
- cursor:pointer;\r
-}\r
-\r
-#page.minichat #pages span.pageCourante {\r
- font-weight: bold;\r
- font-size: 150%;\r
-}\r
-\r
-#page.minichat #pages span:hover {\r
- font-size: 150%;\r
- color: #ada9cf;\r
-}\r
-\r
+}
+#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
+}