MOD restructuration des styles (pas fini)

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
deleted file mode 100755 (executable)
index 25b51cf..0000000
--- a/css/1/euphorik.css
+++ /dev/null
@@ -1,256 +0,0 @@
-/* coding: utf-8 */
-
-@import url(pageMinichat.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;
-}
-
-#container {
-       height: auto;
-       margin: 0px;
-}
-
-/***** Menu *****/
-ul#menu {
-       background-image: url(../../img/css1/logo_fond.png);
-       height:129px;
-       width: 100%;
-       font-size: 11px;
-       list-style-type:none;
-}
-#menu li:first-child {
-       margin-left: 340px;
-}
-#menu li {
-       margin-top: 47px;
-       font-size: 14px;
-       text-align: center;
-       cursor: pointer;        
-       height:30px;
-       z-index: 20;
-       float: left;
-       min-width: 60px;
-       background-color: #f6dfc2;
-       line-height: 32px;
-}
-#menu li.courante {    
-       background-color: #ffffff;
-       background-image: url(../../img/css1/triangle.png);
-       background-repeat: no-repeat;
-       background-position: center bottom
-}
-#menu li:hover {       
-       background-color: #ffffff;
-}
-
-/***** Le menu pour le choix de la CSS *****/
-#menuCss {
-       position: absolute;
-       z-index: 10;
-       left: 550px;    
-       top:0px;
-       font-size: 9px;
-}
-
-/***** Le style du contenu des pages *****/
-#page {
-       font-size: 12px;
-       background-color: #f6dfc2;
-       padding: 10px 10px 15px 10px;
-}
-#page > h1 {
-       margin-top: 10px;
-       margin-left: 0px;
-       font-size: 18px;
-}
-#page > h2 {
-       margin-top: 10px;
-       margin-left: 10px;
-       font-size: 16px;
-}
-#page > h3 {
-       margin-top: 10px;
-       margin-left: 20px;
-       font-size: 14px;
-       background-color : #FFFFFF
-}
-#page > h4 {
-       margin-top: 10px;
-       margin-left: 25px;
-       font-size: 12px;
-}
-#page > p {
-       margin-top: 3px;
-       margin-left: 35px;
-}
-#page > ul {
-       margin-top: 3px;
-       margin-left: 45px;
-}
-#logo {
-       z-index: 10;
-       background-image: url(../../img/css1/logo.png);
-       background-repeat: no-repeat;
-       width: 304px;
-       height: 129px;
-       position: absolute;
-}
-#logo.ekMaster {
-       background-image: url(../../img/css1/logo_ek_master.png);
-}
-
-/***** Le pied de page *****/
-#footer {
-       background-color: #e19671;
-       text-align: right;
-       font-size: 9px;
-       padding: 2px
-}
-#footer a img{
-       border-style: none;
-       vertical-align: middle;
-       margin-right: 5px;
-}
-#footer span{
-       margin-right: 10px;
-}
-
-/***** La boite d'information (s'apparente à une MessageBox) *****/
-div#info {
-       text-align: center;
-       width:100%;
-       position: fixed;
-       left: 0px;
-       top: 0px;
-       background-color: #841919;
-       border-bottom: 1px solid #FFFFFF;
-       z-index: 20;
-       color: #f0df95
-}
-div#info div.fermer {
-       float:right;
-       cursor: pointer;
-       height:16px;
-       width: 16px;
-       background-image: url(../../img/fermer.gif)
-}
-div#info #icone {
-       float:left;     
-       height:16px;
-       width: 16px;
-}
-div#info #icone.interrogation {
-       background-image: url(../../img/interrogation.gif)
-}
-div#info #icone.information {
-       background-image: url(../../img/information.gif)
-}
-div#info #icone.exclamation {
-       background-image: url(../../img/exclamation.gif)
-}      
-div#info .boutons {
-       padding: 1px;
-}
-div#info .boutons div {
-       cursor: pointer;
-       background-color: #c62929;      
-       display: inline;
-       padding: 0px 5px 0px 5px;
-       margin: 0px 5px 0px 5px;
-}
-div#info .boutons div:hover {
-       background-color: #e84747;      
-}
-
-/***** Les infos bulles *****/
-#flecheBulle {
-       position: absolute;
-       z-index: 50;
-       display: none
-}
-.flecheBulleHaut {
-       background-image: url(../../img/css1/fleche_bulle_haut.png);
-       width: 15px;
-       height: 8px;
-}
-.flecheBulleDroite {
-       background-image: url(../../img/css1/fleche_bulle_droite.png);
-       width: 8px;
-       height: 15px;
-}
-.flecheBulleBas {
-       background-image: url(../../img/css1/fleche_bulle_bas.png);
-       width: 15px;
-       height: 8px;
-}
-.flecheBulleGauche {
-       background-image: url(../../img/css1/fleche_bulle_gauche.png);
-       width: 8px;
-       height: 15px;
-}
-#messageBulle {
-       position: absolute;
-       z-index: 50;
-       color: #ffffff;
-       background-color: #841919;
-       display: none;
-       font-size: 10px;
-}
-#messageBulle p {
-       padding: 3px 6px;
-}
-
-/***** 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;
-}
-form button {
-       font-size: 11px;
-}
-form input[readonly] {
-       background-color: #d0c9aa
-}
-
-/***** Les liens *****/
-.lien, a {
-       text-decoration: underline;
-       color: #c62929;
-}
-.lien {
-       cursor: pointer
-}
-a:link, a:visited {
-       color: #c62929;
-}
-.lien:hover, .lien:active, a:hover, a:active {
-       color: #e84747;
-}

diff --git a/css/1/pageAbout.css b/css/1/pageAbout.css
deleted file mode 100644 (file)
index 687e6d1..0000000
--- a/css/1/pageAbout.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* coding: utf-8 */
-
-#page.about {
-}
-
-#page.about .faqCouleurProprietaire {
-       color: #31732f;
-}
-#page.about .faqCouleurReponse {
-       color: #bf2911;
-}
-#page.about .faqCouleurRepondu {
-       color: #84196c;
-}

diff --git a/css/1/pageAdmin.css b/css/1/pageAdmin.css
deleted file mode 100644 (file)
index 47272a1..0000000
--- a/css/1/pageAdmin.css
+++ /dev/null
@@ -1,80 +0,0 @@
-/* coding: utf-8 */
-/* La page d'administration */
-
-#page.admin p {
-       margin-left : 0px
-}
-
-#page.admin form#nouveauTroll {
-       margin-top : 10px
-}
-
-#page.admin form#nouveauTroll input {
-       width: 80%
-}
-
-#page.admin div.troll,
-#page.admin .ban {
-       margin-top: 5px;
-       padding: 2px 10px 2px 10px;
-       border: 1px solid;
-       background-color: #841919;
-       color: #ffffff;
-}
-
-#page.admin div.troll img {
-       margin: 0px;
-       vertical-align: bottom;
-}
-
-#page.admin div.troll span.content {
-       font-style: italic;
-}
-
-#page.admin div.troll .author {
-       margin-left: 10px;
-}
-
-#page.admin div.troll input {
-       width: 70%
-}
-
-#page.admin div.troll .editTroll,
-#page.admin div.troll .delTroll,
-#page.admin div.troll .modifier,
-#page.admin div.troll .annuler,
-#page.admin div.ban .deban
-{
-       font-size: 10px;
-       margin-left: 10px;
-       cursor: pointer;
-       padding-right: 5px;
-       padding-left: 5px;
-       background-color: #f0df95; 
-       border: #841919 1px solid;
-       color: #841919;
-}
-
-#page.admin div.troll .editTroll:hover,
-#page.admin div.troll .delTroll:hover,
-#page.admin div.troll .modifier:hover,
-#page.admin div.troll .annuler:hover,
-#page.admin div.ban .deban:hover
-{
-       background-color: #ffffff; 
-}
-
-#page.admin #ips .ip {
-       margin-right : 10px;
-       color: #ffffff;
-}
-
-#page.admin #ips .temps,
-#page.admin #ips .pseudo {
-       margin-left : 10px;
-       margin-right : 10px;
-}
-
-#page.admin #ips .login {
-       margin-right : 4px;
-}

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
deleted file mode 100755 (executable)
index 946c06c..0000000
--- a/css/1/pageMinichat.css
+++ /dev/null
@@ -1,360 +0,0 @@
-#page.minichat {
-       padding: 0px;
-}
-
-#page.minichat img {
-   line-height: normal;
-       vertical-align: middle;
-}
-
-/***** La boite de sélection des smiles *****/
-#smiles {
-       text-align: center;
-       border: 1px solid;
-       border-color: #ffffff;
-       background-color: #f6dfc2;
-       margin-bottom: 10px;
-       padding: 1px;
-       width: 140px;
-       position: absolute;
-       display: none
-}
-#smiles img {
-       margin: 1px;
-       cursor: pointer;
-       opacity: 0.5;
-}
-
-/***** La boite permettant de slaper/kicker/bannir une personne *****/
-#outilsBan {
-       border-width: 1px 1px 1px 1px;
-       border-color: #ffffff;
-       border-style: dotted;
-       padding: 2px;
-       position: absolute;
-       display: none;
-}
-#outilsBan img,
-#outilsBan form {
-       float: right;
-       cursor: pointer
-}
-#outilsBan p {
-       font-size: 2px;
-}
-#outilsBan input {
-       font-size: 9px;
-       margin-top: 1px;
-       margin-left: 1px
-}
-
-/***** Le troll courant affiché en haut de la page *****/
-#page.minichat #trollCourant {
-       color: #FFFFFF;
-       position: absolute;
-       z-index: 20;
-       left: 140px;
-       top: 77px;
-       line-height: 32px;
-}
-#page.minichat #trollCourant .troll {
-       cursor: pointer;
-       font-style: italic
-}
-
-/***** Le formulaire pour poster un message *****/
-#page.minichat form#posterMessage {
-       background-color: #e19671;
-       padding-left: 10px;
-}
-
-#page.minichat.orderReverse form#posterMessage {
-       padding-bottom: 10px;
-}
-
-#page.minichat.orderChrono form#posterMessage {
-       padding-top: 10px;
-}
-
-#page.minichat form#posterMessage p {
-   margin: 0px;
-   padding: 0px;
-}
-#page.minichat form#posterMessage .pseudo {
-   margin-right: 5px;
-   width: 12%
-}
-#page.minichat form#posterMessage input.message {
-   margin-right: 5px;
-   width: 75%
-}
-#page.minichat form#posterMessage .return {
-       height: 16px;
-       width: 32px;
-       background-image: url(../../img/css1/return.png);
-       background-repeat: no-repeat;
-       background-position: 5px 2px;
-       vertical-align: top;
-       margin-right: 5px;
-}
-#page.minichat form#posterMessage .smiles {
-       height: 16px;
-       width: 16px;
-       background-image: url(../../img/css2/bouton_smiles.png);
-       background-repeat: no-repeat;
-       background-position: 2px 2px;
-       vertical-align: top;
-       margin-right: 5px;
-}
-#page.minichat form#posterMessage #repondA {
-       background-color: #f0df95; 
-       border: #841919 1px solid;
-   margin-right: 5px;
-   padding-right: 2px;
-   padding-left: 2px;
-   cursor: pointer;
-   display: none;
-}
-#page.minichat form#posterMessage #repondA .messages {
-   position: absolute;
-       border: #841919 1px solid;
-   width: 50%;
-   display:none;
-}
-#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
-   display: none
-}
-
-/***** 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%;
-   border-spacing: 0px;
-   background-color:#E19671;
-}
-#page.minichat.orderChrono #conversations td
-{
-    vertical-align: bottom
-}
-#page.minichat.orderReverse  #conversations td
-{
-    vertical-align: top
-}
-#page.minichat.orderChrono #conversations .titre {
-   border-bottom: 1px dashed white
-}
-#page.minichat.orderReverse #conversations .titre {
-   border-top: 1px dashed white
-}
-#page.minichat #conversations .titre .nav {
-       text-align: center;
-       padding-right: 8px;
-       background-color: #e19671;
-       color: #ffffff;
-}
-
-#page.minichat #conversations .titre .nav .reduire {
-       margin-top: 1px;
-       margin-left: 5px;
-       float: right;
-       width: 13px;
-       height: 13px;
-       background-image: url(../../img/css1/reduire_conv.png);
-       cursor: pointer;
-}
-#page.minichat #conversations .titre .nav .reduire:hover {
-       background-image: url(../../img/css1/reduire_conv_hover.png);
-}      
-
-#page.minichat #conversations .titre .nav .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 .nav .fermer:hover {
-       background-image: url(../../img/css1/fermer_conv_hover.png);
-}      
-#page.minichat #conversations .titre .nav .lien {
-       margin-top: 1px;
-       margin-left: 5px;
-       float: right;
-       width: 13px;
-       height: 13px;
-       background-image: url(../../img/css1/copier_conv.png);
-       cursor: pointer;
-}
-#page.minichat #conversations .titre .nav .lien:hover {
-       background-image: url(../../img/css1/copier_conv_hover.png);
-}      
-#page.minichat #conversations .titre .nav .next,
-#page.minichat #conversations .titre .nav .prev {
-       display: none;
-}
-#page.minichat #conversations .titre .nav .next,
-#page.minichat #conversations .titre .nav .prev,
-#page.minichat #conversations .titre .nav .numPage {
-       background-color: #841919;
-       cursor: pointer;
-       padding-right: 5px;
-       padding-left: 5px;
-}
-#page.minichat #conversations .titre .nav .next:hover,
-#page.minichat #conversations .titre .nav .prev:hover,
-#page.minichat #conversations .titre .nav .numPage:hover {
-       background-color: #cb2626
-}
-
-/***** Les messages *****/
-#page.minichat div.message {
-       padding-right: 5px;
-       cursor: pointer;
-       min-height: 18px;
-       line-height: 18px;
-}
-#page.minichat div.messageImpair {
-   background-color: #fbeede;
-}
-#page.minichat div.messagePair {
-   background-color: #f6dfc2;
-}
-#page.minichat div.cache {
-       opacity: 0.3;
-       
-       /* Hack IE 7 */ 
-       filter: alpha(opacity = 30);
-       zoom: 1
-}
-#page.minichat div.message.reponse .entete {
-       background-color: #bf2911
-}
-#page.minichat div.message.reponse .delimitationEntete,
-#page.minichat div.message.reponse .repondA {
-       background-image: url(../../img/css1/fleche_reponse.png);
-}
-#page.minichat div.message.repondu .entete {
-       background-color: #84196c
-}
-#page.minichat div.message.repondu .delimitationEntete,
-#page.minichat div.message.repondu .repondA {
-       background-image: url(../../img/css1/fleche_repondu.png);
-}
-#page.minichat div.message.proprietaire .entete {
-       background-color: #31732f
-}
-#page.minichat div.message.proprietaire .delimitationEntete,
-#page.minichat div.message.proprietaire .repondA {
-       background-image: url(../../img/css1/fleche_proprietaire.png);
-}
-#page.minichat div.message.repondEnEvidence {
-       background-color: #fce476
-}
-#page.minichat div.message.systeme {
-       background-color: #f0df95
-}
-#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;
-       color: #f6dfc2;
-       display: block;
-       float: left;
-       height: 18px;
-}
-#page.minichat .delimitationEntete {
-       z-index: 20;
-       height: 18px;
-       width: 7px;
-       background-image: url(../../img/css1/fleche.png);
-       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.ekMasterlight .pseudo {
-       color: #f0df95
-}
-#page.minichat div.message.ekMasterheavy .pseudo {
-   color: #fcd82f;
-   padding-left: 14px;
-   background: transparent url(../../img/css1/marque_ek.png) no-repeat scroll left center
-}
-
-#page.minichat div.message .pseudo .login {
-   margin-left: 2px;
-   font-size: 8px; 
-}
-#page.minichat .repondA {
-       z-index: 5;
-       height: 18px;
-       margin-left: -7px;
-       padding-left: 9px;
-       float: left;
-       background-color: #cb2626; 
-       color: #ffffff;
-       display: block;
-       background-image: url(../../img/css1/fleche.png);
-       background-repeat: no-repeat;
-}
-#page.minichat .delimitationRepondA {
-       z-index: 20;
-       height: 18px;
-       width: 7px;
-       background-image: url(../../img/css1/fleche_reponda.png);
-       display: block;
-       float: left;
-}
-#page.minichat .contenu {
-       margin-left: 5px;
-}
-#page.minichat .outilsMess {
-       float: right;
-       display: none;
-}
-#page.minichat div.message:hover .outilsMess {
-       display: block
-}
-#page.minichat .extraire {
-       float: right;
-       width: 13px;
-       height: 13px;
-       background-image: url(../../img/css1/extraction.png);
-       margin-top: 2px;
-}
-#page.minichat .extraire:hover {
-       background-image: url(../../img/css1/extraction_hover.png);
-}
-#page.minichat .extraireCompletement {
-       float: right;
-       width: 13px;
-       height: 13px;
-       background-image: url(../../img/css1/extraction_complete.png);
-       margin-top: 2px;
-   margin-right: 2px;
-}
-#page.minichat .extraireCompletement:hover {
-       background-image: url(../../img/css1/extraction_complete_hover.png);
-}

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

diff --git a/css/2/euphorik.css b/css/2/euphorik.css
deleted file mode 100755 (executable)
index 4ba9352..0000000
--- a/css/2/euphorik.css
+++ /dev/null
@@ -1,247 +0,0 @@
-/* coding: utf-8 */
-
-@import url(pageMinichat.css);
-@import url(pageAdmin.css);
-@import url(pageProfileRegister.css);
-@import url(pageAbout.css);
-
-* {
-       padding: 0px;
-       margin: 0px;
-}
-
-body {
-   font-family: monospace;
-   font-size: 12px;
-   color: #EEEEEE;
-   background-color: #DFDFDF;
-   background-image: url(../../img/css2/fond.png)
-}
-
-#container {
-   height: auto;
-   margin-left: 10px;
-   margin-right: 10px;
-   margin-top: 40px;
-}
-
-/***** Menu *****/
-ul#menu {
-       padding-left: 300px;
-       height: 23px;
-       font-size: 11px;
-       background-color: #000000;
-       list-style-type:none;
-}
-#menu li {
-       cursor: pointer;        
-       z-index: 20;
-       float: left;
-       padding: 2px;
-       margin-left: 2px;
-       background-color: #4f5519;
-}
-#menu li.courante {    
-       background-color: #818c27;
-}
-#menu li:hover {       
-       background-color: #818c27
-}
-
-/***** Le menu pour le choix de la CSS *****/
-#menuCss {
-       position: absolute;
-       z-index: 10;
-       left: 600px;    
-       top:40px;
-       font-size: 9px;
-}
-
-/***** Le style du contenu des pages *****/
-#page {
-   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;
-   font-size: 14px;
-   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;
-   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;
-}
-
-/***** La boite d'information (s'apparente à une MessageBox) *****/
-div#info {
-       text-align: center;
-       width:100%;
-       position: fixed;
-       left: 0px;
-       top: 0px;
-       background-color: #000000;
-       border-bottom: 1px solid #aeaeae;
-       z-index: 20;
-}
-div#info div.fermer {
-       float:right;
-       cursor: pointer;
-       height:16px;
-       width: 16px;
-       background-image: url(../../img/fermer.gif)
-}
-div#info #icone {
-       float:left;     
-       height:16px;
-       width: 16px;
-}
-div#info #icone.interrogation {
-       background-image: url(../../img/interrogation.gif)
-}
-div#info #icone.information {
-       background-image: url(../../img/information.gif)
-}
-div#info #icone.exclamation {
-       background-image: url(../../img/exclamation.gif)
-}
-div#info .boutons {
-       padding: 1px;
-}
-div#info .boutons div {
-       cursor: pointer;
-       background-color: #770000;      
-       display: inline;
-       padding: 0px 5px 0px 5px;
-       margin: 0px 5px 0px 5px;
-}
-div#info .boutons div:hover {
-       background-color: #bc0000;      
-}
-
-/***** Les infos bulles *****/
-#flecheBulle {
-       position: absolute;
-       z-index: 50;
-       display: none
-}
-.flecheBulleHaut {
-       background-image: url(../../img/css2/fleche_bulle_haut.png);
-       width: 15px;
-       height: 8px;
-}
-.flecheBulleDroite {
-       background-image: url(../../img/css2/fleche_bulle_droite.png);
-       width: 8px;
-       height: 15px;
-}
-.flecheBulleBas {
-       background-image: url(../../img/css2/fleche_bulle_bas.png);
-       width: 15px;
-       height: 8px;
-}
-.flecheBulleGauche {
-       background-image: url(../../img/css2/fleche_bulle_gauche.png);
-       width: 8px;
-       height: 15px;
-}
-#messageBulle {
-       position: absolute;
-       z-index: 50;
-       color: #ffffff;
-       background-color: #164200;
-       display: none;
-       font-size: 10px;
-}
-#messageBulle p {
-       padding: 3px 6px;
-}
-
-/***** Le faux captcha *****/
-.captcha {
-       display:none
-}
-
-/***** Les formulaires *****/
-form input,
-form button,
-form select {
-       background-color: #164200; 
-       border: #2d8800 1px solid;
-       color: #EEEEEE;
-}
-form input,
-form select {
-       font-size: 12px;
-}
-form button {
-       font-size: 11px;
-}
-form input[readonly] {
-       background-color: #484e46
-}
-
-/***** Les liens *****/
-.lien, a {
-   text-decoration: none;
-       color: #7664ff;
-}
-.lien {
-       cursor: pointer;
-}
-a:link, a:visited {
-       color: #7664ff;
-}
-.lien:hover, .lien:active, a:hover, a:active {
-   color: #ffad0f;
-}
-

diff --git a/css/2/pageAbout.css b/css/2/pageAbout.css
deleted file mode 100644 (file)
index 10eeae3..0000000
--- a/css/2/pageAbout.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* coding: utf-8 */
-
-#page.about {
-}
-
-#page.about .faqCouleurProprietaire {
-       color: #31732f;
-}
-#page.about .faqCouleurReponse {
-       color: #bf2911;
-}
-#page.about .faqCouleurRepondu {
-       color: #84196c;
-}
\ No newline at end of file

diff --git a/css/2/pageAdmin.css b/css/2/pageAdmin.css
deleted file mode 100644 (file)
index 371b601..0000000
--- a/css/2/pageAdmin.css
+++ /dev/null
@@ -1,77 +0,0 @@
-/* coding: utf-8 */
-/* La page d'administration */
-
-#page.admin p {
-       margin-left : 0px
-}
-
-#page.admin form#nouveauTroll {
-       margin-top : 10px
-}
-
-#page.admin form#nouveauTroll input {
-       width: 80%
-}
-
-#page.admin div.troll,
-#page.admin .ban {
-       margin-top: 10px;
-       padding: 2px 10px 2px 10px;
-       border: 1px solid;
-       border-color: #253f18;
-       background-color: #0c2003;
-}
-
-#page.admin div.troll img {
-       margin: 0px;
-       vertical-align: bottom;
-}
-
-#page.admin div.troll span.content {
-       font-style: italic;
-       color: #FFFF88
-}
-
-#page.admin div.troll .author {
-       margin-left: 10px
-}
-
-#page.admin div.troll input {
-       width: 70%
-}
-
-#page.admin div.troll .editTroll,
-#page.admin div.troll .delTroll,
-#page.admin div.troll .modifier,
-#page.admin div.troll .annuler,
-#page.admin div.ban .deban
-{
-       font-size: 10px;
-       margin-left: 10px;
-       cursor: pointer;
-       padding-right: 5px;
-       padding-left: 5px;
-       background-color: #164200; 
-       border: #2d8800 1px solid;
-       color: #EEEEEE; 
-}
-
-
-#page.admin #ips .ip {
-       margin-right : 10px;
-}
-
-#page.admin #ips .temps,
-#page.admin #ips .pseudo {
-       margin-left : 10px;
-       margin-right : 10px;
-}
-
-#page.admin #ips .login {
-       margin-right : 4px;
-}
-
-
-
-
-

diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
deleted file mode 100755 (executable)
index bf27f96..0000000
--- a/css/2/pageMinichat.css
+++ /dev/null
@@ -1,258 +0,0 @@
-/* coding: utf-8 */
-
-#page.minichat {
-       padding-top: 5px;
-   padding-right: 0px;
-   padding-left: 0px
-}
-
-#page.minichat img {
-       margin: 0px;
-       vertical-align: middle;
-}
-
-/***** La boite de sélection des smiles *****/
-#smiles {
-       text-align: center;
-       border: 1px solid;
-       border-color: #253f18;
-       background-color: #0c2003;
-       margin-bottom: 10px;
-       padding: 1px;
-       width: 140px;
-       position: absolute;
-       display: none
-}
-#smiles img {
-       margin: 1px;
-       cursor: pointer;
-       opacity: 0.5;
-}
-
-/***** La boite permettant de slaper/kicker/bannir une personne *****/
-#outilsBan {
-       border-width: 1px 1px 1px 1px;
-       border-color: #253f18;
-       border-style: solid;
-       padding: 2px;
-       position: absolute;
-       display: none;
-}
-#outilsBan img,
-#outilsBan form {
-       float: right;
-       cursor: pointer
-}
-#outilsBan p {
-       font-size: 2px;
-}
-#outilsBan input {
-       font-size: 9px;
-       margin-top: 1px;
-       margin-left: 1px
-}
-
-/***** Le troll courant affiché en haut de la page *****/
-#page.minichat #trollCourant {
-       border-top: 1px solid;
-       border-bottom: 1px solid;
-       border-color: #253f18;
-       background-color: #0c2003;
-       margin-top: 4px;
-       margin-bottom: 8px;
-       padding : 1px 0px 1px 10px
-}
-#page.minichat #trollCourant .troll {
-       font-style: italic;
-       color: #FFFF88;
-       cursor: pointer;
-}
-
-/***** Le formulaire pour poster un message *****/
-#page.minichat form#posterMessage  {
-   margin-bottom: 15px;
-   padding-left: 10px;
-}
-#page.minichat form#posterMessage  p {
-   margin: 0px;
-   padding: 0px;
-}
-#page.minichat form#posterMessage .pseudo {
-   margin-right: 5px;
-   width: 12%
-}
-#page.minichat form#posterMessage .message {
-   margin-right: 5px;
-   width: 75%
-}
-#page.minichat form#posterMessage .return {
-       height: 16px;
-       width: 32px;
-       background-image: url(../../img/css2/return.png);
-       background-repeat: no-repeat;
-       background-position: 5px 2px;
-       vertical-align: top;
-       margin-right: 5px;
-}
-#page.minichat form#posterMessage .smiles {
-       height: 16px;
-       width: 16px;
-       background-image: url(../../img/css2/bouton_smiles.png);
-       background-repeat: no-repeat;
-       background-position: 2px 2px;
-       vertical-align: top;
-       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;
-       border-color: white;
-       float: left;
-       width: 100%;
-}
-#page.minichat #conversations div.message {
-       border-left-width: 5px;
-       border-left-style: solid;
-       border-color: transparent;
-       padding-right: 5px;
-       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;
-       
-       /* Hack IE 7 */ 
-       filter: alpha(opacity = 30);
-       zoom: 1
-}
-#page.minichat #conversations div.reponse {
-       border-color: #bf2911
-}
-#page.minichat #conversations div.repondu {
-       border-color: #84196c   
-}
-#page.minichat #conversations div.proprietaire {
-       border-color: #31732f
-}
-#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;
-   margin-right: 2px;
-   font-weight: bold;
-   color: #76ff33;
-}
-#page.minichat div.message.ekMasterlight .pseudo {
-       color: #ffffff;
-}
-#page.minichat div.message.ekMasterheavy .pseudo {
-       color: #ffffff;
-   text-decoration: underline
-}
-
-#page.minichat div.message .pseudo .login {
-   margin-left: 2px;
-   font-size: 8px;
-   color: #a7d88f;
-}
-#page.minichat div.systeme .pseudo {
-       color: #CCCCCC
-}
-#page.minichat #conversations .repondA {
-   color: #bd7a11;
-   margin-right: 3px;
-}
-#page.minichat #conversations .repondA:after {
-       content: ">"
-}
-#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
-}

diff --git a/css/2/pageProfileRegister.css b/css/2/pageProfileRegister.css
deleted file mode 100755 (executable)
index d5ff7f1..0000000
--- a/css/2/pageProfileRegister.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/* coding: utf-8 */
-/* Réunit les page Profile et Register car ils ont beaucoup en commun */
-
-#page.register,
-#page.profile {
-   padding-top: 20px
-}

diff --git a/css/3/euphorik.css b/css/3/euphorik.css
deleted file mode 100755 (executable)
index 9a45b6e..0000000
--- a/css/3/euphorik.css
+++ /dev/null
@@ -1,171 +0,0 @@
-\r
-@import url(pageMinichat.css);\r
-@import url(pageProfileRegister.css);\r
-\r
-* {\r
-       padding: 0;\r
-       margin: 0;\r
-}\r
-\r
-body {\r
-   font-family: sans-serif;\r
-   font-size: 10pt;
-   color: #000000;\r
-   text-align: center; /* uniquement pour IE */\r
-   background-color: #837fb7;\r
-}\r
-\r
-#container {
-   position: relative;
-   background-image: url(../../img/css3/logo.png);
-   background-repeat: repeat-x;
-   background-color: #b1b0d4;\r
-   width: 626px;\r
-   height: auto;\r
-   margin-left: auto;\r
-   margin-right: auto;\r
-}
-
-#menu {
-       z-index: 10;
-       left: 503px;
-       top: 5px;
-       position: absolute;
-       font-size: 7pt;
-       text-align: left;
-}
-
-#menu div {    
-       cursor: pointer;
-}
-#menu div.courante {   
-       background-color: #e6e770
-}
-#menu div:hover,
-#menuCss div:hover {   
-       background-color: #e6e770
-}
-
-#menuCss {
-       text-align: right;
-       z-index: 10;
-       position: absolute;
-       left: 570px;
-       top: 5px;
-}
-
-#menuCss div {
-       cursor: pointer;        
-       font-size: 6pt;
-}
-
-#page {
-   position: relative;
-   padding: 130px 0px 3px 0px;
-   font-size: 8pt;
-}
-
-#logo { display: none; }\r
-
-#footer {
-       padding-top: 5px;
-       text-align: center;
-       width: 625px;
-       height: 27px;
-       background-image: url(../../img/css3/piedpage.png);
-       background-repeat: no-repeat;
-}\r
-#footer a img{\r
-       border-style: none;\r
-}\r
-\r
-#info {\r
-       width:100%;\r
-       position: fixed;\r
-       left: 0px;\r
-       top: 0px;\r
-       background-color: #d5d3ef;
-       border-bottom: 1px solid #837fb7;\r
-       z-index: 20;\r
-}
-
-#info .fermer {
-       float:right;
-       cursor: pointer;
-       height:16px;
-       width: 16px;
-       background-image: url(../../img/fermer.gif)
-}
-
-#info #icone {
-       float:left;     
-       height:16px;
-       width: 16px;
-}
-#info #icone.interrogation {
-       background-image: url(../../img/interrogation.gif)
-}
-#info #icone.information {
-       background-image: url(../../img/information.gif)
-}
-#info #icone.exclamation {
-       background-image: url(../../img/exclamation.gif)
-}
-       
-#info .boutons {
-       padding: 1px;
-       margin-bottom: 2px;
-}
-
-#info .boutons div {
-       cursor: pointer;
-       background-color: #b1b0d4;      
-       display: inline;
-       padding: 0px 5px 0px 5px;
-       margin: 0px 5px 0px 5px;
-       border: 1px solid #837fb7;
-}
-#info .boutons div:hover {
-       background-color: #d5d3ef;      
-}
-\r
-.captcha {\r
-       display:none\r
-}\r
-\r
-/* Obsolète
-#captcha {
-       margin-bottom: 5px;
-}
-#captcha input {
-       margin-left: 5px;
-}
-#captcha .captchaImg {
-       background-color: #FFFFFF;
-       vertical-align: bottom;
-}*/
-
-form input,
-form button {
-       background-color: #d5d3ef; 
-       border: #837fb7 1px solid;
-       color: #000000;
-       font-size: 9pt;
-}
-\r
-a {
-       text-decoration: underline;\r
-}\r
-a:link {\r
-       color: #1f15e8;\r
-}\r
-a:visited {\r
-   color: #1f15e8;\r
-}\r
-a:hover {\r
-   color: #645fd4;\r
-}\r
-a:active {\r
-   color: #645fd4;\r
-}\r
-\r

diff --git a/css/3/pageMinichat.css b/css/3/pageMinichat.css
deleted file mode 100755 (executable)
index d8f8706..0000000
--- a/css/3/pageMinichat.css
+++ /dev/null
@@ -1,155 +0,0 @@
-
-#page.minichat img {
-       vertical-align: bottom;\r
-       margin-right: 1px;\r
-       margin-left: 1px;
-}
-
-#page.minichat #smiles {
-       position: absolute;
-       top: 90px;
-       left: 104px;
-       margin-bottom: 10px;
-       padding: 1px;
-}
-\r
-#page.minichat #smiles img {\r
-       margin-left: 9px;\r
-       cursor: pointer;\r
-       opacity: 0.5;\r
-}\r
-\r
-#page.minichat form {\r
-   text-align: left;\r
-   margin-bottom: 15px;\r
-   padding-left: 10px;\r
-}\r
-\r
-#page.minichat form .pseudo {\r
-   margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .message {\r
-   margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .return {\r
-       height: 15px;\r
-       width: 32px;\r
-       background-image: url(../../img/css1/return.png);\r
-       background-repeat: no-repeat;\r
-       background-position: 5px 2px;\r
-       vertical-align: top;\r
-}\r
-
-#page.minichat #messages div.message { \r
-       border-left-width: 5px;\r
-       border-left-style: solid;\r
-       border-color: transparent;
-       text-align: left;
-       padding-right: 8px;
-       padding-left: 4px;\r
-       cursor: pointer;
-}
-\r
-#page.minichat #messages div.messageImpair {\r
-   background-color: #9f9cd2;\r
-}\r
-\r
-#page.minichat #messages div.messagePair {\r
-   background-color: #b2afd5;\r
-}
-\r
-/* Il n'y a plus de mise en evidence
-#page.minichat #messages div.miseEnEvidenceReponse {
-       background-color: #bd7a11;
-}
-#page.minichat #messages div.miseEnEvidenceCourant {
-       background-color: #bd1129;
-}
-#page.minichat #messages div.miseEnEvidenceConversation {
-       background-color: #b711bd;
-}*/\r
-       
-#page.minichat #messages div.cache {
-       opacity: 0.3;\r
-       \r
-       /* Hack IE 7 */ \r
-       filter: alpha(opacity = 30);\r
-       zoom: 1
-}
-\r
-#page.minichat #messages div.reponse {\r
-       border-color: #bd7a11\r
-}\r
-#page.minichat #messages div.repondu {\r
-       border-color: #b711bd   \r
-}\r
-#page.minichat #messages div.proprietaire {\r
-       border-color: #bd1129\r
-}
-#page.minichat #messages div.systeme {
-       background-color: #888888
-}\r
-\r
-#page.minichat div.message a {\r
-       font-weight: bold;\r
-}\r
-\r
-#page.minichat .date {\r
-   display: inline;\r
-   color: #8a4106;\r
-   margin-right: 3px;\r
-   margin-left: 3px;\r
-}\r
-\r
-#page.minichat div.message .pseudo,\r
-#page.minichat form .pseudo {\r
-   display: inline;\r
-   margin-left: 4px;\r
-   margin-right: 2px;\r
-   font-weight: bold;\r
-   color: #8f4108;\r
-}
-
-#page.minichat div.systeme .pseudo {
-       color: #CCCCCC
-}\r
-\r
-/* Ca marche pas :(\r
-#page.minichat div.message .pseudo {\r
-       min-width: 50px;\r
-       height:100px;\r
-}*/\r
-
-#page.minichat #messages .repondA {
-   display: inline;
-   margin-left: 4px;
-   color: #704605
-}
-\r
-#page.minichat #messages .contenu {\r
-   display: inline;\r
-}\r
-\r
-#page.minichat #pages {\r
-       margin-top: 5px;\r
-}\r
-\r
-#page.minichat #pages span {\r
-       padding-right : 5px;\r
-       padding-left: 5px;\r
-       color: #1f15e8;\r
-       cursor:pointer;\r
-}\r
-\r
-#page.minichat #pages span.pageCourante {\r
-       font-weight: bold;\r
-       font-size: 150%;\r
-}\r
-\r
-#page.minichat #pages span:hover {\r
-       font-size: 150%;\r
-       color: #645fd4;\r
-}\r
-\r

diff --git a/css/3/pageProfileRegister.css b/css/3/pageProfileRegister.css
deleted file mode 100755 (executable)
index 50be113..0000000
--- a/css/3/pageProfileRegister.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Réunit les page Profile et Register car ils ont beaucoup en commun */
-
-#page.register,
-#page.profile {
-   text-align: left;\r
-   padding-left: 10px;
-   padding-bottom: 10px;
-}

diff --git a/css/jquery.lightbox.css b/css/jquery.lightbox.css
deleted file mode 100644 (file)
index fea1a99..0000000
--- a/css/jquery.lightbox.css
+++ /dev/null
@@ -1,101 +0,0 @@
-/**\r
- * jQuery lightBox plugin\r
- * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)\r
- * and adapted to me for use like a plugin from jQuery.\r
- * @name jquery-lightbox-0.5.css\r
- * @author Leandro Vieira Pinho - http://leandrovieira.com\r
- * @version 0.5\r
- * @date April 11, 2008\r
- * @category jQuery plugin\r
- * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)\r
- * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US\r
- * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin\r
- */\r
-#jquery-overlay {\r
-       position: absolute;\r
-       top: 0;\r
-       left: 0;\r
-       z-index: 90;\r
-       width: 100%;\r
-       height: 500px;\r
-}\r
-#jquery-lightbox {\r
-       position: absolute;\r
-       top: 0;\r
-       left: 0;\r
-       width: 100%;\r
-       z-index: 100;\r
-       text-align: center;\r
-       line-height: 0;\r
-}\r
-#jquery-lightbox a img { border: none; }\r
-#lightbox-container-image-box {\r
-       position: relative;\r
-       background-color: #fff;\r
-       width: 250px;\r
-       height: 250px;\r
-       margin: 0 auto;\r
-}\r
-#lightbox-container-image { padding: 10px; }\r
-#lightbox-loading {\r
-       position: absolute;\r
-       top: 40%;\r
-       left: 0%;\r
-       height: 25%;\r
-       width: 100%;\r
-       text-align: center;\r
-       line-height: 0;\r
-}\r
-#lightbox-nav {\r
-       position: absolute;\r
-       top: 0;\r
-       left: 0;\r
-       height: 100%;\r
-       width: 100%;\r
-       z-index: 10;\r
-}\r
-#lightbox-container-image-box > #lightbox-nav { left: 0; }\r
-#lightbox-nav a { outline: none;}\r
-#lightbox-nav-btnPrev, #lightbox-nav-btnNext {\r
-       width: 49%;\r
-       height: 100%;\r
-       zoom: 1;\r
-       display: block;\r
-}\r
-#lightbox-nav-btnPrev { \r
-       left: 0; \r
-       float: left;\r
-}\r
-#lightbox-nav-btnNext { \r
-       right: 0; \r
-       float: right;\r
-}\r
-#lightbox-container-image-data-box {\r
-       font: 10px Verdana, Helvetica, sans-serif;\r
-       background-color: #fff;\r
-       margin: 0 auto;\r
-       line-height: 1.4em;\r
-       overflow: auto;\r
-       width: 100%;\r
-       padding: 0 10px 0;\r
-}\r
-#lightbox-container-image-data {\r
-       padding: 0 10px; \r
-       color: #666; \r
-}\r
-#lightbox-container-image-data #lightbox-image-details { \r
-       width: 70%; \r
-       float: left; \r
-       text-align: left; \r
-}      \r
-#lightbox-image-details-caption { font-weight: bold; }\r
-#lightbox-image-details-currentNumber {\r
-       display: block; \r
-       clear: left; \r
-       padding-bottom: 1.0em;  \r
-}                      \r
-#lightbox-secNav-btnClose {\r
-       width: 66px; \r
-       float: right;\r
-       padding-bottom: 0.7em;  \r
-}
\ No newline at end of file

diff --git a/index.yaws b/index.yaws
index d3ff0f8..c600fe9 100755 (executable)
--- a/index.yaws
+++ b/index.yaws
@@ -9,7 +9,7 @@
       % prédéfinit la feuille de style
       out(A) -> 
          CSS = case euphorik_bd:css_from_user_cookie(yaws_api:find_cookie_val("cookie", A)) of
       % prédéfinit la feuille de style
       out(A) -> 
          CSS = case euphorik_bd:css_from_user_cookie(yaws_api:find_cookie_val("cookie", A)) of

-            undefined -> "css/1/euphorik.css";
+            undefined -> "styles/1/euphorik.css";

             C -> C
          end,
          {ehtml, {link ,
             C -> C
          end,
          {ehtml, {link ,


@@ -37,7 +37,7 @@
    <body>
       <div id="container">
          <erl>
    <body>
       <div id="container">
          <erl>

-            % permet de prédéfinir la "class" du logo pour un ekMaster..
+            % permet de prédéfinir la "class" du logo pour un ekMaster...

             out(A) -> 
                Est_ek_master = euphorik_bd:is_ek_master_from_cookie(yaws_api:find_cookie_val("cookie", A)),
                {ehtml, {'div', [{id, "logo"}] ++ if Est_ek_master -> [{class, "ekMaster"}]; true -> [] end}}.
             out(A) -> 
                Est_ek_master = euphorik_bd:is_ek_master_from_cookie(yaws_api:find_cookie_val("cookie", A)),
                {ehtml, {'div', [{id, "logo"}] ++ if Est_ek_master -> [{class, "ekMaster"}]; true -> [] end}}.


@@ -47,11 +47,31 @@
          <ul id="menu">
             <li class="minichat">chat</li><li class="admin" style="display:none">admin</li><li class="profile"></li><li class="register">register</li><li class="logout">logout</li><li class="about">about</li>
          </ul>
          <ul id="menu">
             <li class="minichat">chat</li><li class="admin" style="display:none">admin</li><li class="profile"></li><li class="register">register</li><li class="logout">logout</li><li class="about">about</li>
          </ul>

-         <form action=""  id="formMenuCss">
+         <form action="" id="formMenuCss">

             <p>
                <select id="menuCss">
             <p>
                <select id="menuCss">

-                  <option value="1" selected="selected">Retro</option>
-                  <option value="2">Dark</option>
+                  <erl>
+                     % parse les styles disponible
+                     out(A) ->
+                        Stlyes_dir = A#arg.docroot ++ "/styles",
+                        {ok, Liste_dir} = file:list_dir(Stlyes_dir),
+                        {ehtml, 
+                           lists:foldr(
+                              fun(Dir, Acc) ->
+                                 case file:consult(Stlyes_dir ++ "/" ++ Dir ++ "/infos.txt") of
+                                    {ok, [{nom, Nom}]} ->
+                                       [{option, [{value, Dir}], Nom} | Acc];
+                                    _ -> 
+                                       Acc
+                                 end
+                              end,
+                              [],
+                              Liste_dir
+                           )
+                        }.
+                  </erl>
+                  <!-- option value="1" selected="selected">Retro</option>
+                  <option value="2">Dark</option -->

                </select>
             </p>
          </form> 
                </select>
             </p>
          </form> 

diff --git a/js/euphorik.js b/js/euphorik.js
index de64738..eb9741b 100755 (executable)
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -1209,7 +1209,7 @@ $(document).ready(
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
       
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
       

-      $("#menuCss").change(function(){ client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css")})
+      $("#menuCss").change(function(){ client.setCss("styles/" + $("option:selected", this).attr("value") + "/euphorik.css")})

 
       // FIXME : ne fonctionne pas sous opera
       // voir : http://dev.jquery.com/ticket/2892#preview
 
       // FIXME : ne fonctionne pas sous opera
       // voir : http://dev.jquery.com/ticket/2892#preview

diff --git a/modules/erl/euphorik_bd_update.erl b/modules/erl/euphorik_bd_update.erl
index 1f04ab0..4c72284 100644 (file)
--- a/modules/erl/euphorik_bd_update.erl
+++ b/modules/erl/euphorik_bd_update.erl
@@ -24,6 +24,7 @@
 -export([
    version_bd/0,
    update/0,
 -export([
    version_bd/0,
    update/0,

+   backup/1,

    restore/1
 ]).
 -import(qlc, [e/2, q/1, cursor/2]).
    restore/1
 ]).
 -import(qlc, [e/2, q/1, cursor/2]).


@@ -78,7 +79,7 @@ patch(1) ->
    mnesia:transform_table(
       user,
       fun({user, Id, Cookie, Pseudo, Login, Password, Email, Date_creation, Date_derniere_connexion, Css, Nick_format, View_times, View_tooltips, Indice_flood, _Page_principale, Conversations, Ek_master, Last_ip}) ->
    mnesia:transform_table(
       user,
       fun({user, Id, Cookie, Pseudo, Login, Password, Email, Date_creation, Date_derniere_connexion, Css, Nick_format, View_times, View_tooltips, Indice_flood, _Page_principale, Conversations, Ek_master, Last_ip}) ->

-            {user, Id, Cookie, Pseudo, Login, Password, Email, Date_creation, Date_derniere_connexion, Css, Nick_format, View_times, View_tooltips, light, reverse, Indice_flood, lists:map(fun({R, _}) -> {R, false} end, Conversations), Ek_master, Last_ip}
+            {user, Id, Cookie, Pseudo, Login, Password, Email, Date_creation, Date_derniere_connexion, patch1_transforme_css(Css), Nick_format, View_times, View_tooltips, light, reverse, Indice_flood, lists:map(fun({R, _}) -> {R, false} end, Conversations), Ek_master, Last_ip}

       end,
       record_info(fields, user),
       user
       end,
       record_info(fields, user),
       user


@@ -106,6 +107,14 @@ patch(1) ->
 %patch(2) ->
 
 
 %patch(2) ->
 
 

+% Prend un chemin vers la feuille de style de type "css/1/euphorik.css"
+% et renvoie "styles/1/euphorik.css"
+patch1_transforme_css(["css" | Reste]) ->
+   ["styles" | Reste];
+patch1_transforme_css(F) ->
+   F.
+
+   

 patch_1_traiter_message(M, Racine) ->
    % met à jour la racine de chaque message qui répond à M
    lists:foreach(
 patch_1_traiter_message(M, Racine) ->
    % met à jour la racine de chaque message qui répond à M
    lists:foreach(


@@ -116,13 +125,18 @@ patch_1_traiter_message(M, Racine) ->
       euphorik_bd:enfants(M#minichat.id)
    ).
 
       euphorik_bd:enfants(M#minichat.id)
    ).
 

+% crée un backup dont le nom est fournit dans le repertoire backups qui se trouve dans le repertoire de la BD.
+backup(Nom) ->
+   mnesia:backup(mnesia:system_info(directory) ++ "/backups/" ++ Nom).
+   

 
 % Reviens à une version précédente de la base de données
 % (les données insérées durant les versions plus récentes sont perdues)
 
 % Reviens à une version précédente de la base de données
 % (les données insérées durant les versions plus récentes sont perdues)

-restore(N) ->
-   mnesia:restore(fichier_backup(N), []).
+restore(N) when is_integer(N) ->
+   mnesia:restore(fichier_backup(N), [{default_op, recreate_tables}]);
+restore(Nom) when is_string(Nom) ->

 
 
 
 

-% Renvoie le fichier (avec le chemin) correspondant à la version Version.
+% Renvoie le fichier (avec le chemin) correspondant à la version Version, par exemple : "/var/euphorik/BD/backups/backup1"

 fichier_backup(Version) -> 
    mnesia:system_info(directory) ++ "/backups/backup" ++ integer_to_list(Version).
 fichier_backup(Version) -> 
    mnesia:system_info(directory) ++ "/backups/backup" ++ integer_to_list(Version).

diff --git a/nbproject/project.properties b/nbproject/project.properties
index c61bcc0..f0548fd 100644 (file)
--- a/nbproject/project.properties
+++ b/nbproject/project.properties
@@ -3,9 +3,9 @@ file.reference.modules-include=modules/include
 javac.classpath=
 main.file=
 ruby.includejava=false
 javac.classpath=
 main.file=
 ruby.includejava=false

-src.css.dir=css

 src.doc.dir=doc
 src.js.dir=js
 src.modules.dir=modules
 src.pages.dir=pages
 src.doc.dir=doc
 src.js.dir=js
 src.modules.dir=modules
 src.pages.dir=pages

+src.styles.dir=styles

 src.tools.dir=tools
 src.tools.dir=tools

diff --git a/nbproject/project.xml b/nbproject/project.xml
index 55ee5ef..d8c477d 100644 (file)
--- a/nbproject/project.xml
+++ b/nbproject/project.xml
@@ -5,8 +5,8 @@
         <data xmlns="http://www.netbeans.org/ns/erlang-project/1">
             <name>euphorik</name>
             <source-roots>
         <data xmlns="http://www.netbeans.org/ns/erlang-project/1">
             <name>euphorik</name>
             <source-roots>

-                <root id="src.css.dir" name="Css"/>

                 <root id="src.doc.dir" name="Documentation"/>
                 <root id="src.doc.dir" name="Documentation"/>

+                <root id="src.styles.dir" name="Styles"/>

                 <root id="src.pages.dir" name="Pages XHTML"/>
                 <root id="src.tools.dir" name="Tools"/>
                 <root id="src.js.dir" name="JS"/>
                 <root id="src.pages.dir" name="Pages XHTML"/>
                 <root id="src.tools.dir" name="Tools"/>
                 <root id="src.js.dir" name="JS"/>

diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css
new file mode 100755 (executable)
index 0000000..0383346
--- /dev/null
+++ b/styles/1/euphorik.css
@@ -0,0 +1,256 @@
+/* coding: utf-8 */
+
+@import url(pageMinichat.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;
+}
+
+#container {
+       height: auto;
+       margin: 0px;
+}
+
+/***** Menu *****/
+ul#menu {
+       background-image: url(img/logo_fond.png);
+       height:129px;
+       width: 100%;
+       font-size: 11px;
+       list-style-type:none;
+}
+#menu li:first-child {
+       margin-left: 340px;
+}
+#menu li {
+       margin-top: 47px;
+       font-size: 14px;
+       text-align: center;
+       cursor: pointer;        
+       height:30px;
+       z-index: 20;
+       float: left;
+       min-width: 60px;
+       background-color: #f6dfc2;
+       line-height: 32px;
+}
+#menu li.courante {    
+       background-color: #ffffff;
+       background-image: url(img/triangle.png);
+       background-repeat: no-repeat;
+       background-position: center bottom
+}
+#menu li:hover {       
+       background-color: #ffffff;
+}
+
+/***** Le menu pour le choix de la CSS *****/
+#menuCss {
+       position: absolute;
+       z-index: 10;
+       left: 550px;    
+       top:0px;
+       font-size: 9px;
+}
+
+/***** Le style du contenu des pages *****/
+#page {
+       font-size: 12px;
+       background-color: #f6dfc2;
+       padding: 10px 10px 15px 10px;
+}
+#page > h1 {
+       margin-top: 10px;
+       margin-left: 0px;
+       font-size: 18px;
+}
+#page > h2 {
+       margin-top: 10px;
+       margin-left: 10px;
+       font-size: 16px;
+}
+#page > h3 {
+       margin-top: 10px;
+       margin-left: 20px;
+       font-size: 14px;
+       background-color : #FFFFFF
+}
+#page > h4 {
+       margin-top: 10px;
+       margin-left: 25px;
+       font-size: 12px;
+}
+#page > p {
+       margin-top: 3px;
+       margin-left: 35px;
+}
+#page > ul {
+       margin-top: 3px;
+       margin-left: 45px;
+}
+#logo {
+       z-index: 10;
+       background-image: url(img/logo.png);
+       background-repeat: no-repeat;
+       width: 304px;
+       height: 129px;
+       position: absolute;
+}
+#logo.ekMaster {
+       background-image: url(img/logo_ek_master.png);
+}
+
+/***** Le pied de page *****/
+#footer {
+       background-color: #e19671;
+       text-align: right;
+       font-size: 9px;
+       padding: 2px
+}
+#footer a img{
+       border-style: none;
+       vertical-align: middle;
+       margin-right: 5px;
+}
+#footer span{
+       margin-right: 10px;
+}
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
+div#info {
+       text-align: center;
+       width:100%;
+       position: fixed;
+       left: 0px;
+       top: 0px;
+       background-color: #841919;
+       border-bottom: 1px solid #FFFFFF;
+       z-index: 20;
+       color: #f0df95
+}
+div#info div.fermer {
+       float:right;
+       cursor: pointer;
+       height:16px;
+       width: 16px;
+       background-image: url(../../img/fermer.gif)
+}
+div#info #icone {
+       float:left;     
+       height:16px;
+       width: 16px;
+}
+div#info #icone.interrogation {
+       background-image: url(../../img/interrogation.gif)
+}
+div#info #icone.information {
+       background-image: url(../../img/information.gif)
+}
+div#info #icone.exclamation {
+       background-image: url(../../img/exclamation.gif)
+}      
+div#info .boutons {
+       padding: 1px;
+}
+div#info .boutons div {
+       cursor: pointer;
+       background-color: #c62929;      
+       display: inline;
+       padding: 0px 5px 0px 5px;
+       margin: 0px 5px 0px 5px;
+}
+div#info .boutons div:hover {
+       background-color: #e84747;      
+}
+
+/***** Les infos bulles *****/
+#flecheBulle {
+       position: absolute;
+       z-index: 50;
+       display: none
+}
+.flecheBulleHaut {
+       background-image: url(img/fleche_bulle_haut.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleDroite {
+       background-image: url(img/fleche_bulle_droite.png);
+       width: 8px;
+       height: 15px;
+}
+.flecheBulleBas {
+       background-image: url(img/fleche_bulle_bas.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleGauche {
+       background-image: url(img/fleche_bulle_gauche.png);
+       width: 8px;
+       height: 15px;
+}
+#messageBulle {
+       position: absolute;
+       z-index: 50;
+       color: #ffffff;
+       background-color: #841919;
+       display: none;
+       font-size: 10px;
+}
+#messageBulle p {
+       padding: 3px 6px;
+}
+
+/***** 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;
+}
+form button {
+       font-size: 11px;
+}
+form input[readonly] {
+       background-color: #d0c9aa
+}
+
+/***** Les liens *****/
+.lien, a {
+       text-decoration: underline;
+       color: #c62929;
+}
+.lien {
+       cursor: pointer
+}
+a:link, a:visited {
+       color: #c62929;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+       color: #e84747;
+}

diff --git a/styles/1/pageAbout.css b/styles/1/pageAbout.css
new file mode 100644 (file)
index 0000000..687e6d1
--- /dev/null
+++ b/styles/1/pageAbout.css
@@ -0,0 +1,14 @@
+/* coding: utf-8 */
+
+#page.about {
+}
+
+#page.about .faqCouleurProprietaire {
+       color: #31732f;
+}
+#page.about .faqCouleurReponse {
+       color: #bf2911;
+}
+#page.about .faqCouleurRepondu {
+       color: #84196c;
+}

diff --git a/styles/1/pageAdmin.css b/styles/1/pageAdmin.css
new file mode 100644 (file)
index 0000000..47272a1
--- /dev/null
+++ b/styles/1/pageAdmin.css
@@ -0,0 +1,80 @@
+/* coding: utf-8 */
+/* La page d'administration */
+
+#page.admin p {
+       margin-left : 0px
+}
+
+#page.admin form#nouveauTroll {
+       margin-top : 10px
+}
+
+#page.admin form#nouveauTroll input {
+       width: 80%
+}
+
+#page.admin div.troll,
+#page.admin .ban {
+       margin-top: 5px;
+       padding: 2px 10px 2px 10px;
+       border: 1px solid;
+       background-color: #841919;
+       color: #ffffff;
+}
+
+#page.admin div.troll img {
+       margin: 0px;
+       vertical-align: bottom;
+}
+
+#page.admin div.troll span.content {
+       font-style: italic;
+}
+
+#page.admin div.troll .author {
+       margin-left: 10px;
+}
+
+#page.admin div.troll input {
+       width: 70%
+}
+
+#page.admin div.troll .editTroll,
+#page.admin div.troll .delTroll,
+#page.admin div.troll .modifier,
+#page.admin div.troll .annuler,
+#page.admin div.ban .deban
+{
+       font-size: 10px;
+       margin-left: 10px;
+       cursor: pointer;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #f0df95; 
+       border: #841919 1px solid;
+       color: #841919;
+}
+
+#page.admin div.troll .editTroll:hover,
+#page.admin div.troll .delTroll:hover,
+#page.admin div.troll .modifier:hover,
+#page.admin div.troll .annuler:hover,
+#page.admin div.ban .deban:hover
+{
+       background-color: #ffffff; 
+}
+
+#page.admin #ips .ip {
+       margin-right : 10px;
+       color: #ffffff;
+}
+
+#page.admin #ips .temps,
+#page.admin #ips .pseudo {
+       margin-left : 10px;
+       margin-right : 10px;
+}
+
+#page.admin #ips .login {
+       margin-right : 4px;
+}

diff --git a/styles/1/pageMinichat.css b/styles/1/pageMinichat.css
new file mode 100755 (executable)
index 0000000..528d685
--- /dev/null
+++ b/styles/1/pageMinichat.css
@@ -0,0 +1,360 @@
+#page.minichat {
+       padding: 0px;
+}
+
+#page.minichat img {
+   line-height: normal;
+       vertical-align: middle;
+}
+
+/***** La boite de sélection des smiles *****/
+#smiles {
+       text-align: center;
+       border: 1px solid;
+       border-color: #ffffff;
+       background-color: #f6dfc2;
+       margin-bottom: 10px;
+       padding: 1px;
+       width: 140px;
+       position: absolute;
+       display: none
+}
+#smiles img {
+       margin: 1px;
+       cursor: pointer;
+       opacity: 0.5;
+}
+
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
+#outilsBan {
+       border-width: 1px 1px 1px 1px;
+       border-color: #ffffff;
+       border-style: dotted;
+       padding: 2px;
+       position: absolute;
+       display: none;
+}
+#outilsBan img,
+#outilsBan form {
+       float: right;
+       cursor: pointer
+}
+#outilsBan p {
+       font-size: 2px;
+}
+#outilsBan input {
+       font-size: 9px;
+       margin-top: 1px;
+       margin-left: 1px
+}
+
+/***** Le troll courant affiché en haut de la page *****/
+#page.minichat #trollCourant {
+       color: #FFFFFF;
+       position: absolute;
+       z-index: 20;
+       left: 140px;
+       top: 77px;
+       line-height: 32px;
+}
+#page.minichat #trollCourant .troll {
+       cursor: pointer;
+       font-style: italic
+}
+
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage {
+       background-color: #e19671;
+       padding-left: 10px;
+}
+
+#page.minichat.orderReverse form#posterMessage {
+       padding-bottom: 10px;
+}
+
+#page.minichat.orderChrono form#posterMessage {
+       padding-top: 10px;
+}
+
+#page.minichat form#posterMessage p {
+   margin: 0px;
+   padding: 0px;
+}
+#page.minichat form#posterMessage .pseudo {
+   margin-right: 5px;
+   width: 12%
+}
+#page.minichat form#posterMessage input.message {
+   margin-right: 5px;
+   width: 75%
+}
+#page.minichat form#posterMessage .return {
+       height: 16px;
+       width: 32px;
+       background-image: url(img/return.png);
+       background-repeat: no-repeat;
+       background-position: 5px 2px;
+       vertical-align: top;
+       margin-right: 5px;
+}
+#page.minichat form#posterMessage .smiles {
+       height: 16px;
+       width: 16px;
+       background-image: url(img/bouton_smiles.png);
+       background-repeat: no-repeat;
+       background-position: 2px 2px;
+       vertical-align: top;
+       margin-right: 5px;
+}
+#page.minichat form#posterMessage #repondA {
+       background-color: #f0df95; 
+       border: #841919 1px solid;
+   margin-right: 5px;
+   padding-right: 2px;
+   padding-left: 2px;
+   cursor: pointer;
+   display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+   position: absolute;
+       border: #841919 1px solid;
+   width: 50%;
+   display:none;
+}
+#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
+   display: none
+}
+
+/***** 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%;
+   border-spacing: 0px;
+   background-color:#E19671;
+}
+#page.minichat.orderChrono #conversations td
+{
+    vertical-align: bottom
+}
+#page.minichat.orderReverse  #conversations td
+{
+    vertical-align: top
+}
+#page.minichat.orderChrono #conversations .titre {
+   border-bottom: 1px dashed white
+}
+#page.minichat.orderReverse #conversations .titre {
+   border-top: 1px dashed white
+}
+#page.minichat #conversations .titre .nav {
+       text-align: center;
+       padding-right: 8px;
+       background-color: #e19671;
+       color: #ffffff;
+}
+
+#page.minichat #conversations .titre .nav .reduire {
+       margin-top: 1px;
+       margin-left: 5px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(img/reduire_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .reduire:hover {
+       background-image: url(img/reduire_conv_hover.png);
+}      
+
+#page.minichat #conversations .titre .nav .fermer {
+       margin-top: 1px;
+       margin-left: 5px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(img/fermer_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .fermer:hover {
+       background-image: url(img/fermer_conv_hover.png);
+}      
+#page.minichat #conversations .titre .nav .lien {
+       margin-top: 1px;
+       margin-left: 5px;
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(img/copier_conv.png);
+       cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .lien:hover {
+       background-image: url(img/copier_conv_hover.png);
+}      
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev {
+       display: none;
+}
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev,
+#page.minichat #conversations .titre .nav .numPage {
+       background-color: #841919;
+       cursor: pointer;
+       padding-right: 5px;
+       padding-left: 5px;
+}
+#page.minichat #conversations .titre .nav .next:hover,
+#page.minichat #conversations .titre .nav .prev:hover,
+#page.minichat #conversations .titre .nav .numPage:hover {
+       background-color: #cb2626
+}
+
+/***** Les messages *****/
+#page.minichat div.message {
+       padding-right: 5px;
+       cursor: pointer;
+       min-height: 18px;
+       line-height: 18px;
+}
+#page.minichat div.messageImpair {
+   background-color: #fbeede;
+}
+#page.minichat div.messagePair {
+   background-color: #f6dfc2;
+}
+#page.minichat div.cache {
+       opacity: 0.3;
+       
+       /* Hack IE 7 */ 
+       filter: alpha(opacity = 30);
+       zoom: 1
+}
+#page.minichat div.message.reponse .entete {
+       background-color: #bf2911
+}
+#page.minichat div.message.reponse .delimitationEntete,
+#page.minichat div.message.reponse .repondA {
+       background-image: url(img/fleche_reponse.png);
+}
+#page.minichat div.message.repondu .entete {
+       background-color: #84196c
+}
+#page.minichat div.message.repondu .delimitationEntete,
+#page.minichat div.message.repondu .repondA {
+       background-image: url(img/fleche_repondu.png);
+}
+#page.minichat div.message.proprietaire .entete {
+       background-color: #31732f
+}
+#page.minichat div.message.proprietaire .delimitationEntete,
+#page.minichat div.message.proprietaire .repondA {
+       background-image: url(img/fleche_proprietaire.png);
+}
+#page.minichat div.message.repondEnEvidence {
+       background-color: #fce476
+}
+#page.minichat div.message.systeme {
+       background-color: #f0df95
+}
+#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;
+       color: #f6dfc2;
+       display: block;
+       float: left;
+       height: 18px;
+}
+#page.minichat .delimitationEntete {
+       z-index: 20;
+       height: 18px;
+       width: 7px;
+       background-image: url(img/fleche.png);
+       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.ekMasterlight .pseudo {
+       color: #f0df95
+}
+#page.minichat div.message.ekMasterheavy .pseudo {
+   color: #fcd82f;
+   padding-left: 14px;
+   background: transparent url(img/marque_ek.png) no-repeat scroll left center
+}
+
+#page.minichat div.message .pseudo .login {
+   margin-left: 2px;
+   font-size: 8px; 
+}
+#page.minichat .repondA {
+       z-index: 5;
+       height: 18px;
+       margin-left: -7px;
+       padding-left: 9px;
+       float: left;
+       background-color: #cb2626; 
+       color: #ffffff;
+       display: block;
+       background-image: url(img/fleche.png);
+       background-repeat: no-repeat;
+}
+#page.minichat .delimitationRepondA {
+       z-index: 20;
+       height: 18px;
+       width: 7px;
+       background-image: url(img/fleche_reponda.png);
+       display: block;
+       float: left;
+}
+#page.minichat .contenu {
+       margin-left: 5px;
+}
+#page.minichat .outilsMess {
+       float: right;
+       display: none;
+}
+#page.minichat div.message:hover .outilsMess {
+       display: block
+}
+#page.minichat .extraire {
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(img/extraction.png);
+       margin-top: 2px;
+}
+#page.minichat .extraire:hover {
+       background-image: url(img/extraction_hover.png);
+}
+#page.minichat .extraireCompletement {
+       float: right;
+       width: 13px;
+       height: 13px;
+       background-image: url(img/extraction_complete.png);
+       margin-top: 2px;
+   margin-right: 2px;
+}
+#page.minichat .extraireCompletement:hover {
+       background-image: url(img/extraction_complete_hover.png);
+}

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

diff --git a/styles/2/euphorik.css b/styles/2/euphorik.css
new file mode 100755 (executable)
index 0000000..66029b5
--- /dev/null
+++ b/styles/2/euphorik.css
@@ -0,0 +1,247 @@
+/* coding: utf-8 */
+
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);
+@import url(pageProfileRegister.css);
+@import url(pageAbout.css);
+
+* {
+       padding: 0px;
+       margin: 0px;
+}
+
+body {
+   font-family: monospace;
+   font-size: 12px;
+   color: #EEEEEE;
+   background-color: #DFDFDF;
+   background-image: url(img/fond.png)
+}
+
+#container {
+   height: auto;
+   margin-left: 10px;
+   margin-right: 10px;
+   margin-top: 40px;
+}
+
+/***** Menu *****/
+ul#menu {
+       padding-left: 300px;
+       height: 23px;
+       font-size: 11px;
+       background-color: #000000;
+       list-style-type:none;
+}
+#menu li {
+       cursor: pointer;        
+       z-index: 20;
+       float: left;
+       padding: 2px;
+       margin-left: 2px;
+       background-color: #4f5519;
+}
+#menu li.courante {    
+       background-color: #818c27;
+}
+#menu li:hover {       
+       background-color: #818c27
+}
+
+/***** Le menu pour le choix de la CSS *****/
+#menuCss {
+       position: absolute;
+       z-index: 10;
+       left: 600px;    
+       top:40px;
+       font-size: 9px;
+}
+
+/***** Le style du contenu des pages *****/
+#page {
+   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;
+   font-size: 14px;
+   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/logo_2.png);
+   width: 253px;
+   height: 37px;
+   position: absolute;
+   top: 20px;
+   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;
+}
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
+div#info {
+       text-align: center;
+       width:100%;
+       position: fixed;
+       left: 0px;
+       top: 0px;
+       background-color: #000000;
+       border-bottom: 1px solid #aeaeae;
+       z-index: 20;
+}
+div#info div.fermer {
+       float:right;
+       cursor: pointer;
+       height:16px;
+       width: 16px;
+       background-image: url(../../img/fermer.gif)
+}
+div#info #icone {
+       float:left;     
+       height:16px;
+       width: 16px;
+}
+div#info #icone.interrogation {
+       background-image: url(../../img/interrogation.gif)
+}
+div#info #icone.information {
+       background-image: url(../../img/information.gif)
+}
+div#info #icone.exclamation {
+       background-image: url(../../img/exclamation.gif)
+}
+div#info .boutons {
+       padding: 1px;
+}
+div#info .boutons div {
+       cursor: pointer;
+       background-color: #770000;      
+       display: inline;
+       padding: 0px 5px 0px 5px;
+       margin: 0px 5px 0px 5px;
+}
+div#info .boutons div:hover {
+       background-color: #bc0000;      
+}
+
+/***** Les infos bulles *****/
+#flecheBulle {
+       position: absolute;
+       z-index: 50;
+       display: none
+}
+.flecheBulleHaut {
+       background-image: url(img/fleche_bulle_haut.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleDroite {
+       background-image: url(img/fleche_bulle_droite.png);
+       width: 8px;
+       height: 15px;
+}
+.flecheBulleBas {
+       background-image: url(img/fleche_bulle_bas.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleGauche {
+       background-image: url(img/fleche_bulle_gauche.png);
+       width: 8px;
+       height: 15px;
+}
+#messageBulle {
+       position: absolute;
+       z-index: 50;
+       color: #ffffff;
+       background-color: #164200;
+       display: none;
+       font-size: 10px;
+}
+#messageBulle p {
+       padding: 3px 6px;
+}
+
+/***** Le faux captcha *****/
+.captcha {
+       display:none
+}
+
+/***** Les formulaires *****/
+form input,
+form button,
+form select {
+       background-color: #164200; 
+       border: #2d8800 1px solid;
+       color: #EEEEEE;
+}
+form input,
+form select {
+       font-size: 12px;
+}
+form button {
+       font-size: 11px;
+}
+form input[readonly] {
+       background-color: #484e46
+}
+
+/***** Les liens *****/
+.lien, a {
+   text-decoration: none;
+       color: #7664ff;
+}
+.lien {
+       cursor: pointer;
+}
+a:link, a:visited {
+       color: #7664ff;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+   color: #ffad0f;
+}
+

diff --git a/styles/2/pageAbout.css b/styles/2/pageAbout.css
new file mode 100644 (file)
index 0000000..10eeae3
--- /dev/null
+++ b/styles/2/pageAbout.css
@@ -0,0 +1,14 @@
+/* coding: utf-8 */
+
+#page.about {
+}
+
+#page.about .faqCouleurProprietaire {
+       color: #31732f;
+}
+#page.about .faqCouleurReponse {
+       color: #bf2911;
+}
+#page.about .faqCouleurRepondu {
+       color: #84196c;
+}
\ No newline at end of file

diff --git a/styles/2/pageAdmin.css b/styles/2/pageAdmin.css
new file mode 100644 (file)
index 0000000..371b601
--- /dev/null
+++ b/styles/2/pageAdmin.css
@@ -0,0 +1,77 @@
+/* coding: utf-8 */
+/* La page d'administration */
+
+#page.admin p {
+       margin-left : 0px
+}
+
+#page.admin form#nouveauTroll {
+       margin-top : 10px
+}
+
+#page.admin form#nouveauTroll input {
+       width: 80%
+}
+
+#page.admin div.troll,
+#page.admin .ban {
+       margin-top: 10px;
+       padding: 2px 10px 2px 10px;
+       border: 1px solid;
+       border-color: #253f18;
+       background-color: #0c2003;
+}
+
+#page.admin div.troll img {
+       margin: 0px;
+       vertical-align: bottom;
+}
+
+#page.admin div.troll span.content {
+       font-style: italic;
+       color: #FFFF88
+}
+
+#page.admin div.troll .author {
+       margin-left: 10px
+}
+
+#page.admin div.troll input {
+       width: 70%
+}
+
+#page.admin div.troll .editTroll,
+#page.admin div.troll .delTroll,
+#page.admin div.troll .modifier,
+#page.admin div.troll .annuler,
+#page.admin div.ban .deban
+{
+       font-size: 10px;
+       margin-left: 10px;
+       cursor: pointer;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #164200; 
+       border: #2d8800 1px solid;
+       color: #EEEEEE; 
+}
+
+
+#page.admin #ips .ip {
+       margin-right : 10px;
+}
+
+#page.admin #ips .temps,
+#page.admin #ips .pseudo {
+       margin-left : 10px;
+       margin-right : 10px;
+}
+
+#page.admin #ips .login {
+       margin-right : 4px;
+}
+
+
+
+
+

diff --git a/styles/2/pageMinichat.css b/styles/2/pageMinichat.css
new file mode 100755 (executable)
index 0000000..7045ecd
--- /dev/null
+++ b/styles/2/pageMinichat.css
@@ -0,0 +1,258 @@
+/* coding: utf-8 */
+
+#page.minichat {
+       padding-top: 5px;
+   padding-right: 0px;
+   padding-left: 0px
+}
+
+#page.minichat img {
+       margin: 0px;
+       vertical-align: middle;
+}
+
+/***** La boite de sélection des smiles *****/
+#smiles {
+       text-align: center;
+       border: 1px solid;
+       border-color: #253f18;
+       background-color: #0c2003;
+       margin-bottom: 10px;
+       padding: 1px;
+       width: 140px;
+       position: absolute;
+       display: none
+}
+#smiles img {
+       margin: 1px;
+       cursor: pointer;
+       opacity: 0.5;
+}
+
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
+#outilsBan {
+       border-width: 1px 1px 1px 1px;
+       border-color: #253f18;
+       border-style: solid;
+       padding: 2px;
+       position: absolute;
+       display: none;
+}
+#outilsBan img,
+#outilsBan form {
+       float: right;
+       cursor: pointer
+}
+#outilsBan p {
+       font-size: 2px;
+}
+#outilsBan input {
+       font-size: 9px;
+       margin-top: 1px;
+       margin-left: 1px
+}
+
+/***** Le troll courant affiché en haut de la page *****/
+#page.minichat #trollCourant {
+       border-top: 1px solid;
+       border-bottom: 1px solid;
+       border-color: #253f18;
+       background-color: #0c2003;
+       margin-top: 4px;
+       margin-bottom: 8px;
+       padding : 1px 0px 1px 10px
+}
+#page.minichat #trollCourant .troll {
+       font-style: italic;
+       color: #FFFF88;
+       cursor: pointer;
+}
+
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage  {
+   margin-bottom: 15px;
+   padding-left: 10px;
+}
+#page.minichat form#posterMessage  p {
+   margin: 0px;
+   padding: 0px;
+}
+#page.minichat form#posterMessage .pseudo {
+   margin-right: 5px;
+   width: 12%
+}
+#page.minichat form#posterMessage .message {
+   margin-right: 5px;
+   width: 75%
+}
+#page.minichat form#posterMessage .return {
+       height: 16px;
+       width: 32px;
+       background-image: url(img/return.png);
+       background-repeat: no-repeat;
+       background-position: 5px 2px;
+       vertical-align: top;
+       margin-right: 5px;
+}
+#page.minichat form#posterMessage .smiles {
+       height: 16px;
+       width: 16px;
+       background-image: url(img/bouton_smiles.png);
+       background-repeat: no-repeat;
+       background-position: 2px 2px;
+       vertical-align: top;
+       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;
+       border-color: white;
+       float: left;
+       width: 100%;
+}
+#page.minichat #conversations div.message {
+       border-left-width: 5px;
+       border-left-style: solid;
+       border-color: transparent;
+       padding-right: 5px;
+       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;
+       
+       /* Hack IE 7 */ 
+       filter: alpha(opacity = 30);
+       zoom: 1
+}
+#page.minichat #conversations div.reponse {
+       border-color: #bf2911
+}
+#page.minichat #conversations div.repondu {
+       border-color: #84196c   
+}
+#page.minichat #conversations div.proprietaire {
+       border-color: #31732f
+}
+#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;
+   margin-right: 2px;
+   font-weight: bold;
+   color: #76ff33;
+}
+#page.minichat div.message.ekMasterlight .pseudo {
+       color: #ffffff;
+}
+#page.minichat div.message.ekMasterheavy .pseudo {
+       color: #ffffff;
+   text-decoration: underline
+}
+
+#page.minichat div.message .pseudo .login {
+   margin-left: 2px;
+   font-size: 8px;
+   color: #a7d88f;
+}
+#page.minichat div.systeme .pseudo {
+       color: #CCCCCC
+}
+#page.minichat #conversations .repondA {
+   color: #bd7a11;
+   margin-right: 3px;
+}
+#page.minichat #conversations .repondA:after {
+       content: ">"
+}
+#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
+}

diff --git a/styles/2/pageProfileRegister.css b/styles/2/pageProfileRegister.css
new file mode 100755 (executable)
index 0000000..d5ff7f1
--- /dev/null
+++ b/styles/2/pageProfileRegister.css
@@ -0,0 +1,7 @@
+/* coding: utf-8 */
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+
+#page.register,
+#page.profile {
+   padding-top: 20px
+}

diff --git a/styles/3/euphorik.css b/styles/3/euphorik.css
new file mode 100755 (executable)
index 0000000..9a45b6e
--- /dev/null
+++ b/styles/3/euphorik.css
@@ -0,0 +1,171 @@
+\r
+@import url(pageMinichat.css);\r
+@import url(pageProfileRegister.css);\r
+\r
+* {\r
+       padding: 0;\r
+       margin: 0;\r
+}\r
+\r
+body {\r
+   font-family: sans-serif;\r
+   font-size: 10pt;
+   color: #000000;\r
+   text-align: center; /* uniquement pour IE */\r
+   background-color: #837fb7;\r
+}\r
+\r
+#container {
+   position: relative;
+   background-image: url(../../img/css3/logo.png);
+   background-repeat: repeat-x;
+   background-color: #b1b0d4;\r
+   width: 626px;\r
+   height: auto;\r
+   margin-left: auto;\r
+   margin-right: auto;\r
+}
+
+#menu {
+       z-index: 10;
+       left: 503px;
+       top: 5px;
+       position: absolute;
+       font-size: 7pt;
+       text-align: left;
+}
+
+#menu div {    
+       cursor: pointer;
+}
+#menu div.courante {   
+       background-color: #e6e770
+}
+#menu div:hover,
+#menuCss div:hover {   
+       background-color: #e6e770
+}
+
+#menuCss {
+       text-align: right;
+       z-index: 10;
+       position: absolute;
+       left: 570px;
+       top: 5px;
+}
+
+#menuCss div {
+       cursor: pointer;        
+       font-size: 6pt;
+}
+
+#page {
+   position: relative;
+   padding: 130px 0px 3px 0px;
+   font-size: 8pt;
+}
+
+#logo { display: none; }\r
+
+#footer {
+       padding-top: 5px;
+       text-align: center;
+       width: 625px;
+       height: 27px;
+       background-image: url(../../img/css3/piedpage.png);
+       background-repeat: no-repeat;
+}\r
+#footer a img{\r
+       border-style: none;\r
+}\r
+\r
+#info {\r
+       width:100%;\r
+       position: fixed;\r
+       left: 0px;\r
+       top: 0px;\r
+       background-color: #d5d3ef;
+       border-bottom: 1px solid #837fb7;\r
+       z-index: 20;\r
+}
+
+#info .fermer {
+       float:right;
+       cursor: pointer;
+       height:16px;
+       width: 16px;
+       background-image: url(../../img/fermer.gif)
+}
+
+#info #icone {
+       float:left;     
+       height:16px;
+       width: 16px;
+}
+#info #icone.interrogation {
+       background-image: url(../../img/interrogation.gif)
+}
+#info #icone.information {
+       background-image: url(../../img/information.gif)
+}
+#info #icone.exclamation {
+       background-image: url(../../img/exclamation.gif)
+}
+       
+#info .boutons {
+       padding: 1px;
+       margin-bottom: 2px;
+}
+
+#info .boutons div {
+       cursor: pointer;
+       background-color: #b1b0d4;      
+       display: inline;
+       padding: 0px 5px 0px 5px;
+       margin: 0px 5px 0px 5px;
+       border: 1px solid #837fb7;
+}
+#info .boutons div:hover {
+       background-color: #d5d3ef;      
+}
+\r
+.captcha {\r
+       display:none\r
+}\r
+\r
+/* Obsolète
+#captcha {
+       margin-bottom: 5px;
+}
+#captcha input {
+       margin-left: 5px;
+}
+#captcha .captchaImg {
+       background-color: #FFFFFF;
+       vertical-align: bottom;
+}*/
+
+form input,
+form button {
+       background-color: #d5d3ef; 
+       border: #837fb7 1px solid;
+       color: #000000;
+       font-size: 9pt;
+}
+\r
+a {
+       text-decoration: underline;\r
+}\r
+a:link {\r
+       color: #1f15e8;\r
+}\r
+a:visited {\r
+   color: #1f15e8;\r
+}\r
+a:hover {\r
+   color: #645fd4;\r
+}\r
+a:active {\r
+   color: #645fd4;\r
+}\r
+\r

diff --git a/styles/3/pageMinichat.css b/styles/3/pageMinichat.css
new file mode 100755 (executable)
index 0000000..d8f8706
--- /dev/null
+++ b/styles/3/pageMinichat.css
@@ -0,0 +1,155 @@
+
+#page.minichat img {
+       vertical-align: bottom;\r
+       margin-right: 1px;\r
+       margin-left: 1px;
+}
+
+#page.minichat #smiles {
+       position: absolute;
+       top: 90px;
+       left: 104px;
+       margin-bottom: 10px;
+       padding: 1px;
+}
+\r
+#page.minichat #smiles img {\r
+       margin-left: 9px;\r
+       cursor: pointer;\r
+       opacity: 0.5;\r
+}\r
+\r
+#page.minichat form {\r
+   text-align: left;\r
+   margin-bottom: 15px;\r
+   padding-left: 10px;\r
+}\r
+\r
+#page.minichat form .pseudo {\r
+   margin-right: 5px;\r
+}\r
+\r
+#page.minichat form .message {\r
+   margin-right: 5px;\r
+}\r
+\r
+#page.minichat form .return {\r
+       height: 15px;\r
+       width: 32px;\r
+       background-image: url(../../img/css1/return.png);\r
+       background-repeat: no-repeat;\r
+       background-position: 5px 2px;\r
+       vertical-align: top;\r
+}\r
+
+#page.minichat #messages div.message { \r
+       border-left-width: 5px;\r
+       border-left-style: solid;\r
+       border-color: transparent;
+       text-align: left;
+       padding-right: 8px;
+       padding-left: 4px;\r
+       cursor: pointer;
+}
+\r
+#page.minichat #messages div.messageImpair {\r
+   background-color: #9f9cd2;\r
+}\r
+\r
+#page.minichat #messages div.messagePair {\r
+   background-color: #b2afd5;\r
+}
+\r
+/* Il n'y a plus de mise en evidence
+#page.minichat #messages div.miseEnEvidenceReponse {
+       background-color: #bd7a11;
+}
+#page.minichat #messages div.miseEnEvidenceCourant {
+       background-color: #bd1129;
+}
+#page.minichat #messages div.miseEnEvidenceConversation {
+       background-color: #b711bd;
+}*/\r
+       
+#page.minichat #messages div.cache {
+       opacity: 0.3;\r
+       \r
+       /* Hack IE 7 */ \r
+       filter: alpha(opacity = 30);\r
+       zoom: 1
+}
+\r
+#page.minichat #messages div.reponse {\r
+       border-color: #bd7a11\r
+}\r
+#page.minichat #messages div.repondu {\r
+       border-color: #b711bd   \r
+}\r
+#page.minichat #messages div.proprietaire {\r
+       border-color: #bd1129\r
+}
+#page.minichat #messages div.systeme {
+       background-color: #888888
+}\r
+\r
+#page.minichat div.message a {\r
+       font-weight: bold;\r
+}\r
+\r
+#page.minichat .date {\r
+   display: inline;\r
+   color: #8a4106;\r
+   margin-right: 3px;\r
+   margin-left: 3px;\r
+}\r
+\r
+#page.minichat div.message .pseudo,\r
+#page.minichat form .pseudo {\r
+   display: inline;\r
+   margin-left: 4px;\r
+   margin-right: 2px;\r
+   font-weight: bold;\r
+   color: #8f4108;\r
+}
+
+#page.minichat div.systeme .pseudo {
+       color: #CCCCCC
+}\r
+\r
+/* Ca marche pas :(\r
+#page.minichat div.message .pseudo {\r
+       min-width: 50px;\r
+       height:100px;\r
+}*/\r
+
+#page.minichat #messages .repondA {
+   display: inline;
+   margin-left: 4px;
+   color: #704605
+}
+\r
+#page.minichat #messages .contenu {\r
+   display: inline;\r
+}\r
+\r
+#page.minichat #pages {\r
+       margin-top: 5px;\r
+}\r
+\r
+#page.minichat #pages span {\r
+       padding-right : 5px;\r
+       padding-left: 5px;\r
+       color: #1f15e8;\r
+       cursor:pointer;\r
+}\r
+\r
+#page.minichat #pages span.pageCourante {\r
+       font-weight: bold;\r
+       font-size: 150%;\r
+}\r
+\r
+#page.minichat #pages span:hover {\r
+       font-size: 150%;\r
+       color: #645fd4;\r
+}\r
+\r

diff --git a/styles/3/pageProfileRegister.css b/styles/3/pageProfileRegister.css
new file mode 100755 (executable)
index 0000000..50be113
--- /dev/null
+++ b/styles/3/pageProfileRegister.css
@@ -0,0 +1,8 @@
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+
+#page.register,
+#page.profile {
+   text-align: left;\r
+   padding-left: 10px;
+   padding-bottom: 10px;
+}

diff --git a/styles/jquery.lightbox.css b/styles/jquery.lightbox.css
new file mode 100644 (file)
index 0000000..fea1a99
--- /dev/null
+++ b/styles/jquery.lightbox.css
@@ -0,0 +1,101 @@
+/**\r
+ * jQuery lightBox plugin\r
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)\r
+ * and adapted to me for use like a plugin from jQuery.\r
+ * @name jquery-lightbox-0.5.css\r
+ * @author Leandro Vieira Pinho - http://leandrovieira.com\r
+ * @version 0.5\r
+ * @date April 11, 2008\r
+ * @category jQuery plugin\r
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)\r
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US\r
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin\r
+ */\r
+#jquery-overlay {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       z-index: 90;\r
+       width: 100%;\r
+       height: 500px;\r
+}\r
+#jquery-lightbox {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 100%;\r
+       z-index: 100;\r
+       text-align: center;\r
+       line-height: 0;\r
+}\r
+#jquery-lightbox a img { border: none; }\r
+#lightbox-container-image-box {\r
+       position: relative;\r
+       background-color: #fff;\r
+       width: 250px;\r
+       height: 250px;\r
+       margin: 0 auto;\r
+}\r
+#lightbox-container-image { padding: 10px; }\r
+#lightbox-loading {\r
+       position: absolute;\r
+       top: 40%;\r
+       left: 0%;\r
+       height: 25%;\r
+       width: 100%;\r
+       text-align: center;\r
+       line-height: 0;\r
+}\r
+#lightbox-nav {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       height: 100%;\r
+       width: 100%;\r
+       z-index: 10;\r
+}\r
+#lightbox-container-image-box > #lightbox-nav { left: 0; }\r
+#lightbox-nav a { outline: none;}\r
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {\r
+       width: 49%;\r
+       height: 100%;\r
+       zoom: 1;\r
+       display: block;\r
+}\r
+#lightbox-nav-btnPrev { \r
+       left: 0; \r
+       float: left;\r
+}\r
+#lightbox-nav-btnNext { \r
+       right: 0; \r
+       float: right;\r
+}\r
+#lightbox-container-image-data-box {\r
+       font: 10px Verdana, Helvetica, sans-serif;\r
+       background-color: #fff;\r
+       margin: 0 auto;\r
+       line-height: 1.4em;\r
+       overflow: auto;\r
+       width: 100%;\r
+       padding: 0 10px 0;\r
+}\r
+#lightbox-container-image-data {\r
+       padding: 0 10px; \r
+       color: #666; \r
+}\r
+#lightbox-container-image-data #lightbox-image-details { \r
+       width: 70%; \r
+       float: left; \r
+       text-align: left; \r
+}      \r
+#lightbox-image-details-caption { font-weight: bold; }\r
+#lightbox-image-details-currentNumber {\r
+       display: block; \r
+       clear: left; \r
+       padding-bottom: 1.0em;  \r
+}                      \r
+#lightbox-secNav-btnClose {\r
+       width: 66px; \r
+       float: right;\r
+       padding-bottom: 0.7em;  \r
+}
\ No newline at end of file