From 6d280c7552c36b53fb6700376774b0e9cc01b943 Mon Sep 17 00:00:00 2001 From: Greg Burri Date: Tue, 27 May 2008 07:54:29 +0000 Subject: [PATCH] MOD cleanage du code CSS du skin 1 --- css/1/euphorik.css | 162 +++++++++++++++++----------------- css/1/pageAbout.css | 1 + css/1/pageAdmin.css | 12 +-- css/1/pageMinichat.css | 134 ++++++++++++---------------- css/1/pageProfileRegister.css | 5 +- 5 files changed, 143 insertions(+), 171 deletions(-) diff --git a/css/1/euphorik.css b/css/1/euphorik.css index 7a9fdf4..74e139f 100755 --- a/css/1/euphorik.css +++ b/css/1/euphorik.css @@ -1,28 +1,30 @@ -@import url(../common.css); +/* coding: utf-8 */ + +@import url(../common.css); @import url(pageMinichat.css); -@import url(pageAdmin.css); +@import url(pageAdmin.css); @import url(pageProfileRegister.css); @import url(pageAbout.css); - - -* { - padding: 0px; - margin: 0px; -} - -body { - font-family: sans-serif; - font-size: 12px; - color: #841919; - background-color: #f6dfc2 -} - + +* { + padding: 0px; + margin: 0px; +} + +body { + font-family: sans-serif; + font-size: 12px; + color: #841919; + background-color: #f6dfc2; +} + #container { - position: relative; - height: auto; - margin: 0px; + 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; - 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; -} + width: 304px; + height: 129px; + position: absolute; +} #footer { background-color: #e19671; text-align: center; -} -#footer a img{ - border-style: none; -} - +} +#footer a img{ + border-style: none; +} + +/***** La boite d'information (s'apparente à une MessageBox) *****/ div#info { - text-align: center; - width:100%; - position: fixed; - left: 0px; - top: 0px; + text-align: center; + width:100%; + position: fixed; + left: 0px; + top: 0px; background-color: #841919; - border-bottom: 1px solid #FFFFFF; + border-bottom: 1px solid #FFFFFF; z-index: 20; - color: #f0df95 + 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; } - -.captcha { - display:none + +/***** 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; } - -a { - text-decoration: underline; -} -a:link, a:visited { - color: #c62929; -} -a:hover, a:active { - color: #e84747; -} + +/***** 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 --- 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 --- 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; + border: 1px solid; background-color: #841919; color: #ffffff; } @@ -48,8 +49,8 @@ margin-left: 10px; cursor: pointer; padding-right: 5px; - padding-left: 5px; - background-color: #f0df95; + 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 --- 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 --- 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 } -- 2.45.2