MOD cleanage du code CSS du skin 1

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 7a9fdf4..74e139f 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -1,28 +1,30 @@
-@import url(../common.css);\r
+/* coding: utf-8 */
+
+@import url(../common.css);
 @import url(pageMinichat.css);
-@import url(pageAdmin.css);\r
+@import url(pageAdmin.css);
 @import url(pageProfileRegister.css);
 @import url(pageAbout.css);
-\r
-\r
-* {\r
-       padding: 0px;\r
-       margin: 0px;\r
-}\r
-\r
-body {\r
-   font-family: sans-serif;\r
-   font-size: 12px;
-   color: #841919;
-   background-color: #f6dfc2\r
-}\r
-\r
+
+* {
+       padding: 0px;
+       margin: 0px;
+}
+
+body {
+       font-family: sans-serif;
+       font-size: 12px;
+       color: #841919;
+       background-color: #f6dfc2;
+}
+
 #container {
-   position: relative;\r
-   height: auto;\r
-   margin: 0px;\r
+       position: relative;
+       height: auto;
+       margin: 0px;
 }
 
+/***** Menu *****/
 ul#menu {
        background-image: url(../../img/css1/logo_fond.png);
        height:129px;
@@ -55,6 +57,7 @@ ul#menu {
        background-color: #ffffff;
 }
 
+/***** Le menu pour le choix de la CSS *****/
 #menuCss {
        position: absolute;
        z-index: 10;
@@ -63,76 +66,71 @@ ul#menu {
        font-size: 9px;
 }
 
+/***** Le style du contenu des pages *****/
 #page {
-   font-size: 12px;
-   background-color: #f6dfc2;
-   padding: 10px 10px 15px 10px;
+       font-size: 12px;
+       background-color: #f6dfc2;
+       padding: 10px 10px 15px 10px;
 }
-
 #page > h1 {
-   margin-top: 10px;
-   margin-left: 0px;
-   font-size: 18px;
+       margin-top: 10px;
+       margin-left: 0px;
+       font-size: 18px;
 }
-
 #page > h2 {
-   margin-top: 10px;
-   margin-left: 10px;
-   font-size: 16px;
+       margin-top: 10px;
+       margin-left: 10px;
+       font-size: 16px;
 }
-
 #page > h3 {
-   margin-top: 10px;
-   margin-left: 20px;
-   font-size: 14px;\r
-   background-color : #FFFFFF
+       margin-top: 10px;
+       margin-left: 20px;
+       font-size: 14px;
+       background-color : #FFFFFF
 }
-
 #page > h4 {
-   margin-top: 10px;
-   margin-left: 25px;
-   font-size: 12px;
+       margin-top: 10px;
+       margin-left: 25px;
+       font-size: 12px;
 }
-
 #page > p {
-   margin-top: 3px;
-   margin-left: 35px;
+       margin-top: 3px;
+       margin-left: 35px;
 }
-
 #page > ul {
-   margin-top: 3px;
-   margin-left: 45px;
+       margin-top: 3px;
+       margin-left: 45px;
 }
 
 #logo {
-   z-index: 10;
-   background-image: url(../../img/css1/logo.png);
+       z-index: 10;
+       background-image: url(../../img/css1/logo.png);
        background-repeat: no-repeat;
-   width: 304px;
-   height: 129px;
-   position: absolute;
-}\r
+       width: 304px;
+       height: 129px;
+       position: absolute;
+}
 
 #footer {
        background-color: #e19671;
        text-align: center;
-}\r
-#footer a img{\r
-       border-style: none;\r
-}\r
-\r
+}
+#footer a img{
+       border-style: none;
+}
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
 div#info {
-       text-align: center;\r
-       width:100%;\r
-       position: fixed;\r
-       left: 0px;\r
-       top: 0px;\r
+       text-align: center;
+       width:100%;
+       position: fixed;
+       left: 0px;
+       top: 0px;
        background-color: #841919;
-       border-bottom: 1px solid #FFFFFF;\r
+       border-bottom: 1px solid #FFFFFF;
        z-index: 20;
-       color: #f0df95\r
+       color: #f0df95
 }
-
 div#info div.fermer {
        float:right;
        cursor: pointer;
@@ -140,7 +138,6 @@ div#info div.fermer {
        width: 16px;
        background-image: url(../../img/fermer.gif)
 }
-
 div#info #icone {
        float:left;     
        height:16px;
@@ -154,12 +151,10 @@ 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: #c62929;      
@@ -170,24 +165,24 @@ div#info .boutons div {
 div#info .boutons div:hover {
        background-color: #e84747;      
 }
-\r
-.captcha {\r
-       display:none\r
+
+/***** Le faux captcha *****/
+.captcha {
+       display:none;
 }
 
+/***** Les formulaires *****/
 form input,
 form button,
 form select {
        background-color: #f0df95; 
        border: #841919 1px solid;
 }
-
 form input:hover, form input:focus,
 form button:hover, form button:focus,
 form select:hover, form select:focus {
        background-color: #ffffff;
 }
-
 form input,
 form select {
        font-size: 12px;
@@ -195,13 +190,14 @@ form select {
 form button {
        font-size: 11px;
 }
-\r
-a {\r
-       text-decoration: underline;\r
-}\r
-a:link, a:visited {\r
-       color: #c62929;\r
-}\r
-a:hover, a:active {\r
-       color: #e84747;\r
-}\r
+
+/***** Les liens *****/
+a {
+       text-decoration: underline;
+}
+a:link, a:visited {
+       color: #c62929;
+}
+a:hover, a:active {
+       color: #e84747;
+}

diff --git a/css/1/pageAbout.css b/css/1/pageAbout.css
index e661102..f21cd61 100644 (file)
--- a/css/1/pageAbout.css
+++ b/css/1/pageAbout.css
@@ -1,3 +1,4 @@
+/* coding: utf-8 */
 
 #page.about {
 }

diff --git a/css/1/pageAdmin.css b/css/1/pageAdmin.css
index 1229104..47272a1 100644 (file)
--- a/css/1/pageAdmin.css
+++ b/css/1/pageAdmin.css
@@ -1,3 +1,4 @@
+/* coding: utf-8 */
 /* La page d'administration */
 
 #page.admin p {
@@ -16,7 +17,7 @@
 #page.admin .ban {
        margin-top: 5px;
        padding: 2px 10px 2px 10px;
-       border: 1px solid;\r
+       border: 1px solid;
        background-color: #841919;
        color: #ffffff;
 }
@@ -48,8 +49,8 @@
        margin-left: 10px;
        cursor: pointer;
        padding-right: 5px;
-       padding-left: 5px;\r
-       background-color: #f0df95; \r
+       padding-left: 5px;
+       background-color: #f0df95; 
        border: #841919 1px solid;
        color: #841919;
 }
@@ -77,8 +78,3 @@
 #page.admin #ips .login {
        margin-right : 4px;
 }
-
-
-
-
-

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 5e2c1e2..daae129 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,3 +1,5 @@
+/* coding: utf-8 */
+
 #page.minichat {
        padding: 0px;
 }
@@ -7,6 +9,7 @@
        vertical-align: bottom;
 }
 
+/***** La boite de sélection des smiles *****/
 #smiles {
        text-align: center;
        border: 1px solid;
@@ -24,6 +27,7 @@
        opacity: 0.5;
 }
 
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
 #outilsBan {
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff;
@@ -46,6 +50,7 @@
        margin-left: 1px
 }
 
+/***** Le troll courant affiché en haut de la page *****/
 #page.minichat #trollCourant {
        color: #FFFFFF;
        position: absolute;
@@ -54,27 +59,26 @@
        top: 77px;
        line-height: 32px;
 }
-
 #page.minichat #trollCourant .troll {
        cursor: pointer;
        font-style: italic
 }
 
+
 #page.minichat .titreSmiles:hover {
        background-color: #2d8800;
 }
 
+/***** Le formulaire pour poster un message *****/
 #page.minichat form {
        background-color: #e19671;
        padding-left: 10px;
        padding-bottom: 10px;
 }
-
 #page.minichat form p {
    margin: 0px;
    padding: 0px;
 }
-
 #page.minichat form .pseudo {
    margin-right: 5px;
    width: 12%
@@ -102,12 +106,12 @@
        margin-right: 5px;
 }
 
+/***** Les conversations *****/
 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 #page.minichat #conversations {        
        overflow: hidden;
        width: 100%
 }
-
 #page.minichat #conversations .conversation {
        border-width: 0px;
        border-style: solid;
@@ -115,7 +119,6 @@
        float: left;
        width: 100%;
 }
-
 #page.minichat #conversations div.message {
        border-left-width: 5px;
        border-left-style: solid;
@@ -125,15 +128,12 @@
        min-height: 18px;
        line-height: 18px;
 }
-
 #page.minichat #conversations div.messageImpair {
    background-color: #fbeede;
 }
-
 #page.minichat #conversations div.messagePair {
    background-color: #f6dfc2;
 }
-
 #page.minichat #conversations div.cache {
        opacity: 0.3;
        
@@ -141,7 +141,6 @@
        filter: alpha(opacity = 30);
        zoom: 1
 }
-
 #page.minichat #conversations div.reponse {
        border-color: #bd7a11
 }
@@ -154,21 +153,65 @@
 #page.minichat #conversations div.systeme {
        background-color: #f0df95
 }
+#page.minichat #conversations .titre {
+       text-align: center;
+       padding-right: 8px;
+       background-color: #e19671;
+       color: #ffffff;
+}
+#page.minichat #conversations .titre .fermer {
+       margin-top: 1px;
+       margin-left: 5px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(../../img/css1/fermer_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .fermer:hover {
+       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 .next,
+#page.minichat #conversations .titre .prev,
+#page.minichat #conversations .titre .numPage {
+       background-color: #841919;
+       cursor: pointer;
+       padding-right: 5px;
+       padding-left: 5px;
+}
+#page.minichat #conversations .titre .next:hover,
+#page.minichat #conversations .titre .prev:hover,
+#page.minichat #conversations .titre .numPage:hover {
+       background-color: #cb2626
+}
 
+/***** Les messages *****/
 #page.minichat div.message a {
        font-weight: bold;
 }
-
 #page.minichat div.message .lienConv {
        color: #c62929;
        font-weight: bold;
        cursor: pointer
 }
-
 #page.minichat div.message .lienConv:hover {
        color: #e84747
 }
-
 #page.minichat .entete {
        z-index: 20;
        background-color: #841919;
@@ -177,7 +220,6 @@
        float: left;
        height: 18px;
 }
-
 #page.minichat .delimitationEntete {
        z-index: 20;
        height: 18px;
@@ -186,34 +228,24 @@
        display: block;
        float: left;
 }
-
 #page.minichat .date {
    margin-right: 3px;
    margin-left: 3px;
 }
-
 #page.minichat div.message .pseudo,
+/* FIXME : entre en conflit avec une règle précédente */
 #page.minichat form .pseudo {
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
 }
-
 #page.minichat div.message.ekMaster .pseudo {
        color: #f0df95
 }
-
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
    font-size: 8px;
 }
-
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
-       min-width: 50px;
-       height:100px;
-}*/
-
 #page.minichat #conversations .repondA {
        z-index: 5;
        height: 18px;
@@ -226,7 +258,6 @@
        background-image: url(../../img/css1/fleche.png);
        background-repeat: no-repeat;
 }
-
 #page.minichat #conversations .delimitationRepondA {
        z-index: 20;
        height: 18px;
@@ -235,11 +266,9 @@
        display: block;
        float: left;
 }
-
 #page.minichat #conversations .contenu {
        margin-left: 5px;
 }
-
 #page.minichat #conversations .extraire {
        float: right;
        width: 13px;
@@ -247,58 +276,7 @@
        background-image: url(../../img/css1/extraction.png);
        margin-top: 2px
 }
-
 #page.minichat #conversations .extraire:hover {
        background-image: url(../../img/css1/extraction_hover.png);
 }
 
-#page.minichat #conversations .titre {
-       text-align: center;
-       padding-right: 8px;
-       background-color: #e19671;
-       color: #ffffff;
-}
-
-#page.minichat #conversations .titre .fermer {
-       margin-top: 1px;
-       margin-left: 5px;
-       float: right;
-       width: 13px;
-       height: 13px;
-       background-image: url(../../img/css1/fermer_conv.png);
-       cursor: pointer;
-}
-#page.minichat #conversations .titre .fermer:hover {
-       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 .next,
-#page.minichat #conversations .titre .prev,
-#page.minichat #conversations .titre .numPage {
-       background-color: #841919;
-       cursor: pointer;
-       padding-right: 5px;
-       padding-left: 5px;
-}
-#page.minichat #conversations .titre .next:hover,
-#page.minichat #conversations .titre .prev:hover,
-#page.minichat #conversations .titre .numPage:hover {
-       background-color: #cb2626
-}
-

diff --git a/css/1/pageProfileRegister.css b/css/1/pageProfileRegister.css
index 5c262a0..1455823 100755 (executable)
--- a/css/1/pageProfileRegister.css
+++ b/css/1/pageProfileRegister.css
@@ -1,6 +1,7 @@
-/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+/* coding: utf-8 */
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
 
 #page.register,
 #page.profile {
-   padding-top: 20px
+       padding-top: 20px
 }