MOD restructuration des skins

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

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index fa7be6e..76e50be 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -1,19 +1,20 @@
 @import url(../common.css);\r
-@import url(pageMinichat.css);\r
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);\r
 @import url(pageProfileRegister.css);
 @import url(pageAbout.css);
 \r
 \r
 * {\r
-       padding: 0;\r
-       margin: 0;\r
+       padding: 0px;\r
+       margin: 0px;\r
 }\r
 \r
 body {\r
    font-family: sans-serif;\r
    font-size: 12px;
    color: #EEEEEE;\r
-   text-align: center; /* uniquement pour IE */\r
+   /*text-align: center;*/ /* uniquement pour IE */\r
    background-color: #DFDFDF;\r
    background-image: url(../../img/css1/fond.png)\r
 }\r
@@ -26,26 +27,29 @@ body {
    margin-top: 40px;\r
 }
 
-#menu {
-       position: absolute;
-       z-index: 10;
-       top: 2px;
+ul#menu {
+       /*
        left: 300px;
+       top: 2px;*/
+       padding-left: 300px;
+       /*position: absolute;*/
+       height: 23px;
        font-size: 11px;
        background-color: #000000;
-       text-align: left;
+       list-style-type:none;
 }
-#menu div {    
+#menu li {
        cursor: pointer;        
-       display: inline;
+       z-index: 20;
+       float: left;
        padding: 2px;
        margin-left: 2px;
        background-color: #4f5519;
 }
-#menu div.courante {   
+#menu li.courante {    
        background-color: #818c27;
 }
-#menu div:hover {      
+#menu li:hover {       
        background-color: #818c27
 }
 
@@ -54,18 +58,55 @@ body {
        z-index: 10;
        left: 600px;    
        top:0px;
-       border: 1px;
-       background-color: #164200; 
-       border: #2d8800 1px solid;
-       color: #EEEEEE;
        font-size: 9px;
 }
 
 #page {
    position: relative;
-   padding: 25px 0px 15px 0px;
    font-size: 12px;
    background-color: #000000;
+   padding: 10px 10px 15px 10px;
+}
+
+#page > h1 {
+   margin-top: 10px;
+   margin-left: 0px;
+   font-size: 18px;
+   color : #a6b80e
+}
+
+#page > h2 {
+   margin-top: 10px;
+   margin-left: 10px;
+   font-size: 16px;
+   color : #899714;
+}
+
+#page > h3 {
+   margin-top: 10px;
+   margin-left: 20px;
+   font-size: 14px;
+   color : #79841a;
+   background-color : #1e2201
+}
+
+#page > h4 {
+   margin-top: 10px;
+   margin-left: 25px;
+   font-size: 12px;
+   color : #646d1d
+}
+
+#page > p {
+   margin-top: 3px;
+   margin-left: 35px;
+   color : #e9e9e9
+}
+
+#page > ul {
+   margin-top: 3px;
+   margin-left: 45px;
+   color: #e9e9e9
 }
 
 #logo {
@@ -75,7 +116,7 @@ body {
    height: 37px;
    position: absolute;
    top: -20px;
-   left: -10px;
+   left: 4px;
 }\r
 
 #footer {
@@ -85,7 +126,8 @@ body {
        border-style: none;\r
 }\r
 \r
-div#info {\r
+div#info {
+       text-align: center;\r
        width:100%;\r
        position: fixed;\r
        left: 0px;\r
@@ -95,7 +137,7 @@ div#info {
        z-index: 20;\r
 }
 
-div#info .fermer {
+div#info div.fermer {
        float:right;
        cursor: pointer;
        height:16px;
@@ -135,27 +177,24 @@ div#info .boutons div:hover {
 \r
 .captcha {\r
        display:none\r
-}\r
-\r
-/* Obsolète
-#captcha {
-       margin-bottom: 5px;
 }
-#captcha input {
-       margin-left: 5px;
-}
-#captcha .captchaImg {
-       background-color: #FFFFFF;
-       vertical-align: bottom;
-}*/
 
 form input,
-form button {
+form button,
+form select {
        background-color: #164200; 
        border: #2d8800 1px solid;
        color: #EEEEEE;
+}
+
+form input,
+form select {
        font-size: 12px;
 }
+
+form button {
+       font-size: 11px;
+}
 \r
 a {\r
    text-decoration: none;\r