AccueilAccueil  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
ouverture du forum
le 01/08/2013 - nous avons 1 an ! *champagne*

Partagez| .

code CSS V8 - turquoise

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: code CSS V8 - turquoise Sam 5 Avr - 1:00

Code:
/*------------------------------------------------------
                      Posts administratifs
-------------------------------------------------------*/

.fondpost01{
 width:400px;
 border-radius:100px;
 background-color:#033F34;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:370px;
 border-radius:15px;
  background-color:#038A8C;
 padding:10px;
  marging-left:-30px;
  border:1px solid #033F34;
}
.imgpost01{
  width:300px;
 border-radius:10px;
  border:solid 1px black;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#9CCEC5;
  text-shadow: 2px 2px 2px #000408;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
 padding:3px;
}
.biov7 {
  color:#F7E3C8; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.surligne {color:#000408;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-weight:italic;
  color:#000408;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#C6034B;
  text-shadow: 2px 2px 2px #60032A;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#5ED343;
  text-shadow: 2px 2px 2px #024909;
  font-style:bold;
}
.fondliens01{
 width:500px;
 border-radius:100px;
 background-color:#033F34;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
 border-radius:15px;
  background-color:#038A8C;
 padding:10px;
  marging-left:-30px;
  border:1px solid #033F34;
}
.imgliens01{
  width:200px;
 height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
 height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#9CCEC5;
  text-shadow: 2px 2px 2px #000408;
}
.imgliens03{
  width:400px;
 border-radius:10px;
  border:solid 1px black;
}
.icoliens{
  width:100px;
  border:solid 1px black;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;
}
.titreliens01{
  text-align:left;
  margin-top:30px;
  font-family:'Vibur';
  font-size:18px;
  color:#9CCEC5;
  text-shadow: 2px 2px 2px #000408;
}
Revenir en haut Aller en bas




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: Re: code CSS V8 - turquoise Lun 5 Mai - 20:16

Avril 2014 - bleugris + bleu foncé

Code:
/*------------------------------------------------------
                PV/SCENARIOS  / avril 2014
-------------------------------------------------------*/

#imgpv {
  -webkit-box-shadow: 0px 0px 2px 0px #6EABA0;
  box-shadow: 0px 0px 2px 0px #6EABA0;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
#infopv {
      height:320px;
      background-color:#5F76AA;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #49587A;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #4D6193;
      color: white;
    font-size:11px; padding:5px;
    margin-left:15px;}


    .cs {
      color:#051D33; font-weight:800;
   
    }

/*------------------------------------------------------
                      BIOGRAPHIE / avril 2014
-------------------------------------------------------*/

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #49587A ;
    border-right: 4px solid #49587A ;
    background-color:#5F76AA;
      color: #051D33  ;
      text-align:justify;
}

    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #053134 ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #051D33 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #448BC9;
    filter: dropshadow(color=#448BC9, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #4D7CA5  ;
      background-color:#141F38 ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:10px;
      padding:4px;
      background-color:#4D6193 ;

    }

    .cs {
      color:#051D33 ; font-weight:800;
   
    }

    #imgpr {
      -webkit-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
      -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
      width:500px;
    margin:auto;
    }

    #infopr {
      height:360px;
      background-color:#4D6193 ;
   
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #053134 ;

    }
    #caract {
      height:85px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#4D6193 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:10px;
      padding:4px;
    margin:auto;
 background-color:#4D6193 ;
    }

    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #4D6193 ;
      color: #051D33  ;
    font-size:11px; padding:5px;
    margin-left:15px;}

/*------------------------------------------------------
                      Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:400px;
  border-radius:100px;
  background-color:#141F38;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:370px;
  border-radius:15px;
  background-color:#4D6193;
  padding:10px;
  marging-left:-30px;
  border:1px solid #324975;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px black;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#9BB4CC;
  text-shadow: 2px 2px 2px #051526;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#051F33;
}
.biov7 {
  color:#C6C8FF; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.surligne {color:#000408;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-weight:italic;
  color:#000408;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#C6034B;
  text-shadow: 2px 2px 2px #60032A;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#5ED343;
  text-shadow: 2px 2px 2px #024909;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#141F38;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#6376A3;
  padding:10px;
  marging-left:-30px;
  border:1px solid #324975;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#C6C8FF;
  text-shadow: 2px 2px 2px #000408;
}
.imgliens03{
  width:400px;
  border-radius:10px;
  border:solid 1px black;
}
.icoliens{
  width:100px;
  border:solid 1px black;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#051F33;
}
.titreliens01{
  text-align:left;
  margin-top:30px;
  font-family:'Vibur';
  font-size:18px;
  color:#C6C8FF;
  text-shadow: 2px 2px 2px #000408;
}
Revenir en haut Aller en bas




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: Re: code CSS V8 - turquoise Mer 30 Juil - 20:26

Version 9 - beige


Code:
/*--------------------------------------------------
                  MODIFICATIONS barre de navigation
---------------------------------------------------------*/
#navig
{
  width: 900px;
  margin: auto;
  text-align: center;
}


#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #C2A290;
  border-bottom: 2px solid #955258;
  border-top: 2px solid #955258;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}
/*--------------------------------------------------
      FLECHES DE NAVIGATION
---------------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  left:1100px;
}
.bas{
  position:fixed;     
  bottom:10px;
  left:1100px;
}

/****** ANNONCE EN HAUT DU FORUM ********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #C2A290;
  border-top: 3px solid #7d3138;
  border-bottom: 3px solid #7d3138;
  box-shadow: 0px 0px 5px #7d3138;
  -moz-box-shadow: 0px 0px 5px #7d3138;
  -o-box-shadow: 0px 0px 5px #7d3138;
  -htm-box-shadow: 0px 0px 5px #7d3138;
  -webkit-box-shadow: 0px 0px 5px #7d3138;
}
.annoncetitre
{
  color: #7d3138;
  font-size: 25px;
  text-shadow: 1px 1px 1px #081126;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #8F4972;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}
/*==================================
          * CATEGORIES *
====================================*/
.bodyline{
  border-left: 5px solid #7d3138;
  border-right: 5px solid #7d3138;
  box-shadow: 0px 0px 5px #904972;
  -moz-box-shadow: 0px 0px 5px #904972;
  -o-box-shadow: 0px 0px 5px #904972;
  -htm-box-shadow: 0px 0px 5px #904972;
  -webkit-box-shadow: 0px 0px 5px #904972;
}
.cathead{
  background: url('http://i55.servimg.com/u/f55/18/66/85/00/haut0210.png') top center no-repeat;
  width: 750px;
  height: 100px;
  margin: auto; /*Permet de centrer la partie du corps*/
  margin-bottom: -5px;
}
.catbody{
  background: url('http://i55.servimg.com/u/f55/18/66/85/00/milieu10.png') repeat-y;
  background-color: #3F517D;
  width: 750px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.catfoot{
  background: url('http://i55.servimg.com/u/f55/18/66/85/00/bas0210.png') bottom center no-repeat;
  width: 750px;
  height: 100px;
  margin: auto;
  margin-top: -5px;
}
.catetitre{
  text-align: center;
  margin-left: -70px;
  padding-top: 15px;
}
.catetitre h2{
  font-size: 40px;
  color: #8F4B72;
  text-shadow: 1px 1px 1px #904972;
  font-family: 'Pinyon Script', cursive;
  text-transform: Capitalize;
}
.catforum{
  background-color: #;
  border: 2px solid #;
  width: 600px;
  height: 150px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
.boutcat img{
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
.colonneinfo {
  width: 120px;
  height: 55px;
  background-color: #EDCCAF;
  border: 1px solid #955258;
  font-family: 'Snippet';
  font-size: 10px;
  font-style: normal;
  color: black;
  font-weight:bold;
  position: absolute;
  margin-left: 20px;
  padding: 15px;
  margin-top: -50px;
  text-align: center;
  z-index: 1;
  -webkit-transform: skew(-3deg);
  -moz-transform: skew(-3deg);
  -o-transform: skew(-3deg);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.nomcat{
  font-size: 18px;
  text-align: left;
  padding-left: 200px;
  margin-bottom: -20px;
  font-family: 'Vibur', cursive;
  color: #4E3954;
  text-shadow: 1px 1px 2px #904972;
  border-bottom: 1px solid #;
  -moz-transition:all 0.5s; /* Mozilla Firefox */
  -webkit-transition:all 0.5s; /* Safari et Google Chrome */
  -o-transition:all 0.5s; /* Opera */ 
  transition:all 0.5s;
}
.nomcat:hover{
  color: #904972;
  letter-spacing: 2px;
  -moz-transition:all 0.5s; /* Mozilla Firefox */
  -webkit-transition:all 0.5s; /* Safari et Google Chrome */
  -o-transition:all 0.5s; /* Opera */
  transition:all 0.5s;
}
.description{
  width: 400px;
  height : 70px;
  margin-top: 10px;
  margin-bottom: -10px;
  background-color: #EDCCAF;
  border: 1px solid #955258;
  color: black;
  overflow: auto;
  font-size: 10px;
  font-family: 'Arial';
  font-style: normal;
  text-align: justify;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.desccolonne{
  width: 690px;
  height: 140px;
  background-color: #;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-bottom: 4px solid #;
  margin : auto;
  margin-bottom: 10px;
  padding: 10px;
}
.sousfocat{
  width: 300px;
  height: 30px;
  overflow: auto;
  text-align:center;
  margin: auto;
  margin-top: -5px;
  background-color: #EDCCAF;
  border: 1px solid #955258;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets{
  width: 700px;
  margin: auto;
  background: #C2A290;
  border: 1px solid #945158;
  box-shadow: 0px 0px 3px #904972;
  -o-box-shadow: 0px 0px 3px #904972;
  -moz-box-shadow: 0px 0px 3px #904972;
  -webkit-box-shadow: 0px 0px 3px #904972;
  -htm-box-shadow: 0px 0px 3px #904972;
  padding: 5px;

}
.sujets{
  background: #D6B5A3;
  border: 1px dotted #945158;
  padding: 3px;
}
.topictitle{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last{
  display: block;
  width: 180px;
  height: 40px;
  background: #EDCDB0;
  border-left: 3px solid #945158;
  border-right: 3px solid #945158;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats {
  width: 650px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu{
  font-size: 10px;
  color: #4E3954;
}

/*============================================================
                      * CODES AUTRES *
===============================================================*/
/* pas de soulignement de liens */
a:link {text-decoration: none!important;}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}


/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {
            color: #4E3954;
        }
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
  color: #E5E6E8;

#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #E5E6E8;
}
        .chatbox_row_1,
        .chatbox_row_2,
        .chatbox_row_3,
        .chatbox_row_1 a,
        .chatbox_row_2 a,
        .chatbox_row_3 a  {
            color: black;
        }
       
        body.chatbox {
  background-image: none;
  background-color: #E0C6B8;
        }

#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "La cours de récréation"; }

/*-----------------------------------------------------
                MODIFICATIONS posts
---------------------------------------------------*/
.bulle{
  background-color : #E2BEAA;
  border-left : 2px solid #955258;
  border-right : 2px solid #955258;
  border-top : 5px solid #955258;
  border-bottom : 5px solid #955258;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
  font-family: 'Snippet';
  font-size:13px;
}

div.postbody img { max-width:500px;}
/*-----------------------------------------------------
                MODIFICATIONS SPOILER
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color: #D8B4A0;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  -moz-border-radius: none; /* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  border-radius: none;/* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */}
.code{
    background-color: #DDC8AF!important;
    text-align : justify; /* alignement standart d'un spoiler */
  border: 2px solid #C2A290!important; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:370px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;}
.quote{
  background-color: #D8B4A0;
    text-align : justify; /* alignement standart d'un spoiler */
  border-color: #C2A290; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:420px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
}
::selection{ 
  background: #C2A290;
  color: #FFFBED;
}
::-moz-selection{ 
  background: #C2A290;
  color: #FFFBED;
}
::-webkit-selection{
  background: #C2A290;
  color: #FFFBED;
}
::-htm-selection{
  background: #C2A290;
  color: #FFFBED;
}
::-o-selection{
  background: #C2A290;
  color: #FFFBED;
}
/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/
/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  font-variant:small-caps;
  color: #904972;
  font-size:11px;
  text-align:center;
  font-family:arial, helvetica, sans-serif;
}
/*fond de la feuille de personnage */
        textarea, input, select {
            background-color: #C2A290;
        }

/*-----------------------------------------------------
                    MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #C2A290 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #C2A290 !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #C2A290 !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #C2A290 !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #4E3954 !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #C2A290 !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #EDCDB0 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/*================================
            PROFIL
===============================*/
.postdetails.poster-profile a img /*encadrer avatar*/ {
border-left: 2px solid #955258;
  border-right: 2px solid #955258;
  border-top: 7px solid #955258;
border-bottom: 7px solid #955258;
}
.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #955258 ;
}
.nomperso {
  Font-family: "metal mania";
 font-size: 25px;
 padding: 5px;
}
.rangperso {
 font-family: 'Vibur',Abduction, verdana;
 font-size: 15px;
 text-align: center;
 padding: 5px;
 color: #9D7966;
 text-transform: uppercase;
}
/* les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #4E3954;
  background: #C2A290;
  border: 1px solid #955258;
  cursor: pointer;
}
/* les onglets survolés */
.systab .tab:hover {
  background: #4E3954;
  color: #C2A290;
  border-color: #955258;
}
/* les onglets sélectionnés */
.systab .tab.selected{
  color: #C2A290;
  background: #4E3954;
}
/* contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #053134;
  background: #C2A290;
  border: 1px solid #955258;
  padding: 10px;
}
/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs  */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}
/*------------------------------------------------------------
              PA
-------------------------------------------------------*/

/**********essai carte  **************************/


.blasonfd {
  position: relative;
  margin: 10px auto;
  width: 100px;
  height: 110px;
  z-index: 1;

  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  display: inline-block;
}
 
 
.blasonfd input{display:none}

.blasonfd .blas_icon {
    width:100%;
    height:100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 1.0s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 1.0s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 1.0s linear;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
    display:block;
}
   
.blasonfd input:checked + .blas_icon{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.blasonfd .blf {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.blasonfd .blf.blb {
  display: block;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  text-align: center;
}


.toppart {
 width : 350px;
  position:absolute;

}
/*===========================
        QEEL
=============================*/

.qeel
{
  width: 695px;
  height: 300px;
  background: url(http://illiweb.com/fa/pbucket.gif);
}
.qeel_table
{
  width: 690px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #7D3138;
  box-shadow: 0px 0px 0px #7D3138;
  -moz-box-shadow: 0px 0px 0px #7D3138;
  -o-box-shadow: 0px 0px 0px #7D3138;
  -htm-box-shadow: 0px 0px 0px #7D3138;
  -webkit-box-shadow: 0px 0px 0px #7D3138;
  font-size: 11px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #DDC8AF;
  border: 1px solid #7D3138;
  box-shadow: 0px 0px 5px #7D3138;
  -moz-box-shadow: 0px 0px 5px #7D3138;
  -o-box-shadow: 0px 0px 5px #7D3138;
  -htm-box-shadow: 0px 0px 5px #7D3138;
  -webkit-box-shadow: 0px 0px 5px #7D3138;
  font-size: 12px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}


/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/

/*------------------------------------------------------
                      CSS pour la liste de la PA
-------------------------------------------------------*/



/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 50px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
      padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #141F38;
      display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
      padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
      display: block;
padding: 2px;
background: #555555;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #fff !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #76c0ff !important;
}


/*feuille de style post */
.mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;}
.image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;}
.mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;}
.notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;}
.notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;}
.credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}

/*------------------------------------------------------
                PV/SCENARIOS  / avril 2014
-------------------------------------------------------*/

#imgpv {
  -webkit-box-shadow: 0px 0px 2px 0px #6B1C22;
  box-shadow: 0px 0px 2px 0px #6B1C22;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
#infopv {
      height:320px;
      background-color:#C2A290;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #6B1C22;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #E2BEAA;
    font-size:11px; padding:5px;
    margin-left:15px;}


    .cs {
      color:#420207; font-weight:800;
   
    }

/*------------------------------------------------------
                      BIOGRAPHIE / avril 2014
-------------------------------------------------------*/

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #6B1C22 ;
    border-right: 4px solid #6B1C22 ;
    background-color:#E2BEAA;
      color: #945157  ;
      text-align:justify;
}

    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #7D3138 ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #6B1C22 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #7D3138;
    filter: dropshadow(color=#7D3138, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #6B1C22  ;
      background-color:#E2BEAA ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:12px;
      padding:4px;
      background-color:#C2A290 ;

    }
    #imgpr {
      -webkit-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
      -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
      width:500px;
    margin:auto;
    }

    #infopr {
      height:360px;
      background-color:#C2A290 ;
   
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #6B1C22 ;

    }
    #caract {
      height:85px;
      overflow:auto;
      width:234px;
    font-size:12px;
      padding:4px;
      background-color:#C2A290 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:12px;
      padding:4px;
    margin:auto;
 background-color:#C2A290 ;
    }

    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #C2A290 ;
      color: #7D3138  ;
    font-size:11px; padding:5px;
    margin-left:15px;}
 #iconsujet {
  width:100px; }
/*------------------------------------------------------
                      Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#49070C;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#C2A290;
  padding:10px;
  marging-left:-30px;
  border:1px solid #6B1C22;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px black;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#630A2F;
  text-shadow: 2px 2px 2px #5B2C58;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#7D3138;
}
.biov7 {
  color:#7D3138; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.surligne {color:#42050A;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-weight:italic;
  color:#42050A;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#e60e0e;
  text-shadow: 2px 2px 2px #60032A;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#0c7307;
  text-shadow: 2px 2px 2px #024909;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#49070C;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#C2A290;
  padding:10px;
  marging-left:-30px;
  border:1px solid #6B1C22;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#6B1C22;
  text-shadow: 2px 2px 2px #000408;
}
.imgliens03{
  width:400px;
  border-radius:10px;
  border:solid 1px black;
}
.icoliens{
  width:100px;
  border:solid 1px black;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#051F33;
}
.sstit02{
  font-family:'Orbitron';
  color:#33043F;
  text-transform:capitalize;
  font-size:12px;
  text-align:left;
}
.corps02 {
  box-shadow: 0px 0px 5px #414756;
  background-color:#DDC8AF;
  color:#A3005F;
  border-left: 5px solid #7D3138;
  border-right:5px solid #7D3138;
  border-top: 1px solid #7D3138;
  border-bottom: 1px solid #7D3138;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
/* ONGLET DEVOILE EN CLIC */

    #target_onglet, #target_onglet2
    {
      position: fixed;
    }
    #onglet_clic
    {
      position: fixed;
      z-index: 999;
      width: 342px;
      height: 200px;
      margin-left: -310px;
      margin-top: 20px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #onglet_contenu
    {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 190px;
      color: #1e466c;
      font-size: 15px;
    }
    .onglet_clic_navigation
    {
      display: block;
      float: right;
      width: 40px;
      height: 120px;
      overflow: hidden;
      margin-top: 40px;
    }
    .onglet_ouvrir
    {
      position: absolute;
      z-index: 3;
    }
    .onglet_fermer
    {
      position: absolute;
      z-index: 2;
    }
    #onglet_clic_contenu
    {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background: #DDC8AF;
      border: 1px solid #6B1C22;
    }
    #target_onglet:target #onglet_clic
    {
      margin-left: -10px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #target_onglet:target .onglet_ouvrir
    {
      z-index: 1;
    }
    #target_onglet2:target #onglet_clic
    {
      margin-left: -310px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }


Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: Re: code CSS V8 - turquoise Mer 29 Oct - 22:01

Version 10 : noir et rouge

Code:
/*--------------------------------------------------
                  MODIFICATIONS header
---------------------------------------------------------*/     
.ban1 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405085672-institutchevalier1anrubylysandre.png'); }
.ban2 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405098173-institutchevalier1anjaredaly.png'); }
.ban3 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405098179-institutchevalier1anlucyseban.png'); }
 body{
  background-image: url(http://image.noelshack.com/fichiers/2014/28/1405098179-institutchevalier1anlucyseban.png);
background-color: #020000;
background-position:top;
background-repeat:no-repeat;
}

/*--------------------------------------------------
      FLECHES DE NAVIGATION
---------------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  right:50px;
}
.bas{
  position:fixed;     
  bottom:10px;
  right:50;
}

/****** ANNONCE EN HAUT DU FORUM ********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #080000;
  border-top: 3px solid #300101;
  border-bottom: 3px solid #300101;
  box-shadow: 0px 0px 5px #080000;
  -moz-box-shadow: 0px 0px 5px #080000;
  -o-box-shadow: 0px 0px 5px #080000;
  -htm-box-shadow: 0px 0px 5px #080000;
  -webkit-box-shadow: 0px 0px 5px #080000;
}
.annoncetitre
{
  color: #631A20;
  font-size: 25px;
  text-shadow: 1px 1px 1px #210606;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #8E4A4A;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}

/*==================================
          * CATEGORIES *
====================================*/

.bodyline
{
border-left: 10px solid #300101;
  border-right: 10px solid #300101;
  box-shadow: 0px 0px 5px #620101;
  -moz-box-shadow: 0px 0px 5px #620101;
  -o-box-shadow: 0px 0px 5px #620101;
  -htm-box-shadow: 0px 0px 5px #620101;
  -webkit-box-shadow: 0px 0px 5px #620101;
  border-top: none;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;

}

.cathead{
  background: url('http://image.noelshack.com/fichiers/2014/26/1403977948-hautcate02.png') top center no-repeat;
  width: 750px;
  height: 100px;
  margin: auto; /*Permet de centrer la partie du corps*/
  margin-bottom: -5px;
}
.catbody{
  background-image:radial-gradient(#020000, #080000);
  width: 750px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.catfoot{
  background: url('http://image.noelshack.com/fichiers/2014/26/1403978532-bascate02.png') bottom center no-repeat;
  width: 750px;
  height: 50px;
  margin: auto;
  margin-top: -5px;
}
.catetitre{
  text-align: center;
  margin-left: -10px;
  padding-top: 70px;
}
.catetitre h2{
  font-size: 30px;
  color: #423B39;
  font-family: 'Megrim';
  text-shadow: 0px 0px 5px #380000;
}

.boutcat img{
  width: 70px;
  height: 70px;
  margin-right: 10px;
  margin-top: 20px;
}
.colonneinfo {
  width: 120px;
  height: 55px;
  border: 1px solid #5E0404;
  font-family: 'Metrophobic';
  font-size: 10px;
  font-style: normal;
  color: #5C5C5C;
  font-weight:bold;
  position: absolute;
  margin-left: 20px;
  padding: 15px;
  margin-top: -50px;
  text-align: center;
  z-index: 1;
}
.nomcat{
  font-size: 18px;
  text-align: left;
  padding-left: 30px;
  margin-bottom: -20px;
  font-family: 'UnifrakturMaguntia', cursive;
  color: #510009;
  margin-left: 50px;
  text-shadow: 0px 0px 5px #3F0007;
}

.nomcat:hover{
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  color:#5E1B1B;
}

.description{
  width: 400px;
  height : 90px;
  margin-top: 10px;
  margin-bottom: -10px;
  border: 1px solid #5E0404;
  color: #5C5C5C;
  overflow: auto;
  font-size: 10px;
  font-family: 'Arial';
  font-style: normal;
  text-align: justify;
}
.sousforums {
 margin-bottom:10px;
}
.desccolonne{
  width: 690px;
  height: 140px;
  background-color: #;
  margin : auto;
  margin-bottom: 10px;
  padding: 10px;
}
.sousfocat{
  width: 380px;
  height: 30px;
  overflow: auto;
  margin: auto;
  margin-top: -5px;
}
/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets{
  width: 700px;
  margin: auto;
  background: #020000;
  border: 1px solid #160001;
  box-shadow: 0px 0px 3px #300101;
  -o-box-shadow: 0px 0px 3px #300101;
  -moz-box-shadow: 0px 0px 3px #300101;
  -webkit-box-shadow: 0px 0px 3px #300101;
  -htm-box-shadow: 0px 0px 3px #300101;
  padding: 5px;

}
.sujets{
  background: #080000;
  border: 1px dotted #160001;
  padding: 3px;
}
.topictitle{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last{
  display: block;
  width: 180px;
  height: 40px;
  background: #160001;
  border-left: 3px solid #280002;
  border-right: 3px solid #280002;
  padding-top: 10px;
  font-size: 11px;
}
a:sujet_last {
  text-decoration: none!important; }
.sujets_stats {
  width: 650px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu{
  font-size: 10px;
  color: #c0c0c0;
}

/*============================================================
                      * CODES AUTRES *
===============================================================*/
/* pas de soulignement de liens */
a:link {text-decoration: none!important; font-style:"Vibur";}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}


/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {
            color: #660306;
        }
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
  color: #E5E6E8;

#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #660306;
}
        .chatbox_row_1,
        .chatbox_row_2,
        .chatbox_row_3,
        .chatbox_row_1 a,
        .chatbox_row_2 a,
        .chatbox_row_3 a  {
            color: #BCBCBC;
        }
       
        body.chatbox {
  background-image: none;
  background-color: #020000;
        }

#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "La cours de récréation"; }

/*-----------------------------------------------------
                MODIFICATIONS posts
---------------------------------------------------*/
.wrapmsg{
  background-color : #080000;
  border-left : 2px solid #160001;
  border-right : 2px solid #160001;
  border-top : 5px solid #160001;
  border-bottom : 5px solid #160001;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
}
/*-----------------------------------------------------
                MODIFICATIONS SPOILER
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color: #020000;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  -moz-border-radius: none; /* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  border-radius: none;/* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */}
.code{
    background-color: #020000;
    text-align : justify; /* alignement standart d'un spoiler */
  border-color: #AA8A55; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;}
.quote{
  background-color: #020000;
    text-align : justify; /* alignement standart d'un spoiler */
  border-color: #9E7B43; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
}
::selection{ 
  background: #C4AC85;
  color: #5B3901;
}
::-moz-selection{ 
  background: #C4AC85;
  color: #5B3901;
}
::-webkit-selection{
  background: #C4AC85;
  color: #5B3901;
}
::-htm-selection{
  background: #C4AC85;
  color: #5B3901;
}
::-o-selection{
  background: #C4AC85;
  color: #5B3901;
}
/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/
/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  color: #c0c0c0;
  font-size:11px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
}
/*fond de la feuille de personnage */
        textarea, input, select {
            background-color: #080000;
        }

/*-----------------------------------------------------
                    MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #080000 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #080000 !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #080000 !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #080000 !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #c0c0c0 !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #080000 !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #080000 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/*================================
            PROFIL
===============================*/
.postdetails.poster-profile a img /*encadrer avatar*/ {
border-left: 2px solid #5B0000;
  border-right: 2px solid #5B0000;
  border-top: 7px solid #5B0000;
border-bottom: 7px solid #5B0000;
}
.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #5B0000 ;
}
.rangperso {
 font-family: 'Vibur',Abduction, verdana;
 font-size: 15px;
 padding: 10px;
 color: #9D7966;
}

.avatar_profil {
  max-height: 320px !important;
}

.fond_profil {
  width: 210px;
  height: auto;
  background-color: #300101;
  padding: 5px;
}

.fond_pseudo_profil {
  background-image: url('http://image.noelshack.com/fichiers/2014/30/1406136901-profilic01-copie.png');
  width: 210px;
  height: 80px;
  position: relative;
  top: -7.2em;
}
/* les onglet */
.systab .tab {
  position: relative;
  top: -6em;
  padding: 2px 10px;
  color: #c0c0c0;
  background: #080000;
  border: 1px solid #020000;
}
/* les onglets sélectionnés */
.systab .tab.selected {
  color: #ED0014;
  background: #020000;
}
  /* contenus associés aux onglets  */
.systab .contents {
  position: relative;
  top: -6em;
  color: #E1E1E1;
  background: #080000;
  border: 1px solid #020000;
  padding: 3px;
  height: 540px;
  width: 200px;
  overflow: auto;
}
/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs  */
.systab.s_float .tabs,.systab.s_float .contents {
  float: center;
}


/* --------------------------------- FIN PROFIL --------------------------------- */


/*===========================
        QEEL
=============================*/

.qeel
{
  width: 695px;
  height: 300px;
  background: url(http://image.noelshack.com/fichiers/2014/26/1404002284-queel.png);
}
.qeel_table
{
  width: 690px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #2F0000;
  box-shadow: 0px 0px 0px #2F0000;
  -moz-box-shadow: 0px 0px 0px #2F0000;
  -o-box-shadow: 0px 0px 0px #2F0000;
  -htm-box-shadow: 0px 0px 0px #2F0000;
  -webkit-box-shadow: 0px 0px 0px #2F0000;
  font-size: 11px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #080000;
  border: 1px solid #2F0000;
  box-shadow: 0px 0px 5px #2F0000;
  -moz-box-shadow: 0px 0px 5px #2F0000;
  -o-box-shadow: 0px 0px 5px #2F0000;
  -htm-box-shadow: 0px 0px 5px #2F0000;
  -webkit-box-shadow: 0px 0px 5px #2F0000;
  font-size: 12px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}


/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/

/*------------------------------------------------------
                      CSS pour la liste de la PA
-------------------------------------------------------*/



/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 50px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
      padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #080000;
      display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
      padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
      display: block;
padding: 2px;
background: #080000;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #fff !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #76c0ff !important;
}


/*feuille de style post */
.mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;}
.image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;}
.mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;}
.notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;}
.notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;}
.credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}

/*------------------------------------------------------
                PV/SCENARIOS  / avril 2014
-------------------------------------------------------*/

#imgpv {
  -webkit-box-shadow: 0px 0px 2px 0px #6B1C22;
  box-shadow: 0px 0px 2px 0px #6B1C22;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
#infopv {
      height:320px;
      background-color:#080000;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #6B1C22;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #080000;
    font-size:11px; padding:5px;
    margin-left:15px;}


    .cs {
      color:#420207; font-weight:800;
   
    }

/*------------------------------------------------------
                      BIOGRAPHIE / avril 2014
-------------------------------------------------------*/

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #5B0000 ;
    border-right: 4px solid #5B0000 ;
    background-color:#080000;
      color: #945157  ;
      text-align:justify;
}
#iconsujet {
  width:100px;
}
    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #7D3138 ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #6B1C22 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #7D3138;
    filter: dropshadow(color=#7D3138, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #6B1C22  ;
      background-color:#160001 ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:10px;
      padding:4px;
      background-color:#080000 ;

    }
    #imgpr {
      -webkit-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
      -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
      width:500px;
    margin:auto;
    }

    #infopr {
      height:360px;
      background-color:#080000 ;
   
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #6B1C22 ;

    }
    #caract {
      height:85px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#080000 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:10px;
      padding:4px;
    margin:auto;
 background-color:#080000 ;
    }

    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #080000 ;
      color: #7D3138  ;
    font-size:11px; padding:5px;
    margin-left:15px;}

/*------------------------------------------------------
                      Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#5B0000;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#080000;
  padding:10px;
  marging-left:-30px;
  border:1px solid #6B1C22;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #7C1736;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#7F000A;
  text-shadow: 2px 2px 2px #5B2C58;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#c0c0c0;
}
.biov7 {
  color:#7D3138; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.surligne {color:#A00055;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-style:italic;
  color:#D356A1;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#e60e0e;
  text-shadow: 2px 2px 2px #60032A;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#0c7307;
  text-shadow: 2px 2px 2px #024909;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#5B0000;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#080000;
  padding:10px;
  marging-left:-30px;
  border:1px solid #6B1C22;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#7F000A;
  text-shadow: 2px 2px 2px #000408;
}
.imgliens03{
  width:400px;
  border-radius:10px;
  border:solid 1px black;
}
.icoliens{
  width:100px;
  border:solid 1px #999A9B;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#999A9B;
}

.sstit02{
  font-family:'Orbitron';
  color:#c0c0c0;
  text-transform:capitalize;
  font-size:12px;
  text-align:left;
}
.corps02 {
  box-shadow: 0px 0px 5px #490000;
  background-color:#020000;
  color:#c0c0c0;
  border-left: 5px solid #63002B;
  border-right:5px solid #63002B;
  border-top: 1px solid #63002B;
  border-bottom: 1px solid #63002B;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}


    /* ONGLET DEVOILE EN CLIC */

    #target_onglet, #target_onglet2
    {
      position: fixed;
    }
    #onglet_clic
    {
      position: fixed;
      z-index: 999;
      width: 342px;
      height: 200px;
      margin-left: -310px;
      margin-top: 20px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #onglet_contenu
    {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 190px;
      color: #5B0012;
      font-size: 15px;
    }
    .onglet_clic_navigation
    {
      display: block;
      float: right;
      width: 40px;
      height: 120px;
      overflow: hidden;
      margin-top: 40px;
    }
    .onglet_ouvrir
    {
      position: absolute;
      z-index: 3;
    }
    .onglet_fermer
    {
      position: absolute;
      z-index: 2;
    }
    #onglet_clic_contenu
    {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background: #080000;
      border: 1px solid #160001;
    }
    #target_onglet:target #onglet_clic
    {
      margin-left: -10px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #target_onglet:target .onglet_ouvrir
    {
      z-index: 1;
    }
    #target_onglet2:target #onglet_clic
    {
      margin-left: -310px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }


    /*********************************** PA ***********************************/

    /*** PARTENAIRES ET TOPS ***/
    .img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }



    /*** IMAGES DES membres du mois ***/
    .imgwidget {
      height: 100px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgwidget:hover {
      height: 100px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
   
    d.info span {
      display: none;
    }
   
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
    left: -2em;
      width: 140px;
      height: 50px;
      overflow: auto;
      background-color: #0F0000;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** EFFET DU CONTEXTE ***/

    .contexte {
      width: 400px;
      height: 200px;
      overflow: hidden;
      background-color: #0F0000;
      border-radius: 25px;
      position: relative;
      top: -2.2em;
    }
       
    .contexte_img {
      position: relative;
      z-index: 2;
      width: 400px;
      height: 200px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      -transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte:hover .contexte_img {
      margin-top: -200px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
       
    .contexte_description {
      position: relative;
      z-index: 1;
      width: 350px;
      height: 140px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      font-size: 11px;
      overflow: auto;
    }

    .contexte_description a {
      text-decoration: none !important;
    }



    /*** SYSTEME D'ONGLETS ***/

    .paonglet {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px;
      cursor: pointer;
      background-color: #0F0000;
      color: #FCE7AE;
    }
               
    .paonglet_0 {
      border-radius: 25px;
    }

    .paonglet_1 {
      border-radius: 25px;
      color: #70A0BA;
    }

    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 700px;
      height: 450px;
      border-radius: 25px;
      background-color: #070000;
    }

    .contenu_paonglet a{
      text-decoration: none !important;
    }



    /*** BLOC DE TEXTE DE LA PA ***/

    .bloc_pa {
      background-color: #0F0000;
      border-radius: 25px;
      color: #949494;
      padding: 25px;
      text-align: justify !important;
      position: relative;
      top: -2.2em;
    }

    .bloc_pa a {
      text-decoration: none !important;
      color: #3C4C4F !important;
    }

    /*** TITRES DES BLOCS ***/

    .titre_pa {
      font-family: 'Pacifico', 'cursive';
      font-size: 30px;
      position: relative;
      top: -0.3em;
      color: #3C4C4F;
      z-index: 1;
    }

/* images pour le staff */

.imgPA{
  box-shadow: 3px 3px 3px #5E120A;
  border:3px solid #300101;
  padding: 5px;
  width:100px;
}
    /*Ce qui encadre l'infobulle*/
    .Infobulle {                       
      position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      width: 120px;
      height: 120px;
    }
    /*Contenu de l'infobulle quand on n'est pas sur l'image*/
    .Infobulle .Infobulle_contenu {                       
      position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      top : 0px; /*Position par rapport au haut*/
      left : 0px; /*Position par rapport à gauche*/
      width : 105px;
  height:105px;
      font-size: 12px;
      font-family: "Snippet";
      background-color: #300101;
      padding: 5px;
      color: #c0c0c0;
      text-align: justify;
      border: 1px #300101 solid;
      display : none; /*Cache l'infobulle*/
    }

    /*Contenu de l'infobulle quand on passe sur l'image*/
    .Infobulle:hover .Infobulle_contenu {
      display : block; /*Fait apparaître l'infobulle*/
    }
    /*********************************** FIN PA ***********************************/


Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




Contenu sponsorisé



MessageSujet: Re: code CSS V8 - turquoise

Revenir en haut Aller en bas

code CSS V8 - turquoise

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Code Pénal Ayisyen an demode.
» Du code d'éthique de l'Armée Mainoise
» [Code Source] Code Source
» THE question ! [le code, pour marquer ton nom ! ]
» Séminaire: la levée du Code International du Scret Magique

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
louha's personal forum :: archives-