problème de {} avec mon CSS

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

Résolu problème de {} avec mon CSS

Message par lelie25 Dim 6 Mai 2018 - 17:28

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui 06/05/18
Lien du forum : http://beauty-of-montana.forumactif.com

Description du problème

Bonjour, alors voilà j'ai fais une boulette en changeant un point du css de mon forum..et du coup  j'ai le message d'erreur suivant : Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

J'ai enlevé ce que j'avais rajouté mais le problème est toujours là.  Je ne vois pas les : {} qui gênent...pourtant j'ai relu le code...  (mais je n'y connais pas grand chose :S) J'espère que vous pourrez m'aider?

voici le css complet de mon forum


Code:
.element {font-family:"Tahoma";}

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #dbd4d0; padding: 0px;
  filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

.lastpost-avatar img:hover {
border: 2px double #dec7fa; padding: 0px;
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.8;    /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
 -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;  
  -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }
.nav img {max-width:140px;}
.modifcat { background-color : #f6f3f3; width: 750px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold;
  text-transform: uppercase; text-shadow: 0 1px 0 #fff;} /*** le style des titres des catégories ***/
 
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px;
  background-color: #fff; border:1px solid #eae6e2;  margin-top: -16px; padding-left: 4px;  padding-right: 4px;
  padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 335px; height: 80px; overflow:auto; text-align: justify;  line-height: 11px; padding: 4px;
 font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7f1ff; border:1px solid #eae6e2;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff;  width: 135px; height: 115px;
  border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
 font-family: 'Roboto Condensed', sans-serif;  font-size: 11px;}

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background-image : url('https://2img.net/r/hpimg15/pics/693728soustit.png');
    border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;}
.sousfofo a { overflow: x;
color: #BD428E; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
  margin-top: 1px;  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #FFFFFF
 font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #BD428E; font-size: 25px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #FFFFFF;
  text-transform: uppercase;  text-align: center;  }
.forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}

/********************* FIN DES CODES CATEGORIES ********************************/


/**QEEL**/

.groupe4 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #3F859E;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.groupe3 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #E08D8D;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.groupe2 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #835D96;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14x;
}

.groupe1 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #F00060;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.nofond table {
background-color: none !important;
}
.infobulle2 > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle2:hover > div {
  opacity: 1;
  visibility: visible;
}

.bouh {
  width: 200px;
padding-top: 2px;
  padding-bottom: 2px;
  margin: auto;
  background-color: #763F6A;
  text-align: center;
  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
}

.newpost, .descriptions {
   font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
   font-size: 12px !important;
}

.forumlink {
  font-family: 'Lato', cursive;
  font-size: 24px;
  font-weight: 400 !important;
}

.forumlink a {
   width: 100%;
   border-bottom: 1px solid #363A3D;
   padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
   background-color: #E6E2E2;
    display: inline-block;
}

.newpost {
    width: 250px;
}

.descriptions {
   width: 366px;
   margin: 0 8px;
    height: 122px;
    overflow: hidden;
}

.description {
   height: 70px;
   margin-top: 10px;
   padding: 0 10px 0 0;
   text-align: justify;
   overflow: auto;
}

.infopost {
   float: left;
}

.lastpost-avatar-container {
   height: 120px;
   width: 72px;
}

.lastpost-avatar img {
   height: 120px;
   width: 72px;
   border-radius: 0;
}

.clickinfopost {
   margin-top: 5px;
}

.clickinfopost .gensmall {
   letter-spacing: -.5px;
   font-size: 12px !important;
}

.infonewpost {
   width: 170px;
   height: 120px;
   margin: 2px 5px 0 0;

   background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
   text-transform: uppercase;
   font-family: lato;
}

.infonewpost a {
   font-size: 12px;
}

.forumlink .gensmall {
   margin-top: -4px;
   display: block;
   font-size: 9px !important;
}

.sousforums_container {
   width: 100px;
   height: 120px;
   overflow: auto;
}

.sousforums_details a {
   display: block;
   margin: 2px;
   padding: 2px;
   background-color: #EFEEEE;
   font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
    color: #363A3D;
    margin: 30px 0 0 0;
    padding: 10px;
    background-color: #E6E2E2;
    font-family: 'lato', cursive;
    font-size: 39px;
    font-weight: 400!important;
}

.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }

/**FIN DU QEEL**/

/*BOTTIN D'AVATAR */
.lefond{
  background-color:#642830;/*modifiable, possible de remplacer par une image de fond*/
  border-radius: 0px 0px 0px 0px;
  width:450px;
  height:auto;
}

.topfiche{
  background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

.bottomfiche{
  background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

/*Les titres et sous titres*/
letitre{
  font-family: Special Elite; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:25px;
  color:#ED495A;
  text-transform: lowercase;
}

sstitle{
  font-family:Rajdhani; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:12px;
  color:#ED495A;
  text-transform: uppercase;
}

/*la partie légende du bottin*/
.légende{
  background-color:white;
  text-align:justify;
  color:#BD428E;
  width:400px;
  height:auto;
  border-radius:10px;
  padding:5px;
  font-family:arial;
  font-size:12px;
}

pris{
  color:#CF806A;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
  
}

reserve{
  color:#73605B;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
}

scenario{
  color:#F3C9A3;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
}

/*La partie ABC*/
.imgbottin{
  width:25px;
  height:25px;
  border-radius:35px;
}

.blocABC{
  width:200px;
  height:140px;
  background-color:white;
  font-family:journal;
  font-size:12px;
  border-radius:10px;
  text-align:justify;
  padding:4px;
  overflow:auto;
}

iii{
  color: #ED495A;
  font-family: Rajdhani;
  font-size:15px;
}

/*le crédit NE PAS ENLEVER MERCI!*/
credit{
  font-family:journal;
  font-size:12px;
  color:darkgrey;
}

/*                F I C H E      D E      P R É S E N T A T I O N
                                par bird box.                                        */


.bird {
      background-color : #FCFCFC ; /* couleur du fond */
      border-top : 4px solid #ED495A ; /* couleur du bord haut */
      border-left : 1px solid #BD428E ; /* couleur du bord gauche */
      border-right : 1px solid #BD428E; /* couleur du bord droit */
      border-bottom : 4px solid #ED495A ; /* couleur du bord haut */
      width : 460px ;              
      font-size : 12px ;    
      text-align : justify ;
      border-radius : 12px ;
      padding : 5px;                                          
}

.aigle {
      background-color : #ED495A; /* couleur du fond prénom nom */
      width : 203px ;              
      font-size : 12px ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px;
      -ms-transform: rotate(-90deg) ;
      -webkit-transform: rotate(-90deg) ;
      transform: rotate(-90deg) ;
      transition : 1s ;                                          
}

.aigle:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                
}
 
royal {
      font-family : times new roman ;
      font-size : 12px ;
      text-transform : uppercase ;                            
}

.eider {
      border : 3px solid #ED495A; /* couleur bordure avatar */
      height : 200px ;                                        
}

.faucon {
      background-color : #FAFAFA ; /* couleur fond informations */
      color : #454545 ; /* couleur du texte */
      width : 250px ;
      border-radius : 5px ;
      margin-left:-80px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                      
}

pie {
      font-family :  arial ;
      font-weight : bold ;
      color : #BD428E ; /* couleur du texte */
      font-size : 12px ;
      text-transform : uppercase ;                            
}

.espace {
      margin-right:5px ;                                        
}

.roselin {
      overflow: auto ;
      height: 196px ;                                          
}
  
.roselin::-webkit-scrollbar {
      width: 5px ;                                            
}
 
.roselin::-webkit-scrollbar-track {
      background-color: #ED495A ; /* couleur fond scrollbar */
}
 
.roselin::-webkit-scrollbar-thumb {
      background-color: #ED495A; /* couleur scrollbar active */
}


.mouette {
      background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
      width : 203px ;              
      font-size : 12x ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px;
      -ms-transform: rotate(90deg) ;
      -webkit-transform: rotate(90deg) ;
      transform: rotate(90deg) ;
      transition : 1s ;                                          
}

.mouette:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                  
}

.hirondelle {
      background-color : #FAFAFA ; /* couleur fond anecdotes */
      color : #454545 ; /* couleur du texte */
      width : 395px ;
      border-radius : 5px ;
      margin-left:5px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                    
}

.alouette {
      background-color : #FCFCFC ; /* couleur du fond */
      border-top : 4px solid #E9F7EF ; /* couleur du bord haut */
      border-left : 1px solid #FADBD8 ; /* couleur du bord gauche */
      border-right : 1px solid #FADBD8 ; /* couleur du bord droit */
      border-bottom : 4px solid #E9F7EF ; /* couleur du bord haut */
      width : 300px ;
      font-size : 12px ;    
      text-align : justify ;
      border-radius : 30px ;
      margin-left : 200px ;
      margin-top : -50px ;
      padding : 5px;                                          
}

.monticole {
      background-color : #FAFAFA ; /* couleur fond hors-jeu */
      color : #454545 ; /* couleur du texte */
      border-radius : 30px ;
      margin-left:5px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                      
}

.albatros {
      background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
      width : 450px ;              
      font-size : 10px ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px ;
      -ms-transform: rotate(90deg) ;
      -webkit-transform: rotate(90deg) ;
      transform: rotate(90deg) ;
      transition : 1s ;                                          
}

.albatros:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                  
}

.fauvette {
      background-color : #FAFAFA ; /* couleur fond informations */
      color : #454545 ; /* couleur du texte */
      width : 395px ;
      border-radius : 5px ;
      margin-left:0px ;
      margin-right : -125px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                    
}

.grisette {
      overflow: auto ;
      height: 443px ;                                          
}
  
.grisette::-webkit-scrollbar {
      width: 5px ;                                              
}
 
.grisette::-webkit-scrollbar-track {
      background-color: #FAFAFA ; /* couleur fond scrollbar */
}
 
.grisette::-webkit-scrollbar-thumb {
      background-color: #FADBD8 ; /* couleur scrollbar active */
}
  
.credits {
      font-family : arial ;
      margin-left : 60px ;
      margin-bottom : 12x ;
      margin-top : 12px ;
      font-size: 12px ;
      letter-spacing : 1px ;
      color : #E5E8E8 ; /* couleur du crédit */                  
}


}

/********************* PROFIL BY MAGMA. *****************/

#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s;
  position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #FAFAFA; }
.fondprofil {background-color: #642830; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
 box-shadow: 0px 0px 5px #FFFFFF; -webkit-box-shadow: 0px 0px 5px #FAFAFA;}
.profil2 { background-color : #642830; width: 195px;  margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #BD428E; -webkit-box-shadow: 0px 0px 5px #FAFAFA; margin-top: 3px; padding: 5px;}  

#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
  max-width:190px;}
.postdetails{ color: #BD428E; font-size: 10px; font-family: 'Tahoma'; }

.gen img {max-width: 180px;}

.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#BD428E!important;}
.rang1 {font-family: 'tahoma', sans-serif; font-size: 12px; letter-spacing: 1px; color: #EAE5DB;
  text-transform: uppercase;
border-bottom: 1px solid #642830; margin-bottom: 2px; padding: 2px;}
.name {background-color: ##FFFFFF; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#EBD428E!important; font-family:tahoma;
  font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #EBD428E;}

/***FIN CODE PROFIL**/

/*                F I N      F I C H E      D E      P R É S E N T A T I O N
                                      par bird box.                                        */
}

/* CODE CSS SELECTIONNER LE CONTENU */

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

}

/***REDIMENSIONNEMENT GIF***/

.poster-profile img {max-width : 200px;}

    .vava1 img {
      max-width: 200px;


Dernière édition par lelie25 le Dim 6 Mai 2018 - 18:25, édité 2 fois
lelie25

lelie25
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 04/07/2016

http://life-in-vancouver.forumactif.org/
lelie25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de {} avec mon CSS

Message par Invité Dim 6 Mai 2018 - 18:03

Coucou lelie25,
ça devrait fonctionner maintenant

Code:
.element {font-family:"Tahoma";}

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #dbd4d0; padding: 0px;
  filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

.lastpost-avatar img:hover {
border: 2px double #dec7fa; padding: 0px;
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.8;    /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
 -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;  
  -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }
.nav img {max-width:140px;}
.modifcat { background-color : #f6f3f3; width: 750px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold;
  text-transform: uppercase; text-shadow: 0 1px 0 #fff;} /*** le style des titres des catégories ***/
 
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px;
  background-color: #fff; border:1px solid #eae6e2;  margin-top: -16px; padding-left: 4px;  padding-right: 4px;
  padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 335px; height: 80px; overflow:auto; text-align: justify;  line-height: 11px; padding: 4px;
 font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7f1ff; border:1px solid #eae6e2;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff;  width: 135px; height: 115px;
  border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
 font-family: 'Roboto Condensed', sans-serif;  font-size: 11px;}

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background-image : url('https://2img.net/r/hpimg15/pics/693728soustit.png');
    border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;}
.sousfofo a { overflow: x;
color: #BD428E; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
  margin-top: 1px;  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #FFFFFF
 font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #BD428E; font-size: 25px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #FFFFFF;
  text-transform: uppercase;  text-align: center;  }
.forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}

/********************* FIN DES CODES CATEGORIES ********************************/


/**QEEL**/

.groupe4 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #3F859E;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.groupe3 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #E08D8D;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.groupe2 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #835D96;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14x;
}

.groupe1 {
text-align: center;
color: #FFFFFF;
  width: 200px;
  background-color: #F00060;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'tahoma';
  font-size: 14px;
}

.nofond table {
background-color: none !important;
}
.infobulle2 > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle2:hover > div {
  opacity: 1;
  visibility: visible;
}

.bouh {
  width: 200px;
padding-top: 2px;
  padding-bottom: 2px;
  margin: auto;
  background-color: #763F6A;
  text-align: center;
  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
}

.newpost, .descriptions {
   font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
   font-size: 12px !important;
}

.forumlink {
  font-family: 'Lato', cursive;
  font-size: 24px;
  font-weight: 400 !important;
}

.forumlink a {
   width: 100%;
   border-bottom: 1px solid #363A3D;
   padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
   background-color: #E6E2E2;
    display: inline-block;
}

.newpost {
    width: 250px;
}

.descriptions {
   width: 366px;
   margin: 0 8px;
    height: 122px;
    overflow: hidden;
}

.description {
   height: 70px;
   margin-top: 10px;
   padding: 0 10px 0 0;
   text-align: justify;
   overflow: auto;
}

.infopost {
   float: left;
}

.lastpost-avatar-container {
   height: 120px;
   width: 72px;
}

.lastpost-avatar img {
   height: 120px;
   width: 72px;
   border-radius: 0;
}

.clickinfopost {
   margin-top: 5px;
}

.clickinfopost .gensmall {
   letter-spacing: -.5px;
   font-size: 12px !important;
}

.infonewpost {
   width: 170px;
   height: 120px;
   margin: 2px 5px 0 0;

   background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
   text-transform: uppercase;
   font-family: lato;
}

.infonewpost a {
   font-size: 12px;
}

.forumlink .gensmall {
   margin-top: -4px;
   display: block;
   font-size: 9px !important;
}

.sousforums_container {
   width: 100px;
   height: 120px;
   overflow: auto;
}

.sousforums_details a {
   display: block;
   margin: 2px;
   padding: 2px;
   background-color: #EFEEEE;
   font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
    color: #363A3D;
    margin: 30px 0 0 0;
    padding: 10px;
    background-color: #E6E2E2;
    font-family: 'lato', cursive;
    font-size: 39px;
    font-weight: 400!important;
}

.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }

/**FIN DU QEEL**/

/*BOTTIN D'AVATAR */
.lefond{
  background-color:#642830;/*modifiable, possible de remplacer par une image de fond*/
  border-radius: 0px 0px 0px 0px;
  width:450px;
  height:auto;
}

.topfiche{
  background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

.bottomfiche{
  background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

/*Les titres et sous titres*/
letitre{
  font-family: Special Elite; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:25px;
  color:#ED495A;
  text-transform: lowercase;
}

sstitle{
  font-family:Rajdhani; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:12px;
  color:#ED495A;
  text-transform: uppercase;
}

/*la partie légende du bottin*/
.légende{
  background-color:white;
  text-align:justify;
  color:#BD428E;
  width:400px;
  height:auto;
  border-radius:10px;
  padding:5px;
  font-family:arial;
  font-size:12px;
}

pris{
  color:#CF806A;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
  
}

reserve{
  color:#73605B;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
}

scenario{
  color:#F3C9A3;
  font-family:Rajdhani;
  font-size:15px;
  text-transform:uppercase;
}

/*La partie ABC*/
.imgbottin{
  width:25px;
  height:25px;
  border-radius:35px;
}

.blocABC{
  width:200px;
  height:140px;
  background-color:white;
  font-family:journal;
  font-size:12px;
  border-radius:10px;
  text-align:justify;
  padding:4px;
  overflow:auto;
}

iii{
  color: #ED495A;
  font-family: Rajdhani;
  font-size:15px;
}

/*le crédit NE PAS ENLEVER MERCI!*/
credit{
  font-family:journal;
  font-size:12px;
  color:darkgrey;
}

/*                F I C H E      D E      P R É S E N T A T I O N
                                par bird box.                                        */


.bird {
      background-color : #FCFCFC ; /* couleur du fond */
      border-top : 4px solid #ED495A ; /* couleur du bord haut */
      border-left : 1px solid #BD428E ; /* couleur du bord gauche */
      border-right : 1px solid #BD428E; /* couleur du bord droit */
      border-bottom : 4px solid #ED495A ; /* couleur du bord haut */
      width : 460px ;              
      font-size : 12px ;    
      text-align : justify ;
      border-radius : 12px ;
      padding : 5px;                                          
}

.aigle {
      background-color : #ED495A; /* couleur du fond prénom nom */
      width : 203px ;              
      font-size : 12px ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px;
      -ms-transform: rotate(-90deg) ;
      -webkit-transform: rotate(-90deg) ;
      transform: rotate(-90deg) ;
      transition : 1s ;                                          
}

.aigle:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                
}
 
royal {
      font-family : times new roman ;
      font-size : 12px ;
      text-transform : uppercase ;                            
}

.eider {
      border : 3px solid #ED495A; /* couleur bordure avatar */
      height : 200px ;                                        
}

.faucon {
      background-color : #FAFAFA ; /* couleur fond informations */
      color : #454545 ; /* couleur du texte */
      width : 250px ;
      border-radius : 5px ;
      margin-left:-80px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                      
}

pie {
      font-family :  arial ;
      font-weight : bold ;
      color : #BD428E ; /* couleur du texte */
      font-size : 12px ;
      text-transform : uppercase ;                            
}

.espace {
      margin-right:5px ;                                        
}

.roselin {
      overflow: auto ;
      height: 196px ;                                          
}
  
.roselin::-webkit-scrollbar {
      width: 5px ;                                            
}
 
.roselin::-webkit-scrollbar-track {
      background-color: #ED495A ; /* couleur fond scrollbar */
}
 
.roselin::-webkit-scrollbar-thumb {
      background-color: #ED495A; /* couleur scrollbar active */
}


.mouette {
      background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
      width : 203px ;              
      font-size : 12x ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px;
      -ms-transform: rotate(90deg) ;
      -webkit-transform: rotate(90deg) ;
      transform: rotate(90deg) ;
      transition : 1s ;                                          
}

.mouette:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                  
}

.hirondelle {
      background-color : #FAFAFA ; /* couleur fond anecdotes */
      color : #454545 ; /* couleur du texte */
      width : 395px ;
      border-radius : 5px ;
      margin-left:5px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                    
}

.alouette {
      background-color : #FCFCFC ; /* couleur du fond */
      border-top : 4px solid #E9F7EF ; /* couleur du bord haut */
      border-left : 1px solid #FADBD8 ; /* couleur du bord gauche */
      border-right : 1px solid #FADBD8 ; /* couleur du bord droit */
      border-bottom : 4px solid #E9F7EF ; /* couleur du bord haut */
      width : 300px ;
      font-size : 12px ;    
      text-align : justify ;
      border-radius : 30px ;
      margin-left : 200px ;
      margin-top : -50px ;
      padding : 5px;                                          
}

.monticole {
      background-color : #FAFAFA ; /* couleur fond hors-jeu */
      color : #454545 ; /* couleur du texte */
      border-radius : 30px ;
      margin-left:5px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                      
}

.albatros {
      background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
      width : 450px ;              
      font-size : 10px ;          
      color : #454545 ; /* couleur du texte */
      text-align : center ;        
      padding : 2px ;
      margin-left:-80px ;
      -ms-transform: rotate(90deg) ;
      -webkit-transform: rotate(90deg) ;
      transform: rotate(90deg) ;
      transition : 1s ;                                          
}

.albatros:hover {
      transition : 1s ;
      -ms-transform: rotate(0deg) ;
      -webkit-transform: rotate(0deg) ;
      transform: rotate(0deg) ;                                  
}

.fauvette {
      background-color : #FAFAFA ; /* couleur fond informations */
      color : #454545 ; /* couleur du texte */
      width : 395px ;
      border-radius : 5px ;
      margin-left:0px ;
      margin-right : -125px ;
      padding : 5px ;
      text-align : justify ;
      line-height : 1.5em ;                                    
}

.grisette {
      overflow: auto ;
      height: 443px ;                                          
}
  
.grisette::-webkit-scrollbar {
      width: 5px ;                                              
}
 
.grisette::-webkit-scrollbar-track {
      background-color: #FAFAFA ; /* couleur fond scrollbar */
}
 
.grisette::-webkit-scrollbar-thumb {
      background-color: #FADBD8 ; /* couleur scrollbar active */
}
  
.credits {
      font-family : arial ;
      margin-left : 60px ;
      margin-bottom : 12x ;
      margin-top : 12px ;
      font-size: 12px ;
      letter-spacing : 1px ;
      color : #E5E8E8 ; /* couleur du crédit */                  
}

/********************* PROFIL BY MAGMA. *****************/

#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s;
  position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #FAFAFA; }
.fondprofil {background-color: #642830; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
 box-shadow: 0px 0px 5px #FFFFFF; -webkit-box-shadow: 0px 0px 5px #FAFAFA;}
.profil2 { background-color : #642830; width: 195px;  margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #BD428E; -webkit-box-shadow: 0px 0px 5px #FAFAFA; margin-top: 3px; padding: 5px;}  
#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
  max-width:190px;}
.postdetails{ color: #BD428E; font-size: 10px; font-family: 'Tahoma'; }

.gen img {max-width: 180px;}

.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#BD428E!important;}
.rang1 {font-family: 'tahoma', sans-serif; font-size: 12px; letter-spacing: 1px; color: #EAE5DB;
  text-transform: uppercase;
border-bottom: 1px solid #642830; margin-bottom: 2px; padding: 2px;}

.name {background-color: ##FFFFFF; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#EBD428E!important; font-family:tahoma;
  font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #EBD428E;}

/***FIN CODE PROFIL**/

/*                F I N      F I C H E      D E      P R É S E N T A T I O N
                                      par bird box.                                        */


/* CODE CSS SELECTIONNER LE CONTENU */

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }



/***REDIMENSIONNEMENT GIF***/

.poster-profile img {max-width : 200px;}

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





Beaucoup d’erreur dans la fermeture de balise
testé sur mon forum
Bien à toi Wink
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de {} avec mon CSS

Message par lelie25 Dim 6 Mai 2018 - 18:24

Ah génial, ça marche maintenant ! Merci beaucoup pour ton aide Morane victoire I love you
lelie25

lelie25
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 04/07/2016

http://life-in-vancouver.forumactif.org/
lelie25 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