CSSCSS CSS CSS CSS CSS

/********* DÉBUT CATÉGORIES ***********/
/* Mise en place du conteneur d'onglets */
#conteneur_onglets_cate {
/* Taille (largeur et hauteur) */
width: 95%;
height: 25px;
margin: auto;
margin-top: 20px;
margin-bottom: 30px;
overflow: visible;
/* Couleur de fond */
background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d510.png) ;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
display: none;
text-align: center;
}

/* Mise en forme des noms d'onglets */
#conteneur_onglets_cate div {
display: inline-block;
verctical-align: bottom;
position: relative;
bottom: 25px;
margin: 10px;
/* Couleur */
color: #AA0000;
font-size: 19pt;
/* Police d'écriture */
font-family: 'UnifrakturMaguntia', cursive;
font-weight:bold;
transition: all ease 1s;
}

/* Effet au passage de la souris sur les noms d'onglets */
#conteneur_onglets_cate div:hover {
color: #43586B;
transition: all ease 1s;
}

/* CSS pour les onglets */
.onglet_cate {
cursor: pointer;
}

/* CSS pour retirer le contour de catégories */
.categorie .forumline {
border: 1px solid;
}

/* Mise en pace du titre de catégorie */
.secondarytitle {
width: 100%;
text-align: center;
}

/* Mise en forme du titre de catégorie */
.secondarytitle h2 {
color: #3C4A55;
font-size: 20pt;
font-family: 'UnifrakturMaguntia', cursive;
font-weight:bold;
letter-spacing: 0px;
transition: all ease 1s;
}

/* Effet au passage de la souris sur le titre de catégorie */
.secondarytitle h2:hover {
letter-spacing: 3px;
transition: all ease 1s;
}

/* Mise en forme du titre de sous-forum 8position) */
.titre_forum {
width: 90%;
margin: auto;
margin-bottom: -10px;
text-align: left;
}

/* Mise ne forme du lien de sous-forum */
a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
/* Couleur, taille et police */
color: #141A28;
font-size: 16pt;
font-family: 'UnifrakturMaguntia', cursive;
font-weight:bold;
/* Mise ne place de l'effet */
letter-spacing: 0px;
transition: all ease 1s;
}

/* Effet au passage de la souris sur les liens de sous-forum */
a.forumlink:hover {
color: #45576B;
text-decoration: none !important;
letter-spacing: 2px;
transition: all ease 1s;
}

/* Contour des sous-forums */
.conteneur_forum {
width: 930px;
margin: auto;
padding: 10px;
border-radius: 20px;
/* Couleur de fond */
background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d510.png) ;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

/* Countour de la description de sous-froums */
.description_forum {
display: inline-block;
vertical-align: top;
/* Taille */
width: 640px;
height: 80px;
padding: 10px;
margin: 5px;
margin-left: 60px;
border-radius: 10px;
/* Couleur de fond */
background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
overflow: hidden;
}

/* Position de l'image dans la description */
.description_forum img {
float: left;
margin-right: 10px;
border-radius: 5px;
}

/* Mise en forme du texte dans la description */
.description_forum p {
width: 320px;
height: 70px;
margin: 0px;
overflow: auto;
/* Couleur du texte */
color: #43586B;
text-align: justify;
}

/* Conteneur des statistiques et dernier message */
.conteneur_stats {
display: inline-block;
vertical-align: top;
text-align: center;
/* Taille */
width: 140px;
height: 90px;
padding-bottom: 10px;
margin: 5px;
overflow: hidden;
border-radius: 10px;
/* Couleur de fond */
background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

/* Arrondi sur l'image de nouveau/pas de nouveaux/verrouillé */
.conteneur_stats .folder_img {
border-radius: 10px;
}

/* Mise en forme de X messages dans X sujets */
.conteneur_stats .stats {
text-align: center;
/* Couleur */
color: #43586B;
font-size: 8pt;
font-family: 'UnifrakturMaguntia', cursive;
font-weight:bold;
}

/* Mise en forme du lien du dernier sujet */
.conteneur_stats .gensmall a {
color: #3C4A55;
text-decoration: none !important;
transition: all ease 1s;
}

/* Effet au hover */
.conteneur_stats .gensmall a:hover {
color: #B2B2B2;
text-decoration: none !important;
transition: all ease 1s;
}

/* Conteneur des liens déflants du sous-forum */
.conteneur_liens_ss_forums {
/* Taille */
width: 610px;
height: 15px;
padding-top: 5px;
margin: auto;
margin-top: 10px;
overflow: hidden;
border-radius: 10px;
/* Couleur de fond */
background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

/* Mise en forme des liens vers les sous-forums */
.conteneur_liens_ss_forums a {
color: #3C4A55;
text-decoration: none !important;
transition: all ease 1s;
}

/* Effet au Hover */
.conteneur_liens_ss_forums a:hover {
color: #B2B2B2;
text-decoration: none !important;
transition: all ease 1s;
}
/********* FIN CATÉGORIES ***********/

CSS de l'index-box N° 2


/* ------------------ CATÉGORIES -------------------- */

/* TABLE CATÉGORIES */
.forumline.tfa{
background: url(https://i.servimg.com/u/f84/19/41/06/64/bleufo10.jpg)! Important;
border: 1px #0EF5F1 double;
border-left: 5px #0EF5F1 double;
border-right: 5px #0EF5F1 double;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
/* TITRE CATÉGORIE */
.secondarytitle, .secondarytitle h2 {
font: 17px Oleo Script;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE CATÉGORIE AU SURVOL */
.secondarytitle:hover, .secondarytitle h2:hover {
font-size: 22px;
color: #CC0000;
}
/* TITRE FORUM */
.forum_titre{
float: left;
width: 70%;
margin: 0;
padding: 0;
}
span .forumlink{
position: relative;
top: -10px;
left: 40px;
display: bock;
width: 90%;
}
.forumlink {
font: 16px Oleo Script;
color: #FFFFFF;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE FORUM AU SURVOL */
.forumlink:hover{
font-size: 20px;
margin-left: 20px;
color: #CC0000;
}
.forum_titre{
background: url('https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png') transparent 14px 0px no-repeat;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.forum_titre:hover{
background: url('https://i.servimg.com/u/f45/11/95/30/70/lkj510.png') transparent 100% 0px no-repeat;
}
/* NOMBRE MESSAGES - NOMBRE SUJETS */
.tfa_suj_mess{
float: left;
width: 30%;
margin: 0;
padding: 0;
text-align: right;
}
.tfa_suj_mess .gensmall{
font: 12px UnifrakturMaguntia;
color: #FFFFFF;
position: relative;
top: -10px;
right: 15px;
display: bock;
width: 90%;
}
.chiffres{
font: 13px Oleo Script;
color: #DD6900;
}
/* DESCRIPTION */
.tfa_description{
position: relative;
width: 99%;
margin: auto;
background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png)! Important;
border: 2px #0EF5F1 double;
border-left: 5px #0EF5F1 double;
border-right: 5px #0EF5F1 double;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: none;
}
.descrp{
width: 98%;
margin: auto;
padding: 3px 0;
}
.modo{
width: 98%;
margin: auto;
margin-top: 3px;
}
/* DERNIERS MESSAGES */
.derniers_tfa_messages{
position: relative;
width: 94%;
margin: auto;
padding: 0;
background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png)! Important;
border: 2px #0EF5F1 double;
border-left: 5px #0EF5F1 double ;
border-right: 5px #0EF5F1 double;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: none;
}
.derniers_tfa_messages .gensmall.tfa{
width: 96%;
margin: auto;
display: block;
margin: 0 auto 5px;
}
/* ICONES NEW - NO NEW - CLOS */
.icone_tfa_cat{
position: relative;
width: 100%;
text-align: center;
top: -15px;
}
/* SOUS FORUMS */
.tfa_sous_forum{
width: 100%;
text-align: center;
margin: 7px auto;
}
/* LIENS SOUS-FORUMS */
.tfa_sous_forum a.gensmall{
diplay: inline-block;
background: url(https://i.servimg.com/u/f84/19/41/06/64/bleufo11.jpg)! Important;
margin: 0 2px;
padding: 2px;
font: 12px UnifrakturMaguntia;
color: #FFFFFF;
border: 2px #0EF5F1 double;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.8s ease; /* pour navigateur webkit */
-moz-transition: all 0.8s ease; /* pour navigateur mozilla */
-o-transition: all 0.8s ease; /* pour navigateur opera */
transition: all 0.8s ease; /* pour les navigateurs récents */
}
/* LIENS SOUS-FORUMS AU SURVOL */
.tfa_sous_forum a.gensmall:hover{
padding: 8px;
font: 18px UnifrakturMaguntia;
color: #FFFFFF;
background: url(https://i.servimg.com/u/f84/19/41/06/64/770cc511.jpg)! Important;
border-left: 2px #0EF5F1 double;
border-right: 2px #0EF5F1 double;
-moz-box-shadow: 3px 1px 2px #000;
-webkit-box-shadow: 3px 1px 2px #000;
box-shadow: 3px 1px 2px #000;
text-decoration: none !important;
-webkit-transform : rotate(-20deg);/* pour navigateur webkit */
-moz-transform : rotate(-20deg); /* pour navigateur mozilla */
-o-transform : rotate(-20deg);/* pour navigateur opera */
transform: rotate(-20deg); /* pour les navigateurs récents */
}