FIX barre d'outils slap/kick/ban (2ième essaie)

[euphorik.git] / css / 2 / euphorik.css

diff --git a/css/2/euphorik.css b/css/2/euphorik.css
index a39c3b8..ca5992e 100755 (executable)
--- a/css/2/euphorik.css
+++ b/css/2/euphorik.css
@@ -1,10 +1,10 @@
+/* coding: utf-8 */
 \r
 @import url(pageMinichat.css);
 @import url(pageAdmin.css);\r
 @import url(pageProfileRegister.css);
 @import url(pageAbout.css);
 \r
-\r
 * {\r
        padding: 0px;\r
        margin: 0px;\r
@@ -14,25 +14,20 @@ body {
    font-family: sans-serif;\r
    font-size: 12px;
    color: #EEEEEE;\r
-   /*text-align: center;*/ /* uniquement pour IE */\r
    background-color: #DFDFDF;\r
    background-image: url(../../img/css2/fond.png)\r
 }\r
 \r
-#container {
-   position: relative;\r
+#container {\r
    height: auto;\r
    margin-left: 10px;\r
    margin-right: 10px;\r
    margin-top: 40px;\r
 }
 
+/***** Menu *****/
 ul#menu {
-       /*
-       left: 300px;
-       top: 2px;*/
        padding-left: 300px;
-       /*position: absolute;*/
        height: 23px;
        font-size: 11px;
        background-color: #000000;
@@ -53,35 +48,33 @@ ul#menu {
        background-color: #818c27
 }
 
+/***** Le menu pour le choix de la CSS *****/
 #menuCss {
        position: absolute;
        z-index: 10;
        left: 600px;    
-       top:0px;
+       top:40px;
        font-size: 9px;
 }
 
+/***** Le style du contenu des pages *****/
 #page {
-   position: relative;
    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;
@@ -89,43 +82,47 @@ ul#menu {
    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 {
    z-index: 10;
    background-image: url(../../img/css2/logo_2.png);
    width: 253px;
    height: 37px;
    position: absolute;
-   top: -20px;
+   top: 20px;
    left: 4px;
 }\r
 
+/***** Le pied de page *****/
 #footer {
        text-align: right;
+       font-size: 9px
+}
+#footer a img{
+       border-style: none;
+       vertical-align: middle;
+       margin-right: 5px;
+}
+#footer span{
+       margin-right: 10px;
 }\r
-#footer a img{\r
-       border-style: none;\r
-}\r
-\r
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/\r
 div#info {
        text-align: center;\r
        width:100%;\r
@@ -136,7 +133,6 @@ div#info {
        border-bottom: 1px solid #aeaeae;\r
        z-index: 20;\r
 }
-
 div#info div.fermer {
        float:right;
        cursor: pointer;
@@ -144,7 +140,6 @@ div#info div.fermer {
        width: 16px;
        background-image: url(../../img/fermer.gif)
 }
-
 div#info #icone {
        float:left;     
        height:16px;
@@ -159,11 +154,9 @@ div#info #icone.information {
 div#info #icone.exclamation {
        background-image: url(../../img/exclamation.gif)
 }
-       
 div#info .boutons {
        padding: 1px;
 }
-
 div#info .boutons div {
        cursor: pointer;
        background-color: #770000;      
@@ -196,11 +189,12 @@ div#info .boutons div:hover {
        padding: 3px 6px;
 }
 
-\r
+/***** Le faux captcha *****/\r
 .captcha {\r
        display:none\r
 }
 
+/***** Les formulaires *****/
 form input,
 form button,
 form select {
@@ -208,29 +202,26 @@ form select {
        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
-}\r
-a:link {\r
+
+/***** Les liens *****/\r
+.lien, a {\r
+   text-decoration: none;
        color: #7664ff;\r
+}
+.lien {
+       cursor: pointer;
 }\r
-a:visited {\r
-   color: #7664ff;\r
-}\r
-a:hover {\r
-   color: #ffad0f;\r
+a:link, a:visited {\r
+       color: #7664ff;\r
 }\r
-a:active {\r
+.lien:hover, .lien:active, a:hover, a:active {\r
    color: #ffad0f;\r
 }\r
 \r