MOD restructuration des skins

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

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 022af89..da92691 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,22 +1,67 @@
+#page.minichat {
+       padding-top: 5px;
+   padding-right: 0px;
+   padding-left: 0px
+}
 
 #page.minichat img {
        margin: 0px;
        vertical-align: bottom;
 }
 
-#page.minichat #smiles {
-       border-width: 1px 0px 1px 0px;
+#smiles {
+       text-align: center;
+       border: 1px solid;
        border-color: #253f18;
-       border-style: solid;
+       background-color: #0c2003;
        margin-bottom: 10px;
        padding: 1px;
-       height: 100%;
+       width: 140px;
+       position: absolute;
+       display: none
+}
+#smiles img {
+       margin: 1px;
+       cursor: pointer;
+       opacity: 0.5;
+}
+
+#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
+}
+
+#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 #smiles img {
+#page.minichat #trollCourant .troll {
+       font-style: italic;
+       color: #FFFF88;
        cursor: pointer;
-       opacity: 0.5;
 }
 
 #page.minichat .titreSmiles:hover {
@@ -24,26 +69,40 @@
 }
 
 #page.minichat form {
-   text-align: left;
    margin-bottom: 15px;
    padding-left: 10px;
 }
 
+#page.minichat form p {
+   margin: 0px;
+   padding: 0px;
+}
+
 #page.minichat form .pseudo {
    margin-right: 5px;
+   width: 12%
 }
-
 #page.minichat form .message {
    margin-right: 5px;
+   width: 75%
 }
-
 #page.minichat form .return {
-       height: 15px;
+       height: 16px;
        width: 32px;
        background-image: url(../../img/css1/return.png);
        background-repeat: no-repeat;
        background-position: 5px 2px;
        vertical-align: top;
+       margin-right: 5px;
+}
+#page.minichat form .smiles {
+       height: 16px;
+       width: 16px;
+       background-image: url(../../img/css1/bouton_smiles.png);
+       background-repeat: no-repeat;
+       background-position: 2px 2px;
+       vertical-align: top;
+       margin-right: 5px;
 }
 
 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
@@ -64,7 +123,6 @@
        border-left-width: 5px;
        border-left-style: solid;
        border-color: transparent;
-       text-align: left;
        padding-right: 5px;
        padding-left: 4px;
        cursor: pointer;
@@ -127,6 +185,16 @@
    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
 }
@@ -158,6 +226,7 @@
 }
 
 #page.minichat #conversations .titre {
+       text-align: center;
        padding-right: 8px;
        background-color: #4b4215
 }
@@ -166,7 +235,7 @@
        float: right;
        padding-right: 5px;
        padding-left: 5px;
-       background-color: #c90000;
+       background-color: #7d1b1b;
        cursor: pointer;
 }