/**************************************************** * Thème Pinky V1.0 * * Réalisé par stefff * * http://www.brikwo.com * * Le 22/07/2008 * ****************************************************/ /* Police Générale */ font { font-size: 1.0em; color: #464e54; } td { font-size:12px; color: #464e54; } p { font-size:1.0em; color: #464e54; } th { font-size:11px; text-align:center; color: #464e54; } /* Mise en forme de la date */ .date { font-size:0.8em; color:#4d4c4c; } /* Liens généraux */ a:link,a:active,a:visited { color:#b436a4; text-decoration: underline; } a:hover { color:#f6f; 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: #ebebeb url('../img/fond.jpg') repeat-x ; font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-size: small; color: #555; margin-left: auto; margin-right: auto; margin-top: 0px; width: 987px; } /******************************************************************************/ /* */ /* - - - - L E H E A D E R - - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ #nav { text-align: center; margin: 0 auto; } #subnav { list-style: none; padding: 0; margin-left:550px; ; } #subnav li { display: inline; float:left; padding: 5px 10px 0 10px; } #subnav li a { text-decoration: none; color: #fff; font-weight: bold; } #subnav li a:hover { color: #efefef; } #header { background: url('../img/header.png'); background-repeat: no-repeat; width: 987px; height: 201px; } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ /* Colonnne des blocs de gauche et droite*/ div#left { float: left; width: 200px; } div#right { float: right; width: 200px; } div#central { overflow: hidden; width: auto; } div#contenu{margin-top:10px;} /*Le Footer *******************************************************************/ .footer { background: #fff ; width: 100%; padding: 5px; clear: both; color: #a1a0a0; text-align: center; vertical-align: middle; -moz-border-radius: 5px 5px 0 0; border: 1px solid #cecece; border-bottom: none; } .footer_kwsphp { background: #fff ; width: 100%; padding: 5px; clear: both; color: #a1a0a0; text-align: center; vertical-align: middle; -moz-border-radius: 0 0 5px 5px; border: 1px solid #cecece; border-top: none; } .footer a, a#ckws { color: #a1a0a0; text-decoration: none; } .footer a:hover, #ckws:hover { color: #f6f} /******************************************************************************/ /* */ /* - - - - - - - - - - L E S B L O C S - - - - - - - */ /* */ /******************************************************************************/ /* Le contenu des blocs des colonnes de gauches et de droites */ .bloc_titre { font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant: small-caps; height: 31px; line-height: 31px; text-align: center; font-weight: bold; font-size: 1.3em; color: #adce3d; } .bloc_titre:first-letter { font-variant: small-caps; font-weight: bolder; font-size: 1.3em; color: #f6f; } .bloc_contenu { background: #fff; font-size: 0.95em; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; margin-bottom: 10px; padding: 5px; overflow: hidden; /* Ne Pas Toucher */ height: 99%; /* Pour IE sinon espace */ -moz-border-radius: 0 0 5px 5px; } /* Les Blocs du centre */ .bloc_titre_centre { font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; font-size: 1.3em; margin-left: 5px; margin-right: 5px; height: 28px; line-height: 28px; border-bottom: 3px solid #f6f; color: #f6f; } .bloc_titre_centre a { color: #f6f; text-decoration: none; } .bloc_titre_centre:first-letter { font-variant: small-caps; font-weight: bolder; font-size: 1.3em; color: #f6f; } .bloc_contenu_centre { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding: 5px; width: auto; color: #4d4c4c; } .blocline {background:#ffffff;} /************ MISE EN FORME DES LIENS DU BLOC MENU ***************************/ .blocmenu { margin: 0px; padding: 0px; list-style: none; } .blocmenu ul,.bloc_espace_membre_list-style { margin: 0px; padding: 0px; list-style: none; } .blocmenu a, .blocmenu a:visited, .bloc_espace_membre_list-style a, .bloc_espace_membre_list-style a:visited { height: 25px; line-height: 25px; color: #b436a4; display: block; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 30px; text-decoration: none; } .blocmenu a:hover, .bloc_espace_membre_list-style a:hover { background: #f7dcf6 url('../images/menu/menu_hover.jpg') no-repeat; height: 25px; color: #f6f; display: block; text-decoration: none; border: 1px solid #edb0eb; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 30px; } .blocmenu li,.bloc_espace_membre_list-style li { list-style-image: none !important; margin-left: -22px; background: url('../images/menu/menu.jpg') no-repeat; font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; font-size: 1.1em; margin-bottom: 3px; padding: 0px; width: 190px; height: 25px; } /* Le Bloc espace_membre */ .bloc_espace_membre1 {text-align: left;} .bloc_espace_membre2 {text-align: center;} .bloc_espace_membre_avat {text-align: center;} .bloc_espace_membre_priv {float: right;} /******************************************************************************/ /* */ /* - - - - - - - - - - L E S A R T I C L E S (Rubriques) - - - - - - - */ /* */ /******************************************************************************/ /* Mise en forme du titre des Articles ****************************************/ .article_titre { background: #fff; font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; font-size: 1.5em; margin-left: 5px; margin-right: 5px; padding-left: 5px; -moz-border-radius: 5px 5px 0 0; border: 1px solid #cecece; border-bottom: 3px solid #f6f; } .article_titre a { color: #f6f; text-decoration: none; } .article_contenu { background: #fff; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; font-weight: normal; font-size: 1.0em; padding: 5px; -moz-border-radius: 0 0 5px 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 - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .titre_news { font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; font-size: 1.5em; margin-left: 5px; margin-right: 5px; height: 28px; line-height: 28px; border-bottom: 3px solid #f6f; color: #b436a4; } .titre_news a { color: #f6f; text-decoration: none; } .bloc_news_date { background: url('../images/news/bloc_news_date.png'); width: 60px; height: 60px; float: left; text-align: center; margin-right: 15px; } .bloc_news_semaine {font-size: 20px;} .bloc_news_jour { font-size: 2.3em; color: #b436a4; font-weight: bolder; } .bloc_news_mois { color: #fff; font-weight: bolder; } .bloc_news_haut { background: #f7dcf6; border: 1px solid #edb0eb; border-top: none; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; margin-left: 5px; margin-right: 5px; padding: 5px; height: 60px; color: #4d4c4c; } .bloc_news_haut a {color: #4d4c4c;} .bloc_news_milieu { background :#f7f7f7; border: 1px solid #748aa2; width: 99%; min-height: 100px; margin: auto; margin-bottom: 5px; } .bloc_news_contenu { text-indent: 15px; padding: 10px; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E S C O M M E N T A I R E S - - - - - - - - */ /* */ /******************************************************************************/ .commentaires_haut { background: url('../img/commentaires_haut.png') no-repeat; height: 11px; } .commentaires_contenu { background: url('../img/commentaires_contenu.png') repeat-y; width: 640px; padding-left: 5px; } .commentaires_bas { background: url('../img/commentaires_bas.png') no-repeat; height: 36px; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .forum_auteur { text-align: center; float: left; width: 160px; padding: 5px; } .forum_contact { float: right; width: 34px; text-align: center; } .forum_post { min-height: 250px; overflow: hidden; background: #efefef; padding: 5px; -moz-border-radius: 5px; margin: 5px; border: 1px solid #d3d0d0; } .conteneur {clear:both;} .entete_forum{} .forum_signature { padding-left: 170px; background: #efefef; -moz-border-radius: 5px; border: 1px solid #d3d0d0; clear: both; } .forum_date { background: #f7dcf6; padding: 5px; font-weight: normal; font-size: 0.9em; -moz-border-radius: 5px; border: 1px solid #edb0eb; } /**********************/ .forum_cat_mid { background: #fff; border-bottom: 2px solid #efefef; border-left: 2px solid #efefef; border-top: none; padding: 3px; font-size: 12px; color: #666; } .forum_cat_mid_der { background: #fff; border: 2px solid #efefef; border-top: none; padding: 3px; font-size: 12px; color: #666; text-align: right; } .forum_tr {background:#dfdfdf;} .forum_contenu { background: #e5eff7; padding-left: 5px; vertical-align: top; } /* TITRE DES CATEGORIES *******************************************************/ .forum_titre { background: #f7dcf6; height: 28px; border: 1px solid #efefef; border-right: none; text-align: center; font-size: 1.2em; } .forum_titre_der { background: #f7dcf6; height: 28px; border: 1px solid #efefef; text-align: center; font-size: 1.2em; } #postzone {width: 585px;}/* Saisie du texte dans le forum*/ /* Titre du forum des catégorie */ .titrecat { font-size: 12px; font-weight: bold; color: #fff; } /* Séparateur des catégories *****************/ .forum_cat_sep { background: #f7dcf6; height:28px; border: 1px solid #efefef; border-top: none; font-size: 1.2em; text-align: center; } /* Topics du forum */ .topicrow1 { background: #f2f3f4; padding: 5px; border-right-style: solid; border-right-width: 1px; border-right-color: #d7d7d7; } .topicrow2 {padding:5px} .blocforum li {list-style-image: url('../images/puce.png');} .blocdownload li {list-style-image: url('../images/puce.png');} /***************************************************************/ /* Structure d'un contenu en tableau */ .tab1 { padding-left: 1px; padding-right: 1px; border-left-style: solid; border-left-width: 1px; border-left-color: #D7D7D7; border-top-style: solid; border-top-width: 1px; border-top-color: #D7D7D7; } .tab2 { padding-left: 1px; padding-right: 1px; border-top-style: solid; border-top-width: 1px; border-top-color: #D7D7D7; } /* Ligne séparateur */ hr { border: 0px dotted #f7dcf6; border-top-width: 1px; height: 0px } /* Couleurs de fond en général des tableaux */ td.row1 {} td.row2 {} td.row3 {} /* MISE EN FORUM DES BBCODES /****************************************************************/ /* Panneau du bbcode [panneau]*/ .panneau { background: #cccccc; border: 1px solid #9f9f9f; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; padding: 4px; } /* CITATIONS [QUOTE] [/QUOTE] ************************************************/ .quote { background: #f7dcf6; border: 1px solid #edb0eb; border-left: 4px solid #edb0eb; font-size: 1.1em; font-style: italic; padding-left: 5px; } .quote:first-letter { font-size: 1.5em; font-weight: bolder; font-style: italic; color: #666; font-family: "Courier New", Courier, mono; font-variant: small-caps; } /* Code PHP dans les bbcode. ([code][/code])*/ .code_php { background: #f7dcf6; border-top: 3px solid #edb0eb; border-bottom: 3px solid #edb0eb; border-left: 1px solid #edb0eb; border-right: 1px solid #edb0eb; font-family: Courier, Helvetica, sans-serif; padding: 4px; overflow: auto; } /* Visiualisation d'un post */ #apercu { background: #f5f5f3; text-align: left; height: 220px; width: 586px; color: #b436a4; overflow: auto; padding: 5px; border: 1px solid #d3d0d0; margin-left: auto; margin-right: auto; -moz-border-radius: 5px; } /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */ .onmouse_over { border: 1px dotted #cecece; background: #eee; } .onmouse_out {border:0px;} .onmouse_over_forum {background: #ddd;} .onmouse_out_forum {border: 0px;} /* Eléments de formulaire */ textarea { background: #f5f5f3; font-size: 1.1em; letter-spacing: 1px; border: 1px solid #d3d0d0; margin-bottom: 2px; padding: 5px; width: 500px; -moz-border-radius: 5px; } input,select { background: #f5f5f3; font-size: 1.1em; letter-spacing: 1px; border: 1px solid #d3d0d0; margin-bottom: 2px; -moz-border-radius: 5px; padding: 3px 7px 3px 7px; vertical-align: middle; } input:hover,textarea:hover, select:hover { background: #fff; font-size: 1.1em; color: #252424; } input#sql_newsMail{ height: 80px; background: #000; } /* Couleur d'arrière-plan des champs d'entrée du texte */ input.post, textarea.postzone, select { background: #fff; color: #666; } /* 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,#modbuttoncompteur { background: transparent url('../img/input.jpg'); border: 1px solid #d3d0d0; width: auto; height:26px; -moz-border-radius: 5px; text-align: center; font-weight: bolder; color: #fff; vertical-align: middle; } /* Style des buttons submit et reset au passage dessus*/ #valider:hover,#envoyer:hover,#submit_login:hover,#submit_login_bloc: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: transparent url('../img/input_hover.jpg'); color: #fff; } /* Style des labels*/ label { display: inline; float: left; } .label_enregistrer1 { width: 200px; font-size: 1.0em; font-weight: normal; } .label_enregistrer2 { width: 310px; font-size: 1.0em; font-weight: normal; } .label_profil1 { width: 150px; font-weight: bold; } .label_profil2 { width: 250px; font-weight: bold; } .label_contact {width: 200px;} .label_admin_options1 {width: 200px;} .label_admin_options2 {width: 400px;} .label_admin_email {width: 200px;} legend { color: #b436a4;} fieldset { background: #f8f6f7; border:1px solid #d3d0d0; font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; color: #b436a4; padding: 1.5em; margin-left: auto; margin-right: auto; -moz-border-radius: 5px; } .fieldset_resume { background: #f8f6f7; border: 1px solid #d3d0d0; margin-left: auto; margin-right: auto; } em { font-size: 0.9em; font-weight: normal; } /* Pied de page */ .pied_de_module { text-align: center; } .pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited { background: transparent url('../img/input.jpg'); color: #fff; font-weight: bolder; -moz-border-radius: 5px; padding: 3px; letter-spacing: 1px; text-decoration: none; } .pied_de_module a:hover { background: transparent url('../img/input_hover.jpg'); color: #fff; } /* Pagination (memberlist.php) */ .page_encours { background: #f1f1e9; border: 1px solid #efefef; padding: 2px; } .page_choix { border: 1px solid #efefef; padding: 2px; } .page_choix:hover{ background: #efefef; color: #fff; border: 1px solid #efefef; } .surlign {background-color:#ffff99;color:#333;} /* ARTICLES */ .article_listtab td {padding: 2px;} .article_head {background-color: #444444;} .article_head td {color: #ffffff;font-weight:bold;height: 20px;} .article_mid1 {background-color: #F2F3F4;height: 20px;} .article_mid2 {background-color: #E2E3E4;height: 20px;} .art_list_img {width: 30px;height: 30px;} .art_infobloc {padding-left: 5px;padding-right: 5px;margin: 5px;border-style: dashed;float: right;border-width: 1px;border-color: #CCCCCC;} /* Connectés (qd stats en bas de page)*/ #connectes_end { width:98% !important; margin-left:auto !important; margin-right:auto !important; margin-top:3px !important; margin-bottom:3px !important; padding:5px !important; border:5px groove #FFFFFF !important; -moz-border-radius:10px !important; font-size:9px !important; text-align:center !important; background-color:#f2f2f2 !important; color:#666 !important; } #connectes_end strong, #connectes_end a { font-size:11px !important; color:#666 !important; } /* Bulles infos © Patrick perron **************************/ a.BBcodeSyntaxe { position:relative; /* Très important */ background:none; /* Important pour le fonctionnement sur IE */ z-index:10; } a.BBcodeSyntaxe:hover { z-index:20; text-decoration:none; } a.BBcodeSyntaxe span { display:none; font-weight:normal; } a.BBcodeSyntaxe:hover span { /*la tag SPAN apparaitra avec l'effet hover*/ display:block; -moz-border-radius:10px; border: 1px dashed; position:absolute; margin-top:50px; margin-left:130px; /* Éléments pour positionner le texte dans la bulle */ padding:5px; width:350px; /* Style du character dans la bulle */ background-color: #F6F; color: #000066; text-align:center; } a.BBcodeSyntaxe em {font-variant:small-caps;} /*Mise en page lors de la rédaction d'un post*/ .fieldset_post { width:600px; margin: 1em auto; padding:1em; } .fieldset_post legend{font-weight:bold;} .fieldset_post label span{color:red;} .fieldset_post dd{margin-left:210px;} div.fieldset_post { text-align:center; width:585px; margin: auto; } div #smil { z-index:50; width:210px; height:230px; -moz-border-radius:10px; position:fixed; margin-left:-220px; top:250px; display:none; background-color:#F6F; } div #smil_in { overflow:auto; width:170px; height:200px; border:1px solid; padding:5px; margin:10px auto; } /* bbcode flottant */ #choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font { z-index:50; -moz-border-radius:10px; position:absolute; width:180px; padding:10px; margin-top:-100px; margin-left:220px; background-color:#44A8E4; } div.EditPost { text-align:right; padding-top:10px; } span.EditPost { font-size:7.2pt; width:100%; border-top:1px dashed; border-left:1px dashed; border-right:1px dashed; padding:2px 5px 2px 15px; margin-right:5px; } div.MovePost { text-align:right; padding-bottom:10px; } span.MovePost { font-size:7.2pt; width:100%; border-left:1px dashed; border-right:1px dashed; border-bottom:1px dashed; padding:2px 5px 2px 15px; margin-right:5px; } .NavRubFo, .NavRubTopicFo, .NavTopicFo { float:right !important; margin-right:5px !important; font-size:smaller !important; } .NavRubFo span, .NavRubTopicFo span, .NavTopicFo span { background-color:#666; color:#f2f2f2; padding:0px 2px; } .NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{font-size:smaller;} .NavRubFo a, .NavRubTopicFo a, .NavTopicFo a { border:1px solid #d3d0d0; padding:0px 2px; text-decoration:none; } .NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover { background-color:#6fafdd; color:#fff; border:1px solid #fff; } .username_login, .username_password, .username_connect { padding-left:20px; height:18px; background-image: url(../../../modules/espace_membre/images/login_bg.png); background-repeat:no-repeat; } .username_login {background-position:0 0;} .username_password {background-position:0 -18px;} .username_auto {vertical-align:middle;} .username_connect { background-position:0 -36px; height:20px !important; width:135px !important; } .hr_menu{} .texte_menu {} .MultiInputInline span{margin-left:25px;} .contenu_page{} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .float-left{float:left;} .float-right{float:right;} .clear-both{clear:both;} .ancre{} .mini_message{margin-left:10px;font-style:italic;font-size:smaller;} .erreurUpAvatar{color: red;font-weight: bold;} .erreurUpAvatar span{font-style: italic;font-weight: normal;} .msgUpAvatar{color: green;} /* Petit Plus */ .icones_admin a { text-decoration: none; } /*************FIN DU CSS ********************************/ /*********************************************************/