Adaptations firefox et IE

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

Résolu Adaptations firefox et IE

Message par elsa2607 le Ven 30 Mai 2014 - 1:12

Bonjour,
J'ai un problème mon forum change complètement d'affichage quand il n'est pas ouvert avec google chrome :

Mozilla Firefox:


Chrome:

Quelqu'un peut-il m'aider ?

CSS
Code:
/*____________________________________PA_____________________*/
.new{font-family: 'Neucha', cursive;
   font-size: 14px;
}
.bvn{font-family: 'Neucha', cursive;
font-size:13px;
text-align: justify;}
.pan1{
border:5px hidden  #d6d6d6;
background-color:#dddddd;
  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;
    whidth:150px;
  height:155px;}

.pan3{
border:5px hidden  #d6d6d6;
background-color:#dddddd;
  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;}

.pan2{
  font-family: 'Neucha', cursive;
  border-collapse:collapse;
  border:5px hidden #000000;
  width:750px;
  height:400px;
  background-color:#e4e4e4;
  border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
    cellspacing:10px;}
.size{
  font-size: 18px;}
.lienpa{
  font-family: 'Neucha', cursive;
  font-size:20px;
}
   #pafastlink
    {
      display: block;
      padding: 3px;
      margin-bottom: 1px;
      text-align: center;
      background: #dddddd;
      color: #752d4a !important;
      font-weight: bold;
      font-size: 15px;
      text-transform: uppercase;
      transition: 500ms;
      -moz-transition: 500ms;
      -htm-transition: 500ms;
      -o-transition: 500ms;
      -webkit-transition: 500ms;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      -o-border-radius: 25px;
      -htm-border-radius: 25px;
  font-family: 'Neucha', cursive;
    font-color:#752d4a !important;
    }

    #pafastlink:hover
    {
      background: #e8e8e8;
      color: #752d4a !important;
      transition: 500ms;
      -moz-transition: 500ms;
      -htm-transition: 500ms;
      -o-transition: 500ms;
      -webkit-transition: 500ms;
    }
/*!
 * Code proposé par Damudo No Kyoku
 * Corrigé par Espeon
 * Pour CSSActif - http://www.css-actif.com
 */
.infobulle {
  display: inline-block;
}

.infobulle > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;

  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle:hover > div {
  opacity: 1;
  visibility: visible;

  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 300px;
  padding: 25px;
  margin: auto;
  background-color: #e4e4e4;
  color: #ffffff;
  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;
}

.bouh a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color: #000000;
  color: #666666;
  text-decoration: none;

  -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouh a:hover {
  color: #ffffff;
}

.bouh h1 {
  -webkit-text-shadow: 0 0 5px #ffffff;
  -moz-text-shadow: 0 0 5px #ffffff;
  -o-text-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #ffffff;
}

.bouh p {
  text-align: justify;
}

.bouh hr {
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  -o-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;
}


/*__________________________FIN PA_____________________*/




.trans{
  margin-top: 20px;
  background-color: #d6d6d6;
  color: #CDDAF5;
  padding: 15px;
  width: 500px;
  height: 70px;
  overflow: auto;
text-align: justify;

  font-size: 18px !important;
  -moz-border-radius: 50px;  -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;"}
.trans .row1 {
background-color: #d6d6d6;
  font-size: 18px !important;
  size: 18px;}
  
  

.titreqeel {
  color: #944345;
  font-family: Patrick Hand,crusive;
  font-size: 45px;
  text-align: center;
  font-color: #5c5c5c; }

.cadreqeel {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 230px;
  height: 210px;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 14px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel1 {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 210px;
  height: 190px;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 16px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel2 {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 500px;
  height: 100px;
  overflow: auto;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.boite10 {
  margin-left: 20px;
  margin-top: 25px;
  width: 180px;
  height: 180px;
  overflow: auto;
}

.fontgrp{
 font-size:24px;
  font-family: 'Bad Script', cursive;
  font-weight: bold;
}


/* fin QEEL*/
/* =================
                             ===== Message d'accueil =====
       script by James1920 de CSSACTIF  - Novembre 13, 2010.  MAJ Avril 20, 2012
       http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
/* PA CAROUSEL - NEVERUTOPIA */
#espace_top
{
  height: 50px;
}
#espace_carousel
{
  position: relative;
  width: 850px;
  margin: auto;
  height: 300px;
  padding: 10px 0px;
  color: #434343 !important;
  /* pour modifier la couleur du texte dans la PA pensez a modifier ou enlever la ligne ci dessus */
}
.lien1 /* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
{
  position: absolute;
  z-index: 999;
  display: none;
}
.lien2, .lien3, .lien4, #target2:target .lien1, #target3:target .lien1, #target4:target .lien1
/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
{
  position: absolute;
  z-index: 999;
  display: block;
  width: 100%;
  height: 100%;
}

#carousel_1 /* design du bloc 1 - bloc devant par defaut */
{
  position: absolute;
  z-index: 3;
  width: 600px;
  height: 300px;
  left: 50%;
  margin-left: -300px;
  margin-top: 0px;
  background-image:linear-gradient(#ffffff, #ED907E);
  background-image:-moz-linear-gradient(#ffffff, #ED907E);
  background-image:-o-linear-gradient(#ffffff, #ED907E);
  background-image:-htm-linear-gradient(#ffffff, #ED907E);
  background-image:-webkit-linear-gradient(#ffffff, #ED907E);
  background-color: #ED907E;
  border: 1px solid #ED907E;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
#carousel_2 /* design du bloc 2 - bloc a droite par defaut */
{
  position: absolute;
  z-index: 2;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: 100px;
  margin-top: 75px;
  background-image:linear-gradient(#ffffff, #EDD37E);
  background-image:-moz-linear-gradient(#ffffff, #EDD37E);
  background-image:-o-linear-gradient(#ffffff, #EDD37E);
  background-image:-htm-linear-gradient(#ffffff, #EDD37E);
  background-image:-webkit-linear-gradient(#ffffff, #EDD37E);
  background-color: #EDD37E;
  border: 1px solid #EDD37E;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
#carousel_3 /* design du bloc 3 - bloc a gauche par defaut */
{
  position: absolute;
  z-index: 2;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: -400px;
  margin-top: 75px;
  background-image:linear-gradient(#ffffff, #7EAEED);
  background-image:-moz-linear-gradient(#ffffff, #7EAEED);
  background-image:-o-linear-gradient(#ffffff, #7EAEED);
  background-image:-htm-linear-gradient(#ffffff, #7EAEED);
  background-image:-webkit-linear-gradient(#ffffff, #7EAEED);
  background-color: #7EAEED;
  border: 1px solid #7EAEED;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
#carousel_4 /* design du bloc 4 - bloc derriere et donc invisible par defaut */
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: -150px;
  margin-top: 0px;
  background-image:linear-gradient(#ffffff, #CC7EED);
  background-image:-moz-linear-gradient(#ffffff, #CC7EED);
  background-image:-o-linear-gradient(#ffffff, #CC7EED);
  background-image:-htm-linear-gradient(#ffffff, #CC7EED);
  background-image:-webkit-linear-gradient(#ffffff, #CC7EED);
  background-color: #CC7EED;
  border: 1px solid #CC7EED;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}

/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
#target1:target #carousel_1, #target2:target #carousel_2, #target3:target #carousel_3,
#target4:target #carousel_4
{
  position: absolute;
  z-index: 3;
  width: 600px;
  height: 300px;
  left: 50%;
  margin-left: -300px;
  margin-top: 0px;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
#target1:target .lien1, #target2:target .lien2, #target3:target .lien3, #target4:target .lien4
{
  display: none;
}
/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
#target1:target #carousel_2, #target2:target #carousel_4, #target3:target #carousel_1,
#target4:target #carousel_3
{
  position: absolute;
  z-index: 2;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: 100px;
  margin-top: 75px;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
#target1:target #carousel_3, #target2:target #carousel_1, #target3:target #carousel_4,
#target4:target #carousel_2
{
  position: absolute;
  z-index: 2;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: -400px;
  margin-top: 75px;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* FONCTIONNEMENT CAROUSEL - NE PAS MODIFIER */
#target1:target #carousel_4, #target2:target #carousel_3, #target3:target #carousel_2,
#target4:target #carousel_1
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 150px;
  left: 50%;
  margin-left: -150px;
  margin-top: 0px;
  overflow: hidden;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}

.carousel_1_content /* apparition progressive du contenu - ne pas modifier */
{
  opacity: 1;
  -moz-opacity: 1;
  -kthm-opacity: 1;
  filter: alpha(opacity=100);
  transition: 500ms 500ms;
  -moz-transition: 500ms 500ms;
  -htm-transition: 500ms 500ms;
  -o-transition: 500ms 500ms;
  -webkit-transition: 500ms 500ms;
}
/* apparition progressive du contenu - ne pas modifier */
.carousel_2_content, .carousel_3_content, .carousel_4_content, #target2:target .carousel_1_content,
#target3:target .carousel_1_content, #target4:target .carousel_4_content
{
  position: relative;
  z-index: 1;
  width: 600px;
  height: 300px;
  overflow: hidden;
  opacity: 0;
  -moz-opacity: 0;
  -kthm-opacity: 0;
  filter: alpha(opacity=0);
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* apparition progressive du contenu - ne pas modifier */
#target1:target .carousel_1_content, #target2:target .carousel_2_content, #target3:target .carousel_3_content,
#target4:target .carousel_4_content
{
  opacity: 1;
  -moz-opacity: 1;
  -kthm-opacity: 1;
  filter: alpha(opacity=100);
  transition: 500ms 500ms;
  -moz-transition: 500ms 500ms;
  -htm-transition: 500ms 500ms;
  -o-transition: 500ms 500ms;
  -webkit-transition: 500ms 500ms;
}


.carousel_titre /* modifiez ici le grand titre du contenu */
{
  display: block;
  text-align: center;
  font-size: 22px;
  font-family: lucida calligraphy;
  font-weight: bold;
}
/* design de base des blocs */
.carousel_bloc1, .carousel_bloc2, .carousel_bloc3, .carousel_bloc4, .carousel_bloc5, .carousel_bloc6
{
  position: absolute;
  width: 280px;
  height: 200px;
  background: #ffffff;
  padding: 5px;
  margin-left: 20px;
  margin-top: 5px;
  border: 1px solid #E0E1E0;
  box-shadow: 2px 2px 0px #949494;
  -moz-box-shadow: 2px 2px 0px #949494;
  -o-box-shadow: 2px 2px 0px #949494;
  -htm-box-shadow: 2px 2px 0px #949494;
  -webkit-box-shadow: 2px 2px 0px #949494;
  text-align: justify;
  color: #949494;
  overflow: auto;
}
/* modification spécifique pour le design de chaque bloc */
.carousel_bloc2
{
  width: 180px;
  height: 150px;
  margin-left: 350px;
  margin-top: 20px;
}
.carousel_bloc3
{
  width: 500px;
  height: 15px;
  margin-top: 230px;
  margin-left: 40px;
}
.carousel_bloc4
{
  position: relative;
  width: 550px;
  height: 90px;
  padding: 5px;
  margin-left: 8px;
  overflow: visible;
}
.carousel_bloc5
{
  position: relative;
  width: 500px;
  height: 15px;
  margin-left: 20px;
}
.carousel_bloc6
{
  position: relative;
  width: 250px;
  height: 230px;
}

/* design des liens rapides du bloc 1 */
.carousel_fastlink
{
  display: block;
  padding: 3px;
  margin-bottom: 1px;
  text-align: center;
  background: #E9E8E8;
  color: #A12D2D !important;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* design des liens rapides du bloc 1 au survol */
.carousel_fastlink:hover
{
  background: #F3BBBB;
  color: #CA0101 !important;
  transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
}
/* style pour l image illustrant le texte d accueil */
.carousel_img
{
  width: 150px;
  margin: 10px;
  float: left;
  transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -htm-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
}
/* style des images illustrant le staff et les wanted du bloc 2 */
.carousel_illu
{
  display: inline-block;
  margin: 2px;
  border: 1px solid #E0E1E0;
  width: 80px;
}
/* style des infobulles de description staff et wanted */
.carousel_description, .carousel_description2
{
  position: absolute;
  z-index: 999;
  display: block;
  width: 0px;
  height: 0px;
  margin-top: -50px;
  margin-left: 20px;
  background: #F0EFEF;
  color: #505050;
  line-height: 11px;
  text-align: center;
  opacity: 0;
  -moz-opacity: 0;
  -khtm-opacity: 0;
  filter: alpha(opacity=0);
  transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -htm-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  transition: 200ms;
  -moz-transition: 200ms;
  -htm-transition: 200ms;
  -o-transition: 200ms;
  -webkit-transition: 200ms;
}
.carousel_mini /* ne pas modifier */
{
  display: inline-block;
}
/* ne pas modifier */
.carousel_mini:hover .carousel_description, .carousel_mini:hover .carousel_description2
{
  width: 150px;
  height: 100px;
  margin-top: -10px;
  padding: 3px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtm-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
  transition: 200ms;
  -moz-transition: 200ms;
  -htm-transition: 200ms;
  -o-transition: 200ms;
  -webkit-transition: 200ms;
}
/* ne pas modifier */
.carousel_mini:hover .carousel_description2
{
  margin-top: -180px;
}

/* style de l affichage de la date dans les news */
.date
{
  padding: 0 10px;
  font-size: 18px;
  font-family: lucida calligraphy;
}
/* style des lignes de news */
.ligne1, .ligne2
{
  display: block;
  padding: 2px;
  font-size: 11px;
}
/* style specifique pour la ligne 2 */
.ligne2
{
  background: #EDEDED;
}

/*******************************************/
/* CODE DE POP-UP DE CONNEXION
/*******************************************/
#login_popup > table {
   background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
   width: 570px;
}

#login_popup .titre td {
   height: 90px;
   font: bold italic 25px/1.5em Georgia, Arial, serif;
   color: #f9f5f1;
   text-shadow: 0 2px #532831;
   text-align: center;
}

#login_popup .message {
   background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
}

#login_popup .message td {
   min-height: 60px;
   display: block;
   width: 420px;
   margin: auto;
   color: #785547;
   text-align: center;
   font: 14px "Trebuchet MS", Arial, serif;
}

#login_popup .boutons {
   background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
   margin-top: -1px;
}

#login_popup .boutons td {
   padding: 15px 0 25px;
   display: block;
   width: 430px;
   margin: auto;
   text-align: center;
}

#login_popup input {
   background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
   height: 32px;
   padding: 0 10px;
   border-radius: 5px;
   border: 1px solid #5f2d37;
   box-shadow: 0 1px 0 #928276;
   color: #edd9c9;
   text-shadow: 0 1px #532831;
   font: italic 16px/1.5em Georgia, serif;
   cursor: pointer;
}

#login_popup input + input {
   margin-left: 5px;
}

#login_popup input:hover {
   background-position: left bottom;
   color: #f7f0ea;
}





/* _________________infobulle par Rits-u __________*/

/* PERSONNALISATION DE L'INFOBULLE */
a.infobulle:hover span {
  display: inline;
 white-space: nowrap;
  position: absolute;
  top: 10px; /* position de l'infobulle verticalement */
  left: 30px; /* position de l'infobulle horizontalement */
  width: 130px; /* largeur de l'infobulle */
  height: 50px; /* hauteur de l'infobulle */
  color:#000000; /* couleur du texte */
  border: 1px solid #000000; /* taille, style et couleur de la bordure */
  background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
  padding: 3px; /* espacement entre les bords et le texte */
}

/* NE PAS TOUCHER */
a.infobulle {  position: relative;}
a.infobulle span {  display: none; }
a.infobulle:hover {  background: none;  z-index: 999;}


.avatar img {
  float: left;
  padding: 1%;
margin-right: 1px;
margin-top: 1px;
margin-bottom: -200px;
margin-left: -15px;
   width:200px;
   height:300px;
}






.gensmall{
  align:right !important;}
/*HHHHHHHHHHHHHHHHHHH DEBUT CAT2GORIES*/
.img_haut{background: url("http://imageshack.us/a/img109/6622/rrgb.png");
}

.tourcat {
    -moz-box-shadow: 2px 2px 2px dimgray;
 -moz-border-radius: 15px 15px 15px 15px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-ô-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
   border-right: 5px solid #944345;
border-left: 5px solid #944345;
background-color : #e4e4e4;
    padding: 15px;}
 
.dersuj {
margin-left : 5px;
background-color: #d6d6d6;
 -moz-border-radius: 15px 15px 15px 15px;
  -ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
height : 150px;
padding : 5px;
align : center center;
}
 
.descrip{
  -moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
background-color: #f8f8f8;
 -moz-border-radius: 15px 15px 15px 15px;
height : 150px;
overflow : auto;
padding : 5px;
align : center center;
}
 
.sujmsg {
position : relative;
left : 175px;
top : -10px;
  align : right !important;
}
 
.secondarytitle {
background: url("http://imageshack.us/a/img109/6622/rrgb.png");
}
/************************FIN DES CATEGORIES*****************************/


/*888888888888888888 BORDS ROSE GRIS LINE 8888888888888888*/
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  background: #c0c0c0;
}
body
{
  background: #bababa;
  background: url("http://imageshack.us/a/img802/5848/4m28.png");
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #944345;
  border-right: 5px solid #944345;
  box-shadow: 0px 0px 20px #000000;
  -moz-box-shadow: 0px 0px 20px #000000;
  -o-box-shadow: 0px 0px 20px #000000;
  -htm-box-shadow: 0px 0px 20px #000000;
  -webkit-box-shadow: 0px 0px 20px #000000;
}
.bodyline
{
   background-image : url("http://imageshack.us/a/img849/6356/uqxl.png");
  
}

/*lineeeeeeeee fin*/






_________________





.fleche {
    background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
    width: 20px;
    height :25px;
    position : relative;
    top :50px;
    left :-15px;  }

    .bulle{
    background-color : #bdaeae;
    border : 1px solid #;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }


.titretop{
  font-size: 20px;
  font-family: 'Emilys Candy', cursive;
  align:center;
}
.catHead{
 background-color:#3b3a3a;
 border: #;
 border-style: solid;
 height: 28px;
 border-radius:25px 25px 0px 0px;
 height: 29px;
 border-width: 0;
 }
/*--------CSS PROFIL--------------*/

/*Fond qui entoure tous le profil*/


.profilentier {height:auto;
  background-color:  #bda1a1;
  margin: 0 auto;
padding: 5px;
  -webkit-border-radius: 20px;
  khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 210px;
  text-align: center;}

/*Pseudo*/


.name {font-variant: small-caps;
  display: block;
  font-weight: normal;
  font-family: Snippet,cursive;
  text-shadow: 1px 1px 1px  #000;
  font-size: 25px;
margin-top: 15px;
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; }}


/*Css de ton avatar*/

.imageavatar { width: 200px;
height: 300px;
  margin-left: 5px;
  position: relative;
  padding:-7px;
  top: 0;
 left: -3;
 z-index: 0;}


/* Information et niveaux*/

.titreinfo {color: #470606;
font-variant: small-caps;
  text-align: center;
font-size: 15px;
  letter-spacing: 2px;
display: block;
width: 180px;
border-bottom: 2px dashed #470606;
margin-bottom: 15px;}

/*fond blanc qui saffiche sur lavatar*/

.fondinformation {text-align: justify;
  width: 180px;
height: 280px;
 position: absolute;
 padding: 10px;
  top: 0;
 left: 0;
background-color: #ad3e3d;
    background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
  
  z-index: 100;
 opacity: 0;
   -webkit-transition: opacity 2s;
  -moz-transition: opacity  2s;
  -o-transition: opacity  2s;
  -ms-transition: opacity  2s;
  transition: opacity  2s;
}





.imageavatar:hover > .fondinformation
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-left: 0px;}
  

/**FIN**/




namestyle
  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; }
  
.namestyle{
font-family: 'Domine', cursive;
  font-size: 27px;
}


.csstitle,.t-tile{
  font-family: 'Miniver', cursive;
  font-size: 21px;
}


.cadremess{
    padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
}
  
.onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
 
.name /* center le pseudo */
{text-align:center;}
{font-size:20px;
font-family:Police;}
 .name {font-size:20px!important;}
 

.blocProfil { /*code Profil*/
        padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
 -moz-box-shadow: 0px 0px 6px #355266;
    -webkit-box-shadow: 0px 0px 6px #355266;
    box-shadow: 0px 0px 6px #355266;
border-right: 3px solid #355266;
border-left: 3px solid #355266;    
}
 







.nameprofil{
  font-family: Patrick Hand,crusive;
  font-size: 26px;
  text-shadow: 0 0 1px #000;
}
.postdetails poster-profile{
  font-family: PatrickHand,cursive;
  font-size:10px;
  text-shadow: 0 0 1 #000;
  text-align: center;
}


body {
background-repeat: repeat;
background-attachment: fixed;
}

/**DEBUT PA**/
div.bibille {
  position: relative;
  float: left;
}

div.bibille span {
  display: none; /* ceci masque l'infobulle */
}
div.bibille:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.bibille:hover span {
  width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #6ba2bf;
color: #00263b;
padding: 2px;
border: 2px solid #00263b;
  border-radius: 20px;
}
/**FIN PA**/







.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#44718F;border: 2px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}














_____________________





/*_______________________Selecteur de couleurs_____________*/
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/*____________________FIN SELETEUR COULEUR________________*/




.gensmalling{
 font-family: 'Snippet', cursive;
    color: #691f80;
    text-shadow: 0 0 1px #000;
  width: 10px;
}

_________DESCRIPTION DES CATEGORIES______


.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #000; => couleur de fond
  font-size: 10px; => taille du texte
  color: #FFF; => couleur de texte
  text-align: center; => alignement du texte
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}


/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
 width: 10px; /*largeur de la scrollbar verticale*/
  height: 10px; /*hauteur de la scrollbar horizontale*/
  background-color: #574049;}

::-webkit-scrollbar-track {
 background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #9f5a5b; /*couleur de l'ascenseur*/;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}







#chatbox_members ul li,
body.chatbox {
background-image: none;}

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


Dernière édition par elsa2607 le Mer 4 Juin 2014 - 15:34, édité 1 fois

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adaptations firefox et IE

Message par elsa2607 le Sam 31 Mai 2014 - 10:07

up ^^

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adaptations firefox et IE

Message par MasDan le Sam 31 Mai 2014 - 20:51

Bonjour,





Dans la même feuille de style, il y a deux descriptions pour l'image en background.  Un navigateur utilise la première, l'autre la deuxième.

Idéalement, un nettoyage de la feuille de style pour éliminer les descriptions en double va régler le problème.  Aussi, on pourrait utilise le «!important»; bien que l'autre solution lui serait préférable.

MasDan
*****

Masculin
Messages : 857
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adaptations firefox et IE

Message par elsa2607 le Dim 1 Juin 2014 - 14:48

Merci pour l'attention portée à mon problème Smile
J'ai donc put régler le problème du fond : (dans les images & couleurs → gestion des img)
En effet j'avais un fond bleu dans la gestion des img et un fond rose dans le CSS.

Maintenant il me reste quand même quelques soucis :
• Les pub en masse sur Mozilla & IE (je pense pas pouvoir le changer)
• La barre rose magenta sur les bords du body + l'ombre shadow sur
• Formation du QEEL complètement brisée
Images:


Chrome :



• cellules de mes cathégories en CSS qui ne fonctionnent pas sous IE & Mozilla
• Les liens sont soulignés
•certains éléments ne se centrent pas
Images:


Chrome :


Ici je pense le plus gros :
• Le profil sous l'avatar en affichage progressif ne fonctionne pas du tout
• messages encadrés pas du tout encadrés x)
Images:


Chrome :


Merci

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adaptations firefox et IE

Message par elsa2607 le Lun 2 Juin 2014 - 17:07

up Smile

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adaptations firefox et IE

Message par elsa2607 le Mar 3 Juin 2014 - 18:49

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

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


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