From: Greg Burri Date: Wed, 9 Jul 2008 17:45:20 +0000 (+0000) Subject: MOD restructuration des styles (pas fini) X-Git-Tag: 1.1.0~93 X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=commitdiff_plain;h=f39b28682e1e41cd487a2268320552b687640adf MOD restructuration des styles (pas fini) --- diff --git a/css/1/euphorik.css b/css/1/euphorik.css deleted file mode 100755 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 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 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 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 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 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 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 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 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 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 index 9a45b6e..0000000 --- a/css/3/euphorik.css +++ /dev/null @@ -1,171 +0,0 @@ - -@import url(pageMinichat.css); -@import url(pageProfileRegister.css); - -* { - padding: 0; - margin: 0; -} - -body { - font-family: sans-serif; - font-size: 10pt; - color: #000000; - text-align: center; /* uniquement pour IE */ - background-color: #837fb7; -} - -#container { - position: relative; - background-image: url(../../img/css3/logo.png); - background-repeat: repeat-x; - background-color: #b1b0d4; - width: 626px; - height: auto; - margin-left: auto; - margin-right: auto; -} - -#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; } - -#footer { - padding-top: 5px; - text-align: center; - width: 625px; - height: 27px; - background-image: url(../../img/css3/piedpage.png); - background-repeat: no-repeat; -} -#footer a img{ - border-style: none; -} - -#info { - width:100%; - position: fixed; - left: 0px; - top: 0px; - background-color: #d5d3ef; - border-bottom: 1px solid #837fb7; - z-index: 20; -} - -#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; -} - -.captcha { - display:none -} - -/* 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; -} - -a { - text-decoration: underline; -} -a:link { - color: #1f15e8; -} -a:visited { - color: #1f15e8; -} -a:hover { - color: #645fd4; -} -a:active { - color: #645fd4; -} - diff --git a/css/3/pageMinichat.css b/css/3/pageMinichat.css deleted file mode 100755 index d8f8706..0000000 --- a/css/3/pageMinichat.css +++ /dev/null @@ -1,155 +0,0 @@ - -#page.minichat img { - vertical-align: bottom; - margin-right: 1px; - margin-left: 1px; -} - -#page.minichat #smiles { - position: absolute; - top: 90px; - left: 104px; - margin-bottom: 10px; - padding: 1px; -} - -#page.minichat #smiles img { - margin-left: 9px; - cursor: pointer; - opacity: 0.5; -} - -#page.minichat form { - text-align: left; - margin-bottom: 15px; - padding-left: 10px; -} - -#page.minichat form .pseudo { - margin-right: 5px; -} - -#page.minichat form .message { - margin-right: 5px; -} - -#page.minichat form .return { - height: 15px; - width: 32px; - background-image: url(../../img/css1/return.png); - background-repeat: no-repeat; - background-position: 5px 2px; - vertical-align: top; -} - -#page.minichat #messages div.message { - border-left-width: 5px; - border-left-style: solid; - border-color: transparent; - text-align: left; - padding-right: 8px; - padding-left: 4px; - cursor: pointer; -} - -#page.minichat #messages div.messageImpair { - background-color: #9f9cd2; -} - -#page.minichat #messages div.messagePair { - background-color: #b2afd5; -} - -/* 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; -}*/ - -#page.minichat #messages div.cache { - opacity: 0.3; - - /* Hack IE 7 */ - filter: alpha(opacity = 30); - zoom: 1 -} - -#page.minichat #messages div.reponse { - border-color: #bd7a11 -} -#page.minichat #messages div.repondu { - border-color: #b711bd -} -#page.minichat #messages div.proprietaire { - border-color: #bd1129 -} -#page.minichat #messages div.systeme { - background-color: #888888 -} - -#page.minichat div.message a { - font-weight: bold; -} - -#page.minichat .date { - display: inline; - color: #8a4106; - margin-right: 3px; - margin-left: 3px; -} - -#page.minichat div.message .pseudo, -#page.minichat form .pseudo { - display: inline; - margin-left: 4px; - margin-right: 2px; - font-weight: bold; - color: #8f4108; -} - -#page.minichat div.systeme .pseudo { - color: #CCCCCC -} - -/* Ca marche pas :( -#page.minichat div.message .pseudo { - min-width: 50px; - height:100px; -}*/ - -#page.minichat #messages .repondA { - display: inline; - margin-left: 4px; - color: #704605 -} - -#page.minichat #messages .contenu { - display: inline; -} - -#page.minichat #pages { - margin-top: 5px; -} - -#page.minichat #pages span { - padding-right : 5px; - padding-left: 5px; - color: #1f15e8; - cursor:pointer; -} - -#page.minichat #pages span.pageCourante { - font-weight: bold; - font-size: 150%; -} - -#page.minichat #pages span:hover { - font-size: 150%; - color: #645fd4; -} - diff --git a/css/3/pageProfileRegister.css b/css/3/pageProfileRegister.css deleted file mode 100755 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; - padding-left: 10px; - padding-bottom: 10px; -} diff --git a/css/jquery.lightbox.css b/css/jquery.lightbox.css deleted file mode 100644 index fea1a99..0000000 --- a/css/jquery.lightbox.css +++ /dev/null @@ -1,101 +0,0 @@ -/** - * jQuery lightBox plugin - * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) - * and adapted to me for use like a plugin from jQuery. - * @name jquery-lightbox-0.5.css - * @author Leandro Vieira Pinho - http://leandrovieira.com - * @version 0.5 - * @date April 11, 2008 - * @category jQuery plugin - * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) - * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US - * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin - */ -#jquery-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 90; - width: 100%; - height: 500px; -} -#jquery-lightbox { - position: absolute; - top: 0; - left: 0; - width: 100%; - z-index: 100; - text-align: center; - line-height: 0; -} -#jquery-lightbox a img { border: none; } -#lightbox-container-image-box { - position: relative; - background-color: #fff; - width: 250px; - height: 250px; - margin: 0 auto; -} -#lightbox-container-image { padding: 10px; } -#lightbox-loading { - position: absolute; - top: 40%; - left: 0%; - height: 25%; - width: 100%; - text-align: center; - line-height: 0; -} -#lightbox-nav { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 10; -} -#lightbox-container-image-box > #lightbox-nav { left: 0; } -#lightbox-nav a { outline: none;} -#lightbox-nav-btnPrev, #lightbox-nav-btnNext { - width: 49%; - height: 100%; - zoom: 1; - display: block; -} -#lightbox-nav-btnPrev { - left: 0; - float: left; -} -#lightbox-nav-btnNext { - right: 0; - float: right; -} -#lightbox-container-image-data-box { - font: 10px Verdana, Helvetica, sans-serif; - background-color: #fff; - margin: 0 auto; - line-height: 1.4em; - overflow: auto; - width: 100%; - padding: 0 10px 0; -} -#lightbox-container-image-data { - padding: 0 10px; - color: #666; -} -#lightbox-container-image-data #lightbox-image-details { - width: 70%; - float: left; - text-align: left; -} -#lightbox-image-details-caption { font-weight: bold; } -#lightbox-image-details-currentNumber { - display: block; - clear: left; - padding-bottom: 1.0em; -} -#lightbox-secNav-btnClose { - width: 66px; - float: right; - padding-bottom: 0.7em; -} \ No newline at end of file diff --git a/index.yaws b/index.yaws index d3ff0f8..c600fe9 100755 --- 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 - undefined -> "css/1/euphorik.css"; + undefined -> "styles/1/euphorik.css"; C -> C end, {ehtml, {link , @@ -37,7 +37,7 @@
- % 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}}. @@ -47,11 +47,31 @@ -
+

diff --git a/js/euphorik.js b/js/euphorik.js index de64738..eb9741b 100755 --- 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() - $("#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 diff --git a/modules/erl/euphorik_bd_update.erl b/modules/erl/euphorik_bd_update.erl index 1f04ab0..4c72284 100644 --- a/modules/erl/euphorik_bd_update.erl +++ b/modules/erl/euphorik_bd_update.erl @@ -24,6 +24,7 @@ -export([ version_bd/0, update/0, + backup/1, 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}) -> - {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 @@ -106,6 +107,14 @@ patch(1) -> %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( @@ -116,13 +125,18 @@ patch_1_traiter_message(M, Racine) -> 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) -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). diff --git a/nbproject/project.properties b/nbproject/project.properties index c61bcc0..f0548fd 100644 --- 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 -src.css.dir=css src.doc.dir=doc src.js.dir=js src.modules.dir=modules src.pages.dir=pages +src.styles.dir=styles src.tools.dir=tools diff --git a/nbproject/project.xml b/nbproject/project.xml index 55ee5ef..d8c477d 100644 --- a/nbproject/project.xml +++ b/nbproject/project.xml @@ -5,8 +5,8 @@ euphorik - + diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css new file mode 100755 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 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 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 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 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 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 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 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 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 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 index 0000000..9a45b6e --- /dev/null +++ b/styles/3/euphorik.css @@ -0,0 +1,171 @@ + +@import url(pageMinichat.css); +@import url(pageProfileRegister.css); + +* { + padding: 0; + margin: 0; +} + +body { + font-family: sans-serif; + font-size: 10pt; + color: #000000; + text-align: center; /* uniquement pour IE */ + background-color: #837fb7; +} + +#container { + position: relative; + background-image: url(../../img/css3/logo.png); + background-repeat: repeat-x; + background-color: #b1b0d4; + width: 626px; + height: auto; + margin-left: auto; + margin-right: auto; +} + +#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; } + +#footer { + padding-top: 5px; + text-align: center; + width: 625px; + height: 27px; + background-image: url(../../img/css3/piedpage.png); + background-repeat: no-repeat; +} +#footer a img{ + border-style: none; +} + +#info { + width:100%; + position: fixed; + left: 0px; + top: 0px; + background-color: #d5d3ef; + border-bottom: 1px solid #837fb7; + z-index: 20; +} + +#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; +} + +.captcha { + display:none +} + +/* 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; +} + +a { + text-decoration: underline; +} +a:link { + color: #1f15e8; +} +a:visited { + color: #1f15e8; +} +a:hover { + color: #645fd4; +} +a:active { + color: #645fd4; +} + diff --git a/styles/3/pageMinichat.css b/styles/3/pageMinichat.css new file mode 100755 index 0000000..d8f8706 --- /dev/null +++ b/styles/3/pageMinichat.css @@ -0,0 +1,155 @@ + +#page.minichat img { + vertical-align: bottom; + margin-right: 1px; + margin-left: 1px; +} + +#page.minichat #smiles { + position: absolute; + top: 90px; + left: 104px; + margin-bottom: 10px; + padding: 1px; +} + +#page.minichat #smiles img { + margin-left: 9px; + cursor: pointer; + opacity: 0.5; +} + +#page.minichat form { + text-align: left; + margin-bottom: 15px; + padding-left: 10px; +} + +#page.minichat form .pseudo { + margin-right: 5px; +} + +#page.minichat form .message { + margin-right: 5px; +} + +#page.minichat form .return { + height: 15px; + width: 32px; + background-image: url(../../img/css1/return.png); + background-repeat: no-repeat; + background-position: 5px 2px; + vertical-align: top; +} + +#page.minichat #messages div.message { + border-left-width: 5px; + border-left-style: solid; + border-color: transparent; + text-align: left; + padding-right: 8px; + padding-left: 4px; + cursor: pointer; +} + +#page.minichat #messages div.messageImpair { + background-color: #9f9cd2; +} + +#page.minichat #messages div.messagePair { + background-color: #b2afd5; +} + +/* 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; +}*/ + +#page.minichat #messages div.cache { + opacity: 0.3; + + /* Hack IE 7 */ + filter: alpha(opacity = 30); + zoom: 1 +} + +#page.minichat #messages div.reponse { + border-color: #bd7a11 +} +#page.minichat #messages div.repondu { + border-color: #b711bd +} +#page.minichat #messages div.proprietaire { + border-color: #bd1129 +} +#page.minichat #messages div.systeme { + background-color: #888888 +} + +#page.minichat div.message a { + font-weight: bold; +} + +#page.minichat .date { + display: inline; + color: #8a4106; + margin-right: 3px; + margin-left: 3px; +} + +#page.minichat div.message .pseudo, +#page.minichat form .pseudo { + display: inline; + margin-left: 4px; + margin-right: 2px; + font-weight: bold; + color: #8f4108; +} + +#page.minichat div.systeme .pseudo { + color: #CCCCCC +} + +/* Ca marche pas :( +#page.minichat div.message .pseudo { + min-width: 50px; + height:100px; +}*/ + +#page.minichat #messages .repondA { + display: inline; + margin-left: 4px; + color: #704605 +} + +#page.minichat #messages .contenu { + display: inline; +} + +#page.minichat #pages { + margin-top: 5px; +} + +#page.minichat #pages span { + padding-right : 5px; + padding-left: 5px; + color: #1f15e8; + cursor:pointer; +} + +#page.minichat #pages span.pageCourante { + font-weight: bold; + font-size: 150%; +} + +#page.minichat #pages span:hover { + font-size: 150%; + color: #645fd4; +} + diff --git a/styles/3/pageProfileRegister.css b/styles/3/pageProfileRegister.css new file mode 100755 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; + padding-left: 10px; + padding-bottom: 10px; +} diff --git a/styles/jquery.lightbox.css b/styles/jquery.lightbox.css new file mode 100644 index 0000000..fea1a99 --- /dev/null +++ b/styles/jquery.lightbox.css @@ -0,0 +1,101 @@ +/** + * jQuery lightBox plugin + * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) + * and adapted to me for use like a plugin from jQuery. + * @name jquery-lightbox-0.5.css + * @author Leandro Vieira Pinho - http://leandrovieira.com + * @version 0.5 + * @date April 11, 2008 + * @category jQuery plugin + * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) + * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US + * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin + */ +#jquery-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 90; + width: 100%; + height: 500px; +} +#jquery-lightbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 100; + text-align: center; + line-height: 0; +} +#jquery-lightbox a img { border: none; } +#lightbox-container-image-box { + position: relative; + background-color: #fff; + width: 250px; + height: 250px; + margin: 0 auto; +} +#lightbox-container-image { padding: 10px; } +#lightbox-loading { + position: absolute; + top: 40%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +#lightbox-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +#lightbox-container-image-box > #lightbox-nav { left: 0; } +#lightbox-nav a { outline: none;} +#lightbox-nav-btnPrev, #lightbox-nav-btnNext { + width: 49%; + height: 100%; + zoom: 1; + display: block; +} +#lightbox-nav-btnPrev { + left: 0; + float: left; +} +#lightbox-nav-btnNext { + right: 0; + float: right; +} +#lightbox-container-image-data-box { + font: 10px Verdana, Helvetica, sans-serif; + background-color: #fff; + margin: 0 auto; + line-height: 1.4em; + overflow: auto; + width: 100%; + padding: 0 10px 0; +} +#lightbox-container-image-data { + padding: 0 10px; + color: #666; +} +#lightbox-container-image-data #lightbox-image-details { + width: 70%; + float: left; + text-align: left; +} +#lightbox-image-details-caption { font-weight: bold; } +#lightbox-image-details-currentNumber { + display: block; + clear: left; + padding-bottom: 1.0em; +} +#lightbox-secNav-btnClose { + width: 66px; + float: right; + padding-bottom: 0.7em; +} \ No newline at end of file