From: Greg Burri Date: Sat, 31 May 2008 19:40:07 +0000 (+0000) Subject: MOD cleanage X-Git-Tag: 1.0.0^2~6 X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=commitdiff_plain;h=1676c1bd20cb3e8e1b0f98d18df88c4520dcae6d MOD cleanage --- diff --git a/css/1/euphorik.css b/css/1/euphorik.css index 9ac1d54..7020184 100755 --- a/css/1/euphorik.css +++ b/css/1/euphorik.css @@ -220,6 +220,7 @@ form button { /***** Les liens *****/ .lien, a { text-decoration: underline; + color: #c62929; } .lien { cursor: pointer diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index ac37a01..6590925 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -64,11 +64,6 @@ font-style: italic } - -#page.minichat .titreSmiles:hover { - background-color: #2d8800; -} - /***** Le formulaire pour poster un message *****/ #page.minichat form { background-color: #e19671; @@ -279,4 +274,3 @@ #page.minichat #conversations .extraire:hover { background-image: url(../../img/css1/extraction_hover.png); } - diff --git a/css/2/euphorik.css b/css/2/euphorik.css index a39c3b8..c2d5701 100755 --- a/css/2/euphorik.css +++ b/css/2/euphorik.css @@ -1,10 +1,10 @@ +/* coding: utf-8 */ @import url(pageMinichat.css); @import url(pageAdmin.css); @import url(pageProfileRegister.css); @import url(pageAbout.css); - * { padding: 0px; margin: 0px; @@ -14,7 +14,6 @@ body { font-family: sans-serif; font-size: 12px; color: #EEEEEE; - /*text-align: center;*/ /* uniquement pour IE */ background-color: #DFDFDF; background-image: url(../../img/css2/fond.png) } @@ -27,12 +26,9 @@ body { margin-top: 40px; } +/***** Menu *****/ ul#menu { - /* - left: 300px; - top: 2px;*/ padding-left: 300px; - /*position: absolute;*/ height: 23px; font-size: 11px; background-color: #000000; @@ -53,6 +49,7 @@ ul#menu { background-color: #818c27 } +/***** Le menu pour le choix de la CSS *****/ #menuCss { position: absolute; z-index: 10; @@ -61,27 +58,25 @@ ul#menu { 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,26 +84,22 @@ 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); @@ -119,13 +110,21 @@ ul#menu { left: 4px; } +/***** 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; } -#footer a img{ - border-style: none; -} - + +/***** La boite d'information (s'apparente à une MessageBox) *****/ div#info { text-align: center; width:100%; @@ -136,7 +135,6 @@ div#info { border-bottom: 1px solid #aeaeae; z-index: 20; } - div#info div.fermer { float:right; cursor: pointer; @@ -144,7 +142,6 @@ div#info div.fermer { width: 16px; background-image: url(../../img/fermer.gif) } - div#info #icone { float:left; height:16px; @@ -159,11 +156,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 +191,12 @@ div#info .boutons div:hover { padding: 3px 6px; } - +/***** Le faux captcha *****/ .captcha { display:none } +/***** Les formulaires *****/ form input, form button, form select { @@ -208,29 +204,26 @@ form select { border: #2d8800 1px solid; color: #EEEEEE; } - form input, form select { font-size: 12px; } - form button { font-size: 11px; } - -a { - text-decoration: none; -} -a:link { + +/***** Les liens *****/ +.lien, a { + text-decoration: none; color: #7664ff; +} +.lien { + cursor: pointer; } -a:visited { - color: #7664ff; -} -a:hover { - color: #ffad0f; +a:link, a:visited { + color: #7664ff; } -a:active { +.lien:hover, .lien:active, a:hover, a:active { color: #ffad0f; } diff --git a/css/2/pageAbout.css b/css/2/pageAbout.css index e661102..f21cd61 100644 --- a/css/2/pageAbout.css +++ b/css/2/pageAbout.css @@ -1,3 +1,4 @@ +/* coding: utf-8 */ #page.about { } diff --git a/css/2/pageAdmin.css b/css/2/pageAdmin.css index a945b7c..371b601 100644 --- a/css/2/pageAdmin.css +++ b/css/2/pageAdmin.css @@ -1,3 +1,4 @@ +/* coding: utf-8 */ /* La page d'administration */ #page.admin p { diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css index f4837ef..cfa2c04 100755 --- a/css/2/pageMinichat.css +++ b/css/2/pageMinichat.css @@ -1,3 +1,5 @@ +/* coding: utf-8 */ + #page.minichat { padding-top: 5px; padding-right: 0px; @@ -9,6 +11,7 @@ vertical-align: middle; } +/***** La boite de sélection des smiles *****/ #smiles { text-align: center; border: 1px solid; @@ -26,6 +29,7 @@ opacity: 0.5; } +/***** La boite permettant de slaper/kicker/bannir une personne *****/ #outilsBan { border-width: 1px 1px 1px 1px; border-color: #253f18; @@ -48,6 +52,7 @@ margin-left: 1px } +/***** Le troll courant affiché en haut de la page *****/ #page.minichat #trollCourant { border-top: 1px solid; border-bottom: 1px solid; @@ -57,27 +62,21 @@ margin-bottom: 8px; padding : 1px 0px 1px 10px } - #page.minichat #trollCourant .troll { font-style: italic; color: #FFFF88; cursor: pointer; } -#page.minichat .titreSmiles:hover { - background-color: #2d8800; -} - +/***** Le formulaire pour poster un message *****/ #page.minichat form { margin-bottom: 15px; padding-left: 10px; } - #page.minichat form p { margin: 0px; padding: 0px; } - #page.minichat form .pseudo { margin-right: 5px; width: 12% @@ -105,12 +104,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; @@ -118,7 +117,6 @@ float: left; width: 100%; } - #page.minichat #conversations div.message { border-left-width: 5px; border-left-style: solid; @@ -127,15 +125,12 @@ padding-left: 4px; cursor: pointer; } - #page.minichat #conversations div.messageImpair { background-color: #05002c; } - #page.minichat #conversations div.messagePair { background-color: #080047; } - #page.minichat #conversations div.cache { opacity: 0.3; @@ -143,7 +138,6 @@ filter: alpha(opacity = 30); zoom: 1 } - #page.minichat #conversations div.reponse { border-color: #bd7a11 } @@ -156,32 +150,73 @@ #page.minichat #conversations div.systeme { background-color: #555555 } +#page.minichat #conversations .titre { + text-align: center; + padding-right: 8px; + background-color: #4b4215 +} +#page.minichat #conversations .titre .fermer { + float: right; + padding-right: 5px; + padding-left: 5px; + background-color: #7d1b1b; + cursor: pointer; +} +#page.minichat #conversations .titre .fermer:after { + content: "x" +} +#page.minichat #conversations .titre .fermer:hover { + background-color: #c95656 +} + +#page.minichat #conversations .titre .next, +#page.minichat #conversations .titre .prev { + display: none; +} + +#page.minichat #conversations .titre .lien { + float: right +} +#page.minichat #conversations .titre .lien:after { + content: "c" +} +#page.minichat #conversations .titre .lien, +#page.minichat #conversations .titre .next, +#page.minichat #conversations .titre .prev, +#page.minichat #conversations .titre .numPage { + background-color: #42380b; + cursor: pointer; + padding-right: 5px; + padding-left: 5px; +} +#page.minichat #conversations .titre .lien:hover, +#page.minichat #conversations .titre .next:hover, +#page.minichat #conversations .titre .prev:hover, +#page.minichat #conversations .titre .numPage:hover { + background-color: #7c6e2e +} + +/***** Les messages *****/ #page.minichat div.message a { font-weight: bold; } - #page.minichat div.message .lienConv { color: #db960f; font-weight: bold; cursor: pointer } - #page.minichat div.message .lienConv:hover { color: #f1c060 } - #page.minichat .date { color: #fd913b; margin-right: 3px; margin-left: 3px; } - - #page.minichat div.message .pseudo:after { content: ":" } - #page.minichat div.message .pseudo, #page.minichat form .pseudo { margin-left: 4px; @@ -189,101 +224,34 @@ font-weight: bold; color: #76ff33; } - #page.minichat div.message.ekMaster .pseudo { color: #ffffff; } - #page.minichat div.message .pseudo .login { margin-left: 2px; font-size: 8px; color: #a7d88f; } - #page.minichat div.systeme .pseudo { color: #CCCCCC } - -/* Ca marche pas :( -#page.minichat div.message .pseudo { - min-width: 50px; - height:100px; -}*/ - #page.minichat #conversations .repondA { color: #bd7a11; margin-right: 3px; } - #page.minichat #conversations .repondA:after { content: ">" } - -/*#page.minichat #conversations .contenu { - display: inline; -}*/ - #page.minichat #conversations .extraire { float: right; padding-right: 2px; padding-left: 2px; background-color: #4f5519; } - #page.minichat #conversations .extraire:after { content: ">" } - #page.minichat #conversations .extraire:hover { background-color: #818c27 } -#page.minichat #conversations .titre { - text-align: center; - padding-right: 8px; - background-color: #4b4215 -} - -#page.minichat #conversations .titre .fermer { - float: right; - padding-right: 5px; - padding-left: 5px; - background-color: #7d1b1b; - cursor: pointer; -} -#page.minichat #conversations .titre .fermer:after { - content: "x" -} -#page.minichat #conversations .titre .fermer:hover { - background-color: #c95656 -} - -#page.minichat #conversations .titre .next, -#page.minichat #conversations .titre .prev { - display: none; -} - -#page.minichat #conversations .titre .lien { - float: right -} -#page.minichat #conversations .titre .lien:after { - content: "c" -} - -#page.minichat #conversations .titre .lien, -#page.minichat #conversations .titre .next, -#page.minichat #conversations .titre .prev, -#page.minichat #conversations .titre .numPage { - background-color: #42380b; - cursor: pointer; - padding-right: 5px; - padding-left: 5px; -} - -#page.minichat #conversations .titre .lien:hover, -#page.minichat #conversations .titre .next:hover, -#page.minichat #conversations .titre .prev:hover, -#page.minichat #conversations .titre .numPage:hover { - background-color: #7c6e2e -} - diff --git a/doc/TODO.txt b/doc/TODO.txt index ab0ca1e..e4c83a3 100755 --- a/doc/TODO.txt +++ b/doc/TODO.txt @@ -2,7 +2,6 @@ === v1.0 === * Rendre compatible IE 7 (pfff..) -* Ajouter dans la FAQ et/ou dans la page d'enregistrement les conditions d'utilisation, genre "chacun est responsable de ses dires" https://linuxfr.org/bouchot/ * Corriger les bugs de niveau [1] et [2] * Cleaner le code (erl, js, xhtml, css) et eventuellement profiler un peu (le refresh est lent sous opera) === v1.1 === @@ -174,6 +173,7 @@ 1) copie des fichiers (+minimisation) 2) Execution d'un scripte erlang pour recharger tous les modules au sein du noeud 3) Executer euphorik_bd:update() pour mettre à jour la BD +[ok] Ajouter dans la FAQ et/ou dans la page d'enregistrement les conditions d'utilisation, genre "chacun est responsable de ses dires" https://linuxfr.org/bouchot/ === Bugs === 1 : Critique @@ -185,7 +185,6 @@ * solution 2 : mémoriser le skin courant dans un cookie [2] Après l'ajout d'une image il n'est pas possible de naviger depuis celle ci vers les autres images en utilisant Next et Prev de lightbox après l'avoir affiché [2] cliquer sur les smiles ne marche pas sous IE -[2] Lors d'un logout il faut faire un full refresh (pour mettre à jour les messages auquel on répond par exemple) [2] griser le login dans le profil pour montrer qu'on ne peut pas l'éditer [3] Quand on revient en arrière dans firefox le message en rédaction est perdu * Pas sous Opera, apparemment Firefox recharge toute la page (donc impossible qu'il puisse remettre le message) @@ -236,6 +235,7 @@ * Jamais reproduit avec Opera * Peut être un bug lié à jQuery * Reproduit sur Firefox 2 et 3 ! +[ok] Lors d'un logout il faut faire un full refresh (pour mettre à jour les messages auquel on répond par exemple) === Idées === Une fois l'idée validée elle est déplacée dans une version à venir. diff --git a/js/euphorik.js b/js/euphorik.js index 8dad020..3a9b0d7 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -1131,7 +1131,7 @@ $(document).ready( $("#menu .register").click(function(){ pages.afficherPage("register") }) $("#menu .about").click(function(){ pages.afficherPage("about") }) - // simplifier et pouvoir créer des liens par exemple : Conditions d'utilisation + // TODO : simplifier et pouvoir créer des liens par exemple : Conditions d'utilisation $("#footer .conditions").click(function(){ pages.afficherPage("conditions_utilisation") }) pages.ajouterPage(new PageMinichat(client, formateur, util))