CSS Version 14           



 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
-50%
Le deal à ne pas rater :
-50% Baskets Nike Dunk Low
64.99 € 129.99 €
Voir le deal

Partagez

CSS Version 14

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

louha

louha
Admin

Traveler's Card
Messages : 680
Date d'inscription : 15/08/2013


CSS Version 14
CSS Version 14 Icon_minitimeVen 27 Fév - 20:07
http://louha.forumactif.org

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

/*--------------------------------------------------
                  MODIFICATIONS header
---------------------------------------------------------*/     
 body{
  background-image: url(http://image.noelshack.com/fichiers/2015/05/1422634055-attente.png);
background-color: #000000;
background-position:top;
background-repeat:no-repeat;
}

.bodyline{
  border-left: 4px solid #3E475C;
  border-right: 4px solid #3E475C;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/****** ------------------------------
      ANNONCE EN HAUT DU FORUM
---------------------------********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #161821;
  border-top: 3px solid #3E475C;
  border-bottom: 3px solid #3E475C;
  border-radius:30px;
}
.annoncetitre
{
  color: #3E475C;
  font-size: 25px;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #848484;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}

/*--------------------------------------------------
                  MODIFICATIONS DES CATEGORIES
---------------------------------------------------------*/

.cathead{
      background: url('http://image.noelshack.com/fichiers/2015/05/1422636722-haut001.png') top center no-repeat;
      width: 750px;
  height:180px;
      margin: auto; /*Permet de centrer la partie du corps*/
      margin-bottom: -5px;
}
.catbody{
      background: url('') repeat-y;
      background-color: #161821;
      width: 750px;
      margin: auto;
      margin-top: 0px;
      margin-bottom: 0px;
}
.catfoot{
      background: url('http://image.noelshack.com/fichiers/2015/05/1422634157-bascate.png') bottom center no-repeat;
      width: 750px;
  height:80px;
      margin: auto;
      margin-top: -5px;
}
.catetitre{
  text-align: center;
  padding-top: 45px;
}
.catetitre h2{
  font-size:50px;
  color: #9FB0C1;
  font-family: "Seaweed Script";
  text-shadow: 3px 3px 3px #3E475C;
}
.catforum{
      background-color: #;
      border: 2px solid #;
      width: 700px;
      height: 150px;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 5px;
}
.boutcat img{
      width: 70px;
      height: 70px;
      margin-right: 10px;
}
#colonneinfo {
      width: 130px;
      height: 50px;
      background-color: #090A0F;
      border-left: 3px solid #3E475C;
  border-right: 3px solid #3E475C;
      font-size: 10px;
      font-style: normal;
      font-weight:bold;
      position: absolute;
  margin-top:-50px;
      margin-left: 10px;
      text-align: center;
      z-index: 1;
  border-radius: 20px;
}
#lastmsg {
  width: 120px;
  height: 20px;
  position: absolute;
      margin-left: 10px;
  font-size: 9px;
      text-align: center;
      z-index: 1;
}
.nomcat{
      font-size: 25px;
      text-align: left;
      padding-left: 120px;
      margin-bottom: -20px;
      color: #3E475C;
      border-bottom: 1px solid #;
  font-family: "Niconne";
}
.description{
      width: 420px;
      height : 70px;
      margin-top: 10px;
      margin-bottom: -10px;
      background-color: #090A0F;
      border-bottom: 3px solid #3E475C;
  border-top: 3px solid #3E475C;
      overflow: hidden;
      font-size: 10px;
      font-family: 'verdana';
      text-align: justify;
  border-radius: 25px;
  border-left: 5px solid #3E475C;
  border-right: 5px solid #3E475C;
  padding-left : 15px;
  padding-right:15px
}
.desccolonne{
      width: 700px;
      height: 140px;
      margin : auto;
      margin-bottom: 10px;
      padding: 5px;
}
.sousfocat{
      width: 450px;
      height: 30px;
      overflow: auto;
      text-align:center;
      margin: auto;
      margin-top: -5px;
}
.titredesc {
    font-family: "Ubuntu Mono:700";
  font-size: 11px;
  text-transform : uppercase;
  font-weight: bold;
  color: #1AA9BF;
}

/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets
{
  width: 740px;
  margin: auto;
  background: #090A0F;
  border: 1px solid #3E475C;
  padding: 5px;
  border-radius:30px;
}
.sujets
{
  background: #181B28;
  border: 1px solid #3E475C;
  padding: 3px;
  border-radius:30px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 200px;
  height: 40px;
  background: #383A47;
  border-left: 3px solid #3E475C;
  border-right: 3px solid #3E475C;
  border-radius:30px;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 700px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #D4D4D4;
}
.lastpost-avatar {
  float: left;
  position:relative;
  margin-left: 10px;
  margin-top:5px;
}
.lastpost-avatar img {
  height: 40px;
  width: auto;
  border-radius:15px
}
/*-----------------------------------------------------
                MODIFICATIONS PROFILS
---------------------------------------------------*/
.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #3E475C ;
}
.details_profil img{
  max-width:190px;
  border : 1px solid #3E475C ;
}
.avatar_profil {
  max-height: 320px !important;
}
.profilmasque {
      background-color: #383A47;
      width: 200px;
      padding: 5px;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
  border-radius:20px;
    }
.profil1 {
      width: 200px;
      font-size: 20px;
      font-family: 'Miniver', cursive;
      background-color: #181B28;
      border: none;
      color: #383A47;
  border-radius: 25px;
    }
.profil {
      background-color: #181B28;
      padding: 10px;
      border-radius: 25px;
    }
.rang {
  border: 1px solid #090A0F;
      background-color: #383A47;
      padding: 10px;
      width: 200px;
      text-align: center;
      color: #090A0F !important;
      font-size: 25px;
  font-family: 'Vibur',;
  border-radius: 25px;
 font-size: 15px;
    }
#rankabs {
  text-align:center;
  margin-top: -45px;
 
}
.bloc_pseudo {
      padding: 10px;
      width: 200px;
      position: relative;
      left: 1em;
      text-align: center;
      font-size: 12px;
      font-family: 'Miniver', cursive;
    }
.pseudo_profil {
      font-family: 'Finger Paint', cursive;
      font-size: 20px !important;
      text-align: center;
  margin-bottom: -18px;
    }

    .details_profil {
      background-color: #;
      padding: 1px;
      width: 210px;
      height: 350px;
      overflow: auto;
      text-align: justify;
      color: #565A75 !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/

/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  color: #565A75;
  font-size:11px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
}

/*fond de la feuille de personnage */
textarea, input, select {
  background-color: #090A0F;
  border-radius: 15px;
  border : 1px solid #565A75;
  padding: 5px;
}

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

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(http://image.noelshack.com/fichiers/2015/04/1422025552-ntbg.png);
  z-index:10;
   
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 7px;
    text-align: left;
    padding-top: 3px;
}

/*------------------------------------------------------
                      CSS pour tous les postes
-------------------------------------------------------*/
.postbody {
    text-align: justify !important;
}

.wrapmsg{
  background-color : #090A0F;
  border-left : 2px solid #565A75;
  border-right : 2px solid #565A75;
  border-top : 5px solid #565A75;
  border-bottom : 5px solid #565A75;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
  border-radius: 25px;
}
.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;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
  color: #8aa4b5;
  font-size:10px;
}
::selection{
        background: #090A0F;
        color: #8aa4b5;
    }
::-moz-selection{
        background: #090A0F;
        color: #8aa4b5;
    }
::-webkit-selection{
        background: #090A0F;
        color: #8aa4b5;
    }
::-htm-selection{
        background: #090A0F;
        color: #8aa4b5;
    }
::-o-selection{
        background: #090A0F;
        color: #8aa4b5;
    }
/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
    color: #090A0F;
  background-color: #8aa4b5;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */
  max-height:420px;
  width:350px!important;
  border-radius:25px;
  overflow:auto;
}
.code, .quote {
    color: #090A0F;
    background-color: #8aa4b5;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #383A47; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
.hidecode dd{
  color:#090A0F;
    background-color: #8aa4b5;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #383A47; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
/*-----------------------------------------------------
            MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #090A0F !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #090A0F !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #090A0F !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #090A0F !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: #090A0F !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #181B28 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

        /* bordure de l'éditeur */
div.sceditor-container {
  border: 1px solid #383A47;
  border-radius:25px;
  padding: 5px;
}
       
/* bordure entre la barre d'outils et la zone de saisie de texte */

body div.sceditor-toolbar {
  border: 1px solid #383A47;
  border-radius:25px;
}
       
/* bordure sous les groupes de bouton */
       
body div.sceditor-group { 
  box-shadow: none
}
/* ombre d'un bouton survolé ou activé */
       
a.sceditor-button:hover, a.sceditor-button.hover {
  box-shadow: none;
  background-color: #383A47 !important;
}

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

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

#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #c0c0c0;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a  {
  color: #c0c0c0;
}
body.chatbox {
  background-image: none;
  background-color: #181B28;
}
#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"; }


/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/
/*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/BIOGRAPHIES
-------------------------------------------------------*/

#infopv {
      height:320px;
      background-color:#090A0F;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #565A75;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #181B28;
    font-size:11px; padding:5px;
    margin-left:15px;}


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

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #565A75 ;
    border-right: 4px solid #565A75 ;
    background-color:#090A0F;
      text-align:justify;
}
    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #B6D5EA ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #181923 ;
   
    }

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

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

    #infopr {
      height:360px;
      background-color:#181B28 ;
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #565A75 ;
    }
    #caract {
      height:105px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#181B28 ;
    }

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

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

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#565A75;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#161821;
  padding:10px;
  marging-left:-30px;
  border:1px solid #565A75;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #565A75;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#78c9ff;
}
.text01{
  font-family:'Snippet';
  font-size:13px;
  text-align: justify;
  padding:3px;
  color:#9296AF;
}
.biov7 {
  color:#9296AF; font-size:10px; letter-spacing:1px; text-align:justify;font-style:'Snippet'; font-size:13px;}

.surligne {color:#AF42B7;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}
.petitmot {
  font-style:italic;
  color:#AF42B7;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#e60e0e;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#1ACC2C;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#565A75;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#161821;
  padding:10px;
  marging-left:-30px;
  border:1px solid #565A75;
}
.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:#78c9ff;
}
.imgliens03{
  width:400px;
  border-radius:10px;
  border:solid 1px #78c9ff;
}
#iconsujet, .icoliens{
  width:100px;
  border:solid 1px #565A75;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28;
}

.sstit02{
  font-family:'Orbitron';
  color:#78c9ff;
  text-transform:capitalize;
  font-size:12px;
  text-align:left;
}
.corps02 {
  background-color:#090A0F;
  color:#9296AF;
  border-left: 5px solid #116875;
  border-right:5px solid #116875;
  border-top: 1px solid #116875;
  border-bottom: 1px solid #116875;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
i {
  color:#AF42B7;
}

lu {
  line-height: 80%;
  width: 400px;
  letter-spacing: 1.9px;
  font-family: courier new;
  font-size: 9px;
  text-shadow: 1px 1px 0px #000000;
  color: #7b7b7b;
  text-transform: uppercase;}

vi {
  font-family: Megrim;
  font-size: 12px; 
  color: #7E84AA; }
/*===========================
        QEEL
=============================*/

.qeel
{
  width: 750px;
  height: 400px;
  background: url('http://image.noelshack.com/fichiers/2015/05/1422633188-qeel.png') center no-repeat;
}
.qeel_table
{
  position:absolute;
  width: 700px;
  margin-left: 25px;
  margin-top: 70px;
 
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #565A75;
  font-size: 11px;
  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;
  border-radius:25px;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #090A0F;
  border: 1px solid #565A75;
  font-size: 12px;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  border-radius:25px;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}

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

/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 20px;
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: #090A0F;
      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: #090A0F;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #825765 !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #4D2C28 !important;
}

/* ------------------------------------
        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: #B39274;
      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: #090A0F;
      border: 1px solid #565A75;
    }
    #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;
    }

/* ------------------------------------
      PAGE ACCUEIL
------------------------------------*/
.soustitrePA01 {
  font-family:'Damion';
  color:#13141A!important;
  left:10px; 
  position: relative;
  top: -500px;
  text-transform:capitalize;
  font-size:16px;
  font-weight:bold;
  z-index:1;
}
.soustitrePA01 a {  color:#13141A!important;}
.context01 {  left:50px;    top: -440px;  height:130px;  width:220px;}
.intri01 {  left:500px;    top: -440px;  height:130px;  width:220px;}
.newpa{  left:510px;  top: -265px;  height:123px;  width:190px;}
.infopa {  left:500px;  top: -105px;  height:100px;  width:190px;}
.membredumois {  left:60px;    top: -240px;  height:140px;  width:300px;}
.context01, .intri01, .newpa, .infopa, .membredumois {  overflow: auto;  text-align: justify;  position: absolute;}
.lucy {left:250px;    position: absolute;  top: -410px;  height:150px;  width:150px;}
.elladan{left:330px;    position: absolute;  top: -410px;  height:130px;  width:220px;}
.alyx{left:210px;  position: absolute;  top: -245px;  height:130px;  width:220px;}
.thibault{left:330px;    position: absolute;  top: -245px;  height:130px;  width:220px;}
/*** IMAGES DES membres du mois ***/

.imgwidget {
  height: 80px;
}
.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;
      width: 150px;
      height: 70px;
      overflow: auto;
      background-color: #00080F;
      text-align: center;
      font-weight: none;
}

    div.cssactif_tableaupartenaire {
      width: 290px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
      line-height: 0; /* À ne pas modifier */
    }
    div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
      height: 18px; /* Hauteur initiale */
      width: 50px; /* Largeur initiale */
    }
    div.cssactif_tableaupartenaire a {
      display: inline-block; /* À ne pas modifier */
      position: relative; /* À ne pas modifier */
      margin: 1px; /* MARGE entre les images */
    }

    div.cssactif_tableaupartenaire a img {
      display: block; /* À ne pas modifier */
      position: absolute; /* À ne pas modifier */
      left: 0; /* À ne pas modifier */
      top: 0; /* À ne pas modifier */
   
      /* Transitions pour différents navigateurs */
      /* navigateur: toutes_transitions durée type */
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }

    div.cssactif_tableaupartenaire a:hover img {
      height: 35px; /* Hauteur finale */
  width: 100px; /* Largeur initiale */
      z-index: 99; /* Place l'image au-dessus des autres */
      /* Positionne le logo de pleine taille au centre - À adapter */
      left: -50%;
      top: -50%;
    }
.img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }
Revenir en haut Aller en bas

CSS Version 14

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
louha's personal forum :: archives-
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser