soucis code couleur CSS

2 participants

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

Résolu soucis code couleur CSS

Message par pikacerise33 Lun 11 Sep 2017 - 23:05

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis un moment
Lien du forum : http://back-to-tree-hill.forumactif.org/

Description du problème

Bonsoir ,
Depuis quelques temps je rencontre se problème , je suis en plein changement de couleur dans ma fiche CSS seulement je n'arrive pas a changer la couleur vert ( indiquer par les flèches selon mon modele ) en bleu . j'ai eu beau chercher je ne trouve pas où est le code je vous joints mon css.
Merci d'avance

css :
Code:
[spoiler]***QEEL***/

.cadreQEEL{
    height: 300px;
    overflow: auto;
    background-color: rgba(212, 230, 228, 0.75);
    width: 480px;
    position: relative;
    top: 125px;
    left: 140px;
    border-radius: 20px;
}

.qeel2 {
      height: 215px;
    background-color: #ffffff;
    width: 200px;
    margin: 10px;
    overflow: auto;
    padding-right: 5px;
    padding: 10px;
    border-radius: 20px;
}

.qeel2#stat {
      height: 90px;
    width: 190px;
}

/*Fiche Règlement*/

.pres_admin {
  height: 140px;
  overflow: hidden;
}

.int_admin {
  height: 135px;
  overflow: auto;
  padding: 3px;
  padding-right: 5px;
}

.bottin {
    margin-left: 15px;
  font-size: 40px;
  font-family: Julius Sans One;
  margin-right: 15px;
  font-weight: 700;
  color: rgb(Nan , 70 , 56 );
}

.bloc_int {
    width: 495px;
  background-color: rgb(255, 255, 255);
  padding: 5px;
}

#paragraphe {
    color: rgb(217, 108, 98);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.reso {
  color:rgb(129, 162, 118) !important
}

.Titre_lien3{
  font-size: 20px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-bottom: -35px;
  color: rgb(212, 230,228 ,  90);
  position: relative;
  top: -30px;
  float: left;
}


/*Fiche-de-lien*/

.bl1 {
  width: 320px;
  height: 90px;
  background-color: rgb(212, 230, 228 , 90);
  padding: 5px;
  padding-top: 10px;
}

.bl1#bottin {
  width: 240px;
  height: 100px;
}

.bl2#bottin {
  width: 235px;
  height: 95px;
}


.bl2 {
  overflow: auto;
  width: 315px;
  height: 85px;
  padding-right: 5px;
}

.bl3 {
  height: 100px;
  width: 150px;
  border: 1px solid rgb(255, 255, 255 ,100);
  padding: 2px;
}

.bloc_caractere{
  width: 95%;
  margin: 10px;
  color: #000000;
  height: 125px;
  overflow: auto;
  font-size: 11px;
  padding-right: 8px;
}

.Titre_lien{
  font-size: 30px;
  font-family: Slackey;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  position:relative;
  top: -15px;
  left: 10px;
    color: rgb(62, 169, 145);
}

.Titre_lien1{
  font-size: 15px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: 30px;
  left: 10px;
  color: rgb(NaN , 70, 56);
}

.banniere_lien{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 400px;
 height: 220px;
}

/*scrollbarre*/
::-webkit-scrollbar {
/*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D4E6E4;
height: 8px;
width: 8px;
}

::-webkit-scrollbar-thumb {
background-color: #FFF;
}

::-webkit-scrollbar-track {
  /*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D4E6E4;
}
/*Quetes*/

.back_quete {
  border: 1px solid rgba(255, 255, 255, 100);
  width: 470px;
  background-color: rgb(255, 255, 255 , 100);
  color: #000000;
}

#groupe {
  width: 95px;
  height: 95px;
  border: 1px solid rgb(240, 211, 154);
  padding: 5px;
}

.back_quete#intrigues {
  height: 610px;
}

.Contener {
  padding-top:55px;
  overflow:hidden;
  width:400px;
  height:auto;
  top:0px;
  position:relative;
}

.cadre_intrigue {
  height:360px;
width: 400px;
  background-color: rgba(212, 230, 228, 90);
box-shadow: 0px 0px 5px #000;
color: #000;
font-family: 'Ubuntu';
font-size: 9pt;
line-height: 0.8em;
margin-left: 15px;
margin-right: 10px;
padding-top: 10px;
text-align: justify;
  display:block;
  margin-top:-50px;
  margin-bottom:60px;
}

.cadre_quete {
    height: 300px;
  width: 400px;
  background-color: rgba(230, 137, 180, 0.3);
  box-shadow: 0px 0px 5px #291D29;
  color: #000;
  font-size: 9pt;
  line-height: 0.8em;
  margin-left: 15px;
  margin-right: 10px;
  padding-top: 10px;
  text-align: justify;
}

.Titre_fiches#event {
  margin-bottom: -55px;
  margin-left: -25px;
  font-size: 30px;
  line-height: 30px;
}

.cadre_quete:hover {
  background-color: rgba(230, 137, 180, 0.5);
}

.bloc_selec {
  background-color: rgba(230, 137, 180, 0.3);
box-shadow: 0px 0px 5px #000;
display: inline-block;
font-family: 'Ubuntu';
font-size: 10.5pt;
height: 20px;
margin-bottom: 12px;
margin-top: 3px;
padding: 2px;
text-align: center;
width: 80px;
}
   
.bloc_selec:hover {
    background-color: rgba(230, 137, 180, 0.5);
  }
 
.intitule_quete {
  background-color: rgba(231, 242, 240, 1);
  color: #BDE7ED;
  font-family: Slackey;
  font-size: 20pt;
  height: 4px;
  padding-left: 20px;
  text-shadow: 1px 1px 1px black;
}

 

.table_quetes {
  width:515px;
  min-height:700px;
}

.quetes_droite {
  background:url('https://dl.dropboxusercontent.com/u/45932993/Force%20Rises/Holo_quetes.png') no-repeat;
  background-size:100%;
  height: 440px;
  width:350px;
}

.quetes_gauche {
  width:145px;
  position: relative;
top: -100px;
}

.bouton_quete {
  display:inline-block;
  padding:5px 8px;
  background-color:rgba(142, 10, 10, 0.6);
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  border:3px solid #000000;
  margin-bottom:5px;
  width:145px;
}

.descr_quete {
  position:relative;
  top:50px;
  width: 250px;
height: 350px;
text-align: justify;
  font-family: 'Ubuntu';
}

/*Boutique*/
.boutique_cadre {
border-radius: 20px;
    border: 1px solid rgb(240, 211, 154);
    background: url(https://dl.dropboxusercontent.com/u/45932993/FallCity/boutique.png) center top no-repeat;
    background-size: 100%, auto;
    background-color: rgb(244, 231, 194);
    padding: 5px;
}

.Titre_fiches#Boutique {
  position: relative;
  top: 190px;
  text-shadow:1px 1px 1px #000000;
  margin-bottom: 35px;
}

.boutique {
  width:100%;
  margin-bottom:35px;
}

.boutique td {
  border:1px solid black;
 
}

/*Fiches de presentations*/
.Titre_fiches{
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  top: -35px;
  left: 0px;
  color: rgb(217, 110, 100);
  position: relative;
  border-bottom: double 4px;
  padding-bottom: 0px;
  line-height: 50px;
  width: auto;
  display: inline-block;
  font-size: 35px;
}

#Presentation {
  font-family: Great Vibes;
  font-size: 55px;
  border-bottom: none;
}

.Titre_fiches1{
  font-size: 25px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: -45px;
  float: right;
  color: rgb(215, 100, 90);
  position: relative;
}

.bloc_information{
  width: 240px;
  height: 300px;
  background-color: #BDE7ED;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  border: 1px solid #D9E1E2;
  float: right;
  color: #000000;
  text-align: justify;
  font-size: 13px;
}

.bloc_texte{
  background-color: rgba(244, 231, 194, 1);
  border: 1px solid #D9E1E2;
  /* box-shadow: 0px 0px 10px black; */
  padding: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-radius: 20px;
}

.Avatar{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 200px;
 height: 320px;
 float: left;
overflow:hidden;
}

.bloc_validation{
  background-color: #D9E1E2;
  border: 1px solid #D9E1E2;
  padding: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  width: 430px;
}

#valid {
  width:410px;
}

/*CODE,SPOILER,CITATION*/

.code, .spoiler_content, .quote{
  padding:5px;
    border: 1px solid rgb(130, 91, 130) !important;
  color: rgb(130, 91, 130) !important;
}

.selectCode { float:right; cursor:pointer; }
div.cont_code { clear: right; }

/*PVs*/
.scenar_name {
width: 457px;
  height: 50px;
  background-color: #D9E1E2;
  color: #D5D8D8;
  font-family: Julius Sans One;
  font-size: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 20px 20px 0 0;
   }
   
#scenar {
    font-size: 35px;
  top: -5px;
}

.scenar_feat {
display: block;
  font-size: 20px;
  font-family: Great Vibes;
  color: black;
  position: relative;
  left: 55px;
   }
   
.scenar_cadre {
  background-color: #D9E1E2;
  border: 1px solid #D9E1E2;
  height: 471px;
  width: 475px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
   }
   
.scenar_carac {
    border: medium double rgb(255, 255, 255);
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  font-family: tahoma;
  color: rgb(145, 139, 130);
  font-size: 12px;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  width: 170px;
}

.scenar_img {
     display: inline-block;
  -htm-transform: all;
  -htm-transition: 1s;
  -moz-transform: all;
  -moz-transition: 1s;
  -o-transform: all;
  -o-transition: 1s;
  -transition: 1s;
  -webit-transform: all;
  -webkit-transition: 1s;
  border-right: 3px solid #D8D9D9;
  position: relative;
  margin-top: -3px;
}

.scenar_line {
  border-bottom: 1px solid rgb(240, 211, 154);
  margin-bottom: 3px;
  font-family: Julius Sans One;
  font-size: 25px;
  color: rgb(216, 108, 98);
}

.scenar_truc {
   display:inline-block;
   text-align:justify;
   padding:10px;
   /*overflow:hidden;*/
   height:430px;
   width:350px;
   }

.scenar_texte {
   height: 130px;
   overflow: auto;
   padding-right: 5px;
}

.scenar_cadre:hover .scenar_img {
   margin-left:-250px;
   }
   /*Fin scenar*/

/*** PAGE D'ACCUEIL ***/

#paragraphe {
    color: rgb(212, 230, 228 , 90);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.box_pa {
  background-color: #D4E6E4;
  height: 750px;
  width:800px;
  border-radius: 20px;
}

.titre_pa {
   font-family:Great Vibes;
   font-size:50px;
   position:relative;
   z-index:2;
   top:30px;
   color:#000000;
   font-weight:700;
   }
   
.liens_pa {
   
   }
   
.liensPA {
   font-family:Julius Sans One;
   font-size:20px;
  color:#377491;
   text-align:left;
  margin-left:30px;
   }

.contexte_pa {
  margin-top:20px;
  width: 500px;
  height: 155px;
  background-color:rgba(255, 255, 255, 90);
  padding: 10px;
  border-radius: 20px;
  /*position: relative;
  left: -25px;*/
  font-size:15px;
   }
   
.contexte_txt {
     width: 495px;
  height: 145px;
  overflow: auto;
  padding-right: 5px;
  text-align:justify;
   }

#slideTitre div{
  height:10px;
  position: relative;
  top:20px;
  display:block;
  z-index:200;
  font-family:'Great Vibes';
  color: #C4405F;
  text-align:center;
  font-size:35px;
  font-weight:700;
}
.fondStaffGeneral{
  position: absolute;
  z-index:5;
  left:0;
  width:750px;
}


.news_pa {
  color: black;
  font-size:15px;
  overflow:auto;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  background: #ffffff;
  height:171px;
  width:230px;
  overflow:hidden;
  margin-bottom:20px;
}

.blocPA#news, .boutonPA#news {
  background-color:#ffffff;
}

.blocPA {
  width:205px;
  height:160px;
  padding-left:10px;
  padding-right:5px;
  padding-top:20px;
  overflow:auto;
  font-size:13px;
  text-align:justify;
}

.boutonPA {
  display:inline-block;
  background: #ffffff;
  border-bottom:solid 1px #8DB2FE;
  /*border-bottom:1px solid grey;*/
  padding:3px 0px 10px 0px;
  width:112px;
  height:15px;
  position:relative;
  top:0px;
  font-size:20px;
  font-family:Julius Sans One;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  /*border-right: solid 1px #ccc;
  box-shadow: inset -1px 1px 6px rgba(100,100,100,.5);*/
  text-align:center;
}

.boutonPA#info {
  margin-right:5px;
  border-bottom:solid 1px #ffffff;
}

#info.active {
    border-bottom: 1px solid rgb(212, 230, 228 , 90);
}

#news.active {
    border-bottom: 1px solid rgb(185, 86, 77);
}

.news_pa div ul {
  list-style:none;
  padding-left:0;
  margin-top:0px;
}

.news_pa div ul li {
  margin-bottom:10px;
}

#slider {
  /*border:1px solid #046380;*/
  position: relative;
  overflow: hidden;
  /*margin: 20px auto 0 auto;*/
  margin-right:10px;
  border-radius: 20px;
  background-color: #ffffff;
  margin-bottom:20px;
}

#slider ul {
position: absolute;
margin: 0;
padding: 0;
height: 100px;
list-style: none;
top: 0px;
}

#slider ul li {
  float: left;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
}
.avatar_slide{
  height:200px;
}
#slider ul li #all{
  /*color: #046380;*/
  color:#377491;
  margin-top:20px;
  margin-left:20px;
  padding-top:20px;
  height:140px;
  width : 140px;
  float: left;
  text-align:center;
  /*background:rgba(255,255,255,90);*/
  -webkit-transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

#name {
  font-family:Great Vibes;
  font-size:30px;
  font-weight:700;
  color:#377491;
}

.month {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
  margin-bottom:20px; 
  margin-left:10px;
  color:#377491;
}

.month_in {
  width:100%;
  height:100%;
}

.month_name {
  position:relative;
  top:8px;
}

.texte_Month {
  float:right;
  width:140px;
  top:30px;
  position:relative;
}

#link {
  top:60px;
  color: #046380;
}
.underline {
  text-decoration:underline;
}

.pv_img {
  width:75px;
  border-radius:50%;
  /*opacity:0.5;*/
}

.affich_pv {
  width:100px;
  padding-left:70px;
}
a.control_prev, a.control_next {
  position: absolute;
  padding : 5px 20px 25px 10px;
  height : 0px;
  width : 0px;
  top: 85px;
  z-index: 99;
  display: block;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.0;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
}

.pv_pa {
  margin-top:20px;
  width: 210px;
  height: 220px;
  background-color:rgba(255, 255, 255, 90);
  padding: 20px;
  border-radius: 20px;
  font-size:15px;
  text-align:justify;
  color:#377491;
}

.pv_pa div{
  display:none;
}

 .pa_deroul{
 /*margin-top:0px;*/
 width:230px;
    background-color: #ffffff;
    color: #046380;
 }

.part_pa {
  width:230px;
}

#slider:hover a.control_prev,#slider:hover  a.control_next{
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
#slider:hover ul li div{
  /*background:rgba(255,255,255,90);
  -webkit-transition: all 0.4s ease-in-out;*/
}

a.control_prev{
  left:10px;
}

a.control_next {
  right: 10px;
}


/*Affichage sujet*/
.postbody {
  text-align:justify;
  width:529px!important;
}

.post_body {
      min-height: 200px;
  background-color: rgba(212, 230, 228, 90);
  height: auto;
  border-radius: 20px 50px/50px 20px;
  border: 1px solid rgb(62, 169, 145);
  padding: 15px;
  text-align: justify;
}

.bouton_post {
    display: inline-block;
  float: right;
  position: relative;
  right: 35px;
  bottom: 10px;
}


.label span{
 color:#00000 !important;
}

.icon_post {
      display: inline-block;
  width: 90px;
  position: relative;
  top: 19px;
}

.icon_post#online img {
  width:90px;
}
 
.avatar_cadre {
    background: url(https://dl.dropboxusercontent.com/u/45932993/BackAvatarPLL2.png) no-repeat;
border: 1px solid rgb(255, 255, 255 , 90);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  min-height:449px;
  height:auto;
  width:220px;
  border-radius: 20px 50px/50px 20px;
  margin-left: 5px;
  margin-right:5px;
}

#subject {
  border-radius:20px;
  padding:10px;
}

.avat_cadre {
  border: 1px solid rgb(255, 255, 255 , 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 5px;
  width: 200px;
  height: 320px;
}

.avat_cadre img{
  border-radius:20px;
}

.avat_info {
  border: 1px solid rgb(255, 255, 255, 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 10px;
  width: 190px;
  min-height: 110px;
  height: auto;
  text-align: justify;
}

.name {
 color:#ffffff;
  font-size: 25px;
  font-family: Great Vibes;
    display: inline-block;
  position: relative;
  top: -5px;
  z-index:5;
    margin-right: 30px;
}

.rank {
  display: inline-block;
    margin-right: 30px;
  position: relative;
  top: -12px;
  z-index: 1;
  font-family: Julius Sans One;
}

hr {
  border-left: transparent solid 0;
  border-top:rgb(212, 230, 228 , 90) solid 1px;
  width: 500px;
}

.subject_titre {
  font-family: Julius Sans One;
  font-size: 20px;
  color: #000000;
  float: left;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 15px;
  position: relative;
  left: -230px;
}

/*Top sites*/
.toplateral{
  padding-top:8px;
  width:60px;
  height:180px;
  background-image:url('https://dl.dropboxusercontent.com/u/45932993/PLLbakctop.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  position:fixed;
  right:0%;
  top:70%;
  text-align:center;
  box-shadow:0px 0px 5px #524354;;
}

.topsite-image{
opacity:1;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

 
.topsite-image:hover{
opacity:0.6;
}

/*Liste des sujets*/

.sublist {
  position:relative;
  z-index:5;
  width:42px;
}

.lastpost-avatar {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -30px;
  left: 30px;
}

.lastpost-avatar img {
  border-radius:100%;
}
 
div.topictitle {
font-weight:initial;
}

h2.topic-title {
  font-weight:700;
}

.last_post .postdetails {
  display: block;
  width: 145px;
  white-space: normal!important;
}

/*Catégories*/

.topcat {
  position: relative;
  z-index: -1;
  top: 10px;
}

.botcat {
  position: relative;
  z-index: -1;
  top: -35px;
}

.cat_head {
  background-color: #D4E6E4;
  height:50px;
    border-top-left-radius: 20px ;
  border-top-right-radius: 20px ;
}

.cat_head#topic {
 background-color:#D4E6E4;
}

.cat_head#bottom {
  background-color: #D4E6E4;
  border-bottom-left-radius: 20px ;
  border-bottom-right-radius: 20px ;;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-bottom: 30px;
  border-top:none;
}
 

.cat_title {
    position: relative;
  top: 5px;
  height: 20px;
}

.cat_title h2 {
    font-size: 50px;
    text-align: center;
    position: relative;
    top: -100px;
    font-family: Great Vibes;
    font-weight: 700;
    text-shadow: 5px 2px 1px white;
    color: rgb(0,0,0);
}

.titre_fo {
  width:400px;
}

.img_cat#bas {
    border-top: 5px solid #D4E6E4;
}

.fo_name {
  width:580px;
}

.fo_name a.forumlink {
    color: #046380;
  font-family: Julius Sans One;
  font-size:20px;
    margin-left: 15px;
  position: relative;
  z-index: 4;
}

.fo_name a.forumlink:hover {
  text-transform:none;
  letter-spacing:2px;
}

.ssbouton {
  display:inline-block;
  font-family:'Julius Sans One';
  font-family:15px;
  padding: 0 15px;
  position: relative;
  top: -20px;
  color: #ffffff;

.ss_fo {
    width: 440px;
  padding-left: 10px;
  text-align: justify;
}

.last_post{
  width: 160px;
  height: 55px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 100);
  margin-right: 10px;
  border-radius:20px;
}
.imagesCat{
    height: 100px;
  width: 140px;
}

.avatar_cat {
  width:80px;
  position: relative;
  top: -60px;
  left: 55px;
  z-index: 1;
}

.avatar_cat img{
      height: 80px;
  width: 80px;
  border-radius: 100%;
  overflow: hidden;
}
.newsCat{
position: relative;
  z-index: 2;
}
.desc_cat {
  width: 410px;
  /*margin-left: 50px;*/
  text-align: justify;
  height: 75px;
  /* background-color: rgba(255, 255, 255, 90); */
  padding: 10px;
  color: black;
 
}

.desc_txt {
  width: 410px;
  height: 65px;
   overflow:auto;
  padding-right:10px;
  font-size: 12px;
}


              /*NAVIGATION*/
#navigation /* configure le bloc qui contient tout les liens */
{
  position: absolute;
  top: -45px;
  left: 100px;
  margin-top: 100px;
  border-radius: 20px;
  background-color: rgb(212, 230, 228);
  padding: 10px;
  height: auto;
  padding-bottom: 25px;
}

#navig a /* personnalise les liens */
{
  display: block;
  margin-bottom: -20px;
  background: rgb(255, 255, 255 , 100);
  padding: 3px 10px;
  text-align: justify;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  font-family: Julius Sans One;
}
#navig a:hover /* personnalise les liens au survol */
{
  background: rgba(141, 182, 205, 0.5); /* couleur de fond du lien */
  color: #000; /* couleur du texte lien */
  transition: 1s; /* permet la transition lente */
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
}
#navig img
{
  display: none; /* permet d enlever l espace vide de l image contenue par defaut dans le lien */
}
              /*FIN NAVIGATION*/


/* --------------------------------- CORPS FORUM --------------------------------- */
/*img {
  max-width:100%;
}*/

/*ChatBox*/
body.chatbox {
  background-color: #D4E6E4;
  background-image: none;
  margin: 0;
  min-width: 550px!important;
  padding: 0;
}
#chatbox_header .catBottom .cattitle {
 color:maroon; /*couleurs en anglais ex Green, Purple, Maroon, black etc... */
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Place de la ville"; }  /* Modifier NOM par le titre que vous désirez */
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}
#chatbox .user{white-space: nowrap;}


/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}


/*Autres*/

#i_logo {
    height: 590px;
}

.bodyline {
 
  /*background-color:#E8E7E7;*/
/*-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;*/
/*border-right: 5px solid #000;
  border-left: 5px solid #000;
  box-shadow: 0px 5px 20px #000000;*/
}

.forumline {
  background-color:#dfeadb;
}
{
body {
  background-color: #F5F1D5;
  background-position: none;
  background-size: 60%;
  margin: 0;
  padding-top: 0!important;
}
text-decoration: none;
border-bottom: 1px #ffffff dashed;
}

 
.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;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a { text-decoration: none; }

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #ffffff !important;
}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #ffffff !important;
}
/*corps du forum*/
#page-body {
  width: 800px;
  margin: auto;
}
/* --------------------------------- FIN CORPS FORUM --------------------------------- */
/*Présentation*/
.img {
width: 200px;
  height: 320px;
  overflow: hidden;
  border: 1px solid #000000;
  padding: 3px;
}

.upper {
  height: 320px;
  width: 200px;
  text-align: center;
  color: #000000;
  transition: 1s;
  background-color: #D4E6E4;
  margin-top: -324px;
  overflow: auto;
  margin-left: -30px;
  opacity: 0;
  padding-top: 5px;
}

.upper:hover {
  transition: 1s;
  opacity: 0.7;
    margin-left: 4px;
}
[/spoiler]


Dernière édition par pikacerise33 le Mar 12 Sep 2017 - 11:41, édité 1 fois
pikacerise33

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis code couleur CSS

Message par ◦Jay◦ Mar 12 Sep 2017 - 8:25

Bonjour, je n'ai pas vérifié votre CSS mais pour régler votre problème, il faut mettre ce code :

Code:
.forumline{background-color: #D4E6E4;}

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis code couleur CSS

Message par pikacerise33 Mar 12 Sep 2017 - 11:40

Genial merci ca fonctionne !
pikacerise33

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 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