MOD avancement dans l'extraction d'une conversation entière

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

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 6590925..722c3fb 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -31,7 +31,7 @@
 #outilsBan {
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff;
-       border-style: solid;
+       border-style: dotted;
        padding: 2px;
        position: absolute;
        display: none;
@@ -65,24 +65,24 @@
 }
 
 /***** Le formulaire pour poster un message *****/
-#page.minichat form {
+#page.minichat form#posterMessage {
        background-color: #e19671;
        padding-left: 10px;
        padding-bottom: 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/css1/return.png);
@@ -91,7 +91,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);
@@ -114,15 +114,6 @@
        float: left;
        width: 100%;
 }
-#page.minichat #conversations div.message {
-       border-left-width: 5px;
-       border-left-style: solid;
-       border-color: transparent;
-       padding-right: 5px;
-       cursor: pointer;
-       min-height: 18px;
-       line-height: 18px;
-}
 #page.minichat #conversations div.messageImpair {
    background-color: #fbeede;
 }
@@ -136,18 +127,6 @@
        filter: alpha(opacity = 30);
        zoom: 1
 }
-#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: #f0df95
-}
 #page.minichat #conversations .titre {
        text-align: center;
        padding-right: 8px;
@@ -196,6 +175,36 @@
 }
 
 /***** Les messages *****/
+#page.minichat #conversations div.message {
+       padding-right: 5px;
+       cursor: pointer;
+       min-height: 18px;
+       line-height: 18px;
+}
+#page.minichat #conversations div.message.reponse .entete {
+       background-color: #bf2911
+}
+#page.minichat #conversations div.message.reponse .delimitationEntete,
+#page.minichat #conversations div.message.reponse .repondA {
+       background-image: url(../../img/css1/fleche_reponse.png);
+}
+#page.minichat #conversations div.message.repondu .entete {
+       background-color: #84196c
+}
+#page.minichat #conversations div.message.repondu .delimitationEntete,
+#page.minichat #conversations div.message.repondu .repondA {
+       background-image: url(../../img/css1/fleche_repondu.png);
+}
+#page.minichat #conversations div.message.proprietaire .entete {
+       background-color: #31732f
+}
+#page.minichat #conversations div.message.proprietaire .delimitationEntete,
+#page.minichat #conversations div.message.proprietaire .repondA {
+       background-image: url(../../img/css1/fleche_proprietaire.png);
+}
+#page.minichat #conversations div.message.systeme {
+       background-color: #f0df95
+}
 #page.minichat div.message a {
        font-weight: bold;
 }
@@ -239,7 +248,7 @@
 }
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
-   font-size: 8px;
+   font-size: 8px; 
 }
 #page.minichat #conversations .repondA {
        z-index: 5;
@@ -264,6 +273,13 @@
 #page.minichat #conversations .contenu {
        margin-left: 5px;
 }
+#page.minichat #conversations .outilsMess {
+       float: right;
+       display: none;
+}
+#page.minichat #conversations div.message:hover .outilsMess {
+       display: block
+}
 #page.minichat #conversations .extraire {
        float: right;
        width: 13px;
@@ -274,3 +290,13 @@
 #page.minichat #conversations .extraire:hover {
        background-image: url(../../img/css1/extraction_hover.png);
 }
+#page.minichat #conversations .extraireCompletement {
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/extraction.png);
+       margin-top: 2px
+}
+#page.minichat #conversations .extraireCompletement:hover {
+       background-image: url(../../img/css1/extraction_hover.png);
+}