FIX problème de mise à jour du profile

[euphorik.git] / css / 2 / pageMinichat.css

diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
index f4837ef..bf27f96 100755 (executable)
--- a/css/2/pageMinichat.css
+++ b/css/2/pageMinichat.css
@@ -1,3 +1,5 @@
+/* coding: utf-8 */
+
 #page.minichat {
        padding-top: 5px;
    padding-right: 0px;
@@ -9,6 +11,7 @@
        vertical-align: middle;
 }
 
+/***** La boite de sélection des smiles *****/
 #smiles {
        text-align: center;
        border: 1px solid;
@@ -26,6 +29,7 @@
        opacity: 0.5;
 }
 
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
 #outilsBan {
        border-width: 1px 1px 1px 1px;
        border-color: #253f18;
@@ -48,6 +52,7 @@
        margin-left: 1px
 }
 
+/***** Le troll courant affiché en haut de la page *****/
 #page.minichat #trollCourant {
        border-top: 1px solid;
        border-bottom: 1px solid;
@@ -57,36 +62,30 @@
        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;
-}
-
-#page.minichat form {
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage  {
    margin-bottom: 15px;
    padding-left: 10px;
 }
-
-#page.minichat form p {
+#page.minichat form#posterMessage  p {
    margin: 0px;
    padding: 0px;
 }
-
-#page.minichat form .pseudo {
+#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 {
+#page.minichat form#posterMessage .return {
        height: 16px;
        width: 32px;
        background-image: url(../../img/css2/return.png);
@@ -95,7 +94,7 @@
        vertical-align: top;
        margin-right: 5px;
 }
-#page.minichat form .smiles {
+#page.minichat form#posterMessage .smiles {
        height: 16px;
        width: 16px;
        background-image: url(../../img/css2/bouton_smiles.png);
@@ -105,12 +104,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;
@@ -118,7 +117,6 @@
        float: left;
        width: 100%;
 }
-
 #page.minichat #conversations div.message {
        border-left-width: 5px;
        border-left-style: solid;
@@ -127,15 +125,12 @@
        padding-left: 4px;
        cursor: pointer;
 }
-
 #page.minichat #conversations div.messageImpair {
    background-color: #05002c;
 }
-
 #page.minichat #conversations div.messagePair {
    background-color: #080047;
 }
-
 #page.minichat #conversations div.cache {
        opacity: 0.3;
        
@@ -143,45 +138,82 @@
        filter: alpha(opacity = 30);
        zoom: 1
 }
-
 #page.minichat #conversations div.reponse {
-       border-color: #bd7a11
+       border-color: #bf2911
 }
 #page.minichat #conversations div.repondu {
-       border-color: #b711bd   
+       border-color: #84196c   
 }
 #page.minichat #conversations div.proprietaire {
-       border-color: #bd1129
+       border-color: #31732f
 }
 #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;
@@ -189,9 +221,12 @@
    font-weight: bold;
    color: #76ff33;
 }
-
-#page.minichat div.message.ekMaster .pseudo {
+#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 {
@@ -199,91 +234,25 @@
    font-size: 8px;
    color: #a7d88f;
 }
-
 #page.minichat div.systeme .pseudo {
        color: #CCCCCC
 }
-
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
-       min-width: 50px;
-       height:100px;
-}*/
-
 #page.minichat #conversations .repondA {
    color: #bd7a11;
    margin-right: 3px;
 }
-
 #page.minichat #conversations .repondA:after {
        content: ">"
 }
-
-/*#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:after {
        content: ">"
 }
-
 #page.minichat #conversations .extraire:hover {
        background-color: #818c27
 }
-
-#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
-}
-