+++ /dev/null
-/* 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;
-}
+++ /dev/null
-/* coding: utf-8 */
-
-#page.about {
-}
-
-#page.about .faqCouleurProprietaire {
- color: #31732f;
-}
-#page.about .faqCouleurReponse {
- color: #bf2911;
-}
-#page.about .faqCouleurRepondu {
- color: #84196c;
-}
+++ /dev/null
-/* 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;
-}
+++ /dev/null
-#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);
-}
+++ /dev/null
-/* coding: utf-8 */
-/* Réunit les page Profile et Register car ils ont beaucoup en commun */
-
-#page.register,
-#page.profile {
- padding-top: 20px
-}
+++ /dev/null
-/* 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;
-}
-
+++ /dev/null
-/* 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
+++ /dev/null
-/* 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;
-}
-
-
-
-
-
+++ /dev/null
-/* 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
-}
+++ /dev/null
-/* coding: utf-8 */
-/* Réunit les page Profile et Register car ils ont beaucoup en commun */
-
-#page.register,
-#page.profile {
- padding-top: 20px
-}
+++ /dev/null
-\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
+++ /dev/null
-
-#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
+++ /dev/null
-/* 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;
-}
+++ /dev/null
-/**\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
% 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 ,
<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}}.
<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">
- <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>
// 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
-export([
version_bd/0,
update/0,
+ backup/1,
restore/1
]).
-import(qlc, [e/2, q/1, cursor/2]).
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
%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(
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).
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
<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.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"/>
--- /dev/null
+/* 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;
+}
--- /dev/null
+/* coding: utf-8 */
+
+#page.about {
+}
+
+#page.about .faqCouleurProprietaire {
+ color: #31732f;
+}
+#page.about .faqCouleurReponse {
+ color: #bf2911;
+}
+#page.about .faqCouleurRepondu {
+ color: #84196c;
+}
--- /dev/null
+/* 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;
+}
--- /dev/null
+#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);
+}
--- /dev/null
+/* coding: utf-8 */
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+
+#page.register,
+#page.profile {
+ padding-top: 20px
+}
--- /dev/null
+/* 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;
+}
+
--- /dev/null
+/* 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
--- /dev/null
+/* 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;
+}
+
+
+
+
+
--- /dev/null
+/* 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
+}
--- /dev/null
+/* coding: utf-8 */
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+
+#page.register,
+#page.profile {
+ padding-top: 20px
+}
--- /dev/null
+\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
--- /dev/null
+
+#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
--- /dev/null
+/* 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;
+}
--- /dev/null
+/**\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
projects / euphorik.git / commitdiff