-
Mon CSS de base
#content {
line-height: 1.7em;
}
/* DERNIER VISITEUR */
.module_menu_type_lastvisitors{position: absolute;
top: 970px;
margin-left: 450px;}
.module_menu_type_lastvisitors img {
border-radius: 15px 15px 15px 15px;
border: 2px solid #ffffff;
}
.module_menu_type_lastvisitors img {
max-width: 60px;
border-radius: 60px;
}
/* OMBRE PORTEE SLOGAN */
#slogan_header {text-shadow:1px 1px 5px #000000}
/* FLECHE DIRECTION */
#fleche { position: fixed; top: 455px; right: 0%; }
/* ECRITURE */ #body {font-family: "Charm", cursive; }
#menubar{font-family: "Charm", cursive;font-size: 16px; }
#titre_header{ font-size:70px; }
#slogan_header{font-size: 26px;}
#menu a{ font-size: 25px; }
.module_menu_titre{ font-size: 22px; }
.module_menu_contenu{font-size: 20px;}
.module_titre_contenu{font-size: 24px; }
.module_contenu{font-size: 22px;}
.article_info{font-size: 18px;}
.comment_body{font-size: 18px;}
.comment_admin{font-size: 20px;}
.commentnumber{font-size: 18px;}
.commentdate{font-size: 18px;}
.commentpseudo{font-size: 18px;}
/* OMBRE PORTEE TOUT TEXTE */
* {
text-shadow: 1px 1px 0px #515151;
}
/* 1ERE LETTRE */
.comment_admin .commentbody p:first-letter { font-size:150%;color: #ffffff;font-family:Charm; }
.module_contenu p:first-letter { font-size:150%;color: #ffffff;font-family:Charm;}.module_menu_contenu p:first-letter { font-size:150%;color: #ffffff;font-family:Charm;}
/**COINS ARRONDIS**/
/**Commentaires**/
.comment_admin {border-radius:20px 20px 20px 20px;}
.comment_normal {border-radius:20px 20px 20px 20px;}
.module_menu_type_lastvisitors .module_menu_titre { display: none;
border-bottom: 0px solid black;
}
.module_contenu {border-radius:20px 20px 20px 20px;}
.module_menu_contenu {border-radius:20px 20px 20px 20px;}
.module_menu_titre {border-radius:20px 20px 20px 20px;}
#menu a{border-radius:10px;}
/*Coins arrondis du fond*/
#background {border-radius :20px ;}
/*OMBRE PORTEE */
#menu a{ box-shadow: 1px 1px 4px #444444;}
.module_titre {box-shadow: 0px 0px 0px #444444;}
.module_contenu {box-shadow: 1px 1px 4px #444444;}
/*Ombre colonne de gauche */
.module_contenu {box-shadow: 1px 1px 5px #444444;}
/*Ombre colonne de droite */
.module_contenu {box-shadow: 1px 1px 5px #444444;}
.module_menu_type_lastvisitors img { margin: 0px; }
/*ombre module articles*/
.module_menu_contenu { box-shadow: 1px 1px 5px #444444;}
/*ombre fond de page*/
#background {box-shadow: 1px 1px 5px #444444;}
/*MENU BARRE*/
#menubar { background: url(.....);}
#menubar { border: 2px dotted #ffffff;}
#menubar {box-shadow: 0px 0px 10px #000000;}
#menubar {box-shadow:inset 0px 0px 2px #000000;}
#menubar
{
color: #ffffff;
}
.menubar_section li
{
background-color: #799bdd;
}
#menubar { border: 3px none #799bdd;}
#menubar {box-shadow: 0px 0px 15px #000000;}
/*menu barre transparente*/
#menubar {opacity: 0.3;}
#menubar:hover {opacity: 1;}
/*menu barre défile avec la page*/
#menubar {position: relative;}
/*BARRE BLANCHE*/
.menubar_section {background-image: none}
#menubar_notifications {background-image: none}
/*DIMENSION AUTO IMAGE CONTENU*/
img { max-width: 90%; height: auto; }
/*DIMENSION AUTO IMAGE COMMENT*/
.commentbody img {max-width:400px;height:auto;}
/*supprimer barre gauche réponse com*/
.block-reply {border-left: 0}
/*COLORER LES FENETRES*/
.window_content {background-color:#96b7c9; }
/*IMAGES AU SURVOL SOURIS*/
.lien img{display:none}
.lien:hover img{display:block}/* FONDS DE PAGE */
#body {
background-image: url(".....");
background-attachment: fixed;
}
#background {
background-image:url(".....");
}
/*PIEDS PAGE TROP LOURD*/
#footer {
background-image:url(".....");background-repeat: center top no-repeat;
height: HAUTEUR DE L'IMAGEpx;}
/*HEADER TROP LOURD*/
#header {background-image: url(.....);}