Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

Partagez
CSS ASCENDEtest ascende :: Ascende Superius :: Thème 1
# Jeu 20 Déc - 16:12
AdminAdminHeda/
PersonnageRécompenses
Messages : 188
Date d'inscription : 20/12/2018
Age : 34
Localisation : Polis
Premiers pas
Félicitations ! Tu as passé l’étape cruciale de la validation. Bon jeu !

Code:
@font-face {font-family: 'Inkland';src: url('https://files.jcink.net/uploads/lauzshibi/Inkland.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'watermelon_script_demoregular'; src: url('https://dl.dropboxusercontent.com/s/nikyz8w5e0aq8og/watermelon_script_demo-webfont.woff2') format('woff2'),url('https://dl.dropboxusercontent.com/s/y4yltqymuux3ptm/watermelon_script_demo-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
.citation { /*la citation*/
    text-align: center;
    font-family: Nothing You Could Do;
    font-size: 25px;
    margin-top: 90px;
    color: #211c19;
}
.citation span { /*guillemets de la citation*/
  font-size:45px;
  font-weight:800;
}
.souscit { /*auteur de la citation*/
    font: 8px 'PT sans';
    font-weight: 100;
    margin-top: -5px;
    margin-left: 20px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    color: #211c19;
    letter-spacing: 2px;
    margin-bottom:50px;
    text-decoration: underline;
}
.bannierefo img{ /*placement de l'image de la bannière, pour qu'elle prenne toute la largeur*/
  width:100%;
  margin:0;
  /*border-bottom:white solid 20px;*/
  border-top:white solid 20px;
}
.bannierefo { /*placement de la bannière*/
  text-align:center;
  position: relative;
}
.bannierefo::after { /*le content permet de rajouter une petite phrase sous la bannière pour décrire votre forum*/
  content: "Forum RPG inspiré de la série The 100 — fin de la saison 1 — ne suit plus la série après ça";
  font-family: 'Calibri', sans-serif;
font-style: italic;
font-size: 12px;
color: #211c19;
text-transform: lowercase;
background: #fff;
text-align: center;
letter-spacing: 4px;
  height: 20px;
  display: block;
}
.nomfofo { /*Positionnement du nom du forum*/
    position: absolute;
    margin-top: -170px;
    width: 100%;
 
}
.nomfofo a { /*Le lien du nom du forum*/
  text-decoration:none;
  font-family:Nothing You Could Do;
  font-size:90px;
  /*position:relative;
  top:-280px;*/
  transition:all 1.2s;
  color:white;
  text-shadow: 2px 3px 0px #c3b095, 0px 1px #c3b095, 1px 0px #c3b095, -1px 0px #c3b095, 0px -1px #c3b095;
 }
 .nomfofo a:hover { /*Au passage de la souris, le titre du forum change de couleur*/
  font-size:95px;
  color:#c3b095;
  transition:all 1.2s;
  text-shadow: 2px 3px 0px #fff, 0px 1px #c3b095, 1px 0px #fff, -1px 0px #fff, 0px -1px #fff;
 }



/**********BARRE NAVII*****/
#userlinkss {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #d2cab7;
    background-color: #f1f1f1;
    height: 60px;
}
.js-avatar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #211c19;
    margin: 3px;
    float: right;
    position: relative;
    right: 15px;
  overflow:hidden;
}
.js-avatar2 {
     background-size: cover;
    width:40px;
    height: 40px;
    border-radius: 100%;
    background-image: url(http://placehold.it/200);
}
.js-avatar img {
    width: 130%;
    margin-top: -10px;
    margin-left: -6px;
}
.menu-right {
      position: absolute;
    top: 0px;
    height: 60px;
    right: 0px;
    width: 300px;
    background-color: #ededed;
    border-left: 1px solid #d2cab7;
    padding-right: 20px;
}
.menu-right h1 {
    color: #211c19;
    font-style: italic;
    font-weight: 100!important;
    text-shadow: 1px 0px #fff, 0px 1px #fff, 0px -1px #fff, -1px 0px #fff;
    text-align: center;
    margin: -5px 0 0 10px;
    font-family: OPen Sans Condensed;
    font-size: 40px;
}
.bonjour {
    font: 8px 'PT sans';
    margin-top: -5px;
    margin-left: 10px;
    text-align: left;
    text-transform: uppercase;
    color: #211c19;
    letter-spacing: 2px;
}
.menuposition a:hover {
    color: #c3b095 !important;
    transition: 0.6s all;
  text-decoration:none !important;
}
.menuposition a {
    height: 18px;
    width: 18px;
    padding: 10px;
    text-align: center;
    transition: 0.6s all;
}
.menuposition {
    position: absolute;
    top:22px;
    left: 20px;
}
.menuposition a[href="/"]:before {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 15px;
        margin: 5px;
}
.menuposition a[href="/faq"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f128";
        margin: 5px;
}
.menuposition a[href="/search"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f002";
        margin: 5px;
}
.menuposition a[href="/memberlist"]:before {
    font-family: FontAwesome;
    font-size: 13px;
    content: "\f0ca";
        margin: 5px;
}
.menuposition a[href="/groups"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f080";
        margin: 5px;
}
.menuposition a[href*="/profile"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f21b";
        margin: 5px;
}
.menuposition a[href*="/privmsg"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f27b";
        margin: 5px;
}
.menuposition a[href*="/login"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f084";
        margin: 5px;
}
.menuposition a[href*="/register"]:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f090";
        margin: 5px;
}
a.mainmenu.M14_newMp:before {
    content: "\f086";
    color: #eaeaea;
}
.M14_newMp {
    position: relative;
}
a.mainmenu.M14_newMp:after {
    content: "!";
    position: absolute;
    top: 6px;
    right: -4px;
    font-size: 15px;
    font-family: roboto;
    background: #60acb3;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}
a.mainmenu.M14_newMp:hover:before {
    color: white !important;
    transition: 0.6s all;
}
a.mainmenu.M14_newMp{color:#454545 !important;}
/*Apparence MP sur la Toolbar*/
a.M14_alertMp {
color: white !important;
font-size: 12px !important;
text-decoration: none !important;
margin-right: 50px;
line-height: 30px;
background-color: red;
padding: 0 5px;
}
a.mainmenu {
    color:#211c19;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

/********CATEGORIES*********/
.stpentour {
  width:100%;
}
.tleCAT {
    height: 50px;
    width: 885px;
    padding: 30px;
    background: #211c18;
    outline : #211c18;
    outline-offset: -3px;
    background-image: url(http://grounderssource.com/wp-content/uploads/2018/02/polistower.jpg);
    filter: grayscale(30%);
    position: relative;
    background-attachment: fixed;
    background-size: 100%;
    top: -15px;
    left: 350px;

}
.tleCAT h2 {
    text-transform: lowercase;
    font-style: italic;
    margin-left: 470px;
    font-size: 46px;
    text-align: right;
    color: #211c18;
    text-shadow: 0px 1px 2px #000000;
    font-family: Nothing You Could Do;
    position: relative;
    top: -50px;
}
.mdlCAT {
    width: 900px;
    min-height: 226px;
    margin: 0 auto;
    background-color: #fbfbfb;
    box-shadow: 0px 0px 1px 2px #e2e2e2;
    margin-bottom: 20px;
}
.newsmessages .imgFRM {
    position: absolute;
    width: 215px;
    height: 220px;
    margin-left: -56px;
}
  .tleFRM {
    position: absolute;
    height: 50px;
  text-decoration:none;
  }
.tleFRM a {
    text-decoration: none !important;
    color: #211c18;
    font-family: Nothing You Could Do;
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid #211c18;
    margin-left: 174px;
    letter-spacing: 1px;
    position: relative;
    top: 15px;
    text-transform: lowercase;
}
.descFRM {
    position: relative;
    width: 458px;
    height: 100px;
    left: 37%;
    top: 29px;
    padding: 5px;
    font-family: calibri;
    font-size: 11px;
    text-align: justify;
    overflow: auto;
    color: #211c18;
}
.separation {
    text-align: center;
    position: relative;
    left: 640px;
    top: 34px;
    width: 20px;
}
  .right {
    float:right;
    margin:5px;
  }
.sjtFRM {
    font-family: calibri;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: -100px;
    text-align: center;
    margin-right: 56px;
    width: 130px;
    padding: 6px;
    border: 1px solid #211c18;
}
  .lastpost {
    font-family:'Roboto condensed';
    font-size:10px;
    color: #211c18;
    margin-top:50px;
  }
.lastpost a {
    font-family: 'Roboto condensed';
    font-size: 12px;
    color: #211c18 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: italic;
}
.ava-dernier {
    float: right;
    margin-right: -202px;
    margin-top: -156px;
    border: 5px solid #211c18;
    height: 70px;
    overflow: hidden;
    right: 0;
    border-radius: 100%;
    width: 70px;
}
.ava-dernier img {
    width: 178%;
    position: relative;
    left: -20px;
    top: -83px;
}
.sousforumFRM {
  width:880px;
  margin-top:60px;
  margin-left:10px;
}
.sousforumFRM a {
    text-transform: uppercase;
    border-top: 1px solid #e8c9d8;
    text-decoration: none !important;
    color: #211c18 !important;
    font-size: 10px;
    font-family: calibri;
}

.lesliensutiles {
    text-align: center;
    width: 825px;
    margin: 0 auto;
    padding: 2px;
    position: relative;
}
  .lesliensutiles a {
    color:#2d112c;
    font-size:11px;
    font-family:calibri;
    text-transform:uppercase;
    margin:5px;
  }
.little-text {
    border: solid 1px;
    font-family: calibri;
    font-size: 10px;
    position: relative;
    /*top: 18px;*/
    letter-spacing: 0;
    line-height: 0px;
    margin: 18px auto 0;
    width: 880px;
    padding: 2px;
    text-shadow: 0 0;
    color: #eaeaea;
    text-transform: uppercase;
}
.little-text a {
    background: #000;
    color: #fff;
    display: inline-block;
    font-family: calibri, arial;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
    text-shadow:0px 1px 2px #60acb3;
    text-transform: uppercase;
}
.actual-footer {
    height: 200px;
    margin-top: -4px;
    padding-top: 3px;
    z-index: 99;
}
.monta img{
  width:100%;
}
#footer {
    margin-left: 450px;
    color: #222;
    height: 139px;
    padding-bottom: 3%;
    font-size: 10px;
}
.mili {
  text-align:center;
  width:1200px;
}
.truky {
  display:inline-block;
  width:290px;
}
#footer .wrapper {
    height: 174px;
}
#footer .three {
  display:inline-block;
 width:300px;
}
#footer .four {
  margin-left:-2%;
  position:relative;
  top:-0px;
  display:inline-block;
 width:300px;
}
#footer .title {
    color: #221d18;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-size: 26px;
    top: 10px;
    letter-spacing: 1px;
    text-shadow: 0px 1px #454545;
    font-style: italic;
    position: relative;
}
#footer .title2 {
    color: #221d18;
    text-transform: lowercase;
    font-family: anisha;
    font-size: 53px;
    letter-spacing: 1px;
    text-shadow: 0px 1px #454545;
    font-style: italic;
    position: relative;
    left: 125px;
}
#footer .left {
 width:300px;
 padding:10px;
 color:#222;
  text-align:justify;
  font-family:'Calibri';
  font-size:11px;
  font-weight:bold;
}
#footer .left img {
  width:300px;
}
#footer .lefty {
  width:350px;
 padding:10px;
 color:#222;
  text-align:justify;
  font-family:'Calibri';
  font-size:11px;
  font-weight:bold;
}
#footer .lefty img {
  width:350px;
  margin-left:-20px;
}
#main-reqa-hv1 {
  width:auto;
  height: 100px;
  position: relative;
  overflow: hidden;
  left:-10px;
  }
.main-reqa-hv2 {
position: relative;
left: 0px; top: 0px;
background-color: rgba(255, 255, 255, 0.6);
transition-: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
opacity: 0.0;
}
#main-reqa-hv1:hover .main-reqa-hv2 {
  top: -102px;
  opacity: 1.0;
  }
.main-reqa-hv8 {
  width: 290px;
  height: 190px;
  padding: 20px;
  }
.main-reqa-hv9 {
  width: 210px;
  background: #211c18;
  border: 1px solid #e1e1e1;
  font-family: Calibri;
  text-align: justify;
  line-height: 125%;
  color: #222;
  font-size: 11px;
  padding: 20px;
  }
.main-reqa-hv10 {
  height: 25px;
  text-align:center;
  }
  .main-reqa-hv10 span{
    padding-top:50px;
    position:relative;
    top:5px;
  }
.main-reqa-hv10 span a {
    font-size: 25px;
    font-style: italic;
    color: #d2cab7;
    text-shadow: 1px 1px #636363;
    font-family: Open Sans Condensed;
    font-weight: normal;
    text-transform: lowercase;
}
#cadre-qeel-header {
  font-size: 0;
  }
  #cadre-qeel-header strong {
    font-size: 20px;
    background: rgba(50,50,50,0.8);
    box-shadow: 1px 1px 1px #211c17;
    color: #eaeaea;
    width: 80px;
    height: 56px;
    display: block;
    margin-bottom: 146px;
    margin-right: -30px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    border:5px solid #d2cab7;
    }
    #cadre-qeel-header strong:nth-child(1) {
    position: absolute;
    bottom: -60px;
    right: 48px;
      font-family: OPen Sans Condensed;
    letter-spacing: 2px;
      }
      #cadre-qeel-header strong:nth-child(1):before {    
        content: "combats";    
        position: absolute;    
        top: 36px;  
        left: 0;    
        width: 100%;    
        font-size: 11px;    
        font-weight: 100;
        }
  #cadre-qeel-header strong:nth-child(2) {
    position: absolute;
    bottom: 20px;
    right: 48px;
      font-family: OPen Sans Condensed;
    letter-spacing: 2px;
          }
  #cadre-qeel-header strong:nth-child(2):before {    
    content: "guerriers";    
    position: absolute;    
    top: 36px;    
    left: 0;    
    width: 100%;    
    font-size: 11px;    
    font-weight: 100;
    }
.bls_stat2{
    box-sizing: border-box;
    position: absolute;
    bottom: -141px;
    right: 48px;
}
.bls_stat2 div {
    box-sizing: border-box;
    font-size: 14px;
    background: rgba(50,50,50,0.8);
    color: #eaeaea;
    width: 90px;
    height: 77px;
    display: block;
    margin-bottom: 146px;
    margin-right: -30px;
    text-align: center;
    padding: 11px 0px 0px 0px;
    border: 5px solid #d2cab7;
    box-shadow: 1px 1px 1px #211c17;
    font-family: OPen Sans Condensed;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.laligne {
    text-align: center;
    margin: 0 auto;
}
.Border-AFF img {
    border: 2px solid #211c19;
    box-shadow: 1px 1px #454545;
    display: inline;
    margin: 3px;
    width: 42px;
    height: 42px;
  
}
.Border-AFF {
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 940px;
    left: 300px;
}
.fondfooter {
    min-height: 310px;
    height: auto;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 1000px;
    z-index: 6;
}
.chiffregroup1 {
  color:#D2CAB7;
  font-family:'Nothing You Could Do';
  font-weight:bold;
  font-size: 17px;
}
.chiffregroup2 {
  color:#B6D1CF;
  font-family:'Nothing You Could Do';
  font-weight:bold;
  font-size: 17px;
}
.chiffregroup3 {
  color:#C27777;
  font-family:'Nothing You Could Do';
  font-weight:bold;
  font-size: 17px;
}
.entouretop1{
display:inline-block;
margin:10px;
text-align:center;
position:relative;
left:100px;
top: 75px;
}
.topmilieu1 {
    height: 100px;
    width: 373px;
    position: relative;
    left: 37%;
    margin-top: 62px;
}
.linepng {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.textequeel {
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
    font-family: Open Sans Condensed;
    color: #d2cab7;
    height: 80px;
    margin-bottom: 150px;
}
.textequeel p {
    font-size: 50px;
    text-transform: lowercase;
    text-align: center;
    margin-top: -25px;
    letter-spacing: 6px;
    font-style: normal;
    font-family: Nothing You Could Do;
    font-weight: normal;
    color: #211c19;
}
.fondqeel {
    left: 0px;
    text-shadow: 0 0 5px #000;
    position: absolute;
    width: 100%;
    background: #2d112c;
    margin-left: -1px;
    background-image: url(https://zupimages.net/up/18/43/wcb2.png);
    background-position: top center;
    background-size: 100% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-top: -188px;
}
.titleqeel {
    color: #211c17;
    text-shadow: 0px 1px 2px #2d112c;
    font-family: Open Sans Condensed;
    font-size: 60px;
    font-style: italic;
    width: 1000px;
    text-transform: lowercase;
    position: relative;
    letter-spacing: 6px;
    word-spacing: 10px;
    text-align: center;
   margin-left: 300px;
}
.boxonline {
    background-color: rgba(250,250,250,0.8);
    color: #000;
    font-weight: lighter;
    height: 300px;
    margin: 10px auto 0px;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 810px;
    box-shadow: 1px 1px 8px #454545;
    z-index: 9;
  text-decoration: none;
}
  .statsonline {
     border-bottom: 1px solid #d2cab7;
    color: #454545;
    font-family: 'Roboto Condensed';
    font-size: 11px;
    min-height: 10px;
    padding: 20px;
    width: 356px;
  text-decoration: none;
  }
  .oukisson {
    border-bottom:1px solid #d2cab7;
    font-size: 0px;
    height: 95px;
    margin-top: -15px;
    padding: 20px;
    width: 300px;
    overflow: auto;
  }
  .oukisson a {
    font-size: 11px;
    letter-spacing: 0px;
    margin: 2px;
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
}
.totalonline {
    font-size: 12px;
    height: 66px;
    margin-top: 10px;
    padding: 14px;
    width: 300px;
    overflow: auto;
  text-decoration: none;
}
.totalonline .gensmall {
  background-color:#eaeaea !important;
  font-size:0px !important;
  letter-spacing:0px;
}
.totalonline .row1 {
     font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
.totalonline a {
    font-size: 11px;
    letter-spacing: 0px;
    margin: 2px;
  text-decoration: none;
}
.newmember {
    font-size: 0;
    position: relative;
    height: 50px;
    left: 48%;
    margin-top: -286px;
    padding: 5px;
    width: 440px;
  text-decoration: none;
}
.newmember strong a {
    font-size: 14px;
    letter-spacing: 2px;
    padding: 33px 0 5px;
    position: absolute;
    right: 143px;
    width: 280px;
    margin-top: 22px;
    font-family: Open Sans condensed;
  text-decoration: none;
}
.newmember strong a:before {
    bottom: 20px;
    color: #211c19;
    content: "Notre dernier voyageur :";
    font-family: calibri;
    font-style: italic;
    font-weight: bold;
    left: 4px;
    position: absolute;
    text-transform: uppercase;
    width: 315px;
    top: -5px;
    letter-spacing: 4px;
    text-shadow: 0px 2px 3px #454545;
  text-decoration: none;
}

#page-footer {
    text-transform: uppercase;
    word-spacing: 2px;
    z-index: 7;
    box-sizing: border-box;
    clear: both;
    color: #ccc;
    font-size: 1em;
    padding: 20px;
    text-align: center;
    background:#2d112c;
    position: absolute;
    right: 0;
    width: 100%!important;
}
#page-footer a{color:#d2cab7;}

 .vte {
    display:inline-block;
  }
.vte1 {
    display: inline-block;
    position: relative;
    top: -14px;
    margin: 20px;
}
.vte1 a {
    color: #211c19;
    font-size: 42px;
    font-weight: 900;
    font-family: Open Sans condensed;
    font-style: italic;
    transition: all 800ms;
}
.vte1 a:hover {
  transition:all 800ms;
  color:#d2cab7;
  text-shadow: 2px 3px 0px #211c19, 0px 1px #454545, 1px 0px #211c19, -1px 0px #211c19, 0px -1px #211c19;
  font-size:45px;
}
.fondbann {
    height: 668px;
    background: white;
    margin: 0;
    padding: 20px;
}
.liensut {
  width:1000px;
  margin:auto;
  position:relative;
  height:330px;
}
.lestruk {
    width: 300px;
    position: absolute;
    top: 15px;
    left: 25px;
    line-height: 12px;
    text-align: justify;
    background: #d2cab7;
    padding: 20px;
    border-left: 3px solid #211c19;
    overflow: auto;
    height: 262px;
    letter-spacing: 1px;
}
.lestruk span {
    font: 700 20px/1 calibri;
    float: left;
    margin: 5px 15px 5px -5px;
    padding: 28px;
    background: #211c19;
    color: white;
}
.baseslide {
    padding: 10px;
    width: 580px;
    height: 280px;
    position: absolute;
    right: 25px;
    top: 15px;
    background: #f4f4f4;
    border: 1px solid #d2cab7;
}
.slideshow-container {
  max-width: 950px;
  position: relative;
  margin: auto;
}
.mySlides {
  display: none;
}
.prev, .next {
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    color: #fff!important;
}
.next {
  right: 0;
}
.prev {
left:0;
}
.prev:hover, .next:hover {
  background-color:#d2cab7;
}
.insideslide {
    font-family: Dancing Script;
    background: #f4f4f4;
    color: #212121;
    font-size: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: translateY(10px);
    width: 560px;
    padding: 10px;
    height: 30px;
    overflow: hidden;
    transition: 0.7s ease-in-out;
}
.thecaptioninside {
  width:500px;
  height:50px;
  padding:30px;
  overflow-y:auto;
  text-align:justify;
  font-family:Droid Serif;
  font-size:12px;
  line-height:18px;
}
.insideslide h2 {
  width:100%;
  font-family:Nothing You Could Do;
  font-size:20px;
  text-align:center!important;
  text-transform:lowercase;
  letter-spacing:6px;
  position:relative;
  color:#211c19;
  top:-10px;
}
.mySlides:hover .insideslide {
  height:150px;
}
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 10px 2px;
  background-color: #ccc;
  border-radius:100%;
  display: inline-block;
  transition: background-color 0.6s ease-in-out;
  border:1px solid transparent;
}
.active, .dot:hover {
  background-color: #211c19;
  border:1px solid #211c19;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
.linksut {
  width:990px;
  margin:0 auto;
  padding:5px;
  text-align:center;
}
.linkuu {
  background:#ddd;
  padding:5px;
  width:170px;
  height:20px;
  display:inline-block;
  vertical-align:top;
  margin:5px;
}
a.hoversito {
  color:#211c19;
  font-family: 'Droid Sans', sans-serif;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 2px;
  display:block!important;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  top:2px;
  transition: color .3s cubic-bezier(0.11, 0.7, 0, 1);
}
.link6{
  position: relative;
  z-index:1;
}
.link6:after {
  position: absolute;
  top:0; bottom: 0;
  right: 0;left: 0;
  background-color:#211c19;
  content: "";
  transform: translate3d(-101%,0,0);
  z-index:-1;
  transition: transform .3s cubic-bezier(0.11, 0.7, 0, 1);
}
.link6:hover {
  color: #fff!important;
  padding:5px;
  margin-top:-7px;
  height:20px;
  width:170px;
  margin-left:-5px;
}
.link6:hover:after {
  transform: translate3d(0,0,0);
}
.autourblok {
padding:10px;
  width:980px;
  margin:0 auto;
  position:relative;
  top:20px;
  text-align:center;
}
.titlepredef {
    background: #d2cab7;
    padding: 5px;
    color: #211c19;
    font-family: Nothing You Could Do;
    font-size: 20px;
    font-weight: 100!important;
    letter-spacing: 2px;
}
.S2 {
    width: 220px;
    height: 60px;
    display: inline-block;
    margin: 5px;
    background-position:50%;
    border:1px solid #AAA;
    overflow: hidden;
    transition:all 800ms;
}
.S3 {
    background:rgba(198, 76, 91, 0.5);
    color: #fff;
    padding-top: 15px;
    height: 45px;
    width: 220px;
    font-size: 8px;
    font-family: calibri;
    opacity:0;
    transform: scale(2,2);
  transition:all 800ms;
}
.S3 a {
    font-size: 14px;
    font-family: calibri;
    color: white;
    text-decoration: none;
}
.S2:hover .S3 {
  opacity:1;
    transition:0.4s linear;
    transform: scale(1,1);
}
.bandetop {
  width:1000px;
  margin:0 auto;
  position:relative;
  top:-10px;
  height:80px;
}
.topparto {
margin:5px;
  display:inline-block;
}
.topparto img {
  width:40px;height:40px;
  border: solid 1px #211c19;
}
.lestruk td {
    font-size: 10px;
    text-align: justify;
    color: #211c19;
}

body {
    background-image: url(https://imgur.com/YOZZtEN.png);
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------
---- Codage Profil------- Reine des Ténèbres  ---
------------------------------------------------*/
.temp_profil * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rds_last,
.rds_sj-msg,
.rds_bottom a {
  color: #d2cab7;
}

.rds_profil,
.rds_rang,
.rds_mesgp {
  color: black;
}

.rds_last,
.rds_profil,
.rds_mesgp,
.rds_bottom a,
.rds_enligne {
  font-size: 11px;

}

.rds_sj-msg,
.rds_mesgp,
.rds_rang,
.rds_enligne {
  text-align: center;

}

.rds_name,
.rds_sj-msg,
.rds_bottom {
  background-color: #211c19;

}

.rds_sj-msg,
.rds_enligne,
.rds_mesgp,
.rds_bottom {
  line-height: 30px;
}

.rds_admin,
.rds_last {
  margin-left: 5px;
}

.rds_admin {
  font-size: 20px;
  font-weight: 500;
  font-variant: small-caps;
  color: white;
  border-bottom: 1px #211c19;
  margin-bottom: 5px;
}

.rds_profil {
  border: 1px solid black;
  padding: 20px 15px;
}
.rds_profil .field_uneditable {
  display: inline-block;
}

.rds_sj-msg {
  outline: 4px solid #211c19;
  border: 1px solid #211c19;
  font-size: 16px;
  text-decoration: none; color: white;
  text-transform: uppercase;
  margin: 4px;
}

span.rds_profil {
  border: none;
}

.rds_enligne {
  margin: 5px 5px 0 0;
}

.onlinegreen {
  background-color: lightgreen;
}

.onlinered {
  background-color: #FFA3A3;
}

.rds_rang {
  background-color: #211c19;
  margin: 10px;
  font-size: 14px;
}

.rds_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 5px;
}

.rds_bottom a {

  text-decoration: none; color: white;
}

.rds_nnicone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.temp_profil {
  max-width: 800px;
  max-height: 445px;
  background-color: white;
  display: grid;
  grid-template: 1fr 0.5fr repeat(3, 1fr) 4fr repeat(2, 1fr) / 4fr 1.5fr 2fr 130px 60px;
  grid-gap: 10px;
  padding: 5px;
  font-family: Arial, sans-serif;
  margin: auto;
}

.rds_name {
  grid-area: 1 / 1 / span 2 / span 3;
}

.rds_admin {
  grid-area: 1 / 1 / 1 / 1;
}

.rds_last {
  grid-area: 2 / 1 / 3 / span 2;
}

.rds_profil {
  grid-area: 3 / 1 / span 5 / span 2;
}

.rds_sujet {
  grid-area: 3 / 3 / 4 / 4;
}

.rds_mesgp {
  grid-area: 4 / 3 / 5 / 4;
}

.rds_messages {
  grid-area: 5 / 3 / 6 / 4;
}

.rds_img-avatar {
  grid-area: 1 / 4 / 8 / span 2;
}

.rds_enligne {
  grid-area: 1 / 5 / 2 / 6;
}

.rds_bottom {
  grid-area: 8 / 1 / 9 / -1;
}

.rds_bottom .field_uneditable{
  display:none;
}

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

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

/*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:#202124;
  min-width:670px;
  margin:auto;
}

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

.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;

  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;

}

.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:#211c19;
  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:#303236;
  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 #1e1f22!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 #1e1f22!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:"Oswald",serif;
  font-size: 20px;
  line-height: 20px;
  padding:20px 30px;
  background: #B06AB3;
  background: -webkit-linear-gradient(to right, #211c19,#d2cab7);
  background: linear-gradient(to right, #211c19, #d2cab7);
  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 #d2cab7;
  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: #2a2b2f;
  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: #d2cab7;
  color:white;
  font-family:"Oswald",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 #1e1f22!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:#B06AB3!important;
}


/******SUJET*******/

 /***TITRE***/
  
  .tpl_sujet_entete {
  margin: 0 auto;
  width: 920px;
  height: 80px;
  background: #211c19;
  text-align: center;
  }
  
  .tpl_sujet_entete h1 {
  margin: 0 auto;
  font-size: 26px;
  color: #d2cab7;
  font-family: 'Nothing You Could Do', cursive;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 6px;
  line-height: 50px;
  }
  
  /***NAVIGATION***/
  
  .tpl_sujet_nav {
  display: block;
  margin: 0 auto;
  width: 850px;
  border-width: 0 0 2px;
  border-style: dotted;
  border-color: #fff;
  font-family: 'Nothing You Could Do', cursive;
  line-height: 20px;
  text-align: center;
  }

  .tpl_sujet_nav a {
    font-size: 15px;
    color: white;
}
  
  /***PSEUDO***/
  
  .tpl_sujet_pseudo {
  display: block;
  position: relative;
  margin: 20px auto 0;
  width: 245px;
  height: 30px;
  background: #211c19;
  box-shadow: 0px 2px 2px #cdc9d2;
  font-size: 23px;
  font-family: 'Nothing You Could Do', cursive;
  font-weight: normal;
  text-shadow: 1px 1px 0px #fff;
  color: #d2cab7;
  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: #211c19 #211c19; 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: #211c19 transparent transparent #211c19;
  }
  
  /***AVATAR & FEUILLE DE PERSONNAGE***/
  
  .tpl_sujet_avatar {
  position: relative;
  margin: -25px auto 0;
  width: 200px;
  height: 320px;
  border: 2px solid #211c19;
  overflow: hidden;
  }

  .tpl_sujet_avatar div { /***FEUILLE DE PERSONNAGE***/
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 300px;
  background: #d2cab7;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #211c19;
  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: #d2cab7;
  box-shadow: 2px 2px 0px #211c19;
  font-size: 14px;
  color: #211c19;
  text-align: center;
  }
  
  .tpl_sujet_informations {
  margin: 10px auto;
  width: 200px;
  min-height: 150px;
  background: #d2cab7;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  }

  .tpl_sujet_intitule {
  font-size: 13px;
  font-family: 'Lora', serif;
}

  .tpl_sujet_contenu {
  font-size: 12px;
  color: #211c19;
}
  
  /***DATE & BOUTONS***/
  
  .tpl_sujet_bnddate {
  position: relative;
  margin: 20px auto 0;
  width: 640px;
  height: 30px;
  background: #211c19;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px #211c19;
  }
  
  .tpl_sujet_bnddate::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #211c19 transparent transparent #211c19;
  }

  .tpl_sujet_date {
  font-size: 16px;
  font-family: 'Lora', serif;
  color: #fff;
  float: left;
}

  .tpl_sujet_boutons {
  float: right;
}
  
  /***MESSAGE***/
  
  .tpl_sujet_message {
  margin: -10px auto 0;
  width: 850px;
  margin-left: 150px;
  min-height: 510px;
  background: #fafafa;
  padding: 15px 8px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 3px 3px 1px #e4e1eb;
  font-size: 14px;
  color: #4D5057;
  text-align: justify;
  }

  /***SIGNATURE***/

  .tpl_sujet_signature {
  width: 850px;
  height: 250px;
  background: #f8f6f3;
  line-height: 10px;
  overflow: auto;
  margin-left: 150px;
  margin-top : 5px;

}

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

  .tpl_sujet_contact {
  margin: 30px;
}

 /***BORDURES***/

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

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:5px auto; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:90px;
}
/* TITRE / STATISTIQUES / DERNIER MESSAGE / AUTEUR SUJET */
.boxSBJ {
display:inline-block; vertical-align:top; width:720px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:60px; padding:0 5px 0 10px; overflow:hidden; border-bottom:5px solid;
background:#211c19; border-color:#F1F0F4; color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:#d2cab7; !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & AUTEUR SUJET */
.boxIISBJ {
display:inline-block; width:250px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:8px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ {
height:20px; padding:13px 5px 7px 5px; overflow:hidden;
background:#F1F0F4; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:95px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:530px; font-size:10px; text-align:right;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}


/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}

/*-------- Présentation -------*/
.entete {
  height:65px; width:580px;
  display:flex;
  margin:auto;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
}
.name {
  height:65px; width:290px;
  background-color:#211c19;
  text-align:center;
}
.group {
  height:65px; width:290px;
  background-color:#3d332d;
  text-align:center;
}
.gtitre {
  color:#C4D3D9;
  font-size:30px;
  font-family: 'Nothing You Could Do', sans-serif;
}
.background {
  background-color:#b09c80;
  width:520px;
  border-left:solid 3px #221d18;
  border-right:solid 3px #221d18;
  margin:auto;
  padding:30px;
}
.contenu {
  margin-top: 20px;
  background-color:#c7b192;
  padding:10px;
}
.h2 {
  color:#211c19;
  font-size:18px;
  font-family: 'Nothing You Could Do', cursive;
}
.texte {
  color:#211c19;
  font-size:12px;
}
.credits {
  font-size: 11px;
}
.infoz {
  height:380px;
  margin-right:30px;
  background-color:#c7b192;
  padding:10px;
  overflow:auto;
}
.avatar200x400 {
  background-color:#c7b192;
  width:200x; height:400px;
  box-shadow: 0px 0px 6px black;
}
.joueur  {
  height:100px;
  background-color:#c7b192;
  padding:10px;
  overflow:auto;
  margin-left:10px;
}
.icone100x100 {
  background-color:#c7b192;
  width:100x; height:100px;
  box-shadow: 0px 0px 6px black;
}
/*------- Fin présentaion -------*/

/* BOTTIN AVATARS */
/* FOND LETTRES A/C/E/G/ETC BANDEROLE */
.LTRS {
background:#ccc !important;
}
/* COULEUR LETTRES A/C/E/G/ETC BANDEROLE */
.LTRS a{
color:black !important;
}
/* FOND LETTRES B/D/F/H/ETC BANDEROLE */
.IIND {
background:#400c0c;
}
/* COULEUR LETTRES B/D/F/H/ETC BANDEROLE */
.IIND a{
color:white !important;
}
/* COULEURS LETTRES A/C/E/G/ETC LISTE */
.lterI div{
border-color:#ccc !important;
}
.lterI a{
background:#ccc !important;
color:black !important;
}
/* COULEURS LETTRES B/D/F/H/ETC LISTE */
.lterII div{
border-color:#400c0c !important;
}
.lterII a{
 background:#400c0c !important;
 color:white !important;
 }


/* CHATBOX PERSONNALISEE */
.chatbox{
  border:none;
}

/* Couleur du texte par défaut (contextmenu / message + heure + liste des membres sans groupe) */
#chatbox, #chatbox_contextmenu, #chatbox_contextmenu a, #chatbox_members {
  color: #000!important;
}

/* Enlever image de fond par défaut */
.chatbox .catBottom { background: transparent; }
#chatbox_header{
  background:#d2cab7;
}
#chatbox_header strong{
  margin-left:10px;
  text-transform:uppercase;
}
#chatbox_header a{
  color: #FFF;
}

/* Liste des membres à droite */
#chatbox_members{
  width:181px;
  background:#f6f4f0;
  margin-bottom:-10px;
  border:none;
}
#chatbox_members .member-title{
  color:#FFF;
  padding:3px;
  margin-top:10px;
  margin-bottom:5px;
}

/* Menu au clic droit du pseudo à droite */
#chatbox_contextmenu{
  background:#FFF;
  font-size:15px;
}
/* Titre de la liste des membres (En ligne) */
#chatbox_members .online{ background:#80aa3e; }

/* Titre de la liste des membres (Hors ligne) */
#chatbox_members .away{ background:#a03a2e; }
/* Partie centrale de la chatbox */
#chatbox{
  background:#FFF;
  margin-bottom:-10px;
}
/* Fond des messages differents */
.chatbox_row_2{ background:#f6f4f0!important; }
.chatbox_row_1{ background:transparent!important; }

#chatbox > p{
  margin:0; /* phpbb3 => enlever les marges par défaut */
  border:none!important;
}

/* Barre inférieure de la chatbox */
#chatbox_footer{
  background:#d2cab7;
  padding-bottom:4px;
}

/* Zone d'écriture du message de la chatbox */
.chatbox input{ border:1px solid #6f6660!important; }
#chatbox_footer #submit_button{
  padding-right:2px;
}

/* Mise en forme de l'avatar du membre */
#chatbox .cb-avatar{
  padding:0!important;
  overflow:hidden;
  width:50px!important;
  height:50px!important;
  border-radius:50%;
}
#chatbox .cb-avatar > img{
  position:relative!important;
  top:-10px!important;
  width:50px!important;
  height:auto!important;
  transform: translateZ(0); /* empeche bug Chrome */
}

/* Mise en forme de la date */
#chatbox .date-and-time {
  display:inline-block;
  float:none!important;
  margin-left:2px!important;
  margin-top:2px!important;
  margin-bottom:3px!important;
  font-size:12px;
}

/* Mise en forme du pseudo du membre ayant poste */
#chatbox .user { float:left!important; }
#chatbox .user strong {font-size: 0;}
.chatbox-username.chatbox-message-username { font-size: 12px; }
CSS ASCENDEtest ascende :: Ascende Superius :: Thème 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers: