Ancien CSS

**Timeless** Messages : 33 Date d'inscription : 22/12/2013

/*************************STRUCTURE***************************/

.bodyline {padding:0px;}
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #000000;}

::-webkit-scrollbar-track {
background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #000000 /*couleur de l'ascenseur*/;}
body {
background-attachment: scroll;
scrollbar-face-color: #dee3e7;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #dee3e7;
scrollbar-3dlight-color: #d1d7dc;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #efefef;
scrollbar-darkshadow-color: #98aab1;
background-attachment: fixed;
text-align: center;
}

/***SUPPRESSION SOULIGNEMENT***/
a {
text-decoration:none !important;color:#eec6ba;
}
a:hover {
text-decoration:none !important;color:#eec6ba;
}
/*SUPPRESSION DERNIERE EDITION LE*/
tr.post span.gensmall { display: none; }

/*** FIN SUPPRESSIONS***/

/***Menu***/
.mainmenu {
font-size: 13px;
font-family:'Handlee', cursive;}
/***Fin Menu***/

/*************************FIN STRUCTURE***************************/

/*************************HEADER***************************/
/*************************FIN HEADER***************************/

/*************************PAGE D'ACCUEIL***************************/
.fondPA{background-color: #99CBBA; width: 800px; border-radius: 10px; border: 1px solid #fff;}
.titre{font-family:'Handlee', cursive; font-size: 40px; text-align: center; margin: auto;transition-duration: 1.9s; -moz-transition-duration: 1.9s; -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s;}
.titre:hover{font-family: 'Handlee', cursive; font-size: 40px; text-align: center; margin:auto;letter-spacing: 4px;}
.contexte{background:#EBE1C9; border: 1px solid #eeeecc; height: 140px; width: 230px; overflow:auto; padding: 5px; text-align: justify;}
.infos{background:#EBE1C9; border: 1px solid #eeeecc; width: 390px;height: 120px; overflow: auto; padding: 5px;text-align: justify;}
.tops{width:62px; height: 20px; border: 1px solid ##eeeecc; padding: 1px;}
.liens{font-size: 18px; font-family: 'Englebert', cursive; text-transform: uppercase;}
.logo{width: 220px; border: 1px solid #eeeecc; padding: 2px;}
.staff{background: #EBE1C9; border: 1px solid #eeeecc; height: 150px;}
.imgstaff{width: 50px; height: 50px; border: 1px solid #fff;}
.mdm {background:#EBE1C9; border: 1px solid #eeeecc; width: 370px; height: 120px; padding: 5px; text-align: center}
.imgmdm{filter:Chroma(color=#B2A878);filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6; border: 1px solid grey; border-radius: 5px; padding: 5px; width:150px;}
.imgmdm:hover{filter:Chroma(color=#B2A878);filter:alpha(opacity=100);-moz-opacity:0.9; opacity: 0.9;border: 1px solid grey; border-radius: 5px; padding: 5px; width: 150px;}
.partenaires{ height: 100px; overflox: auto; font-size: 10px; font-family: tahoma; padding: 8px;}

.admin1 {
border: 1px solid #C29571;
padding: 2px;
position: relative;
right:-30px;}

.contact{font-size:8px; text-transform: uppercase;}
.nouscontacter{font-size: 30px; font-family: 'Miniver', cursive;}

.rang1 {text-transform:uppercase;
font-family: tahoma;
text-align:center;
color: #000;
font-size: 10px;
letter-spacing:-1px;
line-height:10px;
text-align:center;}

.pseudo {
font-size: 22px;
line-height:20px;
font-family: 'Alex Brush', cursive;
text-shadow: 1px 1px 1px #000;
color: #eeeecc!important;
text-align:center;}

/*************************FIN PAGE D'ACCUEIL***************************/

/**************************CHATBOX******************************/

.chatbox .catBottom {
background-color: #E0CFA9;}

#chatbox_header .catBottom .cattitle {
font-variant: small-caps;
text-shadow: 1px 1px 1px #000;}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
text-shadow: 0px 1px 1px #C29571;}
/**************************FIN CHATBOX******************************/

/*************************CATEGORIES***************************/
.nomcat{font-family: 'Patrick Hand SC', cursive; font-size: 35px; text-align: center;transition-duration: 1.9s; -moz-transition-duration: 1.9s; -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s;}
.nomcat:hover{font-family: 'Patrick Hand SC', cursive; font-size: 35px; text-align: center; opacity: 0.7;}
.nomforum{font-family:'Handlee', cursive; font-size: 25px; text-align: center; margin: auto;transition-duration: 1.9s; -moz-transition-duration: 1.9s; -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s;}
.nomforum:hover{font-family: 'Handlee', cursive; font-size: 25px; text-align: center; margin:auto;letter-spacing: 4px;}
.catentier{background-color:#FDE3BE; height: 105px; border: 1px solid #fff; border-radius: 30px 5px 5px 30px;}
.catdescr{background-color: #FCFCF3; height: 50px; width: 500px; overflow:auto; text-align: justify; padding: 10px; margin:auto;}
.statscat{background-color: #FCFCF3; height: 55px; width:110px; padding: 5px;margin-top: 5px;}
.sousfo{font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; text-transform: uppercase; font-size: 11px; margin-left: 40px; margin-right: 10px; height: 15px;overflow:auto;}
.statentier{background-color:#FDE3BE; height: 95px; border: 1px solid #fff; border-radius: 5px 30px 30px 5px;padding: 5px; margin-top:14px;}
.contourspacer{background-color:#FDE3BE; border: 1px solid #fff; border-radius: 1px 1px 1px 1px; padding: 10px; margin-top: 15px;}
/*************************FIN CATEGORIES***************************/

/*************************SUJETS***************************/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/******PROFIL******/
.profilpseudo {font-family: 'Englebert', sans-serif;
font-size: 30px;
text-shadow: #000 1px 1px 2px;
text-align: center;
}

.profilpartie1 {background: #FFF;
border: 3px solid #C9B18F;
border-radius: 15px 15px 0px 0px;
}
.profilpartie2{text-align:justify;
font-family: verdana;
padding: 1px;
background: #FFF;
border: 3px solid #C9B18F;
border-radius: 0px 0px 15px 15px;
height: 150px;
overflow: auto;
}

.cadreavatar {
border : 1px solid #E2D6C5;
border-radius: 10px 10px 0px 0px;
width: 200px;
}

.profilrang {
font-family: tahoma;
text-transform: uppercase;
font-size: 8px;
color: #7B7390;
text-align: center;
margin: auto;
}

.postdetails.poster-profile a img {
width:200px;
border-radius: 10px 10px 0px 0px;
}
.postdetails.poster-profile img {
width: 200px;
display:block;
}

/******FIN PROFIL******/

/*************************FIN SUJETS***************************/

/*************************MESSAGES***************************/
.postbody {
text-align:justify;
padding: 25px;
}

/*****FICHES*****/
.Corps{background-color: #fff;border: 2px solid #C9B18F; width: 420px; padding: 10px; margin: auto;transition-duration: 2.6s; -moz-transition-duration: 2.6s; -webkit-transition-duration: 2.6s; -o-transition-duration: 2.6s;}
.Corps:hover{background-color: #fff;border: 2px solid #C9B18F; border-radius: 50px 50px 50px 50px;width: 420px; padding: 10px; margin: auto;}
.imgprez{filter:Chroma(color=#B2A878);filter:alpha(opacity=60);-moz-opacity:0.4; opacity: 0.4; width: 400px; padding: 10px;transition-duration: 2.6s; -moz-transition-duration: 2.6s; -webkit-transition-duration: 2.6s; -o-transition-duration: 2.6s;}
.imgprez:hover{filter:Chroma(color=#B2A878);filter:alpha(opacity=100);-moz-opacity:0.9; opacity: 0.9; width: 400px; padding: 10px; border-radius: 50px 50px 0px 0px;}
.nomprenom{font-family: 'Miniver', cursive; font-size: 40px; color:#A47F61;font-weight: bold; text-align: center; transition-duration: 1.6s; -moz-transition-duration: 1.6s; -webkit-transition-duration: 1.6s; -o-transition-duration: 1.6s; }
.nomprenom:hover{font-family: 'Miniver', cursive; font-size: 40px; color:#EBE1C9;font-weight: bold; text-align: center;}
.citation{font-family: 'Alegreya Sans SC', sans-serif; font-size: 10px; text-shadow:1px 1px 2px #000; text-transform:uppercase; border: 1px solid #C9B18F; width: 395px; text-align:center;margin: auto;}
.cadredescr{border: 1px solid #60747F; line-height:12px; color: #000000; font-size:11px;text-align: justify; width: 180px; height: 307px; padding: 5px; overflow:auto;}
.avacadre{ overflow:auto; opacity: 0.0; transition-duration: 0.9s; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s;}
.avacadre:hover{ overflow:auto;opacity: 0.8;}
.crea{height: 70px; width: 400px; margin: auto; overflow: auto; font-size: 11px; line-height:10px;}
.imgscena{height: 50px; border: 1px solid #C9B18F; padding: 2px;}
.lienscena{font-family: 'Alegreya Sans SC', sans-serif; font-size: 10px; text-shadow:1px 1px 2px #000; text-transform:uppercase; text-align: center;}
.pris {text-shadow:1px 1px 1px #601E3F; color: #926A57;}
.scenario {text-shadow: 1px 1px 1px #8FA58E; color:#818571;}
.réservé{text-shadow: 1px 1px 1px #601E3F; color:#B76B33;}
/*****FIN FICHES*****/
/*************************FIN MESSAGES***************************/

/*************************QEEL***************************/
.qcontour {width: 800px; background: #ECD7A8; border: 1px solid #fff; border-radius: 10px;}
.quenligne {height: 230px; background:#EBE1C9; border: 1px solid #eeeecc;padding: 10px; text-align: justify; overflow: auto;}
.qinfos {height: 230px; background:#EBE1C9; border: 1px solid #eeeecc;padding: 10px; text-align: justify; overflow: auto;}
.qimg {height: 230px;background-color:#EBE1C9; border: 1px solid #eeeecc; padding: 10px; margin: auto; text-align: center;}
.qheure {width: 735px; height:75px; background: #EBE1C9; border: 1px solid ##eeeecc; padding: 10px; text-align: justify; overflow: auto;}
.qcrédits {font-family: tahoma; font-size: 8px; text-transform: uppercase; color : #059D48; text-shadow: 1px 2px 2px #0A6238; text-align: center;}
.qtitre {font-family: 'Englebert', 'sans-serif'; font-size: 18px; color : #567494; text-align: center;}

div.infobulle {
position: relative;
float: bottom;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: none;
z-index: 999;
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 10px;
left: 1px;
text-align: justify;
font-size: 11px;
background-color: #EBE1C9;
color: #000000;
padding: 10px;
border: 2px solid #D1B981;
width: 150px;
height: 100px;
opacity: 0.9;
overflow: auto;
}

.sowk {font-size: 14px; font-variant: small-caps; font-weight: bold; color:#4D7558; text-shadow: 1px 1px 1px #000; text-align: center;}
.bys {font-size: 14px; font-variant: small-caps; font-weight: bold; color:#A8565A;text-shadow: 1px 1px 1px #000;text-align: center;}
.itn {font-size: 14px; font-variant: small-caps; font-weight: bold; color:#CFB65B;text-shadow: 1px 1px 1px #000;text-align: center;}
.wghwy {font-size: 14px; font-variant: small-caps; font-weight: bold; color: #5E7991;text-shadow: 1px 1px 1px #000;text-align: center;}
.kgb {font-size: 14px; font-variant: small-caps; font-weight: bold; color:#D19D75;text-shadow: 1px 1px 1px #000;text-align: center;}

/*************************FIN QEEL***************************/

/*************************FOOTER***************************/
/*************************FIN FOOTER***************************/

/***volets***/
/* Bloc principal */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
width: 250px; /* largeur du bloc */
height: 150px; /* hauteur du bloc */
background: white; /* couleur de fond */
}

/* Bloc de recouvrement */
.blocVolet {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 250px; /* largeur du bloc (identique au bloc principal) */
height: 150px; /* hauteur du bloc (identique au bloc principal) */
background: #fff; /* couleur de fond */
/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;}

.imgblocVolet{transition-duration: 0.9s; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s;
}

.imgblocVolet:hover {opacity: 0.4;}

/* Changement au survol */
.monBloc:hover > .blocVolet {
left: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

/*****QEEL CIL*****/
.burger{width: 700px; padding: 5px; border: 1px solid black;}
.boxtitle{font-family: 'Satisfy', cursive; font-size:14px;}
.box1 {background: #F5EBD4; width: 220px; height:210px;}
.intobox1{}
.box2 {background: #F5EBD4; width: 220px;}
.intobox2{}
.box3 {background: #F5EBD4; width: 230px;}
.intobox3{}
.box4 {background: #F5EBD4; width: 230px;}
.intobox4{}
.box5 {background: #F5EBD4; width: 220px;}
.intobox5{}
.box6 {background: #F5EBD4; width: 220px;}
.intobox6{}