Spoiler en décalage

2 participants

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

Résolu Spoiler en décalage

Message par Amallia Ven 25 Oct 2013 - 16:18

Bonjour,

Ca fait un moment que nous avons constater un problème avec nos spoilers. Dès qu'on met un spoiler, il diminue la largeur du texte qui suit. Tant et si bien et s'il y a plusieurs spoiler, la largeur continue de rétrécir, effet piramidale comme vous pouvez le constater ici:

Spoiler en décalage  13102504223934399

Je sais que ça provient du CSS mais impossible de voir où...

Code:
/* PAGE D'ACCUEIL by CSS actif */
.patable {
 background-image: url(http://nsa33.casimages.com/img/2013/06/22/130622104613935537.jpg);
background-repeat: no-repeat;
 background-position: 50%;
}

.patable h2 {
 font-family: "Trajan Pro", serif;
 text-align: center;
 font-weight: bold;
 margin: 2px;
 padding: 0;
 padding-bottom: 4px;  
 font-variant: small-caps;
 font-size: 180%;
 text-shadow: 1px 1px 0px #000000;
}

.patable h2:first-letter {
 color: #A60000;  
}

#image_et_texte ul ul {display: none; position: absolute; margin-left:-40px; padding: 0px;}
#image_et_texte li {list-style-type: none; position: relative; background-color: #3B0401; width: 180px;}
#image_et_texte li:hover ul.apparition {display:block; background-color: #3B0401; width: 250px; z-index:999;}

a.palink {
  background-color: #3B0401;
  text-align: right;
  display: block;
  color: #E0C3C3;
  text-decoration: none;
  padding: 2px;
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 5px;
}

a.palink:hover {
      background-color: #E0C3C3;
  color: #000000;
}

a.palink:after {
 content: " >>";  
}

.panav {
 border-top: 3px solid #3B0401;  
 padding-bottom: 5px;
}

.paoverflow {
 overflow: auto;
 margin-bottom: 5px;
}

.panav a {
 background-color: #3B0401;
 padding: 3px 10px;
margin: 0 2px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
color: #E0C3C3;
text-decoration: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.panav a:hover {
  background-color: #E0C3C3;
color: #000000;
}

.papv img {
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: 0.7;
border: 1px solid #3B0401;
}

.papv img:hover {
border-color: #3B0401;
opacity: 1;
}

.pastaff {
 text-align: center;
 width: 140px;
 margin: 0 auto;
}

.pastaff img {
 width: 140px;
 border: 3px solid #000000;
margin: 2px;
}

.pastaff div div {
 display: none;
 width: 140px;
 background-color: #000000;
 text-align: center;
border: 3px solid #000000;  
}

.pastaff div div strong, .pastaff div div a {
 display: block;  
}

.pastaff div:hover div {
 display: block;
 margin-top: -5px;
 position: absolute;
}

.papartenaire img {
  opacity: 0.7;
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.papartenaire img:hover {
  opacity: 1;
}

.papartenaire td div {
 display: none;  
 background-color: #E0C3C3;
 border: 2px solid #E0C3C3;
 border-bottom: 5px solid #E0C3C3;
 text-align: center;
 width: 100px;
 z-index: 999;
 padding: 5px;
 text-shadow: 1px 1px 0px #000000;
 -webkit-box-shadow: 0px 0px 3px 0px #000000;
box-shadow: 0px 0px 3px 0px #000000;
}

.papartenaire td div strong, .papartenaire td div a {
 display: block;  
}

.papartenaire td:hover div {
  display: block;
  position: absolute;
  margin-top: -10px;
  margin-left: 30px;
}

.dcontenu_onglet, .bcontenu_onglet, .contenu_onglet {
                border: 2px solid #000000;
                display:none;
            width: 90%;
            height: 180px;
            overflow: auto;
            padding: 10px;
            -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #3B0401;
-webkit-box-shadow: 0px 0px 3px 0px #000000;
box-shadow: 0px 0px 3px 0px #000000;
opacity: 0.8;
   -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-align: justify;
        }
      
      .dcontenu_onglet:hover, .bcontenu_onglet:hover, .contenu_onglet:hover {
    opacity: 1;
        }
      
      .dcontenu_onglet {
      height: 150px;
      }

.panew {
  background-color: #E0C3C3;
color: #000000;
font-size: 10px;
  padding: 5px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.panew em {
  color: #3B0401;
}

.bonglets {
 position: absolute;
 margin-left: -90px;
 margin-top: 10px;
}

 .bonglet {
              display: block;
                margin-bottom: 10px;
                padding:5px;
                cursor:pointer;
        }

        .bonglet_0 {
                background-color: #3B0401;
            color: #000000;
              margin-bottom: 10px;
              -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 80px;
}

        .bonglet_1 {
                  background-color: #E0C3C3;
            color: #000000;
              margin-bottom: 10px;
              -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 80px;
        }
      
      .onglet {
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:5px;
                cursor:pointer;
        }
  
      .donglets, .onglets {
      padding-left: 8px;  
      }

      .donglet {
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }

        .donglet_0,  .onglet_0 {
                background-color: #3B0401;
            color: #000000;
            font-size: 10px;
            -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
        }

        .donglet_1, .onglet_1 {
                  background-color: #E0C3C3;
            color: #000000;
            font-size: 10px;
            -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
        }


/*Background du forum*/        
        body
           {
           background-image:url('http://nsa34.casimages.com/img/2013/06/22/130622103838403287.jpg');
           background-position:center;
           background-repeat: repeat-y;
           background-attachment:fixed;
          margin-top:-10px !important;
  color:#3B0401 !important;

           }        

        /*nouvel éditeur barre du haut*/
        div.sceditor-toolbar{
        background-color: #000000 !important;
        text-align: center!important; /* là, je centre les boutons pour que ce soit plus jolie */
        margin:1px !important; /* là je réduis la marge pour un côté plus esthétique */}
        
       /*nouvel éditeur textarea*/
        .sceditor-container iframe, .sceditor-container textarea{
        background-color:#5f3e3e !important;
        border: solid 1px #3b0401 !important; /* toujours un cadre */
        color:#3b0401 !important; /* là c'est la couleur de ton texte dans la boite de dialogue */
        margin:1px !important; /* là encore j'enlève de la marge pour que ce soit plus jolie */}
        
       /*nouvel éditeur gp bouton*/
        div.sceditor-group{
        background-color:#3b0401 !important;
        border: solid 1px #000000 !important;}
        
       .sceditor-container.ltr.wysiwygMode {
        border: solid 1px #3b0401 ;
        background-color:#3b0401 !important; /*COULEUR DE FOND DE LA SORTE DE BORDURE BLANCHE*/
        width:100% !important;}
        
       .sceditor-container.ltr.sourceMode{
        border: solid 1px #3b0401 ;
        background-color:#3b0401 !important;
        width:100% !important;}
        
       /* Permettre d'avoir des smileys  à la bonne taille */
        .sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
        
       a.sceditor-button.hover
        {background-color:#000000  !important;}

/*Info bulle colonne*/

* a.info {
  position: relative;
  color: black;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
 

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover span {
visibility: visible;
  display: inline; /* on affiche l'infobulle */
  position: absolute;
color: white;
  white-space: normal;
top: 1px;/*position par rapport au haut de l'image*/
left: -25px;/*position par rapport au bord gauche de l'image*/
  background-color: #000000;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
  padding: 3px;
width: 90px;
  border: 2px solid #3b0401 ;
}

* a.lien {
  position: relative;
  color: black;
  text-decoration: none;
}

a.lien span {
  display: none; /* on masque l'infobulle */
 

}
a.lien:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.lien:hover span {
visibility: visible;
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: normal;

  top: 25px;
  left: 10px;

  background-color: white;

  color: #4A2113;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
  padding: 3px;

  border: 2px solid black ;
width: 500px;}

/*fin infobulle */

.forumline { border-radius: 20px 20px 20px 20px; /* pour Opera et autres standards */
-webkit-border-radius: 20px 20px 20px 20px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 8px #3b0401 solid;
border-top: 8px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;}
.bodyline {-moz-border-radius:40px;
margin-top:-10px !important;}

.postbody { display: block; padding-left: 30px; padding-right: 30px;
color: #E0C3C3 !important; }
body { text-align:justify;
margin-top:-10px !important; }
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

body.chatbox {
    background-color: #000000;}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Missives au-delà du territoire !"; }

/* PRESENTATION FORUMS */
.cattitle {
font-weight: bold;
text-color: #C3D9E0;
text-transform: uppercase;
font-size: 8px;
text-indent:10%;
}

.row3{
background-color: #000000;}

.forumlink {
font-family: "Monotype Corsiva", Monotype, Script;
font-size: 16px;
font-weight: bold;
text-align: center;
khtml-opacity:0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter : alpha(opacity=80);
opacity : 0.8;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

a.forumlink{
  display:block;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 20px 20px 20px 20px;
border-bottom: 5px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
  background-color : #000000;
}

a.forumlink:hover {
text-shadow: 0px 0px 5px #FFFFFF;
khtml-opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter : alpha(opacity=100);
opacity : 1;
}

.block {
font-size: 12px;
  color: #C3D9E0;
  cellspacing: 0px;
  cellpadding: 0px;
  height: 60px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 2px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
background-image : url("http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg");
khtml-opacity:0.4;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter : alpha(opacity=40);
opacity : 0.4;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.block:hover {
  khtml-opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter : alpha(opacity=100);
opacity : 1;
}

.tit {
background-image : url("http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg");
font-size: 11px;
text-transform:uppercase;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-bottom: 1px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
  text-align : center;
  width: 195px;
}

.tite {
background-image : url("http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg");
font-size: 11px;
text-transform:uppercase;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 1px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
  text-align : center;
}

.bloss {
font-size: 12px;
  color: #C3D9E0;
  cellspacing: 0px;
  cellpadding: 0px;
  text-align : center;
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 20px 20px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 20px 20px 20px 20px;
border-bottom: 2px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
background-image : url("http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg");
  -moz-box-shadow: 0 0 1px 1px #000000;
-webkit-box-shadow: 0 0 1px 1px #000000;
box-shadow: 0 0 1px 1px #00000;
  width: 501px;
}

.age { border-radius: 20px 20px 0px 0px; /* pour Opera et autres standards */
-webkit-border-radius: 20px 20px 0px 0px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 0px #4e2f18 solid;
border-top: 1px #4e2f18 dotted;
border-right: 1px #4e2f18 solid;
border-left: 1px #4e2f18 dotted;}

/* FIN PRESENTATION FORUMS */


/***** Retire les images de la barre de navigation ****/
        a.mainmenu img {
        display:none;
        }
/***** Fin Retire les images de la barre de navigation ****/

.mainmenu {
padding-right: 5px;
padding-left: 5px;
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 10px 10px 0px 0px;
border-bottom: 0px #3b0401 solid;
border-top: 2px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
font-size: 10px;
text-align: center !important;
height : 25px;
font-variant: small-caps;
  khtml-opacity:0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter : alpha(opacity=80);
opacity : 0.8;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

a.mainmenu {
background-color : #000000;
}

a.mainmenu:hover{
text-shadow: 0px 0px 5px #FFFFFF;
khtml-opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter : alpha(opacity=100);
opacity : 1;
}

/* PROFILS */

.avatarcontour {

  border: 2px solid #3b0401;
 -moz-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
box-shadow: 3px 3px 3px #000000;

}

.profilentour {
text-align:justify;
padding:5px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url('http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg');
color: #454545;
}

.rangs {
  font-size: 11px;
  text-align:center; }
  
.profilchamps {
  background-color:#000000;
  border:1px solid #3b0401;
  font-family:arial;
  font-size:11px;
  letter-spacing:0;
  line-height:11px;
  padding:3px;
  width:195px;
}

.profilchamps img { max-width: 190px; }

.usernamefont {
  text-transform: uppercase;
  font-size: 15px;
  text-align:center;
  font-family: times new roman;
  border-bottom: 7px solid #3b0401;
}

/* FIN PROFILS */

.tilt {
background-image : url("http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg");
font-size: 11px;
border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 0px #3b0401 solid;
border-top: 1px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
  text-align : center;
}

div.fond {
width: 230px;
  height: 290px;
background-color : #000000;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;/* notamment pour Safari et Google Chrome */
-moz-border-radius: 5px 5px 5px 5px;
border-bottom: 2px #3b0401 solid;
border-top: 0px #3b0401 dotted;
border-right: 1px #3b0401 solid;
border-left: 1px #3b0401 dotted;
  text-align : justify;
  padding-left: 3px;
 padding-right: 3px;
 padding-top: 3px;
 padding-bottom: 3px;
 overflow-y: auto;
/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.8;
/* FIREFOX TRES VIELLE VERSION  4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
/* IE 4 */
    filter : alpha(opacity=80);
/* AUTRE */
    opacity : 0.8;
}

/* ------------- FICHE PERSO ----------- */
div.cssactif_fiche {
width: 500px;
background-color: #000000;
border: 2px simple #3b0401;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 10px 0px #3b0401;
-moz-box-shadow: 0px 0px 10px 0px #3b0401;
box-shadow: 0px 0px 10px 0px #3b0401;      
}

div.cssactif_fiche_header {
background-repeat: no repeat !important;
background-position: top center !important;
width: 500px;
height: 200px;
border-bottom: 15px double #3b0401;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

div.cssactif_fiche_titre h1 {
font-family: Monotype Corsiva, "Monotype Corsiva", Monotype, Script;
font-size: 50px;
text-shadow: 1px -1px 0px #5f3e3e;
color: #3b0401;
margin: 0;
text-align: right;
}

div.cssactif_fiche_titre {
position: relative;
top: -32px;
text-align: right;
padding-right: 30px;
color: #3b0401;
}

div.cssactif_fiche h2 {
background-color: #3b0401;
border-color: #5f3e3e;
border-width: 1px 0px;
border-style: solid;
-webkit-box-shadow: 0px 0px 3px 0px #3b0401;
-moz-box-shadow: 0px 0px 3px 0px #3b0401;
box-shadow: 0px 0px 3px 0px #3b0401;
text-align: center;
font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
color: #5f3e3e;
margin: 0;
font-size: 20px;
font-weight: normal;
text-shadow: 1px 1px 0px #000000;
letter-spacing: 5px;
}

.cssactif_pv_content {
padding: 10px;
text-align: justify;
}

.cssactif_fiche em {
font-family: Georgia, "Times New Roman", Times, serif;
color: #3b0401;
font-style: normal;
font-variant: small-caps;
}

.cssactif_pv {
background-color: #5f3e3e;
border: 2px simple #3b0401;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 10px 0px #3b0401;
-moz-box-shadow: 0px 0px 10px 0px #3b0401;
box-shadow: 0px 0px 10px 0px #3b0401;
}

td.cssactif_pv_header {
background-repeat: no-repeat;
background-position: top center;
width: 200px;
height: 320px;
border-right: 15px double #3b0401;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
text-shadow: 1px 1px 0px #5f3e3e;
font-size: 10px;
}

div.cssactif_pv_titre h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
text-shadow: 1px 1px 0px #5f3e3e;
color: #3b0401;
margin: 0;
text-align: right;
font-variant: small-caps;
}

div.cssactif_pv_titre {
position: relative;
top: -14px;
text-align: right;
padding-right: 20px;
color: #CCCCCC;
}

.ligne_icones {
display: block;
width: 100%;
border-bottom: 4px solid #3b0401;
margin-top: -85px;
margin-bottom: 100px;
position: relative;
z-index: 1;
}

.icones {
display: block;
width: 100px;
height: 100px;
align: center center;
border: 4px solid #3b0401;
-moz-border-radius: 100px;
border-radius: 100px;
-o-border-radius: 100px;
-htm-border-radius: 100px;
-webkit-border-radius: 100px;
margin: 10px;
position: relative;
z-index: 2;
}

.citation {
display: block;
text-align: right;
padding: 20px;
font-family: courier new;
font-size: 16px;
letter-spacing: 2px;
width: 500px;
float: right;
color: #3b0401;
text-shadow: 1px 1px 0px #5f3e3e;
margin-bottom:20px;
}

/* ------------- FIN FICHE PERSO */

/* ------------- FICHE PV ----------- */

div.fiche_titre h1 {
font-family: Monotype Corsiva, "Monotype Corsiva", Monotype, Script;
font-size: 40px;
text-shadow: 1px -1px 0px #5f3e3e;
color: #3b0401;
margin: 0;
text-align: right;
}

div.fiche_titre {
position: relative;
top: -32px;
text-align: right;
padding-right: 30px;
color: #3b0401;
}

td.pv_header {
background-color: #5f3e3e;
width: 250px;
height: 210px;
border-right: 15px double #3b0401;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 12px;
-webkit-box-shadow: 0px 0px 10px 0px #3b0401;
-moz-box-shadow: 0px 0px 10px 0px #3b0401;
box-shadow: 0px 0px 10px 0px #3b0401;
}

/* ------------- FIN FICHE PV */

.age {

-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;}

.bloss {
  width: 501px;
  background-color: #3b0401;
    -webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }

/* selectionner le contenu */
        .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* QEEL */
.footertable {
background-image : url("http://nsa33.casimages.com/img/2013/07/04/130704080748403310.png");  
background-repeat: no-repeat;
width: auto;
height: auto;
align: center; }

.qeeltable {
  background : none !important;
  padding-bottom: 30px;
margin-top: 225px; }

.nobg td.row1 { background : none !important; }

.opacity { opacity: 0.6;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }

.opacity:hover { opacity: 1; }

.petitcadre {  
overflow: auto;
width: 380px;
height: 75px;
padding: 5px;
margin: 1px;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #000000;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;
text-align: justify; }

.titreqeel { color: #3b0401; }

a.titreqeel {
font-family: "Monotype Corsiva", " Monotype", Corsiva;
  font-weight: bold;
font-size: 34px;
color: #3b0401;
text-shadow: 1px 1px 1px #000000;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }

a.titreqeel:hover { text-shadow: 0px 0px 5px #FFFFFF; }

.tablegpes {
text-align: center;
width: 864px; }

.groupes {
  padding: 10px;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 1px #000000; }avatarcontour {
  border: 2px double #000000;
     width:204px;
    height:324px;
    -moz-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
box-shadow: 3px 3px 3px #000000;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
 background-image: url("http://2img.net/i/fa/empty.gif");
 background-color:#;
 border: none !important;
 border-style: solid;
 height: 28px;
 }

.signature_div { opacity: 0.6;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.signature_div:hover { opacity: 1; }

.cattitle {
font-weight: bold;
text-color: #C3D9E0;
text-transform: uppercase;
font-size: 12px;
text-indent:10%;
}

.profilentour {
text-align:justify;
padding:5px;
padding-top: 15px;
padding-bottom: 10px;
background-image:url('http://images2.layoutsparks.com/1/135476/vampire-red-black-pattern.jpg');
color: #454545;
}

.rangs {
  font-size: 11px;
  text-align:center; }
  
.profilchamps {
  background-color:#000000;
  border:1px solid #3b0401;
  font-family:arial;
  font-size:11px;
  letter-spacing:0;
  line-height:11px;
  padding:3px;
  width:200px;
}

.profilchamps img { max-width: 200px; }

.usernamefont {
  text-transform: uppercase;
  font-size: 15px;
  text-align:center;
  font-family: times new roman;
  border-bottom: 7px solid #3b0401;
}

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

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:204px;
    height:324px;
    border:0px solid red; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:black; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 1s;/* Laissez comme ceci */
    -moz-transition:all 1s;/* Laissez comme ceci */
    -o-transition:all 1s;/* Laissez comme ceci */
    -ms-transition:all 1s;/* Laissez comme ceci */
    transition:all 1s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:324px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:94%;/* Laissez comme ceci */
    height:95%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 1s;/* Laissez comme ceci */
    -moz-transition:all 1s;/* Laissez comme ceci */
    -o-transition:all 1s;/* Laissez comme ceci */
    -ms-transition:all 1s;/* Laissez comme ceci */
    transition:all 1s;/* Laissez comme ceci */
  color: #820000;
  padding: 5px;
  background-color:#000000;
  border:1px solid #3b0401;
font-size: 12px;
}

#englob:hover > .infosp {
   opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
   margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}


.grandtitre {
font-family: "Trajan Pro", "Serif", Serif;
font-size: 30px;
font-weight: bold;
color: #820000;
text-shadow: 1px 1px 1px #FFFFFF;
  display: block;
text-align: center;
  line-height: 110%;
}

.grandtitre:first-letter {
color: #E0C3C3;
}
Merci d'avance à celui ou celle qui pourra m'éclairer ^^


Dernière édition par Amallia le Ven 25 Oct 2013 - 22:05, édité 1 fois
avatar

Amallia
**

Féminin
Messages : 71
Inscrit(e) le : 14/01/2011

http://game-of-thrones.1fr1.net/
Amallia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler en décalage

Message par Scoubifitz Ven 25 Oct 2013 - 19:41

bonsoir,

remplacez ceci :

Code:
.postbody { display: block; padding-left: 30px; padding-right: 30px;
color: #E0C3C3 !important; }
body { text-align:justify;
margin-top:-10px !important; }
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
par :

Code:
div.postbody { display: block; padding-left: 30px; padding-right: 30px;
color: #E0C3C3 !important; }
body { text-align:justify;
margin-top:-10px !important; }
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
(rajoutez "div" ...)

Hi
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler en décalage

Message par Amallia Ven 25 Oct 2013 - 22:05

Super merci beaucoup !

Je classe ça en résolu ♥
avatar

Amallia
**

Féminin
Messages : 71
Inscrit(e) le : 14/01/2011

http://game-of-thrones.1fr1.net/
Amallia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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