MOD affichage des smiles dans une fenetre

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

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 67a915d..208584b 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -4,17 +4,19 @@
        vertical-align: bottom;
 }
 
-#page.minichat #smiles {
-       border-width: 1px 0px 1px 0px;
+#smiles {
+       border-width: 1px 1px 1px 1px;
        border-color: #253f18;
        border-style: solid;
        margin-bottom: 10px;
        padding: 1px;
-       height: 100%;
+       width: 100px;
        background-color: #0c2003;
+       position: absolute;
+       display: none
 }
-
-#page.minichat #smiles img {
+#smiles img {
+       margin: 1px;
        cursor: pointer;
        opacity: 0.5;
 }
@@ -28,23 +30,28 @@
    margin-bottom: 15px;
    padding-left: 10px;
 }
-
 #page.minichat form .pseudo {
    margin-right: 5px;
 }
-
 #page.minichat form .message {
    margin-right: 5px;
 }
-
 #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;
 }
+#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;
+}
 
 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 #page.minichat #conversations {        
@@ -172,7 +179,7 @@
        float: right;
        padding-right: 5px;
        padding-left: 5px;
-       background-color: #c90000;
+       background-color: #7d1b1b;
        cursor: pointer;
 }