From 1676c1bd20cb3e8e1b0f98d18df88c4520dcae6d Mon Sep 17 00:00:00 2001
From: Greg Burri <greg.burri@gmail.com>
Date: Sat, 31 May 2008 19:40:07 +0000
Subject: [PATCH] MOD cleanage

---
 css/1/euphorik.css     |   1 +
 css/1/pageMinichat.css |   6 --
 css/2/euphorik.css     |  63 +++++++++----------
 css/2/pageAbout.css    |   1 +
 css/2/pageAdmin.css    |   1 +
 css/2/pageMinichat.css | 140 ++++++++++++++++-------------------------
 doc/TODO.txt           |   4 +-
 js/euphorik.js         |   2 +-
 8 files changed, 88 insertions(+), 130 deletions(-)

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 : <span class="lien" href="conditions">Conditions d'utilisation</span>
+      // TODO : simplifier et pouvoir créer des liens par exemple : <span class="lien" href="conditions">Conditions d'utilisation</span>
       $("#footer .conditions").click(function(){ pages.afficherPage("conditions_utilisation") })
 
       pages.ajouterPage(new PageMinichat(client, formateur, util))
-- 
2.45.2