/**************************************************** * Thème Leslillois V1.0 * * Réalisé par stefff * * http://www.brikwo.com * * Le 28/04/2008 * ****************************************************/ /* Police Générale */ font{ font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; color:#666; } td{ font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; color:#666; } p{font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:1.0em; color:#666; } th{ font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:11px; font-weight : bold; text-align:center; color:#666; } /* Mise en forme de la date */ .date{ font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:0.8em; color:#666; } /* Liens généraux */ a:link,a:active,a:visited{ color:#666666; text-decoration:none; font-weight:bold; } a:hover{ color:#999; text-decoration:underline; } .titrelien{ font-weight:bold; } /******************************************************************************/ /* */ /* - - - - M I S E EN P A G E DU S I T E - - - - */ /* */ /******************************************************************************/ /* Le Style général du site ************************************/ body{ background-color:#ff5a12; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:1.0em; color:#666666; margin-left:auto; margin-right:auto; margin-top:-1px; width: 1004px; min-width: 890px; } /* Le Header ******************************************************************/ .header{ background-image:url('../img/header.png'); background-repeat:no-repeat; height:231px; width:1004px; } /**************************** NAVIGATION **************************************/ .left_menu{ background-image:url('../img/left_menu.png'); background-repeat:no-repeat; height:42px; width:22px; } .right_menu{ background-image:url('../img/right_menu.png'); background-repeat:no-repeat; height:42px; width:15px; background-position:right; } /************************************************ * Subnavbar * ************************************************/ .subnavbar { background: #900 url('../img/center_menu.jpg'); height: 25px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; } #subnav { margin:0px; padding-left:135px; list-style:none; } #subnav ul { margin:0px; padding:0px; list-style:none; } #subnav a, #subnav a:visited { font-size:1.2em; color: #f90; display:block; font-weight:bold; margin:0px 0px 0px 0px; padding:6px 10px 11px 10px; } #subnav a:hover { background-color: #fff; color:#000; display:block; text-decoration: none; margin:0px 0px 0px 0px; padding:6px 10px 11px 10px; } #subnav li { float:left; margin:0px; padding:0px; } #subnav li ul { position:absolute; width:10em; left:-999em; } #subnav li:hover ul { left:auto; display:block; } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ .centre{ background-color:#fff; /* Entre les Blocs */ } /* Colonnne des blocs à gauches*/ .left{ background-color:#fff; width:210px; background-repeat:repeat-y; } .fond_left{ padding-left: 4px; background-image:url(../img/fond_left.png); background-repeat:repeat-y; background-position:left; width:9px; } /* Colonnne des blocs à droite*/ .right{ background-color:#fff; width:210px; } .fond_right{ padding-right:4px; background-image:url(../img/fond_right.png); background-repeat:repeat-y; background-position:right; width:9px; } /* Centre (entre colonne de gauche et droite) */ .central{ padding-top:12px; padding-left:5px; padding-right:5px; } /*Le Footer *******************************************************************/ .footer_01{ background-image:url('../img/footer_01.png'); background-repeat: no-repeat; height:89px; width:110px; } .footer_02{ background-image:url('../img/footer_02.png'); height:89px; width:581px; background-repeat:no-repeat; text-align:center; color:#FFFFFF; } .footer_03{ background-image:url('../img/footer_03.png'); background-repeat: no-repeat; height:89px; width:311px; } .footer_text a:hover{ color:#FFFFFF; } .footer_text { text-align: center; color:#FFFFFF; } .footer_text a{ color:#FFFFFF; } .footer_text a:visited{ color:#FFFFFF; } .footer_kws{ font-size: 10px; color:#fff; text-align:center; } .footer_kws a{ font-size: 10px; color:#fff; text-align:center; } .footer_kws a:hover{ font-size: 10px; color:#fff; text-align:center; text-decoration: underline; } .gen{ /* pour Page générée */ font-size: 10px; color:#fff; text-align:center; width:100%; clear:both; } #ckws{ color:#fff; font-size: 10px; } .copyright{ font-size: 10px; color:#fff; text-align:center; } /******************************************************************************/ /* Les blocs principaux *******************************************************/ /* Mise en forme de l'edito */ .edito_titre_haut{ background-image: url('../img/edito_titre.png'); background-repeat:no-repeat; width:520px; height:52px; line-height:52px; text-align:center; } .edito_titre{ text-align:center; padding:5px; font-size:1.5em; font-weight : bold; } .edito{ padding:10px; } /* Le contenu des blocs des colonnes de gauches et de droites */ .bloc_espace_membre1{ text-align:left; } .bloc_espace_membre2{ text-align:center; } .bloc_espace_membre_avat{ text-align:center; } .bloc_espace_membre_list-style{ list-style-image:url('../images/espace_membre/puce.png'); padding:5px; margin-left:18px; } .bloc_espace_membre_list-style li{ } .bloc_espace_membre_priv{ float:right; } .bloc_titre{ width:212px; height:34px; line-height:34px; text-align:center; font-weight: bolder; font-size: 1.3em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #666; } .bloc_titre:first-letter { font-style: italic; font-variant: small-caps; font-weight: bolder; font-size: 1.3em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #666; } .bloc_contenu{ background-image:url('../img/bloc_contenu.jpg'); font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; color:#666666; padding-top:5px; padding-left: 15px; /* Marge à gauche */ padding-right: 18px; /* Marge à droite */ overflow: hidden; /* Ne Pas Toucher */ height:99%; /* Pour IE sinon espace */ } .bloc_footer{ background-image:url('../img/bloc_footer.png'); background-repeat:no-repeat; width:212px; height:16px; } /* Les Blocs du centre */ .bloc_titre_centre{ background-color: #fff2cb; margin-bottom:5px; margin-left:5px; margin-right:5px; padding:3px; border: 1px solid #fc3; padding-left:10px; height:32px; line-height:32px; font-size:1.2em; } .bloc_contenu_centre{ background-color: #fff; padding:5px; min-height:80px; } .blocline{ background:#ffffff; } /******************************************************************************/ /* */ /* - - - - - - - - - - L E S A R T I C L E S (Rubriques) - - - - - - - */ /* */ /******************************************************************************/ /* Mise en forme du titre des Articles ****************************************/ .article_titre { background-color: #fff2cb; height:32px; line-height:32px; margin-left:5px; margin-right:5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; padding-left: 5px; border: 1px solid #fc3; } .article_contenu { background-color: #fff; margin-left:5px; margin-right:5px; margin-bottom:5px; border: 1px dashed #fc3; border-top:none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.0em; padding: 5px; min-height:150px; /* Tous les Blocs auront une hauteur minimum *************/ } .image_articles{ border: 0; margin-left:5px; float: right; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E S N E W S - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .date_news { font-family: Arial, Helvetica, sans-serif; font-size:1em; /* Taille de la police */ font-style: italic; /* Police en italique */ color:#666666; /* Couleur de la police */ } .image_news{ float: left; margin-right:5px; } .news_haut{ background-image: url('../images/news/news_titre.png'); background-repeat:no-repeat; width:524px; height:58px; line-height:58px; text-align:center; } .news_titre{ background-color: #fff2cb; margin-bottom:5px; margin-left:5px; margin-right:5px; padding:3px; border: 1px solid #fc3; } .news_contenu{ background-color: #fff; margin-left:5px; margin-right:5px; padding:5px; border: 1px dashed #fc3; overflow: hidden; /* Ne Pas Toucher */ } .news_commentaire{ background-color: #fff2cb; margin-bottom:5px; margin-left:5px; margin-right:5px; padding-right:5px; border-left: 1px dashed #fc3; border-right: 1px dashed #fc3; border-bottom: 1px dashed #fc3; text-align:right; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .forum_cat_mid{ background-color:#fff2cb; border-left: 1px solid #fc3; border-bottom: 1px solid #fc3; border-top:none; padding:3px; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; color:#666; } .forum_cat_mid_der{ background-color:#fff2cb; border-right: 1px solid #fc3; border-left: 1px solid #fc3; border-bottom: 1px solid #fc3; border-top:none; padding:3px; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; color:#666; text-align:right; } .forum_tr{ background-color:#dfdfdf; } .forum_message{ background-color:#fff;} .forum_contenu{ background-color:#fff; padding-left:5px; vertical-align:top; border-right:1px solid #fc3; border-bottom: 1px solid #fc3; } .forum_auteur{ background-color:#fff2cb; width:20%; padding:5px; text-align:center; vertical-align:top; text-align:center; border:1px solid #fc3; border-top:none; } .forum_contact{ background-color:#fff2cb; width:100%; text-align:right;} .forum_signature{ background-color:#fff2cb; font-style:italic; text-align:center; border:1px solid #fc3; border-top:none; } .forum_date{ background-color:#fff2cb; padding:5px; font-style: italic; border:1px solid #fc3 } /* TITRE DES CATEGORIES *******************************************************/ .forum_titre{ background-color:#fc3; height:30px; border: 1px solid #fc3; border-right:none; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-weight:bold; font-size:14px; color:#666; text-align:center } .forum_titre_der{ background-color:#fc3; height:30px; border: 1px solid #fc3; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-weight:bold; font-size:14px; color:#666; text-align:center; } .forum_titre_right{ background-image:url('../img/titre_forum_right.png'); background-repeat:no-repeat; width:2px; height:18px; } #postzone{ /* Saisie du texte dans le forum*/ width:585px; } /* Titre du forum des catégorie */ .titrecat{ font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; font-weight:bold; color:#fff; } /* Séparateur des catégories *****************/ .forum_cat_sep{ background-color:#fc3; height:25px; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-weight:bold; font-size:14px; color:#666; text-align:center; } /* Topics du forum */ .topicrow1{ background-color:#F2F3F4; padding:5px; border-right-style:solid; border-right-width:1px; border-right-color:#fc3; } .topicrow2{ padding:5px; } /***************************************************************/ /* Structure d'un contenu en tableau */ .tab1{ padding-left:1px; padding-right:1px; border-left-style:solid; border-left-width:1px; border-left-color:#fc3; border-top-style:solid; border-top-width:1px; border-top-color:#fc3; } .tab2{ padding-left:1px; padding-right:1px; border-top-style:solid; border-top-width:1px; border-top-color:#fc3; } /* Ligne séparateur */ hr{ border: 0px dashed #fc3; border-top-width:1px; height:0px; } /* Couleurs de fond en général des tableaux ex:index.php?mod=ip */ td.row1{ background-color:#fff2cb; } td.row2{ background-color:#fff2cb; } td.row3{ background-color:#fff2cb; } /* MISE EN FORUM DES BBCODES /****************************************************************/ /* Eléments du formulaire */ input,textarea, select { font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:12px; font-style:italic; letter-spacing : 1px ; color:#666666; border:1px solid #fc3; background-color:#ffffff; } input:hover,textarea:hover, select:hover { color:#666666; border-style:solid; border-width:1px; border-color:#fc3; background-color:#fdefe3; } /* Couleur d'arrière-plan des champs d'entrée du texte */ input.post, textarea.postzone, select { background-color:#fff; color:#666; } /* Panneau du bbcode [panneau]*/ .panneau { background-color:#fff2cb; border: 1px solid #fc3; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:1.0em; color:#666; padding:4px; } /* CITATIONS [QUOTE] [/QUOTE] ************************************************/ .quote { background-repeat: no-repeat; background-color:#fff2cb; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-size:1.1em; font-style: italic; color:#666; padding-left:5px; border: 1px solid #fc3; border-left: 4px solid #fc3; } .quote:first-letter { font-size: 1.5em; font-weight: bolder; font-style: italic; color: #666; font-family:"Century Gothic" Arial, Verdana, sans-serif; font-variant: small-caps; } /* Code PHP dans les bbcode. ([code][/code])*/ .code_php { background-color:#fff2cb; border-top: 3px solid #fc3; border-bottom: 3px solid #fc3; border-left: 1px solid #fc3; border-right: 1px solid #fc3; font-family: Courier, Helvetica, sans-serif; font-size: 1.0em; color:#000000; padding:4px; left:-2px; overflow: auto; width: 500px; } /* Visiualisation d'un post */ #apercu { background-color:#fff2cb; text-align:left; height:200px; width:580px; color:#666; overflow:auto; padding:2px; border:1px solid #fc3; margin-left:auto; margin-right:auto; } /* Style des buttons submit et annuler*/ #valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler, #poster,#verifer,#retour,#button,#bouton,#bouton2,#submit, #reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur { background-color:#fff2cb; height:20px; text-align:center; font-weight:normal; color:#666666; border:1px solid #fc3; } /* Style des buttons submit et reset au passage dessus*/ #valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover, #poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover, #reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover { background-color:#fdefe3; color:#666666; border:1px solid #fc3; } /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */ .onmouse_over { border: 1px #666 dashed; background: #eee; } .onmouse_out{ border: 0px; } .onmouse_over_forum { background: #ddd; } .onmouse_out_forum { border: 0px; } /* Style des labels*/ label { display:inline; float:left; } .label_enregistrer1 { width: 250px; } .label_enregistrer2 { width: 250px; } .label_profil1 { width: 150px; font-weight:bold; } .label_profil2 { width: 280px; font-weight:bold; } .label_contact{width:150px;} .label_admin_options1{width:200px;} .label_admin_options2{width:400px;} .label_admin_email{width:200px;} fieldset { background-color:#fff2cb; border-style:solid; border-width:1px; border-color:#fc3; padding:1.5em; margin-left:auto; margin-right:auto; color:#f90; } .fieldset_resume { background-color:#f2f2f2; border-style:solid; border-width:1px; border-color:#CCCCCC; padding:1em; margin-left:auto; margin-right:auto; } /* Pied de page */ .pied_de_module{ text-align:center; } .pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited{ color:#fc3; font-style: italic; border:1px solid #fc3; border-left:4px solid #fc3; padding:5px; letter-spacing :1px; } .pied_de_module a:hover{ background-color:#fff2cb; color:#999; border:1px solid #666; border-left:4px solid #666; text-decoration:none; } /* Pagination (memberlist.php) */ .page_encours{ background-color:#666; color:#f2f2f2; padding:5px; } .page_choix{ border:1px solid #d3d0d0; padding:5px; } .page_choix:hover{ background-color:#6fafdd; color:#fff; border:1px solid #fff; } /*************FIN DU CSS ********************************/