Forum de test
 

Partagez | 
 

 CSS version 5

Aller en bas 
AuteurMessage
Alondite
Admin
avatar

Fiche : Blabla
Messages : 55
Date d'inscription : 08/04/2013

MessageSujet: CSS version 5    Jeu 25 Juin - 9:55

Code:
/* Fiche Aelitha */
#mainPres2 {
  width:550px;
  margin:auto;
  background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png");
  border:5px solid #410000;
}
.blockAe {
  text-align:justify;
  overflow:hidden;
  position:relative;
  width:550px;
  height:150px;
}
.BlockAe {
  position:absolute;
  width:550px;
  height:150px;
  opacite:1;
    transition: all 2s;
}
.BlockAe:hover{
 opacity:0;

}
.block2Ae {
  display:inline-block;
  text-align:justify;
  overflow:hidden;
  position:relative;
  width:275px;
  height:300px;
}
.Block2Ae {
  position:absolute;
    opacite:1;
    transition: all 2s;
  width:275px;
  height:300px;
}
.Block2Ae:hover {
 opacity:0;
}
.block4Ae {
  display:inline-block;
  text-align:justify;
  overflow:hidden;
  position:relative;
  width:550px;
  height:150px;
  border-bottom:5px solid #410000;
}
.Block4Ae {
  position:absolute;
    opacite:1;
    transition: all 2s;
  width:550px;
  height:150px;
}
.Block4Ae:hover {
   opacity:0;
}
/*FICHE LAEREN*/
.relLaeren {
  background-color:#66C4B8;
  width:250px;
  padding:3px 3px 8px 3px;
  margin-left:30px;
  margin-bottom:10px;
  display:inline-block;
}
.relTextLaeren {
  font-family:Economica;
  font-size:20px;
}
.rel1Laeren {
  background-color:#C2E6E1;
  padding:5px;
  text-align:justify;
  height:150px;
  overflow:auto;
}
.fondLaeren {
 background-image:url("http://img11.hostingpics.net/pics/261969HautLaeren.png"), url("http://img11.hostingpics.net/pics/232130fontLaeren.png");
  background-repeat:no-repeat, repeat;
  background-size:100% auto, auto auto;
  width:600px;
  margin:auto;
}
.titreLaeren {
  font-family:Bad Script;
  font-size:30px;
  font-weight:bold;
  margin-top:200px;
  margin-left:310px;
}
.blockLaeren {
  background-color:#66C4B8;
  width:47%;
  padding:3px 3px 8px 3px;
  margin:6px;
  display:inline-block;
}
.block2Laeren {
  background-color:#66C4B8;
  width:47%;
  padding:3px 3px 8px 3px;
  margin:auto;
}
.block1Laeren {
  background-color:#C2E6E1;
  padding:5px;
  text-align:justify;
  height:110px;
  overflow:auto;
}
.block3Laeren {
  background-color:#66C4B8;
  width:97%;
  padding:3px 3px 8px 3px;
  margin:auto;
}
.block4Laeren {
  background-color:#C2E6E1;
  padding:5px;
  text-align:justify;
}
.titreBlockLaeren {
  font-family:Economica;
  font-size:20px;
}
.imgLaeren {
  border : 2px solid #66C4B8;
  margin:8px;
}

/*FICHE MIDGARD (RIEN A VOIR) */
.cadreMidgard {
  border-radius: 10px;
  background-image:url('http://i19.servimg.com/u/f19/15/75/05/57/filtre12.jpg');
  margin:auto;
  width:550px;
}
.cadreHautMidgard {
  border: 3px solid #333333;
  border-radius: 10px 10px 0 0;
}
.imgMidgard {
  width:315px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.textHautMidgard {
  font-size:14px;
  color:#333333;
  text-align:center;
  padding-bottom:15px;
}
.blockMidgard {
  display:table-cell;
  padding:5px;
  width:265px;
  height:300px;
  overflow:auto;
  border: 3px solid #333333;
  text-align:justify;
}
.textBlockMidgard {
  display:inline-block;
  width:275px;
  height:20px;
  background-color:#333333;
  color:rgba(255,255,255,0.5);
  text-align:center;
  font-size:13px;
}
.contourBlockMidgard {
  display:table;
}
.textMilieuMidgard {
  width:100%;
  height:20px;
  background-color:#333333;
  color:rgba(255,255,255,0.5);
  text-align:center;
  font-size:13px;
}
.blockBackgroundMidgard {
  padding:5px;
  height:400px;
  overflow:auto;
  border: 3px solid #333333;
  text-align:justify;
}
.imgPersoMidgard {
  border:3px solid #333;
  border-radius:100px;
  float:left;
  margin:5px;
}
.blockJoueurMidgard {
  padding:5px;
  height:150px;
  overflow:auto;
  border: 3px solid #333333;
  border-radius:0 0 10px 10px;
  text-align:justify;
}
.blockBackgroundMidgard2 {
  padding:5px;
  height:400px;
  overflow:auto;
  border: 3px solid #333333;
  text-align:justify;
  border-radius:0 0 10px 10px;
}
/* PA */
/*TRANSPARENCE PA*/
table#msg_et, table#msg_et td{
  background-color:none !important;
  }
#main {
        margin-left: -50px;
   width: 850px;
   background-color: #F2ECEA;
   box-shadow: 0px 0px 5px #595959;
   -moz-box-shadow: 0px 0px 5px #595959;
   -o-box-shadow: 0px 0px 5px #595959;
   -htm-box-shadow: 0px 0px 5px #595959;
   -webkit-box-shadow: 0px 0px 5px #595959;
   border-left: 4px solid #410000;
   border-right: 4px solid #410000;
        border-bottom: 10px solid #410000;
}
#Predef {
   width: 70px;
   font-size: 11px;
   display: inline-block;
  vertical-align:top;
}
#Milieu {
   width: 700px;
   display: inline-block;
}
#Lien {
   width: 300px;
   padding: 5px;
   text-align: center;
   display: inline-block;
   height: 75px;
    background-color:#FCFAF5;
}
#Lien a {
   font-size: 23px;
   color: #410000;
   font-family: 'Economica', cursive;
}
#News {
   display: inline-block;
   width: 350px;
   height: 75px;
  padding:5px;
   text-align: justify;
    vertical-align:top;
    background-color:#FCFAF5;
}
#Avertissement {
   display: inline-block;
   overflow: auto;
   padding: 5px;
   text-align: justify;
   font-size: 11px;
  width:665px;
    background-color:#FCFAF5;
  margin-top:50px;
}
#Avertissement strong {
   color: #410000;
}
#Contexte {
   display: inline-block;
   height: 205px;
   padding: 5px;
   text-align: justify;
   font-size: 11.4px;
   width: 350px;
    vertical-align:top;
    background-color:#FCFAF5;
  margin-top:50px;
}
#stafff {
   display: inline-block;
   width: 310px;
   height: 215px;
    background-color:#FCFAF5;
  margin-top:50px;
}


.monBlocPa {
  position:relative;
  width:100px;
  height:50px;
  overflow:hidden;
}
.Opacite {
  position:absolute;
  left:0px;
  opacity:1;
  width:70px;
  height: 115px;
  -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -ms-transition: all 1s linear;
   -o-transition: all 1s linear;
   transition: all 1s linear;
}
.Opacite:hover {
  opacity:0;
}
.monFond2 {
   overflow: hidden;
   width: 70px;
   height: 115px;
      background-color:#FCFAF5;
  position:relative;
}
#Bloc {
   display: inline-flex;
   height: 140px;
}
#Partenaires {
   width: 850px;
   height: 110px;
   padding-top: 20px;
   background-color: #F2ECEA;
}
.grid {
   padding: 5px 5px 10px 5px;
   max-width: 100px;
   margin: 0 auto;
   list-style: none;
   text-align: center;
  display:inline-block;
  margin-left:10px;
  margin-right:10px;
}

.grid li {
   display: inline-block;
   width: 100px;
   margin: 0;
   padding: 7px;
   text-align: left;
   position: relative;
}

.grid figure {
   margin: 0;
   position: relative;
}

.grid figure img {
   max-width: 100%;
   display: block;
   position: relative;
}

.grid figcaption {
   position: absolute;
   top: 0;
   left: 0;
   padding: 5px;
   background: #410000;
   color: #FCFAF5;
}

.grid figcaption h3 {
   margin: 0;
   padding: 0;
   color: #F2ECEA;
}


.grid figcaption a {
   text-align: center;
   padding: 2px 5px;
   display: inline-block;
   background: #F2ECEA;
   color: #410000;
  font-weight:bold;
}

/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption {
   height: 100%;
   width: 100%;
   opacity: 0;
   text-align: center;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   -moz-transition: -moz-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
  z-index:1;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
   opacity: 1;
   -webkit-transform: translate(15px, 15px);
   -moz-transform: translate(15px, 15px);
   -ms-transform: translate(15px, 15px);
   transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
   margin-top: 5px;
}

.cs-style-1 figcaption span {
   display: block;
}
/*Fin Pa*/


/*TEST MORTEN POUR FICHE NEWS*/
.mh-menu{
   height: 230px;
   width: 270px;
   margin: auto;
   position: relative;
}
.mh-menu li{
   width: 100px;
        list-style-type:none;
}
.mh-menu li a{
   display: block;
   width: 100px;
   padding: 0px 3px;
   text-align: right;
   position: relative;
   z-index: 10;
   background: #fff;
   height: 35px;
   border-right: 1px solid #ddd;
   background-color: rgba(255,255,255, 0.8);
}
.mh-menu li:nth-child(1):hover a{
   background-color: rgba(60, 93, 62,0 .9);
}
.mh-menu li:nth-child(2):hover a{
   background-color: rgba(108, 18, 18, 0.9);
}
.mh-menu li:nth-child(3):hover a{
   background-color: rgba(211, 57, 57, 0.9)
}
.mh-menu li:nth-child(4):hover a{
   background-color: rgba(119, 130, 67, 0.9);
}
.mh-menu li:nth-child(5):hover a{
   background-color: rgba(60, 93, 62, 0.9);
}
.mh-menu li:nth-child(6):hover a{
   background-color: rgba(211, 57, 57, 0.9);
}
.mh-menu li a span{
   display:block;
}
.mh-menu li a span:first-child{
   font-size: 13px;
        font-style: italic;
   color: #151515;
   padding-top: -8px;
   font-family: 'Economica';
}
.mh-menu li a span:nth-child(2){
   font-size: 19px;
        padding-top: -12px;
   font-family: 'Economica';
   -webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
   -o-transition: color 0.2s linear;
   -ms-transition: color 0.2s linear;
   transition: color 0.2s linear;
}
.mh-menu li:hover span:nth-child(2){
   color: #151515;
}
.mh-menu li img{
   position: absolute;
   z-index: 1;
   left: 0px;
   top: 0px;
   opacity: 0;
   -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
   -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
   -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
   -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
   transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.mh-menu li:hover img{
   left: 145px;
   opacity: 1;
}
.text-news-J {
  text-align: justify;
  padding: 5px;
}
.spanText {
  text-align:justify;
  overflow:auto;
  height:215px;
}
/*FICHE JOURNAL ET LIENS*/
#blokjourn {
  width: 550px;
  border-left: 3px solid #410000;
  border-right: 3px solid #410000;
  border-bottom: 20px solid #410000;
  margin: auto;
  background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png");
}
#bandojourn {
  background-color:#410000;
  padding:5px;
  padding-top:20px;
  height:30px;
  font-family: 'bad Script',cursive;
  text-align: center;
  font-size: 25px;
  color: #f2e7dc;
}
.imagejourn {
  width: 550px;
  height: 150px;
  border-bottom: 3px solid #410000;
}

.imagerela {
  width: 275px;
  height: 120px;
  display: inline-block;
}

#petitbandoJ {
  background-color:#410000;
  padding:5px;
  padding-top:10px;
  height:20px;
  font-family: 'bad Script',cursive;
  text-align: center;
  font-size: 15px;
  color: #f2e7dc;
  width: 380px;
  display: inline-block;
}

#petitbandoJL {
  background-color:#410000;
  padding:5px;
  padding-top:10px;
  height:20px;
  font-family: 'bad Script',cursive;
  text-align: center;
  font-size: 15px;
  color: #f2e7dc;
  width: 150px;
  display: inline-block;
}
#petitbandoRP {
  background-color:#410000;
  padding:5px;
  padding-top:10px;
  height:20px;
  font-family: 'bad Script',cursive;
  text-align: center;
  font-size: 15px;
  color: #f2e7dc;
  width: 265px;
  display: inline-block;
}
#utileslinkjourn {
  width: 150px;
  height: 210px;
  display: inline-block;
  border-bottom: 5px solid #410000;
  text-align: center;
  vertical-align: top;
  }
.journliens {
  font-size: 12px;
  font-family: 'Economica', cursive;
  color: #151515;
  }
.journliens:hover {
  color: #660f0f;
}
#deskjourn {
  height: 210px;
  width: 397px;
  border-right: 3px solid #410000;
  border-bottom: 5px solid #410000;
  display: inline-block;
  overflow: auto;
}

#caseRPjourn1 {
  width: 273px;
  display: inline-block;
  height: 125px;
  overflow: auto;
  border-right: 2px solid #410000;
}

 #caseRPjourn2 {
  width: 274px;
  display: inline-block;
  height: 125px;
  overflow: auto;
  border-left: 1px solid #410000;
}
#caseLienG {
  width: 274px;
  display: inline-block;
  height: 140px;
  overflow: auto;
  border-right: 1px solid #410000;
  border-bottom: 6px solid #410000;
  text-align: justify;
}
#caseLienD {
  width: 273px;
  display: inline-block;
  height: 140px;
  overflow: auto;
  border-left: 2px solid #410000;
  border-bottom: 6px solid #410000;
  text-align: justify;
}
/*FIN FICHE JOURNAL ET LIENS*/

/* FICHE PARTENARIAT */
#bandeauPart {
  background-color:#410000;
  font-size: 35px;
  color: #F2E7DC;
  font-family: 'Bad Script', cursive;
  padding:5px;
  padding-top:20px;
  height:35px;
  text-align:center;
}
.imgPart {
  border-bottom:10px solid #410000;
  border:2px solid #410000;
}
#histoirePart {
  border-bottom:10px solid #410000;
  border:2px solid #410000;
  padding:5px;
  text-align:justify;
}
#blocPart {
  display:inline-block;
  width:261px;
  height:240px;
  padding:5px;
  border-bottom:10px solid #410000;
  border:2px solid #410000;
  vertical-align:top;
}
#blocPart table {
  margin:auto;
}
#bloc2Part {
  width:536px;
  padding:5px;
  border-bottom:20px solid #410000;
  border:2px solid #410000;
}
#bloc2Part table {
  margin:auto;
  text-align:center;
}
/*Messages officiels*/
#bandooffic {
  background-color:#410000;
  padding:5px;
  padding-top:8px;
  height:25px;
  font-family: 'bad Script',cursive;
  text-align: center;
  font-size: 20px;
  color: #f2e7dc;
}

#blokoffic {
  width: 550px;
  border-left: 3px solid #410000;
  border-right: 3px solid #410000;
  border-bottom: 10px solid #410000;
  margin: auto;
  background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png");
}

.texteoffic {
  text-align: justify;
  padding: 5px;
}

.signoffic {
  text-align: right;
  font-family: 'bad Script', cursive;
  font-size: 18px;
}

/* FICHE PRESENTATION */
#mainPres {
  width:550px;
  margin:auto;
  background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png");
}
#bandeauPres {
  background-color:#410000;
  font-size: 40px;
  color: #F2E7DC;
  font-family: 'Bad Script', cursive;
  padding:5px;
  padding-top:20px;
  height:40px;
  text-align:center;
}
#imgPres {
  display:inline-block;
  width:150px;
  height:200px;
  border:2px solid #410000;
  border-bottom:10px solid #410000;
}
#infoPres {
  display:inline-block;
  overflow:auto;
  width:392px;
  height:200px;
  border:2px solid #410000;
  border-bottom:10px solid #410000;
}
.infoPresBis {
  display:inline-block;
  width:185px;
  vertical-align:middle;
}
#bloc1Pres {
  display:inline-block;
  width:271px;
  height:250px;
  border:2px solid #410000;
  border-bottom:10px solid #410000;
}
#bloc2Pres {
  overflow:auto;
  width:546px;
  height:250px;
  border:2px solid #410000;
  border-bottom:20px solid #410000;
}
.textePres {
  overflow:auto;
  height:232px;
}
.typo2Pres {
  font-family:'Economica', cursive;
  font-size:20px;
}


/* BARRE DE NAVIGATION */
.mainMenu {
   z-index: 10;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: #410000;
     background-image:url('http://img15.hostingpics.net/pics/561817contemporarychina.png');
   padding: 5px 0;
   text-align: center;
   border-bottom: 6px solid #410000;
   text-transform: uppercase;
   transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
}
.mainMenu a {
   font-family: Economica;
   font-size: 25px;
   color: #410000;
  letter-spacing:-1px;
   text-transform: capitalize;
}
/*C'est ici qu'il faudra jouer avec le -90% si vous désirez changer la taille de la barre et que le rendu ne correspond plus à vos attentes*/
.offMenu { /*Effet qui fait remonter la barre !*/
   transform: translateY(-90%);
   -moz-transform: translateY(-90%);
   -webkit-transform: translateY(-90%);   
}
/* -------------------------------- QEEL -------------------------------- */
.img_qeel {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
/*** RUBAN ***/
.qeel_titre {
   width: 947px;
   margin: auto;
   margin-top: 9em;
   margin-left: -4.4em;
   background-color: #410000;
  position:relative;
}
.ruban_gauche_qeel {
border-color: transparent #300808 transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -63px;
top: -14px;
z-index: -1;  /*s'affichera sous le rectangle  */
}
 
.ruban_droit_qeel {
border-color: transparent transparent transparent #300808;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: 882px;
top: -43px;
z-index: -1;
}
/*** MISE EN FORME FONT DU QEEL ***/
.fond_qeel {
   width: 840px;
   border-left: 5px solid #410000;
   border-right: 5px solid #410000;
   background-color: #410000;
   margin: 0;
   margin-top: -9em;
}
/*** MISE EN FORME BLOC STATISTIQUES ***/
.bloc_stat {
   background-color: #FCFAF5;
   padding: 15px;
   width: 250px;
   height: 172px;
   overflow: auto;
   font-size: 11px;
   text-align: justify;
   color: #515151;
   display: inline-block;
   margin-left: 3em;
}
/*** MISE EN FORME BLOC DES GROUPES ***/
.bloc_groupes {
   background-color: #FCFAF5;
   padding: 15px;
   width: 440px;
   height: 50px;
   overflow: auto;
   font-size: 20px;
   text-align: center;
   font-family: 'Economica', cursive;
   line-height: 5px;
   display: inline-block;
}
/*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
.bloc_connectes {
   background-color: #FCFAF5;
   padding: 15px;
   width: 440px;
   height: 59px;
   overflow: auto;
   text-align: center;
   display: inline-block;
}
.bloc_enligne {
   background-color: #FCFAF5;
   padding: 15px;
   width: 740px;
   height: 50px;
   overflow: auto;
   font-size: 11px;
  text-align: justify;
   display: inline-block;
   margin-left: 3em;
}
/*** MISE EN FORME DES TITRES (simple + survol) ***/
.titre_bloc {
   font-family: 'Economica', cursive;
   font-size: 24px;
   font-weight: bold;
   color: #410000;
}
.titre_bloc2 {
   font-family: 'Economica', cursive;
   font-size: 24px;
   font-weight: bold;
   color: #410000;
     margin-top:15px;
     margin-bottom:-20px;
     margin-left:33px;
}
.titre_bloc3 {
   font-family: 'Economica', cursive;
   font-size: 24px;
   font-weight: bold;
   color: #410000;
     margin-left:33px;
}
#groupe {
   display: inline-block;
   margin-left: 2em;
}
/*** GROUPES A ONGLETS ***/
/* Mise en forme des noms de groupe */
.groupe_onglet {
   display: inline-block;
   padding: 10px;
}
/*** MISE EN FORME DES CREDITS ***/
.credits {
   text-align: left;
   margin-right: 10px;
   font-size: 9px;
   margin-top: 5px;
  padding-bottom: 5px;
     color:#C3CEC0;
}
.credits a {
   color: #622828;
}
/* -------------------------------- FIN QEEL -------------------------------- */

/* --------------------------------- CATEGORIES --------------------------------- */
.bloc1 {
   background-color: #F2ECEA;
   width: 690px;
   height: 170px;
   display: inline-block;
   margin-left: -14em;
   border-left: 4px solid #410000;
   border-right: 4px solid #410000;
}
/*** FONDS GENERAUX ***/
/* Contenu de l'ensembre des forum */
.categorie {
   width: 600px;
   height: 180px;
   padding: 10px;
}
/* Fond titre catégorie */
.cate_titre {
   width: 947px;
   margin: auto;
   margin-top: 9em;
   margin-left: -4.4em;
   background-color: #410000;
  position:relative;
}
.ruban_gauche {
border-color: transparent #300808 transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -498px;
top: 86px;
z-index: -1;  /*s'affichera sous le rectangle  */
}
 
.ruban_droit {
border-color: transparent transparent transparent #300808;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: 448px;
top: 58px;
z-index: -1;
}
/* Mise en forme nom de catégorie */
h2 {
   font-size: 40px;
   font-family: 'Bad Script', sans-serif;
   color: #EAE5E3;
   text-align: center;
   margin-bottom: -101px;
   letter-spacing: -3px;
}
/*** MISE EN FORME DES FORUM ***/
/* Mise en forme du texte des titres de forum */
.titrefofo {
   color: #551A1A !important;
   font-family: 'Economica', sans-serif;
   font-size: 25px !important;
   font-weight: none !important;
  padding-left:15px;
}
.titrefofo:hover {
   color: #410000 !important;
}
.titrefofo a {
   font-size: 16px;
   width: 500px;
}
/* Mise en forme de la description */
.description {
   width: 595px;
   height: 95px;
   font-size: 11px;
   text-align: justify;
   color: #7D2626;
   background-color: #FCFAF5;
   overflow: auto;
   position: relative;
   top: 1em;
   left: 3em;
   padding: 15px;
  margin-top:-10px;
}
.imagedesc {
   position: relative;
   right: -6em;
   top: -2em;
   -moz-transform: rotate(8deg);
   -webkit-transform: rotate(8deg);
   transform: rotate(8deg);
}
/*** SOUS-FORUM ***/
.lienssf {
   width: 812px;
   padding: 15px;
   line-height: 15px;
   background-color: #410000;
   display: block;
   margin-left: -14em;
   border-left: 4px solid #410000;
   border-right: 4px solid #410000;
  margin-top:-4px;
}
.lienssf a {
   color: #F2ECEA !important;
}
.lienssf a:hover {
   color: #CBC0C6 !important;
}
/*** DERNIERS MESSAGES ***/
.last_mess {
   width: 120px;
   height: 150px;
   display: inline-block;
   margin-right: -0.1em;
   background-color: #F2ECEA;
   color: #7D2626;
   padding: 10px;
   font-size: 11px;
   border-left: 4px solid #410000;
   border-right: 4px solid #410000;
}
.last_mess a {
   color: black;
}
.last_mess a:hover {
   color: #CAC9C7 !important;
}

.topictitle {
  font-family:verdana;
  letter-spacing:0px;
}
/*--------------------------------- FIN CATEGORIES --------------------------------- */

/* FICHE PREDEFINIS */
#BandeauPredef {
  background-color:#410000;
  padding:5px;
  padding-top:20px;
  height:30px;
}
.NomPredef {
  font-size: 35px;
  color: #F2E7DC;
  font-family: 'Bad Script', cursive;
  padding-left:50px;
}
.DispoPredef {
  font-size: 20px;
  color: #F2E7DC;
  font-family: 'Economica', cursive;
  padding-right:50px;
  float:right;
}
#FondPredef {
  background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png");
  margin:auto;
  width:550px;
}
#Bloc1Predef {
  border:2px solid #410000;
  border-bottom:10px solid #410000;
  width:546px;
}
#IdentitePredef {
  display:inline-block;
  width:161px;
  height:310px;
  text-align:justify;
  padding:5px;
  border-right:2px solid #6D0606;
  vertical-align:top;
}
#CaracPredef {
  display:inline-block;
  width:157px;
  height:310px;
  text-align:justify;
  padding:5px;
  border-left:2px solid #6D0606;
  border-right:4px solid #6D0606;
  vertical-align:top;
  overflow:auto;
}
.bla{
  font-family:'Economica', cursive;
  font-size:17px;
}
#HistoirePredef {
  height:150px;
  overflow:auto;
  text-align:justify;
  padding:5px;
  border:2px solid #410000;
  border-bottom:10px solid #410000;
  width:536px;
}
#BlablaPredef {
  height:150px;
  overflow:auto;
  text-align:justify;
  padding:5px;
  border:2px solid #410000;
  border-bottom:20px solid #410000;
  width:536px;
}
.LienPredef {
  float:left;
  margin-left:20px;
  margin-right:10px;
}
.TitrePredef {
  font-family:'Economica', cursive;
  font-size:20px;
}

/* FIN FICHE DE PREDEF */

/* FICHE DE PRESENTATION */
.monBloc {
   position: relative;
   overflow: hidden;
   width: 600px;
    height: 250px;
}
.blocVolet {
   position: absolute;
   top: 0;
   left: 0;
   width: 600px;
   height: 250px;
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -ms-transition: all 1s linear;
   -o-transition: all 1s linear;
   transition: all 1s linear;
}
.monBloc:hover > .blocVolet {
   left: -600px;
   top: -250px;
}
.CadreFiche {
   border-top: solid 5px #0D0D0D;
   border-left: solid 5px #0D0D0D;
   border-right: solid 5px #0D0D0D;
   border-bottom: double 5px #0D0D0D;
   background: #747474;
   width: 600px;
}
.CadreFiche2 {
   background-color: #747474;
}
.TitreFiche {
   font-size: 40px;
   font-family: Amarante;
   text-align: justify;
   color: #0D0D0D;
   text-shadow: 3px 0px 1px #ffffff;
   font-variant: small-caps;
}
.PoliceFiche {
   font-family: Amarante;
   font-size: 20px;
}
.PoliceFiche2 {
   background-color: #0d0d0d;
   font-family: Amarante;
   font-size: 25px;
   color: #E4DED4;
   text-align: center;
   text-shadow: 3px 0px 1px #000000;
   font-variant: small-caps;
}
.TexteFiche {
   margin: auto;
   width: 560px;
   height: 300px;
   text-align: justify;
   overflow: auto;
}
.TexteFiche2 {
   margin: auto;
   width: 560px;
   height: 400px;
   text-align: justify;
   overflow: auto;
}
/* FIN FICHE DE PRESENTATION*/

/* TOP SITE*/
.widget_flottant {
   width: 130px;
   height: 130px;
   position: fixed;
   top: 30px;
   right: 10px;
   background: #DFDFDF;
   border: 5px solid #0D0D0D;
   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;
}
.titreW {
   font-size: 25px;
   font-family: 'Economica', cursive;
}
/* FIN TOP SITE */

/* PROFIL */
profil_mess {
  display: block;
  padding: 9px;
  font-size: 11px;
  text-align: justify;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
    background-color: #F2ECEA;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    margin-left:-310px;
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -o-transition:all 2s;
    -ms-transition:all 2s;
    transition:all 2s;
}
.profil {
   width: 200px;
   margin: auto;
   background: #F2ECEA;
   border-left: 4px solid #410000;
        border-right: 4px solid #410000;
        border-bottom: 15px solid #410000;
}
.name {
   font-size: 16px;
   font-family: 'Bad Script', cursive;
}

.name_fond {
   width: 248px;
        height: 30px;
   margin: auto;
   margin-bottom: -7.3em;
        margin-left: -20px;
        z-index: 2;
   background-color: #410000;
        position:relative;
        text-align: center;
}
.name_rban_g {
border-color: transparent #300808 transparent transparent;
border-style:solid;
border-width:20px;
height:0px;
width:0px;
position: relative;
left: -40px;
top: 60px;
z-index: -1;  /*s'affichera sous le rectangle  */
}
 
.name_rban_d {
border-color: transparent transparent transparent #300808;
border-style:solid;
border-width:20px;
height:0px;
width:0px;
position: relative;
left: 208px;
top: 20px;
z-index: 1;
}


.profil_avatar {
   padding: 4px;
}
hr {
   border-bottom: 8px solid #410000;
}
.infos_profil {
  padding: 5px;
}
.profil_ext {
  width: 200px;
  position: absolute;
  margin-left: -80px;
  display: inline-block;
}

.ma_marge_profil {
min-height: 430px;
padding-left : 145px;
}

/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#profil_englob {
    position:relative;
    width:200px;
    height:400px;
    overflow:hidden;
}

.img_transl {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0.5;
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -o-transition:all 2s;
    -ms-transition:all 2s;
    transition:all 2s;
    text-align: center;
}

#profil_englob:hover > .img_transl {
    margin-left:200px;
    opacity: 1;
}

#profil_englob:hover > .profil_mess {
  opacity:1;
  margin-left:0px;
}

/* FIN PROFIL */

/*TITRES*/

.titre1 {
   font-size: 16px;
   font-family: Amarante;
   text-align: center;
   color: #000000;
   font-variant: small-caps;
}

.titre3 {
   font-size: 26px;
   font-family: Amarante;
   text-align: center;
   color: #000000;
   font-variant: small-caps;
}

.titre2 {
   font-size: 36px;
   font-family: Amarante;
   text-align: justify;
   color: #0D0D0D;
   font-variant: small-caps;
   border-bottom: 4px solid #0D0D0D;
}

/* RANG */
.rangPNJ {
   font-size: 20px;
   font-family:'Economica', cursive;
   text-align: center;
   color: #000;
        font-weight: bold;
}
.rangHungry {
   font-size: 20px;
   font-family: 'Economica', cursive;
   text-align: center;
   color: #a81212;
        font-weight: bold;
}
.rangHungryR {
   font-size: 20px;
   font-family: 'Economica', cursive;
   text-align: center;
   color: #d33939;
        font-weight: bold;
}
.rangHumainE {
   font-size: 20px;
   font-family: 'Economica', cursive;
   text-align: center;
   color: #778243;
        font-weight: bold;
}
.rangHumainR {
   font-size: 20px;
   font-family: 'Economica', cursive;
   text-align: center;
   color: #3c5d34;
        font-weight: bold;
}
/* FIN RANG */

/* FOOTER */
#newbottom {
   clear: both;
   background-repeat: no-repeat;
   background-position: center;
   height: 150px;
   width: 900px;
   background: #747474;
   border-left: 10px solid #0D0D0D;
   border-right: 10px solid #0D0D0D;
   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;
}
.footerPA {
   height: 155px;
   width: 900px;
   overflow: auto;
}
/* FIN FOOTER */

/* FICHE DAMYAN */
.fondD {
   background-image: url('http://zupimages.net/up/15/01/oifd.jpg');
   background-repeat: repeat;
   width: 90%;
}
.bordureD {
   width: 490px;
   height: 272px;
   padding: 5px;
}
.monBlocD {
   position: relative;
   overflow: hidden;
   width: 500px;
   height: 182px;
   background-color: rgba(255, 255, 255, 0.8);
   padding-top: 100px;
}
.blocVoletD {
   position: absolute;
   top: 0;
   left: 0;
   width: 490px;
   height: 272px;
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -ms-transition: all 1s linear;
   -o-transition: all 1s linear;
   transition: all 1s linear;
}
.monBlocD:hover > .blocVoletD {
   top: -277px;
}
.policeD1 {
   font-size: 30px;
   text-align: center;
}
.policeD2 {
   font-size: 20px;
   text-align: center;
}
.cadreD {
   background-color: rgba(255, 255, 255, 0.8);
   width: 480px;
   text-align: justify;
   padding: 10px;
}
.cadreD2 {
   background-color: rgba(255, 255, 255, 0.8);
   width: 500px;
   text-align: center;
   margin: 5px;
}
/*fin fiche damyan*/

/* CHATBOX */
.CBlargeur {
  width: 850px;
}
body.chatbox {
  background-image: url('http://img11.hostingpics.net/pics/387080fondFiche.png');
  box-shadow:none;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
}

#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label {
  border:none !important;
  background:none !important;
  box-shadow:none !important;
}
#chatbox_header  {
color: #FCFAF5;
background-color: #410000;
font-size:18px;
}
#chatbox_header .cattitle strong {
  visibility: hidden;
  display:none;
}
#chatbox_header .cattitle:before {
  content: "Traité de paix";
  font-family: 'Economica';
}
#submit_button {
  background-color:#410000 !important;
  color:#F2ECEA;
  margin-bottom:5px;
}

/* OPTION GENERAL */

.code, .codebox dd {
  padding:5px;
}
/* pas de soulignement des liens */

a {
   text-decoration: none;
}

a:hover {
   color: #900000;
   text-decoration: none !important;
}

body {
   font-family: verdana;
   font-size: 11px;
}
#i_logo {
   margin-top: 22px;
   border-bottom: 10px solid #410000;
}
.message_contenu {
   text-align: justify;
   font-size: 12px;
   padding: 5px;
}
.postbody {
  vertical-align: top;
}
#page-body {
   width: 850px;
   margin: auto;
}
.bodylinewidth {
   width: 850px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -10px;
   margin-bottom: -9px;
}

.bodyline {
   width: 850px;
   padding: 0;
   background: #E0A1A1;
     background-image:url('http://img15.hostingpics.net/pics/561817contemporarychina.png');
   border-left: 10px solid #410000;
   border-right: 10px solid #410000;
}

.forumline {
   
   margin: auto;
   margin-left: 0em;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   padding:0;
   background: #F2ECEA;
   box-shadow: 0px 0px 5px #595959;
   -moz-box-shadow: 0px 0px 5px #595959;
   -o-box-shadow: 0px 0px 5px #595959;
   -htm-box-shadow: 0px 0px 5px #595959;
   -webkit-box-shadow: 0px 0px 5px #595959;
   border-left: 4px solid #410000;
   border-right: 4px solid #410000;
  border-bottom: 10px solid #410000;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  padding:0px;
}

.StatsForum {
   float: right;
   font-size: 9px;
   padding: 2px;
}
.row3Right{border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTop{border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}
.catHead{border: none !important;}
.catBottom{border: none !important;}

/*Selecteur*/
.selectCode {
   float: right;
   text-transform: small-caps;
   cursor: pointer;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://b-s-n.forumactif.org
 
CSS version 5
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Offre promotionnelle : SnagIT 7.25 en version gratuite !
» Comment envoyer une détection chez avira avec Antivir 9 français - Version Classic
» Offre exceptionnelle : True Image 10 en version gratuite et complète
» [Résolu] Pb pour la désinstallation d'Antivir version Anglaise
» [Résolu] avira version 9.0

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de test :: Forum de test :: You're my Toy :: Thème 5-
Sauter vers: