ADD nouveau style (pas fini mais presque)

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

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index da92691..c5602bc 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,7 +1,5 @@
 #page.minichat {
-       padding-top: 5px;
-   padding-right: 0px;
-   padding-left: 0px
+       padding: 0px;
 }
 
 #page.minichat img {
@@ -12,8 +10,8 @@
 #smiles {
        text-align: center;
        border: 1px solid;
-       border-color: #253f18;
-       background-color: #0c2003;
+       border-color: #ffffff;
+       background-color: #f6dfc2;
        margin-bottom: 10px;
        padding: 1px;
        width: 140px;
@@ -28,7 +26,7 @@
 
 #outilsBan {
        border-width: 1px 1px 1px 1px;
-       border-color: #253f18;
+       border-color: #ffffff;
        border-style: solid;
        padding: 2px;
        position: absolute;
@@ -49,19 +47,16 @@
 }
 
 #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
+       color: #FFFFFF;
+       position: absolute;
+       z-index: 20;
+       left: 140px;
+       top: 88px;
 }
 
 #page.minichat #trollCourant .troll {
-       font-style: italic;
-       color: #FFFF88;
        cursor: pointer;
+       font-style: italic
 }
 
 #page.minichat .titreSmiles:hover {
@@ -69,8 +64,9 @@
 }
 
 #page.minichat form {
-   margin-bottom: 15px;
-   padding-left: 10px;
+       background-color: #e19671;
+       padding-left: 10px;
+       padding-bottom: 10px;
 }
 
 #page.minichat form p {
@@ -89,7 +85,7 @@
 #page.minichat form .return {
        height: 16px;
        width: 32px;
-       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;
@@ -98,7 +94,7 @@
 #page.minichat form .smiles {
        height: 16px;
        width: 16px;
-       background-image: url(../../img/css1/bouton_smiles.png);
+       background-image: url(../../img/css2/bouton_smiles.png);
        background-repeat: no-repeat;
        background-position: 2px 2px;
        vertical-align: top;
@@ -124,16 +120,17 @@
        border-left-style: solid;
        border-color: transparent;
        padding-right: 5px;
-       padding-left: 4px;
        cursor: pointer;
+       min-height: 18px;
+       line-height: 18px;
 }
 
 #page.minichat #conversations div.messageImpair {
-   background-color: #05002c;
+   background-color: #fbeede;
 }
 
 #page.minichat #conversations div.messagePair {
-   background-color: #080047;
+   background-color: #f6dfc2;
 }
 
 #page.minichat #conversations div.cache {
@@ -154,7 +151,7 @@
        border-color: #bd1129
 }
 #page.minichat #conversations div.systeme {
-       background-color: #555555
+       background-color: #f0df95
 }
 
 #page.minichat div.message a {
@@ -162,17 +159,34 @@
 }
 
 #page.minichat div.message .lienConv {
-       color: #db960f;
+       color: #c62929;
        font-weight: bold;
        cursor: pointer
 }
 
 #page.minichat div.message .lienConv:hover {
-       color: #f1c060
+       color: #e84747
+}
+
+#page.minichat .entete {
+       z-index: 20;
+       background-color: #841919;
+       color: #f6dfc2;
+       display: block;
+       float: left;
+       height: 18px;
+}
+
+#page.minichat .delimitationEntete {
+       z-index: 20;
+       height: 18px;
+       width: 7px;
+       background-image: url(../../img/css1/fleche.png);
+       display: block;
+       float: left;
 }
 
 #page.minichat .date {
-   color: #fd913b;
    margin-right: 3px;
    margin-left: 3px;
 }
@@ -182,21 +196,15 @@
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
-   color: #76ff33;
 }
 
 #page.minichat div.message.ekMaster .pseudo {
-       color: #ffffff;
+       color: #f0df95
 }
 
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
    font-size: 8px;
-   color: #a7d88f;
-}
-
-#page.minichat div.systeme .pseudo {
-       color: #CCCCCC
 }
 
 /* Ca marche pas :(
@@ -206,66 +214,90 @@
 }*/
 
 #page.minichat #conversations .repondA {
-   margin-left: 4px;
-   color: #bd7a11
+       z-index: 5;
+       height: 18px;
+       margin-left: -7px;
+       padding-left: 9px;
+       float: left;
+       background-color: #cb2626; 
+       color: #ffffff;
+       display: block;
+       background-image: url(../../img/css1/fleche.png);
+       background-repeat: no-repeat;
 }
 
-/*#page.minichat #conversations .contenu {
-   display: inline;
-}*/
+#page.minichat #conversations .delimitationRepondA {
+       z-index: 20;
+       height: 18px;
+       width: 7px;
+       background-image: url(../../img/css1/fleche_reponda.png);
+       display: block;
+       float: left;
+}
+
+#page.minichat #conversations .contenu {
+       margin-left: 5px;
+}
 
 #page.minichat #conversations .extraire {
        float: right;
-       padding-right: 2px;
-       padding-left: 2px;
-       background-color: #4f5519;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/extraction.png);
+       margin-top: 2px
 }
 
 #page.minichat #conversations .extraire:hover {
-       background-color: #818c27
+       background-image: url(../../img/css1/extraction_hover.png);
 }
 
 #page.minichat #conversations .titre {
        text-align: center;
        padding-right: 8px;
-       background-color: #4b4215
+       background-color: #e19671;
+       color: #ffffff;
 }
 
 #page.minichat #conversations .titre .fermer {
+       margin-top: 1px;
+       margin-left: 5px;
        float: right;
-       padding-right: 5px;
-       padding-left: 5px;
-       background-color: #7d1b1b;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/fermer_conv.png);
        cursor: pointer;
 }
-
 #page.minichat #conversations .titre .fermer:hover {
-       background-color: #c95656
+       background-image: url(../../img/css1/fermer_conv_hover.png);
+}      
+
+#page.minichat #conversations .titre .lien {
+       margin-top: 1px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/copier_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .lien:hover {
+       background-image: url(../../img/css1/copier_conv_hover.png);
 }      
 
 #page.minichat #conversations .titre .next,
 #page.minichat #conversations .titre .prev {
        display: none;
 }
-
-#page.minichat #conversations .titre .lien {
-       float: right
-}
-
-#page.minichat #conversations .titre .lien,
 #page.minichat #conversations .titre .next,
 #page.minichat #conversations .titre .prev,
 #page.minichat #conversations .titre .numPage {
-       background-color: #42380b;
+       background-color: #841919;
        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
+       background-color: #cb2626
 }