RSS
RSS



 
ouverture du forum
le 01/08/2013 - nous avons 1 an ! *champagne*

Partagez| .

css complet Version 8° mois - bleu/gris

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




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


MessageSujet: css complet Version 8° mois - bleu/gris Mar 13 Mai - 21:29

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


#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #141F38;
  border-bottom: 2px solid #6EABA0;
  border-top: 2px solid #6EABA0;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}
/*--------------------------------------------------
      FLECHES DE NAVIGATION
---------------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:500px;   
  left:10px;
}
.bas{
  position:fixed;     
  bottom:460px;
  left:10px;
}
/****** ANNONCE EN HAUT DU FORUM ********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #2C456B;
  border-top: 3px solid #6EABA0;
  border-bottom: 3px solid #6EABA0;
  box-shadow: 0px 0px 5px #141F38;
  -moz-box-shadow: 0px 0px 5px #141F38;
  -o-box-shadow: 0px 0px 5px #141F38;
  -htm-box-shadow: 0px 0px 5px #141F38;
  -webkit-box-shadow: 0px 0px 5px #141F38;
}
.annoncetitre
{
  color: #141F38;
  font-size: 25px;
  text-shadow: 1px 1px 1px #081126;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #757B89;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}
/*==================================
          * CATEGORIES *
====================================*/
.bodyline{
  border-left: 5px solid #6EABA0;
  border-right: 5px solid #6EABA0;
  box-shadow: 0px 0px 5px #92D3C7;
  -moz-box-shadow: 0px 0px 5px #92D3C7;
  -o-box-shadow: 0px 0px 5px #92D3C7;
  -htm-box-shadow: 0px 0px 5px #92D3C7;
  -webkit-box-shadow: 0px 0px 5px #92D3C7;
}
.cathead{
  background: url('http://i.imgur.com/5oNoJiq.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://nsa34.casimages.com/img/2014/04/09//140409125856904965.png') repeat-y;
  background-color: #3F517D;
  width: 750px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.catfoot{
  background: url('http://i.imgur.com/q6VMzae.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: #090F20;
  text-shadow: 1px 1px 1px #475B8C;
  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;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.colonneinfo {
  width: 120px;
  height: 55px;
  background-color: #4D6193;
  border: 1px solid #053134;
  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: #090F20;
  text-shadow: 1px 1px 2px #283949;
  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: #090F20;
  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: #4D6193;
  border: 1px solid #053134;
  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: #4D6193;
  border: 1px solid #6EABA0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets{
  width: 700px;
  margin: auto;
  background: #141F38;
  border: 1px solid #6EABA0;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;

}
.sujets{
  background: #3F517D;
  border: 1px dotted #6EABA0;
  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: #5F76AA;
  border-left: 3px solid #6EABA0;
  border-right: 3px solid #6EABA0;
  padding-top: 10px;
  font-size: 11px;
}
.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;}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}


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




#chatbox_header .catBottom .cattitle {
            color: #E5E6E8;
        }
#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: #5B6D94;
        }

#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 : #000717;
  border-left : 2px solid #92D3C7;
  border-right : 2px solid #92D3C7;
  border-top : 3px solid #92D3C7;
  border-bottom : 3px solid #92D3C7;
  -webkit-border-radius:  30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -khtml-border-radius:20px;
  padding : 5px;
  min-height : 300px;
}
/*-----------------------------------------------------
                MODIFICATIONS SPOILER
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color: #86B7AD;
  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 */
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
}
::selection{ 
  background: #010D26;
  color: #FFFFFF;
}
::-moz-selection{ 
  background: #010D26;
  color: #FFFFFF;
}
::-webkit-selection{
  background: #010D26;
  color: #FFFFFF;
}
::-htm-selection{
  background: #010D26;
  color: #FFFFFF;
}
::-o-selection{
  background: #010D26;
  color: #FFFFFF;
}
/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/
/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  font-variant:small-caps;
  color:#c0c0c0;
  font-size:11px;
  text-align:center;
  font-family:arial, helvetica, sans-serif;
}
/*fond de la feuille de personnage */
        textarea, input, select {
            background-color: #5F76AA;
        }
/*------------------------------------------------------
                      CSS pour tous les postes
-------------------------------------------------------*/
.postbody {
    text-align: justify !important;
}
/*==================================
Ecriture installée
====================================*/

    @font-face {
      font-family: 'Vibur';
      font-style: normal;
      font-weight: 400;
      src: local('Vibur'), url(http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff) format('woff');
    }

    @font-face {
      font-family: 'Codystar';
      font-style: normal;
      font-weight: 300;
      src: local('Codystar Light'), local('Codystar-Light'), url(http://themes.googleusercontent.com/static/fonts/codystar/v1/BM8u7YRmG0S-vNUxWAiLF4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
    }

    @font-face {
      font-family: 'Loved by the King';
      font-style: normal;
      font-weight: 400;
      src: local('Loved by the King'), local('LovedbytheKing'), url(http://themes.googleusercontent.com/static/fonts/lovedbytheking/v3/wg03xD4cWigj4YDufLBSr8SuHxUvEE05hEBp-kiqXZE.woff) format('woff');
    }

    @font-face {
      font-family: 'Snippet';
      font-style: normal;
      font-weight: 400;
      src: local('Snippet'), url(http://themes.googleusercontent.com/static/fonts/snippet/v3/L0Wz4OxoiqQlT_trcL56uA.woff) format('woff');
    }

    @font-face {
      font-family: 'Pinyon Script';
      font-style: normal;
      font-weight: 400;
      src: local('Pinyon Script'), local('PinyonScript'), url(http://themes.googleusercontent.com/static/fonts/pinyonscript/v3/TzghnhfCn7TuE73f-CBQ0BEVhAA1gnTRu3Am0EzDRlM.woff) format('woff');
    }
@font-face {
      font-family: "Riesling";
      font-style: normal;
      font-weight: 400;
      src:local('riesling'), url(https://www.dropbox.com/s/rx420lkqpevnx9c/riesling.ttf) format('ttf');
    }
@font-face {
      font-family: 'Brother Tattoo';
      font-style: normal;
      font-weight: 400;
      src: local('Brother Tattoo'), local('BrotherTattoo'), url(https://www.dropbox.com/s/rmdw8zzca4j9188/Brother%20Tattoo.ttf) format('ttf');
    }
@font-face {
      font-family: 'Birds of Paradise';
      font-style: normal;
      font-weight: 400;
      src: local('Birds of Paradise'), local('BirdsofParadise'), url(https://www.dropbox.com/s/p0ow0xzvge9m3x0/Birds%20of%20Paradise.ttf) format('ttf');
    }
@font-face {
  font-family: 'Dragon is Coming';
  font-style: normal;
  font-weight: 400;
  src: local('Dragon is Coming'), local('DragonisComing'), url(https://www.dropbox.com/s/7q4b65uohou91xt/Dragon%20is%20coming.otf); format('otf')
}
@font-face {
  font-family: 'Jane Austen';
  font-style: normal;
  font-weight: 400;
  src: local('Jane Austen'), local('JaneAusten'), url(https://www.dropbox.com/s/dqbwskx2mrxgkrn/JaneAust.ttf) format('ttf');
}


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

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #66C2C4 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #66C2C4 !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #5F76AA !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #5F76AA !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #053134 !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #5F76AA !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #5F76AA !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*/ {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
  border-radius:10px;
border: 3px solid #92D3C7;
}
.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #6EABA0 ;
  border-radius: 10px 10px 10px 10px;
}
.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: #053134;
 text-transform: uppercase;
}
/* les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #053134;
  background: #5F76AA;
  border: 1px solid #6EABA0;
  cursor: pointer;
}
/* les onglets survolés */
.systab .tab:hover {
  background: #5F76AA;
  color: #053134;
  border-color: #6EABA0;
}
/* les onglets sélectionnés */
.systab .tab.selected{
  color: #053134;
  background: #5F76AA;
}
/* contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #053134;
  background: #5F76AA;
  border: 1px solid #92D3C7;
  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;
}
/*-----------------------------------------------------
                PAGE D'ACCUEIL
-----------------------------------------------------*/
#f1_accueil{
      width: 800px;
      height: 500px;
      margin: auto;
      background: url(http://i.imgur.com/tgCK7gH.png);
      text-shadow: none !important;
    }
    #f1_accueil a
    {
      color: #0D1A24 !important;
      text-shadow: none !important;
    }
    #f1_accueil a:hover
    {
      color: #B7ADF0 !important;
      text-shadow: none !important;
    }
    .f1_col1
    {
      width: 300px;
      vertical-align: top;
    }
    .f1_contexte
    {
      width: 220px;
      height: 300px;
      overflow: auto;
      margin-top: 110px;
      margin-left: 75px;
      text-align: justify;
      color: #c0c0c0;
    }
    .f1_bloconglets
    {
      margin-top: 80px;
    }
    .f1_onglet1, .f1_onglet2, .f1_onglet3
    {
      display: inline-block;
      width: 110px;
      height: 100px;
    }
    .f1_onglet1
    {
      margin-left: 50px;
      margin-right: 25px;
    }
    .f1_onglet2
    {
      margin-right: 30px;
    }
    .f1_contenu1, .f1_contenu2, .f1_contenu3
    {
      position: absolute;
      width: 0px;
      height: 220px;
      margin-top: 80px;
      padding-top: 40px;
      overflow: hidden;
      font-size: 11px;
    }
    .f1_contenu1
    {
      margin-left: 1px;
    }
    .f1_contenu2
    {
      margin-left: -119px;
    }
    .f1_contenu3
    {
      margin-left: -304px;
    }
    .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
    {
      width: 400px;
    }
    .f1_liens
    {
      display: block;
      text-align: center;
    }
    .f1_liens a
    {
      font-size: 16px;
      font-weight: bold;
    }
    .f1_news
    {
      width: 380px;
      height: 190px;
      overflow: auto;
      text-align: justify;
  padding:5px;
    }
.f1_friends
    {
      width: 130px;
      height: 200px;
      overflow: hidden;
      text-align: center;
    }
    .f1_credits
    {
      height: 1px;
    }
.f1_topsites
    {
      height: 190px;
      border-left: 1px solid #6EABA0;
      margin-left: 5px;
      padding: 5px;
      text-align: justify;
  overflow:auto;
    }
    .f1_staff1, .f1_staff2, .f1_staff3
    {
      display: block;
      width: 50px;
      height: 50px;
      background: #141F38;
      margin-bottom: 20px;
      margin-top: 20px;
  border-radius:50px;
  border: 1px solid #6EABA0;
    }
    .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
    {
      position: absolute;
      width: 0px;
      height: 190px;
      margin-left: 51px;
      overflow: hidden;
  border-radius:20px;
    }
    .f1_staffcontenu2
    {
      margin-top: -72px;
    }
    .f1_staffcontenu3
    {
      margin-top: -144px;
    }
    .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
    {
      width: 300px; 
  border-radius:20px;
    }
/*===========================
        QEEL
=============================*/
.qeel_titre{
  width: 890px;
  height: 100px;
  background: url(#);
}
.qeel{
  width: 790px;
  height: 400px;
  background: url('http://i.imgur.com/7cNk7Cl.png') top center no-repeat ;
  border: 3px solid #6EABA0;
}
.qeel_table{
  width: 612px;
  margin: auto;
}
.colonne{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  color:black;
  background: #293E6D;
  border: 1px solid #6DABA0;
  box-shadow: 0px 0px 0px #010D26;
  -moz-box-shadow: 0px 0px 0px #010D26;
  -o-box-shadow: 0px 0px 0px #010D26;
  -htm-box-shadow: 0px 0px 0px #010D26;
  -webkit-box-shadow: 0px 0px 0px #010D26;
  font-size: 9px;
  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: #6376A3;
  border: 1px solid #6DABA0;
  box-shadow: 0px 0px 5px #010D26;
  -moz-box-shadow: 0px 0px 5px #010D26;
  -o-box-shadow: 0px 0px 5px #010D26;
  -htm-box-shadow: 0px 0px 5px #010D26;
  -webkit-box-shadow: 0px 0px 5px #010D26; 
  font-size: 12px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  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;
}
/*------------------------------------------------------
            CODAGE INFOBULLES bottin
-------------------------------------------------------*/



.bottinbulle {
position: relative;
color: #68461F;
font-family: arial, verdana, sans-serif;
text-align: center;
font-size: 11px;
}

.bottinbulle span {
display: none;
-moz-border-radius: 0px 5px 0px 5px;
-webkit-border-radius: 0px 5px 0px 5px;
border-radius: 0px 5px 0px 5px;
}

.bottinbulle hover {
background: none;
z-index: 999;
}

.bottinbulle:hover span {
display: block;
position: absolute;
z-index: 999;
overflow: hidden !important;
white-space: normal;
top: 2px;
left: 2px;
text-align: center;
text-decoration: none !important;
background: #0a0a0a;
padding: 2px;
border: 1px solid #450808;
}

/*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 #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;
}

_________________

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

css complet Version 8° mois - bleu/gris

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

Sujets similaires

-
» Choisir version Rouge ou Bleu
» Buzz's Shop! OUVERT
» TIKUSS CROISE CANICHE/BICHON 8 ANS 4 MOIS 4 KG FA DANS 92
» [Spoil]-Version bleu-Mewtwo bug ou pas bug?
» [Console] Pokémon Rouge/Bleu/Jaune sur 3DS !

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