Problèmes d'affichage sur google chrome

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

Résolu Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 3:24

Bonsoir !
je viens vous demander une petite aide pour quelques affichages qui ne marche pas sur chrome alors que si firefox, tout se passe correctement. Je vous montre !

Par exemple, mes bordures ne sachent pas correctement sur l'entête de mes partenaires alors que sur fire fox, tout va bien ! Je vous montre :

bon

mauvais.

On voit clairement que ce n'est pas arrondit sur la deuxième image...
Voici monde CSS pour cette partie.
Code:
/* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
       
  width: 850px;
  height: 64px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }

Autres petits problèmes d'affichages.
Sur firefox, mon fond s'affiche bien sur les dérouleurs mais pas sur chrome comme vous voyez ici :
bon

mauvais


Pouvez-vous aussi me l'installer pour chrome svp? Voici le reste de mon code !
Code:
*::-moz-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

*::-webkit-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

body
{      cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/opipeoiwenfv.ico'), auto;
        }

.forumline {
  padding: 5px;
  border: 2px solid #820E0E;
  border-radius: 5px;
  box-shadow: 0px 2px 10px #c16a6a;
}

a.forumlink {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 4px;
  display: block;
  line-height: 30px;
  background-attachment: scroll;
  background-color: #820E0E;
  border-radius: 10px;
  webkit-border-radius: 10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

a.forumlink:hover {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 80px;
  text-shadow: 0px 0px 0px;
  height: 4px;
  line-height: 30px;
  background-attachment: scroll;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  letter-spacing: 0px;
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
  cursor: crosshair;
}

a:hover {
  color: #FF7B47;
  text-decoration: none !important;
}



/* --- BALISES PERSOS  --- */

.t1 {
  color: #F7DA66;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #820E0E;
  border: 2px solid #FFDF40;
  border-left: 6px solid #FFDF40;
  border-right: 6px solid #FFDF40;
  border-radius: 0px 30px 0px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.t1:hover
{
  font-size: 180%; background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
    border-radius: 30px 0px 30px 0px;
  -webkit-border-radius: 0px 30px 0px 30px;
}

.t2 {
  color: #F7DA66;
  font-family: georgia;
  font-size: 150%;
  text-shadow: red 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #820E0E;
}
.t2:hover {
  color: #FF733B;
  border-bottom: 5px solid #FFDF40;
}

.t3 {
  color: #FFDF40;
  font-variant: small-caps;
}
.t3:before { content: "» "; }
.t3:hover:before { content: "» "; color: #FF733B; }
.t3:hover:after { content: "→"; color: #FF733B; padding-left: 5px; }

.important {
  color: #F7DA66;
  font-family: Courier New;
  font-size: 12px;
}

/* --- BALISES DU FORUM --- */

u {
  text-decoration: none;
  border-bottom: 2px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.quote {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.quote:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.code {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.spoiler {
  border: 1px solid #C24444;
  background-color: #820E0E;
  padding: 7px 7px 7px 7px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #FFEF9C;
}
.spoiler:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.spoiler_closed {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}
.spoiler_content {
  color: #FFEF9C;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}

/* --- NAVIGATION --- */

.navi {  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px 0 4px 0;
  border: 1px solid #FFDF40;
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  background-color: #c16a6a ;
  box-shadow: 0 0 5px #FFDF40;
  -webkit-box-shadow: 10px 0 15px #FFDF40;
}

a.mainmenu {
  padding-right: 5px;
  font-family: Georgia;
  font-size: 14px;
  letter-spacing: -1px;
}
a.mainmenu:before { content: "❥"; color: #870000; font-family: verdana; margin-right: 3px; }

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
    -webkit-border-radius: 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  box-shadow: 0px 0px 5px #870000;
  -webkit-box-shadow: 0px 0px 5px #870000;
}

.pseudo {
  border-top: 3px solid #820E0E;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #b53c3c;
}
.pseudo:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.name {
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: -1px;
  word-spacing: 3px;
}

.rang {
  color: #820E0E;
  padding: 5px;
  border: 1px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.darkie {
  background-color: #804c4c;
  border-radius: 30px 30px 15px 15px;
    -webkit-border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #804c4c;
  -webkit-box-shadow: 0px 0px 5px #804c4c;
}

.proofil {
    color: #820E0E;
    background-image: url("http://i48.servimg.com/u/f48/17/48/68/27/gond10.jpg");
  padding: 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0px 0px 2px #870000;
  -webkit-box-shadow: 0px 0px 2px #870000;
}

.proofil:hover {
    background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

#profile-advanced-details div.separator{ border-bottom: solid #820E0E; }

/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #FFDF40;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  box-shadow: 0px 0px 2px #FFDF40;
}



/* --- BOUTON MONTRER/MASQUER --- */

input {
  color: #FFDF40;
  background-color: #820E0E;
    border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.post, reset, select, submit, textarea.inputbox, input.liteoption, input.mainoption{
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* --- MENU DÉROULANT --- */


/* --- ZONE DE TEXTE/SAISIE --- */

textarea {
  padding: 2px;
  border: 2px solid #820E0E;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

/* --- BOUTON ENVOYER BROUILLON --- */


/* --- CHAMPS SUJET--- */

.select {
        background-color:#C24444;
        border:1px solid #820E0E;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }

.select button {
  background-color: #C24444;
  -webkit-border-radius: 5px 5px 5px 5px; }


/* --- TITRES DES CATÉGORIE --- */

.secondarytitle, .secondarytitle h2 {
  text-align: center;
  color : #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}

.cattitle { color: #F7DA66; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}


        /* --- DESCRIPTIONS DES FORUMS --- */
       
        .phalink {
          padding: 0px 5px 1px 5px;
          border: 1px solid #870000;
          background-color: #870000;
          border-radius: 5px;
          margin-bottom:50px;
          border-radius: 0px 0px 5px 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
          -moz-border-radius: 0px 0px 5px 5px;
          letter-spacing: 0px;
          -moz-transition: all 1s;
            -webkit-transition: all 1s;
        }
       
        a.phalink {
          color: #FFDF40;
        }
       
        a.phalink:hover {
          color: #FF733B;
          letter-spacing: 0.5px;
        }
        .desc {
          height: 30px;
          margin-top: 10px;
          margin-bottom: -1px;
          padding: 5px;
          overflow: hidden;
          padding-right: 0px;
  padding-top: 0px;
          text-align: justify;
          border: 2px solid #870000;
          border-top: 6px solid #870000;
          border-radius: 20px 0px 0px 0px;
          -webkit-border-radius: 20px 0px 0px 0px;
          background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
          box-shadow: 0px 0px 2px #c16a6a;
          -moz-box-shadow: 0px 0px 2px #c16a6a;
          -webkit-box-shadow: 0px 0px 2px #c16a6a;
        }
       
        .txtdesc {
  line-height: 15px; font-size: 11px; font-family: verdana, tahoma, serif;
          height: 85px;
        }
          .pix {
                  margin-right: 3px;
                    margin-left: 4px;
                  opacity: 0.5;
                  -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
                }
       
        .pix:hover {
                  margin-right: 3px;
                    margin-left: 4px;
          opacity: 1;
          -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
        }



/* --- FONDS DES FORUMS ---*/

.row1 {  }
.row2 {  }
.row3 {  }


/* --- COLONNE DE DROITE --- */

.lastie {
  width: 160px;
  height: 59px;
  padding: 10px;
  padding-top: 28px;
  padding-bottom: 9px;
  margin-top: 26px;
  margin-bottom: 30px;
  vertical-align: middle;
  border: 2px solid #870000;
  border-top: 6px solid #870000;
  /*border-bottom: 3px solid #870000;*/
    border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.stats {
    margin-top: 5px;
  font-size: 12px;
  float: right;}


/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

body.chatbox {
    background-repeat: no-repeat;
    background: url(http://img16.imageshack.us/img16/9683/477g.png);
    background-color: #C24444;
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}


/* --- GROUPES --- */

a.pnj { color: #000000; font-size: 12px; font-weight: bold;}
a.bezarius { color: #fcf13f; font-size: 12px; font-weight: bold;}
a.nightray { color: #7385FA; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #FF6BEB; font-size: 12px; font-weight: bold; }
a.barma { color: #ff8484; font-size: 12px; font-weight: bold; }
a.pandora { color: #a4a4ef; font-size: 12px; font-weight: bold;}
a.baskerville { color: #e18aee; font-size: 12px; font-weight: bold; }
a.chains { color: #a3d6f6; font-size: 12px; font-weight: bold; }
a.contractants { color: #56C77A; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #92FC65; font-size: 12px; font-weight: bold; }
a.sorciers { color: #D6945E; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #FFCCCC; font-size: 12px; font-weight: bold;}
a.noblesse { color: #ffffff; font-size: 12px; font-weight: bold;}


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  border-top: 10px solid #820E0E;
  border-bottom: 10px solid #820E0E;
  border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #C24444;
  text-shadow: #820E0E 5px 0px 0px;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #cc6e54;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #FFF691
}

.predeftitre {
  padding-left: 40px;
  color: #FF733B;
  font-family: georgia;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -2px;
  word-spacing: 5px;
  height: 5px;
  line-height: 6px;
  background-color: #820E0E;
  background-attachment: scroll;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.predeftitre:hover {
  color: #F0B728;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.predefdesc {
  margin: 0 20px 0 20px;
  text-align: justify;
  font-size: 11px;
}

a.bubulle { position: relative; }
a.bubulle span { display: none;  }
a.bubulle span {  display: none; z-index: 999; }
a.bubulle:hover { background: none; z-index: 999; }
a.bubulle:hover span
{ display: inline; position: absolute; top: 15px; left: 15px; width: 250px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg"); color: #FFF691; border: 1px solid #870000;
  padding: 3px; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

.linkname {
  margin: 0 450px -20px 0;
  color: #C24444;
  text-shadow: #820E0E 3px 0px 0px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.linkbox {
  width: 630px;
  padding: 5px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: justify;
}

.linkpix {
  float: left;
  margin-right: 5px;
}


/* --- PREDEFINIS ACCUEIL--- */

.préd2{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
  TEXT-ALIGN: center;
  border: 6px solid #af0800;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd3{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #1f9200;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd4{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #fff71d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS RPG --- */

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #C24444;
  border: 1px solid #870000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 6px black;
  -webkit-box-shadow: 1px 1px 6px black;
  box-shadow: 1px 1px 6px black;
}

.pressurname {
  display: block;
  text-align: left;
  margin-left: 270px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presname {
  display: block;
  text-align: left;
  margin-left: 300px;
  margin-top: -10px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  letter-spacing: -2px;
  font-style: italic;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 0;
  -webkit-margin: 0 30px 0 0px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #870000;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
    text-shadow: 1px 1px 6px #FFEF9C;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS NON RPG ---*/

.youbox {
  width: 600px;
  height: 300px;
  text-align: justify;
  font-size: 10px;
  padding: 0 3px 0 0;
  background-color: #a57a69;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
}

.youtitre {
  color: white;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}

.b1 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- RELATION---*/

.rela1{
  background-color: #d6997f;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;
  width:600px;}
.rela2{
  text-align:center;
  letter-spacing: -3px;
    font-size:33px;
  font-family:times new roman;
  font-weight:bold;
  credit-site-css: mycandids.tk;
  color: #FFEF9C}
.rela3{
border: 5px solid brown;
 border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;}
.rela4{
  background-color: #FFEF9C;
  border: 3px double yellow;}
.rela5{
  width: 350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  letter-spacing: -1px;
  color: #FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela6{
  color:darkgray;
  font-size:12px;
  font-color: #FFDF40;
  font-family:Georgia;
  background-color: #ffe9a7;
  width: 270px;
  border-radius:40px;}
  .rela7{
letter-spacing: -1px;
  color:#FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela8{
  width:400px;
  height:75px;
  color:#973C08;
  overflow:auto;}
.rela9{
  border-bottom: solid 5px;
  width:750px;
  font-size:18px;
  font-family:times new roman;
  color:#FFEF9C;}
.rela0{
  TEXT-ALIGN: left;
  font-color: #FFEF9C;
    FONT-FAMILY: Times New Roman;
  font-size:27px;}
.rela10{
  background:#FFEF9C;
  font-size: 1px;
  line-height: normal;
border-top-left-radius:10px;
  -font-color:brown;}
.rela11{
  border: 2px solid #FFEF9C;
  width:35em;
  font-color: #FFEF9C;
border-radius:10px;
margin-left;20px}

  /* --- STAFF---*/
.admintitre {
  width: 330px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.admintitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.adminbox {
  width: 310px;
  height: 300px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
.adminame{color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;}
 
.modotitre {
  width: 280px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.modotitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.modobox {
  width: 260px;
    height: 255px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
  /* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
       
  width: 850px;
  height: 64px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }


        /* PA */
        /* Les propriétés étranges de Lyloox, DEBUT */

        .staff {
          display: inline-block;
        }
        .staff ul { font:.75em "lucida grande", arial, sans-serif; overflow:auto; background:#eee; list-style:none; }
        .staff li { width:100px; height:100px; position:relative;z-index:5; vertical-align:middle; -moz-border-radius:5px; padding:0px; overflow:hidden; float:left; }
        .staff li:hover { position:relative; z-index:10; box-shadow: 0px 0px 2px #000; -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;}
        .staff li:hover p { margin-top:-85px; }
        .staff strong { display:block; letter:spacing:2px; color:#EE6E6E; }
        .staff a {color:#EE6E6E; font-weight:500; }

        .staff div {
          display: inline-block;
        }


        /* Onglet 3 */

        #onglet3 .admins img { border-radius:5%; border: 2px solid orange; margin:3px; }
        #onglet3 h1, #onglet3 h2{ font-size:15px;font-family:Time News Roman,serif; font-style:italic; color:white; text-shadow: 0px 0px 3px #A40000;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; }
        #onglet3 h1:hover, #onglet3 h2:hover { color:#A40000; text-shadow: -5px -3px 2px #870000, 16px 8px #FFA6A6;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;}
        #onglet3 { margin:auto;}
        #onglet3 .admins {display:block; text-align:center; }

        #onglet3 .admins img {margin-top: 3px; margin-left: 0px;}

        #onglet3 .coupsdecoeur
        { margin-left:170px; text-align:center; width:220px; padding:15px; border: 2px dotted #870000; border-radius:30px;
          border-top: 3px solid #FFEF9C; border-right: 1px solid #870000; border-bottom: 3px solid #870000;
          border-left: 1px solid #FFEF9C;}
        #onglet3 .credits {
        clear: none;
        margin: -292px 0 0 430px;
        text-align: center;
        width: 300px;
        height: 256px;
        background-color: whiteSmoke;
        padding: 15px;
        border: 3px solid #FFEF9C;
        font-size: 11px;
        }
        #onglet3 .modos {text-align:center; display:block;}


        /* Autres machins */

        .onglet3 img { padding:2px; border: 1px solid; border-radius:7px; text-align:center; background-color:#EEEEEE; opacity:0.8; }
        .onglet3 img {margin:6px; border: 1px solid; border-radius:7px; }
        .onglet3:hover {opacity:1;}

        .infobulle {position:relative;text-decoration:none; display:inline;}
        .infobulle span {display:none; text-align:justify}
        .infobulle:hover{background:none;cursor:help;z-index:999}
        .infobulle:hover span{border-radius:5px;background-color:#EEEEEE; border-left: 3px solid #EC5E61; border-right: 3px solid #EC5E61;
          display:inline;left:50px;margin-right:5px;padding:8px;position:absolute;top:5px;white-space:normal;width:200px}

        .onglets { text-align:center; margin:auto; display:block;cursor:pointer;}

        .onglet { display:inline-block; height: 34px; width: 150px; }

        .onglet_0 { padding:8px; margin:3px; font-size:16px; }
                .onglet_1 { padding:8px; margin:3px; font-size:16px; }
           
                #onglet_abc.onglet_1{
                background: url('http://i43.servimg.com/u/f43/16/13/48/98/1o10.png');}
                #onglet_ledeuxieme.onglet_1{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o2o10.png');}
                #onglet_ghi.onglet_1 {
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o3o10.png');}
           
                #onglet_abc.onglet_0{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/1f10.png');}
                #onglet_ledeuxieme.onglet_0{
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o2f10.png');}
                #onglet_ghi.onglet_0 {
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o3f10.png');}

        .contenu_onglet { padding:5px; display:none; height:434px}

        .imageetcontexte { text-align:justify; border-left: 3px solid #FFEF9C; border-right: 3px solid #FFEF9C; padding:10px; }

        .blabladesnews { text-align:justify;
          margin:20px; width:530px;
          max-width:550px;
          overflow:auto;
          padding:15px;
          border: 2px dotted #FFEF9C;
          border-radius:30px;
          border-top: 3px solid #FFEF9C;
          border-right: 1px solid #FFEF9C;
          border-bottom: 3px solid #FFEF9C;
          border-left: 1px solid #FFEF9C;
          border-radius: 10px 10px 0px 0px;  }
        .blabladesnews span {
          float:right;
          font-size:23px;
          margin-top:-35px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          color:#FFDF40;
          text-shadow: 0px 0px 5px #FFDF40;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s; }
        .blabladesnews span:hover {
          margin-right:90px;
          color:FFEF9C;
          text-shadow: -16px -9px #FF733B, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;}
        .blabladesnews h1 { color:#FF733B; text-decoration:blink; display:inline; }
        .blabladesnews h2 { color:#FFDF40; display:inline; }

        /* Animations des prédéfinis, onglet 1 de la PA */
    #predef img{width:160px;
  height:84px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;}
        #predef {margin-left:21px; }
        #predef ul { font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          width:495px;
          background:#96734c;
          list-style:none; }
        #predef li {
          width:160px;
          height:84px;
          position:relative;
          z-index:5;
          margin:5px 0px 5px -60px;
          vertical-align:middle;
          -webkit-vertical-align:middle;
          -moz-border-radius:16px;
          -webkit-border-radius:16px;
          border-radius: 16px;
          padding:0px;
          border:  3px solid #870000;
          overflow:hidden;
          float:left; }
        #predef li:hover {
          position:relative;
            height:84px;
          z-index:10;
          margin-left:-40px;
          border-color:#FFDF40;
          box-shadow: 2px 2px 4px #000;
          -webkit-box-shadow: 2px 2px 4px #000;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
          -o-transform:all;}
        #predef p {
          font-size:10px;
          height:84px;
          padding:0 10px;
          opacity:.8;
          background:#96734c;
          -webkit-transition:margin-top 1.5s ease-out;
          -moz-transition: margin-top 1.5s ease-out;
          transition: margin-top 1.5s ease-out;
              -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
          border-radius: 8px;
          }
        #predef li:hover p
        {
        margin-top:-87px;

        }
        #predef strong { padding-top:3px; display:block; }
        #predef a {color:#FFDF40; font-weight:500; }

        /* Mise en page des liens de navigation, onglet 1 de la PA */
        #navi {float:left; display:block;}
        #navi .entete { width:450px; position:relative; margin-top:-20px; -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;-moz-transform:all;-moz-transition:1s; text-align:center; color:#FFEF9C; text-shadow: 0px 0px 5px yellow; font-family:Time News Roman, serif; margin:auto; display:block; z-index:150; font-size:18px; font-style:italic;}
        #navi .entete:hover { -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; color:#FF733B; letter-spacing:3px; text-shadow: 0px 0px 5px #FF8A8A; }
        #liens { background-image: url(http://i43.servimg.com/u/f43/16/13/48/98/sprout11.png); background-repeat: no-repeat; background-position : center ;  border-radius: 30px; display:table-cell; vertical-align:middle; height:120px; width:500px; max-width:540px; margin:auto; border: 2px solid #870000; border-radius:30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; background-color: #C24444; }
        .colonne1 { float:left;width:255px; }
        .colonne2 { margin-left:260px; display:block;}
        .colonne1 a, .colonne2 a {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; padding-left:10px;padding-left:}
        .colonne2 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne2 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne2 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne2 .trefle a:before { content: "♣"; padding-right:5px; }

        .colonne1 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne1 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne1 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne1 .trefle a:before{ content: "♣"; padding-right:5px; }

        .colonne1 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-left:60px !important;}
        .colonne2 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-right:60px !important;}


        /* Les propriétés étranges de Lyloox, FIN */

        /* Le bazar ajouté de Foocha' */

        .onglets span {
        margin-right: 75px;
        }

        #onglet_abc {
        margin-left: 72px;
        }

        #onglet3 {
          border-spacing:0px;
        }

        /* contexte onglet 1 */

        .contexte {
        height: 180px;
        overflow: auto;
        max-width: 355px;
        display: block;
        margin: auto;
        margin-top: 3px;
        background-color: #C24444;
        padding: 15px;
        border: 3px solid #870000;
        font-size: 11px;
        border-radius: 16px;
        overflow: auto;
        }

        /* navigation predefs onglet 1 */

        #lienspredef {
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 500px;
        max-width: 540px;
        margin: auto;
        border: 2px solid #870000;
        border-radius: 30px;
          font-size: 12px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
        background-color: #C24444;
        }

        #lienspredef a {
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        padding-left: 10px;
        }

        #lienspredef .pique a:before { content: "♠"; padding-right:5px; }
        #lienspredef .carreau a:before { content: "♦"; padding-right:5px; }
        #lienspredef .trefle a:before { content: "♣"; padding-right:5px; }

        #lienspredef a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none;
        text-decoration:none !important; color:#FF733B; letter-spacing:3px;}
        /* staff */

        .fonda {
                height:62px;
          display: inline-block;
        }
        .fonda ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#eee;
          list-style:none; }

        .fonda li {
          width:230px;
          height:80px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .fonda p {
        font-size: 20px;
        height: 82px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .fonda li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #DE0000;
          padding:2px;
        }
        .fonda li:hover p { margin-top:-85px; }

        .admin {
              height:89px;
          display: inline-block;
        }
        .admin ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .admin li {
          width:145px;
          height:100px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .admin p {
        font-size: 14px;
        height: 97px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .admin li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #FF7B47;
          padding:2px;
        }
        .admin li:hover p { margin-top:-105px; }

        .modo {
                height:65px;
          display: inline-block;
        }
        .modo ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .modo li {
          width:85px;
          height:65px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
        }

        .modo p {
        font-size: 10px;
        height: 63px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
          padding-top: 5px;
        }

        .modo li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #cba78f;
          padding:2px;
        }
        .modo li:hover p { margin-top:-68px; }

        /* Credits */

        .creditstd {
          height:115px;
        background-repeat: no-repeat;
        padding-left: 43px;
        background-position-x: 38px;
        }

        #blacredits {
        width: 480px;
          background-color: #C24444;
        text-align: justify;
        height: 77px;
        overflow: auto;
        margin-bottom: 8px;
          border: 1px solid #870000;
        border-radius: 5px;
        padding: 2px;
        }
     
        /* coup de coeur */

        .coupcoeur img {
        margin-right: 6px;
        margin-bottom: 8px;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #EFFF94;
          border-radius: 5px;
          padding:2px;
        }

        .coupcoeur img:hover {
        border: 2px solid #F07F05;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          padding:2px;
        }


        .coupcoeur div {
        color:#FFEF9C;
          height:19px;
        font-size: 23px;
        margin-top: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-shadow: 0px 0px 5px #FFEF9C;
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        margin-bottom: -6px;
        }

        .coupcoeur div:hover {
          color:#FFDF40;
          text-shadow: -16px -9px #FFA6A6, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
        }

        /* Fin du bazar ajouté de Foocha' */

Voilà ! Je vous remercie d'avance pour votre aide concernant ces deux problèmes d'affichages.
Je vous souhaite une bonne journée !


Dernière édition par Oz-Chan le Ven 1 Mar 2013 - 14:27, édité 1 fois

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka le Ven 1 Mar 2013 - 9:53

Bonjour,

Concernant ton footer, d’après ce que je vois, le souci se situe ici :
Code:
border: 1px solid #870000;
border-top: 3px solid #870000;

Pour le second problème en revanche je ne constate pas de problème… Peux-tu entourer ce qui cloche sur la page ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 11:57

Bonjour,
le premier code marche. Merci !
Pour le second, il s'agit des scroll blanc ici :
Merci de votre aide !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka le Ven 1 Mar 2013 - 12:06

Merci bien Smile

Alors, pour corriger ce petit bug lié à Google Chrome, ajoute ceci :
Code:
-webkit-appearance:none;
À l’élément select Wink


Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 14:04

C'est presque bon !
J'aimerai juste pouvoir remettre un bord rouge foncé à la place du bizarre que j'ai maintenant comme vous le voyez ici :

C'est un drôle de jaune alors que j'aimerai du rouge foncé... Cela me montre pareil sur firefox.
voilà le code :
Code:
.select {
        background-color:#C24444;
        -webkit-appearance:none;
        border:1px solid #870000;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }
Merci encore de ton aide !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka le Ven 1 Mar 2013 - 14:07

Ah, du coup tu as retiré l’image de fond ? Le code que je t’ai donné plus haut te permettait justement de faire fonctionner les images de fond sur l’élément select.

Peux-tu m’envoyer ton CSS complet ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 14:09

En fait, le select était avec un autre groupe d'élément mais je trouve qu'on voit mieux de cette façon. ^^
Je t'envoie le tout !
Code:
*::-moz-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

*::-webkit-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

body
{      cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/opipeoiwenfv.ico'), auto;
        }

.forumline {
  padding: 5px;
  border: 2px solid #820E0E;
  border-radius: 5px;
  box-shadow: 0px 2px 10px #c16a6a;
}

a.forumlink {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 4px;
  display: block;
  line-height: 30px;
  background-attachment: scroll;
  background-color: #820E0E;
  border-radius: 10px;
  webkit-border-radius: 10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

a.forumlink:hover {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 80px;
  text-shadow: 0px 0px 0px;
  height: 4px;
  line-height: 30px;
  background-attachment: scroll;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  letter-spacing: 0px;
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
  cursor: crosshair;
}

a:hover {
  color: #FF7B47;
  text-decoration: none !important;
}



/* --- BALISES PERSOS  --- */

.t1 {
  color: #F7DA66;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #820E0E;
  border: 2px solid #FFDF40;
  border-left: 6px solid #FFDF40;
  border-right: 6px solid #FFDF40;
  border-radius: 0px 30px 0px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.t1:hover
{
  font-size: 180%; background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
    border-radius: 30px 0px 30px 0px;
  -webkit-border-radius: 0px 30px 0px 30px;
}

.t2 {
  color: #F7DA66;
  font-family: georgia;
  font-size: 150%;
  text-shadow: red 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #820E0E;
}
.t2:hover {
  color: #FF733B;
  border-bottom: 5px solid #FFDF40;
}

.t3 {
  color: #FFDF40;
  font-variant: small-caps;
}
.t3:before { content: "» "; }
.t3:hover:before { content: "» "; color: #FF733B; }
.t3:hover:after { content: "→"; color: #FF733B; padding-left: 5px; }

.important {
  color: #F7DA66;
  font-family: Courier New;
  font-size: 12px;
}

/* --- BALISES DU FORUM --- */

u {
  text-decoration: none;
  border-bottom: 2px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.quote {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.quote:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.code {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.spoiler {
  border: 1px solid #C24444;
  background-color: #820E0E;
  padding: 7px 7px 7px 7px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #FFEF9C;
}
.spoiler:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.spoiler_closed {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}
.spoiler_content {
  color: #FFEF9C;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}

/* --- NAVIGATION --- */

.navi {  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px 0 4px 0;
  border: 1px solid #FFDF40;
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  background-color: #c16a6a ;
  box-shadow: 0 0 5px #FFDF40;
  -webkit-box-shadow: 10px 0 15px #FFDF40;
}

a.mainmenu {
  padding-right: 5px;
  font-family: Georgia;
  font-size: 14px;
  letter-spacing: -1px;
}
a.mainmenu:before { content: "❥"; color: #870000; font-family: verdana; margin-right: 3px; }

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
    -webkit-border-radius: 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  box-shadow: 0px 0px 5px #870000;
  -webkit-box-shadow: 0px 0px 5px #870000;
}

.pseudo {
  border-top: 3px solid #820E0E;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #b53c3c;
}
.pseudo:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.name {
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: -1px;
  word-spacing: 3px;
}

.rang {
  color: #820E0E;
  padding: 5px;
  border: 1px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.darkie {
  background-color: #804c4c;
  border-radius: 30px 30px 15px 15px;
    -webkit-border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #804c4c;
  -webkit-box-shadow: 0px 0px 5px #804c4c;
}

.proofil {
    color: #820E0E;
    background-image: url("http://i48.servimg.com/u/f48/17/48/68/27/gond10.jpg");
  padding: 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0px 0px 2px #870000;
  -webkit-box-shadow: 0px 0px 2px #870000;
}

.proofil:hover {
    background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

#profile-advanced-details div.separator{ border-bottom: solid #820E0E; }

/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #FFDF40;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  box-shadow: 0px 0px 2px #FFDF40;
}



/* --- BOUTON MONTRER/MASQUER --- */

input {
  color: #FFDF40;
  background-color: #820E0E;
    border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.post, reset, submit, textarea.inputbox, input.liteoption, input.mainoption{
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* --- MENU DÉROULANT --- */


/* --- ZONE DE TEXTE/SAISIE --- */

textarea {
  padding: 2px;
  border: 2px solid #820E0E;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

/* --- BOUTON ENVOYER BROUILLON --- */


/* --- CHAMPS SUJET--- */

.select {
        background-color:#C24444;
          -webkit-appearance:none;
        border:1px solid #870000;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }

.select button {
  background-color: #C24444;
  -webkit-border-radius: 5px 5px 5px 5px; }


/* --- TITRES DES CATÉGORIE --- */

.secondarytitle, .secondarytitle h2 {
  text-align: center;
  color : #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}

.cattitle { color: #F7DA66; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}


        /* --- DESCRIPTIONS DES FORUMS --- */
       
        .phalink {
          padding: 0px 5px 1px 5px;
          border: 1px solid #870000;
          background-color: #870000;
          border-radius: 5px;
          margin-bottom:50px;
          border-radius: 0px 0px 5px 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
          -moz-border-radius: 0px 0px 5px 5px;
          letter-spacing: 0px;
          -moz-transition: all 1s;
            -webkit-transition: all 1s;
        }
       
        a.phalink {
          color: #FFDF40;
        }
       
        a.phalink:hover {
          color: #FF733B;
          letter-spacing: 0.5px;
        }
        .desc {
          height: 30px;
          margin-top: 10px;
          margin-bottom: -1px;
          padding: 5px;
          overflow: hidden;
          padding-right: 0px;
  padding-top: 0px;
          text-align: justify;
          border: 2px solid #870000;
          border-top: 6px solid #870000;
          border-radius: 20px 0px 0px 0px;
          -webkit-border-radius: 20px 0px 0px 0px;
          background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
          box-shadow: 0px 0px 2px #c16a6a;
          -moz-box-shadow: 0px 0px 2px #c16a6a;
          -webkit-box-shadow: 0px 0px 2px #c16a6a;
        }
       
        .txtdesc {
  line-height: 15px; font-size: 11px; font-family: verdana, tahoma, serif;
          height: 85px;
        }
          .pix {
                  margin-right: 3px;
                    margin-left: 4px;
                  opacity: 0.5;
                  -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
                }
       
        .pix:hover {
                  margin-right: 3px;
                    margin-left: 4px;
          opacity: 1;
          -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
        }



/* --- FONDS DES FORUMS ---*/

.row1 {  }
.row2 {  }
.row3 {  }


/* --- COLONNE DE DROITE --- */

.lastie {
  width: 160px;
  height: 59px;
  padding: 10px;
  padding-top: 28px;
  padding-bottom: 9px;
  margin-top: 26px;
  margin-bottom: 30px;
  vertical-align: middle;
  border: 2px solid #870000;
  border-top: 6px solid #870000;
  /*border-bottom: 3px solid #870000;*/
    border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.stats {
    margin-top: 5px;
  font-size: 12px;
  float: right;}


/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

body.chatbox {
    background-repeat: no-repeat;
    background: url(http://img16.imageshack.us/img16/9683/477g.png);
    background-color: #C24444;
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}


/* --- GROUPES --- */

a.pnj { color: #000000; font-size: 12px; font-weight: bold;}
a.bezarius { color: #fcf13f; font-size: 12px; font-weight: bold;}
a.nightray { color: #7385FA; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #FF6BEB; font-size: 12px; font-weight: bold; }
a.barma { color: #ff8484; font-size: 12px; font-weight: bold; }
a.pandora { color: #a4a4ef; font-size: 12px; font-weight: bold;}
a.baskerville { color: #e18aee; font-size: 12px; font-weight: bold; }
a.chains { color: #a3d6f6; font-size: 12px; font-weight: bold; }
a.contractants { color: #56C77A; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #92FC65; font-size: 12px; font-weight: bold; }
a.sorciers { color: #D6945E; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #FFCCCC; font-size: 12px; font-weight: bold;}
a.noblesse { color: #ffffff; font-size: 12px; font-weight: bold;}


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  border-top: 10px solid #820E0E;
  border-bottom: 10px solid #820E0E;
  border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #C24444;
  text-shadow: #820E0E 5px 0px 0px;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #cc6e54;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #FFF691
}

.predeftitre {
  padding-left: 40px;
  color: #FF733B;
  font-family: georgia;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -2px;
  word-spacing: 5px;
  height: 5px;
  line-height: 6px;
  background-color: #820E0E;
  background-attachment: scroll;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.predeftitre:hover {
  color: #F0B728;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.predefdesc {
  margin: 0 20px 0 20px;
  text-align: justify;
  font-size: 11px;
}

a.bubulle { position: relative; }
a.bubulle span { display: none;  }
a.bubulle span {  display: none; z-index: 999; }
a.bubulle:hover { background: none; z-index: 999; }
a.bubulle:hover span
{ display: inline; position: absolute; top: 15px; left: 15px; width: 250px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg"); color: #FFF691; border: 1px solid #870000;
  padding: 3px; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

.linkname {
  margin: 0 450px -20px 0;
  color: #C24444;
  text-shadow: #820E0E 3px 0px 0px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.linkbox {
  width: 630px;
  padding: 5px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: justify;
}

.linkpix {
  float: left;
  margin-right: 5px;
}


/* --- PREDEFINIS ACCUEIL--- */

.préd2{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
  TEXT-ALIGN: center;
  border: 6px solid #af0800;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd3{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #1f9200;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd4{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #fff71d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS RPG --- */

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #C24444;
  border: 1px solid #870000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 6px black;
  -webkit-box-shadow: 1px 1px 6px black;
  box-shadow: 1px 1px 6px black;
}

.pressurname {
  display: block;
  text-align: left;
  margin-left: 270px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presname {
  display: block;
  text-align: left;
  margin-left: 300px;
  margin-top: -10px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  letter-spacing: -2px;
  font-style: italic;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 0;
  -webkit-margin: 0 30px 0 0px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #870000;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
    text-shadow: 1px 1px 6px #FFEF9C;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS NON RPG ---*/

.youbox {
  width: 600px;
  height: 300px;
  text-align: justify;
  font-size: 10px;
  padding: 0 3px 0 0;
  background-color: #a57a69;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
}

.youtitre {
  color: white;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}

.b1 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- RELATION---*/

.rela1{
  background-color: #d6997f;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;
  width:600px;}
.rela2{
  text-align:center;
  letter-spacing: -3px;
    font-size:33px;
  font-family:times new roman;
  font-weight:bold;
  credit-site-css: mycandids.tk;
  color: #FFEF9C}
.rela3{
border: 5px solid brown;
 border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;}
.rela4{
  background-color: #FFEF9C;
  border: 3px double yellow;}
.rela5{
  width: 350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  letter-spacing: -1px;
  color: #FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela6{
  color:darkgray;
  font-size:12px;
  font-color: #FFDF40;
  font-family:Georgia;
  background-color: #ffe9a7;
  width: 270px;
  border-radius:40px;}
  .rela7{
letter-spacing: -1px;
  color:#FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela8{
  width:400px;
  height:75px;
  color:#973C08;
  overflow:auto;}
.rela9{
  border-bottom: solid 5px;
  width:750px;
  font-size:18px;
  font-family:times new roman;
  color:#FFEF9C;}
.rela0{
  TEXT-ALIGN: left;
  font-color: #FFEF9C;
    FONT-FAMILY: Times New Roman;
  font-size:27px;}
.rela10{
  background:#FFEF9C;
  font-size: 1px;
  line-height: normal;
border-top-left-radius:10px;
  -font-color:brown;}
.rela11{
  border: 2px solid #FFEF9C;
  width:35em;
  font-color: #FFEF9C;
border-radius:10px;
margin-left;20px}

  /* --- STAFF---*/
.admintitre {
  width: 330px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.admintitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.adminbox {
  width: 310px;
  height: 300px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
.adminame{color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;}
 
.modotitre {
  width: 280px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.modotitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.modobox {
  width: 260px;
    height: 255px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
  /* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 3px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
       
  width: 850px;
  height: 64px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }


        /* PA */
        /* Les propriétés étranges de Lyloox, DEBUT */

        .staff {
          display: inline-block;
        }
        .staff ul { font:.75em "lucida grande", arial, sans-serif; overflow:auto; background:#eee; list-style:none; }
        .staff li { width:100px; height:100px; position:relative;z-index:5; vertical-align:middle; -moz-border-radius:5px; padding:0px; overflow:hidden; float:left; }
        .staff li:hover { position:relative; z-index:10; box-shadow: 0px 0px 2px #000; -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;}
        .staff li:hover p { margin-top:-85px; }
        .staff strong { display:block; letter:spacing:2px; color:#EE6E6E; }
        .staff a {color:#EE6E6E; font-weight:500; }

        .staff div {
          display: inline-block;
        }


        /* Onglet 3 */

        #onglet3 .admins img { border-radius:5%; border: 2px solid orange; margin:3px; }
        #onglet3 h1, #onglet3 h2{ font-size:15px;font-family:Time News Roman,serif; font-style:italic; color:white; text-shadow: 0px 0px 3px #A40000;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; }
        #onglet3 h1:hover, #onglet3 h2:hover { color:#A40000; text-shadow: -5px -3px 2px #870000, 16px 8px #FFA6A6;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;}
        #onglet3 { margin:auto;}
        #onglet3 .admins {display:block; text-align:center; }

        #onglet3 .admins img {margin-top: 3px; margin-left: 0px;}

        #onglet3 .coupsdecoeur
        { margin-left:170px; text-align:center; width:220px; padding:15px; border: 2px dotted #870000; border-radius:30px;
          border-top: 3px solid #FFEF9C; border-right: 1px solid #870000; border-bottom: 3px solid #870000;
          border-left: 1px solid #FFEF9C;}
        #onglet3 .credits {
        clear: none;
        margin: -292px 0 0 430px;
        text-align: center;
        width: 300px;
        height: 256px;
        background-color: whiteSmoke;
        padding: 15px;
        border: 3px solid #FFEF9C;
        font-size: 11px;
        }
        #onglet3 .modos {text-align:center; display:block;}


        /* Autres machins */

        .onglet3 img { padding:2px; border: 1px solid; border-radius:7px; text-align:center; background-color:#EEEEEE; opacity:0.8; }
        .onglet3 img {margin:6px; border: 1px solid; border-radius:7px; }
        .onglet3:hover {opacity:1;}

        .infobulle {position:relative;text-decoration:none; display:inline;}
        .infobulle span {display:none; text-align:justify}
        .infobulle:hover{background:none;cursor:help;z-index:999}
        .infobulle:hover span{border-radius:5px;background-color:#EEEEEE; border-left: 3px solid #EC5E61; border-right: 3px solid #EC5E61;
          display:inline;left:50px;margin-right:5px;padding:8px;position:absolute;top:5px;white-space:normal;width:200px}

        .onglets { text-align:center; margin:auto; display:block;cursor:pointer;}

        .onglet { display:inline-block; height: 34px; width: 150px; }

        .onglet_0 { padding:8px; margin:3px; font-size:16px; }
                .onglet_1 { padding:8px; margin:3px; font-size:16px; }
           
                #onglet_abc.onglet_1{
                background: url('http://i43.servimg.com/u/f43/16/13/48/98/1o10.png');}
                #onglet_ledeuxieme.onglet_1{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o2o10.png');}
                #onglet_ghi.onglet_1 {
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o3o10.png');}
           
                #onglet_abc.onglet_0{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/1f10.png');}
                #onglet_ledeuxieme.onglet_0{
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o2f10.png');}
                #onglet_ghi.onglet_0 {
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o3f10.png');}

        .contenu_onglet { padding:5px; display:none; height:434px}

        .imageetcontexte { text-align:justify; border-left: 3px solid #FFEF9C; border-right: 3px solid #FFEF9C; padding:10px; }

        .blabladesnews { text-align:justify;
          margin:20px; width:530px;
          max-width:550px;
          overflow:auto;
          padding:15px;
          border: 2px dotted #FFEF9C;
          border-radius:30px;
          border-top: 3px solid #FFEF9C;
          border-right: 1px solid #FFEF9C;
          border-bottom: 3px solid #FFEF9C;
          border-left: 1px solid #FFEF9C;
          border-radius: 10px 10px 0px 0px;  }
        .blabladesnews span {
          float:right;
          font-size:23px;
          margin-top:-35px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          color:#FFDF40;
          text-shadow: 0px 0px 5px #FFDF40;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s; }
        .blabladesnews span:hover {
          margin-right:90px;
          color:FFEF9C;
          text-shadow: -16px -9px #FF733B, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;}
        .blabladesnews h1 { color:#FF733B; text-decoration:blink; display:inline; }
        .blabladesnews h2 { color:#FFDF40; display:inline; }

        /* Animations des prédéfinis, onglet 1 de la PA */
    #predef img{width:160px;
  height:84px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;}
        #predef {margin-left:21px; }
        #predef ul { font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          width:495px;
          background:#96734c;
          list-style:none; }
        #predef li {
          width:160px;
          height:84px;
          position:relative;
          z-index:5;
          margin:5px 0px 5px -60px;
          vertical-align:middle;
          -webkit-vertical-align:middle;
          -moz-border-radius:16px;
          -webkit-border-radius:16px;
          border-radius: 16px;
          padding:0px;
          border:  3px solid #870000;
          overflow:hidden;
          float:left; }
        #predef li:hover {
          position:relative;
            height:84px;
          z-index:10;
          margin-left:-40px;
          border-color:#FFDF40;
          box-shadow: 2px 2px 4px #000;
          -webkit-box-shadow: 2px 2px 4px #000;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
          -o-transform:all;}
        #predef p {
          font-size:10px;
          height:84px;
          padding:0 10px;
          opacity:.8;
          background:#96734c;
          -webkit-transition:margin-top 1.5s ease-out;
          -moz-transition: margin-top 1.5s ease-out;
          transition: margin-top 1.5s ease-out;
              -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
          border-radius: 8px;
          }
        #predef li:hover p
        {
        margin-top:-87px;

        }
        #predef strong { padding-top:3px; display:block; }
        #predef a {color:#FFDF40; font-weight:500; }

        /* Mise en page des liens de navigation, onglet 1 de la PA */
        #navi {float:left; display:block;}
        #navi .entete { width:450px; position:relative; margin-top:-20px; -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;-moz-transform:all;-moz-transition:1s; text-align:center; color:#FFEF9C; text-shadow: 0px 0px 5px yellow; font-family:Time News Roman, serif; margin:auto; display:block; z-index:150; font-size:18px; font-style:italic;}
        #navi .entete:hover { -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; color:#FF733B; letter-spacing:3px; text-shadow: 0px 0px 5px #FF8A8A; }
        #liens { background-image: url(http://i43.servimg.com/u/f43/16/13/48/98/sprout11.png); background-repeat: no-repeat; background-position : center ;  border-radius: 30px; display:table-cell; vertical-align:middle; height:120px; width:500px; max-width:540px; margin:auto; border: 2px solid #870000; border-radius:30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; background-color: #C24444; }
        .colonne1 { float:left;width:255px; }
        .colonne2 { margin-left:260px; display:block;}
        .colonne1 a, .colonne2 a {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; padding-left:10px;padding-left:}
        .colonne2 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne2 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne2 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne2 .trefle a:before { content: "♣"; padding-right:5px; }

        .colonne1 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne1 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne1 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne1 .trefle a:before{ content: "♣"; padding-right:5px; }

        .colonne1 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-left:60px !important;}
        .colonne2 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-right:60px !important;}


        /* Les propriétés étranges de Lyloox, FIN */

        /* Le bazar ajouté de Foocha' */

        .onglets span {
        margin-right: 75px;
        }

        #onglet_abc {
        margin-left: 72px;
        }

        #onglet3 {
          border-spacing:0px;
        }

        /* contexte onglet 1 */

        .contexte {
        height: 180px;
        overflow: auto;
        max-width: 355px;
        display: block;
        margin: auto;
        margin-top: 3px;
        background-color: #C24444;
        padding: 15px;
        border: 3px solid #870000;
        font-size: 11px;
        border-radius: 16px;
        overflow: auto;
        }

        /* navigation predefs onglet 1 */

        #lienspredef {
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 500px;
        max-width: 540px;
        margin: auto;
        border: 2px solid #870000;
        border-radius: 30px;
          font-size: 12px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
        background-color: #C24444;
        }

        #lienspredef a {
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        padding-left: 10px;
        }

        #lienspredef .pique a:before { content: "♠"; padding-right:5px; }
        #lienspredef .carreau a:before { content: "♦"; padding-right:5px; }
        #lienspredef .trefle a:before { content: "♣"; padding-right:5px; }

        #lienspredef a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none;
        text-decoration:none !important; color:#FF733B; letter-spacing:3px;}
        /* staff */

        .fonda {
                height:62px;
          display: inline-block;
        }
        .fonda ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#eee;
          list-style:none; }

        .fonda li {
          width:230px;
          height:80px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .fonda p {
        font-size: 20px;
        height: 82px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .fonda li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #DE0000;
          padding:2px;
        }
        .fonda li:hover p { margin-top:-85px; }

        .admin {
              height:89px;
          display: inline-block;
        }
        .admin ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .admin li {
          width:145px;
          height:100px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .admin p {
        font-size: 14px;
        height: 97px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .admin li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #FF7B47;
          padding:2px;
        }
        .admin li:hover p { margin-top:-105px; }

        .modo {
                height:65px;
          display: inline-block;
        }
        .modo ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .modo li {
          width:85px;
          height:65px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
        }

        .modo p {
        font-size: 10px;
        height: 63px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
          padding-top: 5px;
        }

        .modo li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #cba78f;
          padding:2px;
        }
        .modo li:hover p { margin-top:-68px; }

        /* Credits */

        .creditstd {
          height:115px;
        background-repeat: no-repeat;
        padding-left: 43px;
        background-position-x: 38px;
        }

        #blacredits {
        width: 480px;
          background-color: #C24444;
        text-align: justify;
        height: 77px;
        overflow: auto;
        margin-bottom: 8px;
          border: 1px solid #870000;
        border-radius: 5px;
        padding: 2px;
        }
     
        /* coup de coeur */

        .coupcoeur img {
        margin-right: 6px;
        margin-bottom: 8px;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #EFFF94;
          border-radius: 5px;
          padding:2px;
        }

        .coupcoeur img:hover {
        border: 2px solid #F07F05;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          padding:2px;
        }


        .coupcoeur div {
        color:#FFEF9C;
          height:19px;
        font-size: 23px;
        margin-top: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-shadow: 0px 0px 5px #FFEF9C;
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        margin-bottom: -6px;
        }

        .coupcoeur div:hover {
          color:#FFDF40;
          text-shadow: -16px -9px #FFA6A6, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
        }

        /* Fin du bazar ajouté de Foocha' */

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka le Ven 1 Mar 2013 - 14:12

C’est vrai que c’est plus visible sans l’image Smile Alors à ce moment, tu peux retirer ce que je t’ai fait insérer, non ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 14:15

Contente que nous soyons du même avis. ^^
Je l'ai bien enlevé. Mais, le contour reste toujours jaune et non rouge foncé. ><

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka le Ven 1 Mar 2013 - 14:20

Si tu ajoutes ceci dans ton CSS :
Code:
#text_editor_iframe, input, select, textarea {
border: 1px solid #870000;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan le Ven 1 Mar 2013 - 14:27

Cette fois-ci, tout est bon !
Je vous remercie beaucoup de votre aide ! ^^

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan 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