AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez
 

 Le css du forum complet

Aller en bas 
AuteurMessage
FakeLove
Admin
FakeLove

Messages : 10
Date d'inscription : 31/10/2018

test
test: Noter ici votre profil rp (1 rp par semaine, vous répondez tous les soirs,...)

Le css du forum complet Empty
MessageSujet: Le css du forum complet   Le css du forum complet EmptyVen 9 Nov - 11:37

Code:
@import url(https://fonts.googleapis.com/css?family=Almendra+Display);
@import url(https://fonts.googleapis.com/css?family=Trirong:400,300italic,200,200italic,100italic,100,300,400italic,500,500italic,600,600italic,700);
@import url(https://fonts.googleapis.com/css?family=Six+Caps);
@import url(https://fonts.googleapis.com/css?family=Dorsa);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100);

a:hover, a{
  text-decoration:none !important;
}

@font-face {
   font-family: "Birch STD";
   src: url('http://twentytwenty.fr/font/birchstd.otf');
}

.bodylinewidth{
  width:756px;
  margin-top:574px;
  margin-top:504px;
}


.postbody {
    color: #827e7a;
    font-size: 11px;
    line-height: 17px;
padding-left:30px;
  padding-right:30px;
  text-align: justify;
}

body{
      background-attachment: scroll;
  background-color:#d5d6d4;
background-image:url("");
  background-position:top center;
  background-repeat:no-repeat;
 
}


.ban1 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header10.jpg'); }
.ban2 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header11.jpg'); }
.ban3 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header12.jpg'); }
.ban4 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header13.jpg'); }
.ban5 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header14.jpg'); }
.ban6 { background-image: url('https://i.servimg.com/u/f76/19/98/10/11/header15.jpg'); }


td.catBottom, th.thBottom {
    border-width: 0;
}

.forumline{
  background-color:#;
}


.bodyline{
  background-color:#c8c8c8;
  border:1px solid #abadac;
  -webkit-box-shadow: 0 0 1px 0 #000000;
box-shadow: 0 0 1px 0 #000000;
 
}
.code div.cont_code {
    max-height: 100px;
    overflow: auto;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right;  }
#right{
width:0px !important;}

#naviga2  {

    background-color: #bea399 !important;
  margin-top:-35px !important;

  padding-bottom:3px !important;
 
 
  background-image: linear-gradient(90deg,#a48275,#bea399) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
}


.navig a, #naviga2 a, naviga a {

 
  text-transform:uppercase;
  color: #e3c5b0!important;
  padding-right:0px;
  font-size:13px;

text-shadow: 0 0 1px #a17361;
 font-family: 'Advent Pro', sans-serif;
  font-weight:bolder;
 

}



.navig a:hover, #naviga2 a:hover, naviga a:hover  {
font-family: 'Advent Pro', sans-serif;
    color: #9b5851!important;
 
}


/* QEEL */
.QEEL {
margin:auto; width:800px;
  background-image: url('');
  height:250px;
 
 
  background:#000;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:790px; height:25px; padding:10px 0 10px 10px;
background:#; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:24px;
color:white;  /* MODIFIABLE */
}

.tleQEEL .cattitle  {
font-size:24px;
color:white;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:485px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px; text-align:center; font-size:11px;
color:#844F53;
background: #E3C5B0 ;
border: 2px double #958081;
box-shadow: inset 0 0 3px 0 #958081; 
 
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
height:25px; padding:5px; text-align:center; font-size:11px;
color:#844F53;
background: #E3C5B0 ;
border: 2px double #958081;
box-shadow: inset 0 0 3px 0 #958081;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px 10px; text-align:center; font-size:11px;
background:#; color:white; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top;
width:295px; height:130px; padding:5px; overflow:auto;
background:#; color:#C3C3C3; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:285px; height:130px; padding:5px; overflow:auto;
background:#; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:#C3C3C3; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:150px; height:160px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
display:block; margin-bottom:2px;
height:19px; padding:5px 0 0; overflow:hidden;
  color: #FFF;
}



    /****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

    .lastpost-avatar img {
    width: 69px;
    height: 110px; border: 2px double #dbd4d0; padding: 0px;
      filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

    .lastpost-avatar img:hover {
    border: 2px double #dec7fa; padding: 0px;
        filter: grayscale(80%); -webkit-filter: grayscale(80%);
      -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
      opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
      -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
      opacity: 0.8;    /* l'opacite que vous voulez au depart */
        -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
        filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
      -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
        -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
        -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
        transition: opacity 0.5s ease-in-out;  }
    .nav img {max-width:140px;}
    .modifcat { background-color : #d5d6d4; width: 790px; padding-bottom: 10px;margin:auto;} /*** le fond de la catégorie ***/
    .catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
    .catégoz h2 { font-size: 30px; font-family: 'Niconne', cursive;letter-spacing: -1px; color:#c4c4c4;font-weight: bold;
      text-transform: capitalize; text-shadow: 0 1px 0 #fff;
} /*** le style des titres des catégories ***/
   
    .statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 390px; height: 115px;
      background-color: #fff; border:1px solid #eae6e2;  margin-top: -16px; padding-left: 4px;  padding-right: 4px;
      padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
    .descrip_bloc1 { width: 375px; height: 70px; overflow:auto; text-align: justify;  line-height: 11px; padding: 4px;
      font-family: 'Josefin Sans', sans-serif!important;padding-bottom: 6px; font-size: 12px;
  background-color: #f7f1ff; border:1px solid #eae6e2; font-weight: bolder; } /*** le style des descriptions ***/
    .statistiques_cat {background-color: #fff;  width: 135px; height: 115px;
      border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/
    .stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
    font-family: 'Roboto Condensed', sans-serif;  font-size: 11px;}

    .sousfofo {

    padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
    background-image : url('https://i.servimg.com/u/f76/19/98/10/11/sous_f10.png');
        border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;}
    .sousfofo a { overflow: x;
    color: #C0C0C0; width: 142px!important; display:inline-block; border-collapse: separate; height : 9px;
    font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px;
  margin-bottom: 2px;
      margin-top: 1px;  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
      -webkit-transition-timing-function:ease-in; font-weight: bold;
    /* Bientôt supporté par Firefox */
      -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
      -moz-transition-timing-function:ease-in;
    font-size: 8px; text-transform : uppercase; font-family: 'Advent Pro', sans-serif;}

    .sousfofo a:hover {
    color: #93807B;
    font-family: Arial;
    text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : uppercase; }

    .forumutitre { padding-top: -50px!important;}
    .forumtitre a { font-family: 'Josefin Sans', sans-serif !important;color: #c4c4c4; font-size: 15px;  font-family:Arial;letter-spacing: 2px;
    text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
      -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
      -webkit-transition-timing-function:ease-in; font-weight: bold;
    /* Bientôt supporté par Firefox */
      -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
      -moz-transition-timing-function:ease-in;
    /* … et lorsque ce sera standardisé */ margin-left: 100px;
      transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

    .forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;}
    .stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #dbd4d0;
      text-transform: uppercase;  text-align: center;  }
    .forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
    .image_cate {margin-top: 10px;}

    /********************* FIN DES CODES CATEGORIES ********************************/



/******SUJET profil*******/

 /***TITRE***/
 
  .tpl_sujet_entete {
  margin: 0 auto;
  width: 820px;
  height: 80px;
  background: #f2ddd0;
  text-align: center;
  }
 
  .tpl_sujet_entete h1 {
  margin: 0 auto;
  font-size: 26px;
  color: #8b6c6c;
  font-family: Niconne, cursive;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0px;
  line-height: 50px;
  }
 
  /***NAVIGATION***/
 
  .tpl_sujet_nav {
  display: block;
  margin: 0 auto;
  width: 800px;
  border-width: 0 0 0px;
  border-style: solid;
  border-color: #8b6c6c;
 font-family: 'Josefin Sans', sans-serif !important;
  line-height: 20px;
  text-align: center;
  }

  .tpl_sujet_nav a {
    font-size: 12px;
    color: #8b6c6c;
  font-family: 'Josefin Sans', sans-serif !important;
  text-transform:uppercase!important;
}
 
  /***PSEUDO***/
 
  .tpl_sujet_pseudo {
  display: block;
  position: relative;
  margin: 20px auto 0;
  width: 245px;
  height: 30px;
  background-image: linear-gradient(90deg,#f2ddd0,#dfc7b9) !important;
  box-shadow: 0px 2px 2px #876455;
  font-size: 23px;
  font-family: Niconne, cursive;
  font-weight: normal;
  text-shadow: 1px 1px 0px #876455;
  color: #876455;
  line-height: 30px;
  text-align: center;
  z-index: 3;
  }


 .tpl_sujet_pseudo::before { /***CÔTÉ GAUCHE***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #f2ddd0 #f2ddd0 transparent transparent;
  }

  .tpl_sujet_pseudo::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #dfc7b9 transparent transparent #dfc7b9;
  }
 
  /***AVATAR & FEUILLE DE PERSONNAGE***/
 
  .tpl_sujet_avatar {
  position: relative;
  margin: -25px auto 0;
  width: 200px;
  height: 320px;
  -webkit-box-shadow: 0 0 2px 0 #aa8f7f;
box-shadow: 0 0 2px 0 #aa8f7f;
  overflow: hidden;
  }

  .tpl_sujet_avatar div { /***FEUILLE DE PERSONNAGE***/
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 300px;
  background: #f6ecea;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #3b302f;
  text-align: justify;
  z-index: 2;
  opacity: 0;
  transform: scale(0.5);
  transition: all 1s;
  overflow: hidden;
}

  .tpl_sujet_avatar div:hover {
  opacity: 1;
  transform: scale(1);
}

  /***INFORMATIONS***/
 
  .tpl_sujet_rang {
  margin: 5px auto;
  width: 200px;
  height: 25px;
  background: #f7f0f0;
  box-shadow: 2px 2px 0px #e7cbaa;
  font-size: 14px;
  color: #70655e;
  text-align: center;
  }
 
  .tpl_sujet_informations {
  margin: 10px auto;
  width: 200px;
  min-height: 150px;
  background: #f7f0f0;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  color: #513418;
  line-height:9px;

  }


  .tpl_sujet_informations .label{

  color: #513418;
  font-weight:bolder;
  }


  .tpl_sujet_informations img {
 
  width: 190px;
  max-height: 100px;
 
  }

  .tpl_sujet_intitule {
  font-size: 13px;
  font-family: 'Josefin Sans', sans-serif !important;
}

  .tpl_sujet_contenu {
  font-size: 12px;
  color: #70655e;
}
 
  /***DATE & BOUTONS***/
 
  .tpl_sujet_bnddate {
  position: relative;
  margin: 20px auto 0;
  width: 500px;
  height: 30px;
  background-image: linear-gradient(90deg,#f2ddd0,#dfc7b9) !important;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px #dfc7b9;
  }
 
  .tpl_sujet_bnddate::after { /***CÔTÉ DROIT***/

  }

  .tpl_sujet_date {
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif !important;
  color: #4e3728;
  float: left;
}

  .tpl_sujet_boutons {
  float: right;
}
 
  /***MESSAGE***/
 
  .tpl_sujet_message {
  margin: -10px auto 0;
  width: 495px;
  min-height: 510px;
  background: #f7f0f0;
  padding: 15px 8px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 3px 3px 1px #e7cbaa;
  font-size: 14px;
  color: #70655e;
  text-align: justify;
  }

  /***SIGNATURE***/

  .tpl_sujet_signature {
  margin: 0 auto;
  width: 500px;
  height: 40px;
  background: #f7f0f0;
  line-height: 10px;
  overflow: auto;
}

  /***EN LIGNE & CONTACT***/

  .tpl_sujet_contact {
  margin: 30px;
}

 /***BORDURES***/

td.catHead, td.catBottom {
  border-width: 0;
}


/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 21/10/2018
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=arial';

/*reset des styles par défault du navigateur*/
.template-linus-34 ul{ list-style:none; }
.template-linus-34 ul, .template-linus-34 h5, .template-linus-34 h4, .template-linus-34 h3, .template-linus-34 h2, .template-linus-34 h1, .template-linus-34 p, .template-linus-34 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-34 a, .template-linus-34 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-34 a img{border:none;}

.template-linus-34 {
  font-size:12px;
  line-height:15px;
  font-family:arial,serif;
  overflow:hidden;
  background:#e5cdc2;
  min-width:670px;
  margin:auto;
}

.template-linus-34 .tli-pseudo{
  display:block;
  font-family:"arial";
  text-transform:uppercase;
  font-size: 14px;
  line-height: 16px;
  margin-bottom:3px;
  color:#a17361;
}

.template-linus-34 .tli-pseudo strong,
.template-linus-34 .tli-pseudo b{
  font-weight:normal!important;
}

.template-linus-34 .tli-avatar{
  width:60px;
  height:60px;
  border-radius:100%;
  overflow:hidden;
  position:relative;
  background:#c3aea5;
  flex-shrink:0;
  flex-grow:0;
  transition:transform 1s;
  -webkit-transition:-webkit-transform 1s;
}

.template-linus-34 .tli-avatar:hover{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.template-linus-34 .tli-avatar>a>span,
.template-linus-34 .tli-avatar>a{
  position:absolute;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  left:0;
  top:0;
  margin:2px;
  border-radius:100%;
  overflow:hidden;
}

.template-linus-34 .tli-avatar>a{
  z-index:10;
  background:#e5cdc2;
}

.template-linus-34 .tli-avatar>a img{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.template-linus-34 .tli-lastvisit:not([data-val="Jamais"]):before{
  content:'dernière visite ';
}

.template-linus-34 .tli-lastvisit[data-val="Jamais"]{
  font-size:0;
  line-height:0;
}

.template-linus-34 .tli-lastvisit[data-val="Jamais"]:before{
  content:'aucune visite';
  font-size:11px;
  line-height:12px;
}

.template-linus-34 .tli-lastvisit{
  text-transform:lowercase;
}

.template-linus-34 .tli-posts{
  background:#c3aea5;
  color: white;
  font-size: 7px;
  text-transform: uppercase;
  padding:4px;
  margin-right:5px; 
}

.template-linus-34 .tli-posts:after{
  content:'messages';
  margin-left:2px;
}

.template-linus-34 .tli-posts[data-val="0"]:after,
.template-linus-34 .tli-posts[data-val="1"]:after{
  content:'message';
  margin-left:2px;
}

.template-linus-34 .tli-buttons{
  margin-top:6px;
}

.template-linus-34 .tli-buttons img{
  display:none;
}

.template-linus-34 .tli-buttons a[href^="/privmsg"]:before{
  content:'MP';
}

.template-linus-34 .tli-buttons a{
  background:#c3aea5;
  color: white;
  font-size: 7px;
  text-transform: uppercase;
  padding:4px;
  margin-right:5px;
}

.template-linus-34 .tli-members{
  display:flex;
  flex-wrap:wrap;
}

.template-linus-34 .tli-members li:nth-child(3n):not(:nth-last-child(1)),
.template-linus-34 .tli-members li:nth-child(3n+2):not(:nth-last-child(1)):not(:nth-last-child(2)),
.template-linus-34 .tli-members li:nth-child(3n+1):not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)){
  border-bottom:1px solid #dac3b8!important;
}

.template-linus-34 .tli-members li:nth-child(3n+1),
.template-linus-34 .tli-members li:nth-child(3n+2){
  border-right:1px solid #dac3b8!important;
}

.template-linus-34 .tli-members li{
  display: flex;
  align-items: center;
  padding: 20px;
  width: 33.33%;
  box-sizing: border-box;
  overflow: hidden;
}

.template-linus-34 .tli-infos{
  padding-left:10px;
  font-size:11px;
  line-height:12px;
  color:gray;
}

/*** FORMULAIRE ***/
.template-linus-34 .tli-title{
  text-align:right;
  text-transform:uppercase;
  font-family:"arial",serif;
  font-size: 20px;
  line-height: 20px;
  padding:20px 30px;
  background: #a17361;
  background: -webkit-linear-gradient(to right, #a17361, #9b5851);
  background: linear-gradient(to right, #a17361, #9b5851);
  color:white;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  font-style:italic;
  width:calc(33.33% - 60px);
  display:flex;
  align-items:center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  position:relative;
}

.template-linus-34 .tli-title:after{
  content:' ';
  display:block;
  width:0;
  height:0;
  border-left:10px solid #9b5851;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  position:absolute;
  top:0;
  bottom:0;
  right:-10px;
  margin:auto;
}

.template-linus-34 form{
  background: #ceb9af;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  position:relative;
  display:flex;
}

.template-linus-34 .tli-fields{
  margin:20px 20px 20px 25px;
  width:100%;
}

.template-linus-34 .tli-fields>div{
  min-height:30px;
  border-radius: 30px;
  overflow: hidden;
  height:100%;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

.template-linus-34 input[type="submit"]{
  text-transform: uppercase;
  width: 45px!important;
  text-align: center;
  background: #9b5851;
  color:white;
  font-family:"arial",serif;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  margin:0!important;
  padding:0 5px 0 0!important;
  border-radius:0!important;
  text-shadow:none!important;
  cursor:pointer;
}

.template-linus-34 input[type="text"]{
  width:calc(100% - (120px*2) - 45px);
}

.template-linus-34 input[type="text"],
.template-linus-34 select{
  padding:0 10px;
  background:white!important;
  font-size:11px!important;
  line-height:30px!important;
  font-family:arial!important;
  margin:0!important;
  vertical-align: middle;
  border-radius:0!important;
  text-shadow:none!important;
}

.template-linus-34 input,
.template-linus-34 button,
.template-linus-34 select{
  outline:none;
  border:none!important;
  height:100%;
  box-sizing: border-box;
  display:inline-block;
}

.template-linus-34 select{
  border-left:1px solid rgba(0,0,0,0.05)!important;
  width:120px;
}

.template-linus-34 .tli-pagination{
  font-size:0!important;
  line-height:0!important;
}

.template-linus-34 .tli-pagination:not(:empty){
  border-top:1px solid #dac3b8!important;
  padding:10px;
}

.template-linus-34 .tli-pagination:not(:empty):before{
  content:'Pagination : ';
  font-size:10px!important;
  line-height:10px!important;
  text-transform:uppercase;
  color:gray;
}

.template-linus-34 .tli-pagination>b,
.template-linus-34 .tli-pagination>a[href^="/search"]{
  font-size:12px!important;
  line-height:12px!important;
  margin-left:3px;
  font-weight:normal!important;
}

.template-linus-34 .tli-pagination>a[href^="/search"]{
  color:#a17361!important;
}

/*LISTE DES SUJETS PAR AWFUL*/
/*Customisation du bloc contenant les sujets (ajout d'un titre, etc)*/
.topic-wrap {
    margin: 10px 0;
}
 .topic-wrap th {
    display: none;
}
 .topic-wrap-table::before , .topic-wrap th:first-child::before {
    content: "topics";
    background: #e7cbaa;
    display: block;
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 10px;
    line-height: 20px;
    text-transform: uppercase;
    color: #493534;
  Font-Weight: Bold;
}
 .topic-wrap-table.topic-note::before {
    content: "notes & annonces";
}
 .topic-wrap th:first-child {
    display: block;
    position: relative;
    height: 20px;
    padding: 0;
}
 .topic-wrap th:first-child::before {
    content: "topics";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Bloc topic */
 .topic {
    display: flex;
    min-height: 50px;
    background: #f2ddd0;
    border: 1px solid #ceaf9b;
    color: #8d5c55;
  font-family: 'Josefin Sans', sans-serif !important;
 
}
.topic a, .topic a:hover, .topic a:active {
    text-decoration: none!important;
}
 .topic-left, .topic-stats, .topic-last {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #8d5c55;
  font-weight: Bold!important;
}
/*Image nouveau message, verrouillé, etc*/
 .topic-img {
    width: 50px;
    position: relative;
}
 .topic-img img {
    display: none;
}
/*L'image est supprimée et remplacée par un cercle*/
 .topic-img::before {
    content: "";
    height: 33px;
    width: 33px;
    border: 3px solid #a17361;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 15px);
    box-sizing: border-box;
    top: calc(50% - 15px);
  margin-top:10px;
  margin-left:5px;
 
}
/*Si le topic est verrouillée, l'image est remplacée par une croix*/
 .topic.verrouille .topic-img::before {
    content: "×";
    height: 35px;
    width: 35px;
    border: 0;
    position: absolute;
    left: calc(50% - 15px);
    box-sizing: border-box;
    top: calc(50% - 15px);
    text-align: center;
    font-size: 50px;
    line-height: 30px;
    color: #a89fa1;
}
/*Changement de couleur en cas de nouveau message*/
 .topic.nouveau .topic-img::before {
    border-color: #9b5851;
}
 .topic.nouveau.verrouille .topic-img::before {
    color: #9b5851;
}
 .topic-left {
    flex: 1;
}
/*Titre de topic*/
 .topic-titre {
    display: flex;
}
 .topic-titre img {
    align-self: center;
    margin-right: 10px;
}
 .topic-titre h2 {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 15px;
    margin: 0;
  color: #8d5c55;
}
 .topic-titre a {
    color: #8d5c55;
    transition: all 0.3s;
}
 .topic-titre a:hover {
    color: #cc823d;
}
 .topic-titre strong {
    margin-right: 3px;
    color: #8d5c55;
}
/*Auteur du topic*/
 .topic-auteur {
  font-family: 'Josefin Sans', sans-serif !important;
    text-transform: uppercase;
    font-size: 8px;
    display: flex;
    color: #8d5c55;
}
 .topic-auteur br, .topic-auteur > div img {
    display: none;
}
 .topic-auteur > div {
    align-self: center;
  font-family: Niconne, cursive;
    font-size: 7px;
    margin-left: 10px;
}
 .topic-auteur > div a, .topic.nouveau .topic-last > div > a::before {
    color: #a17361;
    margin-left: 2px;
    transition: all 0.3s;
}
 .topic-auteur > div a:hover, .topic-last > div > a:hover::before {
      color: #8d5c55;
}
/*Description de topic*/
 .topic-desc {
    font-size: 9px;
    text-align: justify;
    padding-right: 10px;
}
/*Statistiques*/
 .topic-stats {
    width: 120px;
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #f3e6dd;
    background: #f3e6dd;
    border-right: 1px solid #f3e6dd;
    border-left: 1px solid #f3e6dd;
}
 .topic-stats > div:first-child {
    position: relative;
    margin-bottom: 8px;
}
 .topic-stats > div:first-child::after {
    position: absolute;
    content:"";
    width: 70px;
    height: 1px;
    background: #eed0bc;
    bottom: -4px;
    left: calc(50% - 35px);
  color: #f2ddd0;
}
/*Dernier message*/
 .topic-last {
    width: 200px;
    font-size: 10px;
    padding: 0 10px;
}
 .topic-last > div > a::before {
    content: "►";
    margin-left: 0;
      color: #8d5c55;
}
 .topic-last > div > a img {
    display: none;
}

/*******code spoiler quote*******/


/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé️*/
  display:block;
  width: 300px;
  margin: auto;
/*Mettre ici vos proprié️©️s dé️coratives*/
  padding:2px;
  border:1px solid #B63E45;
  background-color:#eeedf0;
  color:#747677;

 

  }
.spoiler_closed.hidden {
  display:none;
  width:350px;
  margin: auto;
 
  padding:2px;
 border:1px solid #B63E45;
  background-color:#eeedf0;
  color:#747677;
 
  }

.spoiler_content {/*apparence du spoiler ouvert*/
  display:block;
width: 350px;
  margin: auto;
  padding:5px;
  padding:2px;
 border:1px solid #B63E45;
  background-color:#eeedf0;
  color:#747677;
 
  }

.spoiler_content.hidden {
  display:none;
width: 400px;
  margin: auto;
 }

.quote{
  font-family:times new roman;font-size:10px;
  margin-bottom:4px;
  text-align:center;width: 350px;
  padding:2px;
 border:1px solid #B63E45;
  background-color:#eeedf0;
  color:#747677;}

.code {
    background-color: #eeedf0;
    border: 1px solid #cacaca;
    color: #747677;
    font-family: courier;
    font-size: 9px;
    margin-bottom: 4px;
    padding: 9px;
    text-align: left;
    width: 350px;
}


/****************************************** SCROLLBAR ******************************************/

.scrollbar::-webkit-scrollbar { /*taille dans les messages ou fiches */
  height: 2px;
  width: 5px;
  background-color: #e2e2e2; /* couleur de fond */
}
html > .scrollbar::-webkit-scrollbar {
  width: 10px; /* largeur de la barre du forum */
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #e59c9d; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
.scrollbar::-webkit-scrollbar-track-piece {
  background-color: #e2e2e2; /* couleur de fond */
}


/*** post administratif **/


.avatarpris{color:#dc3a73;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase; font-size: 10px;}

.avatarlibre{color:#36ccaa;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase;font-size: 10px;}

.avatarreserve{color:#e2a84b;letter-spacing:1px;font-family: 'Ubuntu', sans-serif;Text-Transform: Uppercase;font-size: 10px;}

#fond {
    background-color: #f6eff1;
    border-radius: 5px;
    border: 1px solid #e5cdc2;
    margin: 20px auto auto;
    padding-bottom: 20px;
    padding-top: 22px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: justify;
    width: 400px;
}

#titrep {
    color: #9b5851;
   
    padding-top: 18px;
    border-bottom: dotted 1px #9b5851;
    font-size: 25px;
    letter-spacing: 5px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
  font-family: Niconne, cursive;
}

#titres {
    background: none;
    border-left: 3px solid #e3a66d;
  border-bottom: 1px solid #e3a66d;
      color: #e3a66d;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
    padding-left: 15px;
    text-transform: capitalize;
}

#contenu a {color: #c0927a;}

#contenu {
    color: #aeadaf;
    font-size: 10px;
    line-height: 13px;
    margin: auto auto 5px;
    text-align: justify;
}

#contenufiche {
    color: #937268;
    font-size: 11px;
    margin: auto;
    margin-bottom: 5px;
    text-align: justify;
  height:230px;
  overflow:auto;
 background-color: #ead5c8;
width:200px!important;
  padding:5px;
}

#contenulien {
    color: #745e63;
    font-size: 10px;
    margin: auto;
    margin-bottom: 5px;
    text-align: justify;
  height:90px;
  overflow:auto;
  width:240px;
  padding:5px;
background-color: #ead5c8;

}


.imgpostadmin01{
  width:300px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000; }



.imgppub{
  width:400px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000; }

.imgpostadmin02{
  width:100px;
  height:100px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000;
float:right;
  -webkit-border-radius: 500px;
border-radius: 500px;

}
.imgpostadmin02l{
  width:100px;
  height:100px;
  -webkit-box-shadow: 0 0 2px 0 #000000;
box-shadow: 0 0 2px 0 #000000;
float:left;
  -webkit-border-radius: 500px;
border-radius: 500px;

}

 .cs {
    color: #cc823d;
    font-weight: 800;
    font-family: verdana;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
  font-family: 'Playfair Display', serif;
}
 
.cs2 {
  color:#b2cdc5; font-weight:800;font-family: 'Playfair Display', serif;text-transform: uppercase;font-size:10px;}

.form, #form {
  color:#e9af8c; font-weight:800;font-size:10px;font-family: 'Playfair Display', serif;text-transform: uppercase;}


.delai {
  color:#b2cdc5; font-weight:800; font-family:arial;font-family: 'Playfair Display', serif;text-transform: uppercase;}



#imgsujet {
width:500px;
height:150px;
margin:auto;
overflow:hidden;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px; }

.avatar_presentation img{
  width:150px;
  border-right:10px solid #e9af8c;
}

.avatar_presentation{
  float:left;
  padding-left:5px;
}

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right; 
border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#4A4A4A; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}


.abtPFIL img {
max-width:250px; max-height:150px;
}


.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur https://fakelove-test.forumactif.com
 
Le css du forum complet
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Commande thème complet forum team jeu vidéo
» Mettre son forum en avant sur Between Us
» Supression de la description du forum via CSS - échec
» cadre noir autour du forum
» Impossible de poster sur mon forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test FakeLove :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers: