/* _________________________________________________________________________________________________________________________________ */
/* CODES TEXTES GÉNÉRAUX */
a { text-decoration: none; }
a:hover { text-decoration: none!important;}
/* _________________________________________________________________________________________________________________________________ */
/* CSS DES CATÉGORIES ; PAGE D'ACCUEIL */
:root {
--acc1: #858585;
--acc2:#abbedd;
--acc3:#ffffff;
--white: #fff;
--black: #000;
--border: #ededed;
--border1: 1px solid #ebebeb;
--background1: #f8f8f8;
--background2: #ffffff;
--background3: #abbedd;
--degrade: linear-gradient(-45deg,#ddd9eb,#abbedd)!important;
--degrag: #d2c7d2;
--gr1: #000;
--gr2: #DD9F8C;
--gr3:#6CB29F;
--gr4: #74ABB6;
--gr5: #D7A329;
}
/* CATÉGORIES */
/*liens voir nouveaux messages, supp cookies (en haut et en bas des catés*/
.liens_pa {
background: var(--background2);
padding: 5px 0 7px;
border-radius: 0px;
margin-top: 9px;
text-align: center;
}
.liens_pa a {
background: var(--background2);
border-radius: 0px;
padding: 1px 10px;
margin: 0 10px;
text-transform: lowercase;
font-size: 10px;
}
/*Titre de la catégorie*/
.cat_titre { background-image: var(--degrade);
border-radius: 0px 0px 0 0;
font-weight: 150;
letter-spacing: 3px;
margin-top: 14px;
padding: 9px 20px;
text-transform: lowercase;
font-family: 'Cormorant Garamond';
color: #ffffff;
}
.cat_titre h2 { background-image: var(--degrade);
font-size: 14px;
color: #ffffff;
font-weight: 300;
margin: 0;}
/*Rassemblement de balises répétitives*/
#cate {margin: 0 7px 0 0;
border-radius: 0px;}
.liensforums, .imgnew, .txt_derniermess {
border: var(--border1); }
.cat_container { background: var(--background2);
border-radius: 0px;
height: 80px;/*à modifier seulement si vous la voulez plus haute*/
padding: 10px;
margin: 0 0 4px;
display: flex;
font-size:10px;}
/*Partie liens forums*/
.liensforums { background: var(--background1);
font-size: 0px;
overflow: auto;
width: 18%;
padding: 5px;
text-align: left;
border: 4px double #FFFFFF;
}
#liensforums2 a {
display: block;
text-transform: lowercase;
font-size: 10px;
}
#liensforums2 a::before {
color: #DD9F8C;
content: " › ";
}
/*Partie image new, no new etc.*/
.imgnew { padding: 3px;
width: 5%;}
.imgnew img { border-radius: 0px;
height: 100%;
object-fit: cover;
width: 100%;}
/*Partie titre du forum et description*/
.titredescriforum {
width: 65%;}
/*titre forum*/
.titreforum { background: var(--background2);
border-radius: 0px;
margin-top: -10px;
margin-left: 20px;
padding-left: 0px;
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
font-family: 'Cormorant Garamond';
}
.titreforum a { font-size: 16px;
font-weight: 700;
color: #000;}
/*description*/
.descricat { height: 60px; /*à modifier si vous changer la height de .cat_container*/
margin-top: -7px;
margin-right: 5px
padding: 4px;
text-align: justify;
overflow: auto;
line-height: 13px;
border: 4px double #eaeaea75;}
/*Partie nb de sujets et messages*/
.nbsujnotes { display: flex;
flex-wrap: wrap;
max-width: 60px;}
.nbsujnotes2 { background: var(--background1);
border-radius: 0px;
color: var(--acc1);
font-size: 10px;
font-weight: 500;
text-align: center;
min-width: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.nbsujnotes2:nth-child(2) {margin-top:7px;
color:var(--acc2);}
/*Partie dernier message posté*/
.derniermess {
max-width: 165px;}
/* titre avec écrit last song*/
.ti_derniermess { background-image: var(--degrade);
border-radius: 0px;
color: var(--acc3);
font-size: 11px;
margin: 0 0 0 0px;
text-align: center;
min-width: 165px;}
/*dernier avatar*/
.avatarcat { background: var(--background2);
border: var(--border1);
border-radius: 3px;
margin-left: 10px;
margin-top: 13px;
padding: 2px;
position: absolute;
}
.avatarcat img { border-radius: 3px;
width: 39px;
height: 39px;
object-fit: ;}
/*lien vers dernier sujet et pseudo*/
.txt_derniermess {
border-radius: 0px;
margin: 5px 0 0;
padding: 6px 0 7px 60px; /*possible que 32px ne soit pas assez selon la version utilisée, vous pouvez augmenter si avatar empiète sur le texte*/
text-transform: lowercase;
height: 40px; /*à modifier si vous changer la height de .cat_container*/
display: flex;
line-height: 13px;
flex-wrap: wrap;
align-items: center
border: 4px double #eaeaea75;
}
.txt_derniermess a { font-size: 10px;}
.txt_derniermess br {
content: "";
margin: 2em 0 0 4em;
display: block;
font-size: 24%;
}
/************************* LISTE DES SUJETS *************************/
/***********PARTIE AU-DESSUS ET EN-DESSOUS LISTE DES SUJETS***********/
/*Boutons nouv/rep et navigation*/
.pro_nav { display: flex;
font-size: 0;
margin: 15px 0;
align-items:center;}
/*liens navigation*/
.pro_nav a { font-size: 10px;
text-transform: uppercase;
margin: 0 10px 0 0;
font-weight: 300;
padding: 1px 0 0;}
/*styling bouton nouv/rep*/
.pro_nouvrep a { background: var(--background3);
color: var(--acc3)!important;
padding: 2px 10px;
border-radius: 6px;
font-weight: 150;
letter-spacing: 2px;
font-size: 12px; transition: .5s ease;}
.pro_nouvrep { margin: 0 10px 0 0;
}
.pro_nouvrep a:nth-child(1) {margin:0 10px 0 0;background:var(--acc2);color:var(--acc3);}
.pro_nouvrep a:nth-child(1):hover {background: var(--background3); transition: .5s ease;
color: var(--acc3)!important;}
/*liens navigation à côté de bouton rep/nouv*/
.liens_suj { background: var(--background2);
padding: 3px 10px;
border-radius: 7px;
display: flex;
justify-content: flex-start;
font-size: 0;
align-items: center;}
.liens_suj a {
margin: 0 15px 0 0;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;}
.liens_suj h1 {margin:0px;}
/*la pagination*/
.pagination { float: none;
display: flex;
justify-content: flex-end;
font-size: 0px;
margin:0;}
.pagination2 {
text-transform: uppercase;
}
.pagination a, .pagination span {font-size:10px;}
.pagination a { padding: 0 10px 0;}
.pagination a strong {font-weight:500;}
.pagination b { background: var(--acc2);
margin: 0 8px 0 0;
padding: 0 5px;
border: none;
color: var(--acc3);
font-size: 10px;
border-radius: 3px;}
.pagination a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
{ color: var(--acc1);
background: var(--background1);
padding: 0 5px;
border: none;
font-size: 10px;
border-radius: 3px;}
.pagination img {max-width:8px;}
/*titre de liste des sujets*/
.cat_titre { background-image: var(--degrade);
border-radius: 0px 0px 0 0;
color: #fff;
font-weight: 300;
letter-spacing: 3px;
margin-top: 14px;
padding: 9px 20px;
text-transform: uppercase;}
/*********** LES SUJETS ***********/
/*Div qui contient toutes les balises*/
.af_suj1 { display: flex;
background: var(--background2);
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
height: 75px;
margin: 0 0 7px;}
/*partie image new/no new*/
.af_suj2 { width: 57px;
margin: 0 7px 0 0;}
.af_suj2 img { width: 57px;
height: 54px;
object-fit: cover;
border-radius: 10px;}
/*partie réponses / vues*/
.af_suj3 { width: 9%;
margin: 0 7px 0 0}
.suj_stat {background: var(--background1);
border-radius: 0px;
display: flex;
height: 25px;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 500;
color: var(--acc2);}
.suj_stat:nth-child(1) {
margin:0 0 4px;
color:var(--acc1);}
/*partie titre du sujet, auteur, pagination & description*/
.af_suj4 {width: 57%;}
/*titre du sujet*/
.suj_titre { border-bottom: var(--border1);
padding: 0 0 4px;
margin: 0 0 4px;}
a.topictitle { color: var(--acc1);
font-weight: 500;
font-size: 12px;
text-transform: lowercase;
line-height: 13px;
letter-spacing: 1px;}
a.topictitle:hover {
text-decoration:none;}
ba { color: var(--acc3);
background: var(--background3);
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 12px;}
.suj_titre img {margin:0 5px 0 0;}
/*partie auteur et pagination*/
.af_suj5 { display: flex;}
.suj_auteur { width: 50%;
font-size: 11px;
text-transform: uppercase;}
.suj_pagination { text-transform: uppercase;
font-size: 0px;
width: 50%;
text-align: right;
}
.suj_pagination a { font-size: 11px;
background: var(--background1);
padding: 0 9px;
border-radius: 4px;
margin: 0 3px 0 0;}
.suj_pagination br, .suj_pagination img {display:none!important;}
.suj_pagination .gensmall {font-size:0px!important;}
/*description du sujet*/
.suj_description { color: var(--acc1);
font-style: italic;
font-size: 10px;
text-transform: lowercase;}
/*partie avatar dernier posteur*/
.af_suj6 { border: var(--border1);
padding: 3px;
width: 50px;
height: 50px;
border-radius: 60px;
box-sizing: border-box;
margin: auto 7px;}
.af_suj6 img {width: 41px;
height: 42px;
border-radius: 51px;
object-fit: cover;}
/*partie dernier message et dernier posteur pseudo*/
.af_suj7 {width: 17%;
display: flex;
flex-wrap: wrap;
font-size: 14px;
align-items: center;
text-transform: lowercase;
margin: auto 0;}
.af_suj7 span {
padding:0 10px 0 0;
}
.af_suj7 img {margin:0 0 0 3px;}
/*********** AFFICHAGE SUJETS SI PAS DE SUJETS ***********/
li.row {
border: none;
text-align: center;
list-style: none;
padding: 9px;
text-transform: uppercase;
color: var(--acc1);
letter-spacing: 1px;
border-radius: 0 0 10px 10px;
font-size:14px;
background:var(--background2);
}
li.row:hover {
background-color: var(--background2);
}