projects / euphorik.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
ADD avancement sur la possibilité de réduire une conversation (pas fini)
[euphorik.git] / css / 1 / pageMinichat.css
diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 722c3fb..a352ff9 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,5 +1,3 @@
-/* coding: utf-8 */
-
 #page.minichat {
        padding: 0px;
 }
@@ -78,7 +76,7 @@
    margin-right: 5px;
    width: 12%
 }
-#page.minichat form#posterMessage .message {
+#page.minichat form#posterMessage input.message {
    margin-right: 5px;
    width: 75%
 }
@@ -100,6 +98,24 @@
        vertical-align: top;
        margin-right: 5px;
 }
+#page.minichat form#posterMessage #repondA {
+       background-color: #f0df95; 
+       border: #841919 1px solid;
+   margin-right: 5px;
+   padding-right: 2px;
+   padding-left: 2px;
+   cursor: pointer;
+   display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+   position: absolute;
+       border: #841919 1px solid;
+   width: 50%;
+   display:none;
+}
+#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
+   display: none
+}
 
 /***** Les conversations *****/
 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
@@ -114,26 +130,35 @@
        float: left;
        width: 100%;
 }
-#page.minichat #conversations div.messageImpair {
-   background-color: #fbeede;
-}
-#page.minichat #conversations div.messagePair {
-   background-color: #f6dfc2;
-}
-#page.minichat #conversations div.cache {
-       opacity: 0.3;
-       
-       /* Hack IE 7 */ 
-       filter: alpha(opacity = 30);
-       zoom: 1
-}
 #page.minichat #conversations .titre {
+   border-top: 1px dashed white
+}
+#page.minichat #conversations .titre .barre {
        text-align: center;
        padding-right: 8px;
        background-color: #e19671;
        color: #ffffff;
 }
-#page.minichat #conversations .titre .fermer {
+
+#page.minichat #conversations .titre .extraire,
+#page.minichat #conversations .titre .extraireCompletement {
+       display: none
+}
+
+#page.minichat #conversations .titre .barre .reduire {
+       margin-top: 1px;
+       margin-left: 5px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/reduire_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .barre .reduire:hover {
+       background-image: url(../../img/css1/reduire_conv_hover.png);
+}      
+
+#page.minichat #conversations .titre .barre .fermer {
        margin-top: 1px;
        margin-left: 5px;
        float: right;
@@ -142,67 +167,84 @@
        background-image: url(../../img/css1/fermer_conv.png);
        cursor: pointer;
 }
-#page.minichat #conversations .titre .fermer:hover {
+#page.minichat #conversations .titre .barre .fermer:hover {
        background-image: url(../../img/css1/fermer_conv_hover.png);
 }      
-#page.minichat #conversations .titre .lien {
+#page.minichat #conversations .titre .barre .lien {
        margin-top: 1px;
+       margin-left: 5px;
        float: right;
        width: 13px;
        height: 13px;
        background-image: url(../../img/css1/copier_conv.png);
        cursor: pointer;
 }
-#page.minichat #conversations .titre .lien:hover {
+#page.minichat #conversations .titre .barre .lien:hover {
        background-image: url(../../img/css1/copier_conv_hover.png);
 }      
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev {
+#page.minichat #conversations .titre .barre .next,
+#page.minichat #conversations .titre .barre .prev {
        display: none;
 }
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev,
-#page.minichat #conversations .titre .numPage {
+#page.minichat #conversations .titre .barre .next,
+#page.minichat #conversations .titre .barre .prev,
+#page.minichat #conversations .titre .barre .numPage {
        background-color: #841919;
        cursor: pointer;
        padding-right: 5px;
        padding-left: 5px;
 }
-#page.minichat #conversations .titre .next:hover,
-#page.minichat #conversations .titre .prev:hover,
-#page.minichat #conversations .titre .numPage:hover {
+#page.minichat #conversations .titre .barre .next:hover,
+#page.minichat #conversations .titre .barre .prev:hover,
+#page.minichat #conversations .titre .barre .numPage:hover {
        background-color: #cb2626
 }
 
 /***** Les messages *****/
-#page.minichat #conversations div.message {
+#page.minichat div.message {
        padding-right: 5px;
        cursor: pointer;
        min-height: 18px;
        line-height: 18px;
 }
-#page.minichat #conversations div.message.reponse .entete {
+#page.minichat div.messageImpair {
+   background-color: #fbeede;
+}
+#page.minichat div.messagePair {
+   background-color: #f6dfc2;
+}
+#page.minichat div.cache {
+       opacity: 0.3;
+       
+       /* Hack IE 7 */ 
+       filter: alpha(opacity = 30);
+       zoom: 1
+}
+#page.minichat div.message.reponse .entete {
        background-color: #bf2911
 }
-#page.minichat #conversations div.message.reponse .delimitationEntete,
-#page.minichat #conversations div.message.reponse .repondA {
+#page.minichat div.message.reponse .delimitationEntete,
+#page.minichat div.message.reponse .repondA {
        background-image: url(../../img/css1/fleche_reponse.png);
 }
-#page.minichat #conversations div.message.repondu .entete {
+#page.minichat div.message.repondu .entete {
        background-color: #84196c
 }
-#page.minichat #conversations div.message.repondu .delimitationEntete,
-#page.minichat #conversations div.message.repondu .repondA {
+#page.minichat div.message.repondu .delimitationEntete,
+#page.minichat div.message.repondu .repondA {
        background-image: url(../../img/css1/fleche_repondu.png);
 }
-#page.minichat #conversations div.message.proprietaire .entete {
+#page.minichat div.message.proprietaire .entete {
        background-color: #31732f
 }
-#page.minichat #conversations div.message.proprietaire .delimitationEntete,
-#page.minichat #conversations div.message.proprietaire .repondA {
+#page.minichat div.message.proprietaire .delimitationEntete,
+#page.minichat div.message.proprietaire .repondA {
        background-image: url(../../img/css1/fleche_proprietaire.png);
 }
-#page.minichat #conversations div.message.systeme {
+#page.minichat div.message.repondEnEvidence {
+       background-color: #fce476
+}
+#page.minichat div.message.systeme {
        background-color: #f0df95
 }
 #page.minichat div.message a {
@@ -243,14 +285,21 @@
    margin-right: 2px;
    font-weight: bold;
 }
-#page.minichat div.message.ekMaster .pseudo {
+#page.minichat div.message.ekMasterlight .pseudo {
        color: #f0df95
 }
+
+#page.minichat div.message.ekMasterheavy .pseudo {
+   color: #fcd82f;
+   padding-left: 14px;
+   background: transparent url(../../img/css1/marque_ek.png) no-repeat scroll left center
+}
+
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
    font-size: 8px; 
 }
-#page.minichat #conversations .repondA {
+#page.minichat .repondA {
        z-index: 5;
        height: 18px;
        margin-left: -7px;
@@ -262,7 +311,7 @@
        background-image: url(../../img/css1/fleche.png);
        background-repeat: no-repeat;
 }
-#page.minichat #conversations .delimitationRepondA {
+#page.minichat .delimitationRepondA {
        z-index: 20;
        height: 18px;
        width: 7px;
@@ -270,33 +319,34 @@
        display: block;
        float: left;
 }
-#page.minichat #conversations .contenu {
+#page.minichat .contenu {
        margin-left: 5px;
 }
-#page.minichat #conversations .outilsMess {
+#page.minichat .outilsMess {
        float: right;
        display: none;
 }
-#page.minichat #conversations div.message:hover .outilsMess {
+#page.minichat div.message:hover .outilsMess {
        display: block
 }
-#page.minichat #conversations .extraire {
+#page.minichat .extraire {
        float: right;
        width: 13px;
        height: 13px;
        background-image: url(../../img/css1/extraction.png);
-       margin-top: 2px
+       margin-top: 2px;
 }
-#page.minichat #conversations .extraire:hover {
+#page.minichat .extraire:hover {
        background-image: url(../../img/css1/extraction_hover.png);
 }
-#page.minichat #conversations .extraireCompletement {
+#page.minichat .extraireCompletement {
        float: right;
        width: 13px;
        height: 13px;
-       background-image: url(../../img/css1/extraction.png);
-       margin-top: 2px
+       background-image: url(../../img/css1/extraction_complete.png);
+       margin-top: 2px;
+   margin-right: 2px;
 }
-#page.minichat #conversations .extraireCompletement:hover {
-       background-image: url(../../img/css1/extraction_hover.png);
+#page.minichat .extraireCompletement:hover {
+       background-image: url(../../img/css1/extraction_complete_hover.png);
 }
Website http://www.euphorik.ch