AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Problème avec Mozilla

    Lakia
    Lakia
    FémininAge : 21Messages : 125

    le Mer 8 Jan 2020 - 22:08

    Bonsoir ! J'ai un énorme problème avec mon forum :ouin:
    Je viens de trifouiller au CSS, j'avais rajouté un code que j'ai finalement supprimé et à la suite de cette modification, le visuel du forum a complétement bugué sur Mozilla, les codes ne vont plus. Sur d'autres navigateurs ou sur mon téléphone par exemple, tout s'affiche correctement, je ne comprends pas.

    Voilà le lien du forum : https://miocene.forumsrpg.com/
    Et le code CSS actuel :
    Code:
    /*on desactive la couleur de fond et les bordures du tableau*/
    .M14_forumline {background:none !important;border:none;}
    /*on desactive la couleur de fond et les bordures du bloc du titre de la P.A*/
    .M14_catHead {background:none !important;border:none;}
    /*on desactive la couleur de fond et les bordures du contenu du tableau*/
    .M14_row1 {background:none !important;border:none;}

    /*REDIMENSIONNER IMAGE PROFIL*/

    .profil_mess img {
      width : 200px;
      height : X00px;
                }

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

    .postdetails_profil {
      font-size: 11px;
      text-align:justify;
    }

    /*MARGES + JUSTIFICATION AUTOMATIQUE*/
    .postbody {
    text-align:justify;
    padding-left:10px;
    padding-right:20px;
    }

    /*+*/

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

    ::-webkit-scrollbar-thumb:vertical {
      background-color:#2F2E2E;
      border: 1px solid #0000000;
      height:10px;
    }
    ::-webkit-scrollbar {
      height:0px;
      width:6px;
      background-color:transparent;
    }

    @import url(https://fonts.googleapis.com/css?family=Revalia);

    .name { 
      font-family: \'Revalia\';
      text-shadow: 0px 0px 2px #828282;
      letter-spacing: -2px;
      font-size: 20px;
    }

    /*GROUPES COULEURS*/
    .sitau {
      color:#5B5C56;
      font-weight:bold;
      text-transform:uppercase;
    }
    .omilam {
      color:#1F1F1F;
      font-weight:bold;
      text-transform:uppercase;}
    .sigpi {
      color:#D72830;
      font-weight:bold;
      text-transform:uppercase;}
    .delep {
      color:#50AFA5;
      font-weight:bold;
      text-transform:uppercase;}
    .iotom {
      color:#CF308A;
      font-weight:bold;
      text-transform:uppercase;}
    .epphi {
      color:#2DD240;
      font-weight:bold;
      text-transform:uppercase;}
    .alsig {
      color:#0E216C;
      font-weight:bold;
      text-transform:uppercase;}
    .muiot {
      color:#A659A6;
      font-weight:bold;
      text-transform:uppercase;}

    .stle {
      display: block;
      font-size: 12px;
      font-family: Calibri;
    }
     .hey {
      opacity: 0.0; 
      transition-duration: 0.6s; 
      -moz-transition-duration: 0.8s; 
      -webkit-transition-duration: 0.8s; 
      -o-transition-duration: 0.8s;
    }
     .hey:hover {opacity: 1.0;}

    h2 { text-transform:uppercase;
      color:#5f272c;
      font-size:20px;
    }
         
           
    body {
            cursor: url('https://i.servimg.com/u/f68/19/03/23/93/kun1010.png'), auto;
            }
            a {
            cursor: url('https://i.servimg.com/u/f68/19/03/23/93/kun1010.png'), auto;
            }
                     
        /*Profil et affichage de lavatar par Alu pour Never utopia */
    .profilmembre {
      border: 1px solid #59719c;
      position:relative;
      margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
      background-color:#2f394b;
    }

    .pseudo{
          padding:4px 0;
          width:200px;
          background-color:#1C1C1C;
          position:relative;
          text-align:center;
          color:#949046;
          font:Josefin Slab, Georgia;
          text-transform:uppercase;
    }

    .pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}

    .flecheprofil{
      width:0px;
      height:0px;
      border:8px solid transparent;
      border-left:25px solid #8eb2d6;
      position:absolute;
      top:10px;
      left:200px;
    }

    .rang {
      width:136px;
      height:19px;
      background-color: #1C1C1C;
      font: 10px Josefin Slab, Georgia;
      line-height:95%;
      text-transform: uppercase;
      color:#636363;
      margin:-15px auto 5px auto;
      padding:2px;
      text-align:center; 
      position:relative;
      z-index:2;
      -moz-box-shadow: 0px 0px 8px 0px #656565;
      -webkit-box-shadow: 0px 0px 8px 0px #656565;
      -o-box-shadow: 0px 0px 8px 0px #656565;
      box-shadow: 0px 0px 8px 0px #656565;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
    }
    .infoprofil{
      position:absolute;
      top:35px;
      left:0;
      background: rgba(0, 0, 0, 0.75);
      opacity:0;
      filter:alpha(opacity=0);
      height:320px;
      width:200px;
      text-align:center;
      font:13px sans-serif 500;
      text-transform:uppercase;
      color:#6888c1;
      -moz-transition: all 0.7s ease;
      -webkit-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
    }
    .infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

    .infoprofil .label span {
      visibility:visible;
      text-decoration:underline;
      display:block;
      background-color:rgba(0, 0, 0, 0.65);
      color:#6888c1 !important;
      padding:5px;
      margin: 5px 0 -5px 0;
    }
    .infoprofil .label{visibility:hidden;}
    .infoprofilrep {
      visibility:visible;
      display:block;
      background-color:rgba(0, 0, 0, 0.65);
      padding:3px;
      margin:-5px 0 -3px 0;
    }
    /*fin du profil ****************************************************/
            .pred_fiche1 {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:-200px;
        width:600px;
        }
        .pred_fiche2 {
        width:550px;
        background:BurlyWood;
        overflow-x:hidden;
        position:relative;
        z-index:2;
        }
        .pred_fiche3 {
        background:firebrick;
        }
        a.pred_alice {
        display:block;
        text-align:right;
        padding-right:25px;
        color:white;
        font-size:11px;
        }
        .pred_titre {
        width:550px;
        background:BurlyWood;
        transform:rotate(10deg);
        font-size:30px;
        color:white;
        text-align:center;
        padding:10px;
        margin-left:-10px;
        }
        .pred_image {
        width:300px;
        height:100px;
        margin-left:10px;
        overflow:hidden;
        }
        .pred_plop {
        opacity:0.7;
        }
        .pred_plop:hover {
        opacity:1;
        }
        .pred_bloc1 {
        background:BurlyWood;
        display:inline-block;
        width:255px;
        padding:10px;
        height:250px;
        overflow:auto;
        color:white;
        margin-left:0px;
        text-align:justify;
        }
        .pred_soustitre1 {
        display:block;
        text-align:center;
        color:firebrick;
        margin:auto;
        font-weight:bold;
        font-size:16px;
        }
        .pred_soustitre2 {
        display:block;
        text-align:center;
        font-size:16px;
        font-weight:bold;
        color:BurlyWood;
        }
        .pred_bloc2 {
        background:firebrick;
        display:inline-block;
        width:255px;
        padding:10px;
        height:250px;
        overflow:auto;
        color:white;
        margin-left:40px;
        text-align:justify;
        transition:1s;
        position:relative;
        top:-270px;
        left:275px;
        }

        .pred_bloc_img:hover .pred_bloc2 {
        margin-left:0px;
        transition:1s;
        }

        .pred_bloc_img img {
        width:275px;
        display:inline-block;
        height:270px;
        position: relative;
        bottom: 270px;
        transition: 1s;
        right:0px;
        }
        .pred_bloc_img:hover img {
        right: 275px;
        transition: 1s;
        z-index:0;
        opacity:0;
        }
        .forumline{
        background-color: #B1C6C7;
        -moz-border-radius: 0px 0px 14px 14px ;
        border-bottom: 8px #B1C6C7 solid;
        border-top: 1px #B1C6C7 dotted;
        border-right: 1px #B1C6C7 solid;
        border-left: 1px #B1C6C7 dotted;}
        /********** DÉBUT FICHE RACE **********/
        /* Couleur d'un groupe prioritaire. Peut être utilisé ailleurs sur le forum (ex: présence réduite/avatar ou PV réservé) */
        .prioritaire {
          font-weight: bold;
          color: orange;
        }

        /* Couleur d'un groupe ouvert. Peut être utilisé ailleurs sur le forum (ex: staff présent/PV ou avatar libre) */
        .ouvert {
          font-weight: bold;
          color: green;
        }

        /* Couleur d'un groupe fermé. Peut être utilisé ailleurs sur le forum (ex: staff absent/PV ou avatar pris) */
        .ferme {
          font-weight: bold;
          color: red;
        }

        /* Taille que prendra la fiche de races. */
        .contour_race {
          width: 700px;
          margin: auto;
          text-align: justify;
        }

        /* Titre de la fiche de race */
        .contour_race h1 {
          background: none;
          font-weight: normal;
          width: 100%;
          text-align: center;
          /* Police de Titre */
          font-family: 'Calligraffitti';
          margin-top: -10px;
          font-size: 40pt;
          /* Couleur du titre */
          color: white;
          text-shadow: 1px 1px 1px black;
        }

        /* Placement des titres de chaque race (image + nom) à droite. Si la largeur de la fiche ou de l'image a été changée, changer la margin ou le width (voire les deux). */
        .position_droite {
          /* Cette valeur devrait être la largeur de l'image */
          width: 500px;
          position: relative;
          margin-left: 200px;
        }

        /* Mise en forme du titre de la partie droite */
        .position_droite h2 {
          position: absolute;
          /* À modifier selon la hauteur de l'image */
          top: 65px;
          /* À modifier selon la largeur de l'image */
          width: 500px;
          height: 40px;
          text-align: center;
          /* Police du Titre */
          font-family: 'Calligraffitti';
          font-size: 25pt;
          /* Couleur du Titre */
          color: white;
          text-shadow: 1px 1px 1px black;
        }

        /* Placement des titres de chaque race (image + nom) à gauche. */
        .position_gauche {
          /* Cette valeur devrait être la largeur de l'image */
          width: 500px;
          position: relative;
        }

        /* Mise en forme du titre de la partie gauche */
        .position_gauche h2 {
          position: absolute;
          /* À modifier selon la hauteur de l'image */
          top: 65px;
          /* À modifier selon la largeur de l'image */
          width: 500px;
          height: 40px;
          text-align: center;
          /* Police du Titre */
          font-family: 'Calligraffitti';
          font-size: 25pt;
          /* Couleur du Titre */
          color: white;
          text-shadow: 1px 1px 1px black;
        }

        /* Conteneur du masque et de l'image */
        .bloc_contenu_races {
        /* Obligatoire pour le positionnement du masque */
        position: relative;
        /* Doit avoir la largeur et la hauteur de l'image */
        width: 500px;
        height: 100px;
        /* Obligatoire pour l'effet. */
        overflow: hidden;
        }

        /* Mise en place du masque. */
        .masque_contenu_races {
        position: absolute;
        top: 0;
        left: 0;
        /* Doit avoir la taille de l'image (attention au padding -> il n'est pas comprit dans la largeur et la hauteur de l'élément mais est en +! Ici, padding = 5, donc on ajoute 10 en largeur et en hauteur, ce qui veut dire que le width et le height ici est de 10 de moins que l'image! */
        width: 490px;
        height: 90px;
        padding: 5px;
        overflow: auto;
        text-align: center;
        opacity: 1;
        transition: all 0.4s ease-in-out;
        }

        .bloc_contenu_races .masque_contenu_races {
        /* Couleur de fond du masque */
          background-color: rgba(0, 0, 0, 0.8);
        /* Couleur du texte. */
          color: white;
          text-shadow: 1px 1px 1px grey;
          text-align: center;
          font-size: 9pt;
        /* Effet. */
          -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        }

        /* Effet sur le masque au passage de la souris */
        .bloc_contenu_races:hover .masque_contenu_races {
          -webkit-transform: translateX(0px);
        transform: translateX(0px);
        }

        /* Mise en place de l'image */
        .bloc_contenu_races img {
          position: relative;
        /* Taille de l'image */
          width: 500px;
        height: 100px;
          margin: 0px;
          transition: all 0.3s ease-in-out;
        }

        /* Effet sur l'image au passage de la souris */
        .bloc_contenu_races:hover img {
          -webkit-transform: translateX(500px);
        transform: translateX(500px);
        transition-delay: 0.1s;
        }

        /* Tout ce qui suit est exactement le même code qu'en haut, mais pour la partie gauche (l'effet y va dans l'autre sens). Ne sera donc pas commenté. */
        .bloc_contenu_races2 {
          position: relative;
        width: 500px;
        height: 100px;
        overflow: hidden;
        }

        .bloc_contenu_races2 .masque_contenu_races {
          background-color: rgba(0, 0, 0, 0.8);
          color: white;
          text-shadow: 1px 1px 1px grey;
          text-align: center;
          font-size: 9pt;
          -webkit-transform: translateX(500px);
        transform: translateX(500px);
        }

        .bloc_contenu_races2 img {
          position: relative;
        width: 500px;
        height: 100px;
          margin: 0px;
          transition: all 0.3s ease-in-out;
        }

        .bloc_contenu_races2:hover .masque_contenu_races {
          -webkit-transform: translateX(0px);
        transform: translateX(0px);
        }

        .bloc_contenu_races2:hover img {
          -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        transition-delay: 0.1s;
        }

        /* Fait que l'image de gauche flotte à côté du texte. */
        .image_gauche {
          float: left;
          margin-right: 5px;
        }

        /*Fait que l'image de droite flotte à coté du texte. */
        .image_droite {
          float: right;
          margin-left: 5px;
        }

        .credits_nyo {
          color: grey;
          font-weight: normal;
          width: 100%;
          text-align: center;
        }

        .credits_nyo a {
          color: grey;
          font-weight: normal;
          text-decoration: none !important;
          transition: all ease 1s;
        }

        .credits_nyo a:hover {
          color: #64CEF7;
          font-weight: normal;
          text-decoration: none !important;
          transition: all ease 1s;
        }
        /********** FIN FICHE RACE **********/
        .bloc_flottant
        {
        width: 150px;
        height: 100px;
        position:fixed;
        top: 50px;
        right: 10px;
        }

    /***************** HEADER *******************/

     /* NAVIGATION */
    #navSIT {
    position:fixed; z-index:5; left:0; top:0;
    width:100%; height:50px;
    background:#262323; /* MODIFIABLE */
    }
    .navSIT {
    position:absolute; top:15px; right:15px;
    }
    .mainmenu img {
    display:none;
    }
    /* BORDURE AVATAR */
    .avaSIT {
    position:absolute; z-index:5; left:15px;
    width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
    border-color:#8eb2d6; /* MODIFIABLE */
    }
    /* IMAGE AVATAR */
    .avaSIT img{
    width:75px;
    }
    /* MESSAGE DE BIENVENUE */
    .welcSIT {
    position:absolute; left:130px; top:20px;
    font-size:12px; font-family:Arial; /* MODIFIABLE */
    color:white; /* MODIFIABLE */
    }
    /* BIENVENUE */
    .welcSIT::before {
    float:left; margin-right:5px;
    content:'Bienvenue'; /* MODIFIABLE */
    }
    /* LIENS NAVIGATION */
    #navSIT a{
    display:inline-block; vertical-align:middle;
    text-align:center;
    text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
    color:white; /* MODIFIABLE */
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* SURVOL LIEN NAVIGATION */
    #navSIT a:hover {
    color:lightgrey; /* MODIFIABLE */
    }
    /* DECONNEXION */
    a#logout.mainmenu {
    font-size:0px;
    }
    a#logout.mainmenu::after {
    display:inline-block; vertical-align:middle;
    font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
    }
    /* MENU RECHERCHE */
    #search_menu {
    top:45px !important; left:5% !important;
    }
    /* COULEUR FOND MENU RECHERCHE */
    #search_menu td.row2 {
    background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
    }
    /* COULEUR TEXTE MENU RECHERCHE */
    #search_menu td.row2 span.genmed {
    color:black !important; /* MODIFIABLE */
    }
    /* TITRE MENU RECHERCHE */
    #search_menu th.thHead {
    text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
    background:black; color:white; /* MODIFIABLE */
    }
    /* BARRE MENU RECHERCHE */
    #search_menu input.post {
    height:23px !important; border:none !important;
    background:white; color:black; /* MODIFIABLE */
    }
    /* BOUTON MENU RECHERCHE */
    #search_menu input.button {
    height:25px; border:none !important; text-transform:uppercase;
    background:black; color:white !important; /* MODIFIABLE */
    }
    /* RECHERCHE AVANCEE */
    #search_menu a{
    display:block; margin-bottom:5px; width:235px;
    background:none !important; border:none !important;
    text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
    }
    /******************LISTE MEMBRES **********************/

    /* FOND LISTE DES MEMBRES */
    .bgLMBER {
    background:#262323; /* MODIFIABLE */
    line-height:16px;
    }
    /* TITRE LISTE DES MEMBRES */
    .tleLMBER {
    margin-bottom:25px; width:auto; padding:20px 0;
    font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
    background:#191919; color:white; /* MODIFIABLE */
    }
    #LMBER {
    width:690px; margin:auto;
    }
    /* BLOC MEMBRE */
    .MBER {
    float:left; margin:5px;
    width:220px; height:150px; font-family:Arial;
    background:rgba(0,0,0,0.8); /* MODIFIABLE */
    }
    /* BLOC PSEUDONYME */
    .nameLMBER {
    margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
    text-align:right; text-transform:uppercase; font-size:10px;
    background:grey; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
    }
    /* PSEUDONYME */
    .nameLMBER strong {
    color:white; /* MODIFIABLE */
    }
    /* BLOC INFORMATIONS */
    .abtLMBER {
    display:inline-block; vertical-align:top;
    width:105px;
    }
    /* INFORMATIONS */
    .abtLMBER div {
    margin-bottom:5px;
    height:15px; padding:5px 0; overflow:hidden; font-size:10px;
    background:lightgrey; color:black; /* MODIFIABLE */
    }
    .abtLMBER div:nth-of-type(3) {
    font-size:9px; text-transform:uppercase;
    }
    .abtLMBER div:nth-of-type(4) {
    font-size:9px; line-height:16px;
    }
    /* AVATAR / IMAGES MP & WWW */
    .imgLMBER {
    display:inline-block; vertical-align:top; margin-left:5px;
    width:100px; height:115px; overflow:hidden;
    }
    /* AVATAR */
    .avaLMBER {
    position:relative; z-index:3; margin-top:-115px;
    width:100px; height:115px; overflow:hidden;
    transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
    }
    .avaLMBER img {
    width:100px;
    }
    .imgLMBER:hover .avaLMBER {
    transform:translateX(100px); -webkit-transform:translateX(100px);
    }
    /* IMAGES MP & WWW */
    .btnLMBER {
    width:100px; height:115px; overflow:hidden;
    text-align:center; line-height:10px;
    background:rgba(0,0,0,0.6); /* MODIFIABLE */
    transform:translateX(-100px); -webkit-transform:translateX(-100px);
    transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
    }
    .btnLMBER img {
    max-width:80px;
    }
    .imgLMBER:hover .btnLMBER {
    transform:translateX(0px); -webkit-transform:translateX(0px);
    }
    /* NAVIGATION LISTE DES MEMBRES */
    .pageLMBER {
    margin:auto; width:680px;
    color:black; /* MODIFIABLE */
    text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
    }
    .pageLMBER a {
    color:black; /* MODIFIABLE */
    font-family:Arial;
    }
    /* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
    .btmLMBER {
    margin-top:25px; padding:15px 0;
    background:#212121; /* MODIFIABLE */
    text-align:center;
    }
    /* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
    .formLMBER span {
    display:inline-block; vertical-align:bottom; margin-top:1px;
    height:17px; padding:2px 5px 0;
    background:lightgrey; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
    }
    .formLMBER input, select {
    border:none !important;
    height:19px; padding:0;
    text-transform:uppercase; font-size:10px; font-family:Arial;
    }
    /* BOUTON OK LISTE DES MEMBRES */
    .formLMBER .liteoption {
    padding:0 5px 0 2px;
    background:lightgrey; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-weight:bold;
    }
    /* QEEL */
    .QEEL {
    margin:auto; width:800px; height:330px;
    }
    /* TITRE QEEL */
    .tleQEEL a{
    position:absolute; width:395px; height:35px; padding-top:15px;
    text-align:center; text-transform:uppercase; font-size:18px; font-family:Arial;
    background:#2f394b; color:white; /* MODIFIABLE */
    }
    /* 24H QEEL */
    .dayQEEL {
    position:absolute; margin-top:65px;
    width:190px; height:255px; padding:5px; overflow:auto;
    background:#403939; color:black; /* MODIFIABLE */
    }
    .dayQEEL .row1 {
    background:none; padding:0;
    }
    /* IMAGE QEEL */
    .imgQEEL {
    position:absolute; margin-top:65px; margin-left:215px;
    width:180px; height:150px;
    }
    /* STATISTIQUES QEEL */
    .stsQEEL {
    position:absolute; margin-left:410px;
    width:210px; height:110px; padding:10px; overflow:auto;
    background:#403939; color:black; /* MODIFIABLE */
    font-size:14px; line-height:22px; font-family:Arial; text-align:justify;
    }
    /* ANNIVERSAIRES QEEL */
    .anvQEEL {
    position:absolute; margin-top:143px; margin-left:410px;
    width:208px; height:50px; padding:10px; overflow:auto;
    border:1px solid; text-align:justify;
    border-color:black; /* MODIFIABLE */
    }
    .anvQEEL .row1{
    background:none !important; padding:0 !important;
    }
    .anvQEEL .gensmall {
    font-size:9px;
    color:black; /* MODIFIABLE */
    }
    /* NOMBRE UTILISATEURS EN LIGNE */
    #TLUS {
    display:block; margin:auto; margin-bottom:10px;
    letter-spacing:0; font-size:9px; text-align:center;
    color:black; /* MODIFIABLE */
    }
    /* MEMBRES CONNECTES QEEL */
    .onlineQEEL {
    position:absolute; margin-top:230px; margin-left:215px;
    width:415px; height:90px; padding:5px; overflow:auto;
    background:#403939; color:black; /* MODIFIABLE */
    font-size:11px;
    }
    /* BLOC GROUPES QEEL */
    .blocGQEEL {
    position:absolute; margin-left:655px;
    width:145px; height:330px; overflow:auto;
    text-align:center; color:rgba(0,0,0,0); font-family:Arial; line-height:14px;
    background:#191919; /* MODIFIABLE */
    }
    /* GROUPE QEEL */
    .blocGQEEL a {
    display:block;
    padding:3px; margin-bottom:2px;
    font-size:16px; font-weight:bold; text-transform:uppercase;
    }
        /************************************************** Début Page d'accueil **************************************************/


        /*Bloc de la page d'accueil*/
        #pa {
          position: relative;
          width: 776px;
          height: 376px;
          margin: auto;
          background-image: url('https://i.goopics.net/pWmyv.png');
          text-align: left;
          padding-top: 24px;
          padding-left: 4px;
          color: #efefef;
          font-family: verdana;
          font-size: 10px;
        }


        /*Bloc du concept*/
        #concept {
          float: left;
          position: relative;
          width: 175px;
          height: 222px;
          overflow: hidden;
        }
        /*Texte du concept*/
        #concept_text {
          width: 163px;
          height: 210px;
          margin: 1px;
          padding: 5px;
          text-align: justify;
          overflow: auto;
        }
        /*Image du concept*/
        #concept_img {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 175px;
          height: 222px;
          transition: 0.5s;
          -webkit-transition: 0.5s;
        }
        /*Glissement de l'image du concept*/
        #concept:hover #concept_img {
          left: 200px;
        }


        /*Bloc du staff*/
        #staff {
          float: left;
          position: relative;
          width: 313px;
          height: 133px;
          margin-left: 12px;
        }
        /*Bloc de chaque staffien*/
        .staff_infobulles {
          float: left;
          width: 67px;
          height: 50px;
          margin-top: 6px;
          margin-left: 9px;
        }
        /*Images du staff*/
        .staff_img {
          width: 67px;
          height: 50px;
        }
        /*Infobulles du staff*/
        .staff_infobulle {
          position: absolute;
          bottom: 11px;
          left: 9px;
          width: 294px;
          height: 66px;
          transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transition: 0.5s;
          -webkit-transition: 0.5s;
        }
        /*Apparition de l'infobulle du staff*/
        .staff_infobulles:hover .staff_infobulle {
          transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
        }
        /*Information du staff*/
        .staff_info {
          float: left;
          width: 130px;
          height: 51px;
          margin-top: 7px;
          padding: 4px;
        }
        /*Petit texte du staff*/
        .staff_text {
          float: left;
          width: 132px;
          height: 39px;
          margin-top: 12px;
          margin-left: 8px;
          padding: 4px;
          text-align: justify;
          border: 1px solid #353535;
          overflow: auto;
        }
        /*Message de bienvenue du staff*/
        #mess_accueil {
          position: absolute;
          bottom: 12px;
          left: 10px;
          width: 285px;
          height: 49px;
          padding: 4px;
          text-align: justify;
          overflow: auto;
          transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transition: 0.5s;
          -webkit-transition: 0.5s;
        }
        /*Disparition du message du staff*/
        .staff_infobulles:hover ~ #mess_accueil {
          transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
        }


        /*Bloc de l'event*/
        #event {
          float: left;
          position: relative;
          width: 312px;
          height: 59px;
          margin-top: 28px;
          margin-left: 14px;
          overflow: hidden;
        }
        /*Texte de l'event*/
        #event_text {
          width: 300px;
          height: 47px;
          padding: 5px;
          margin: 1px;
          text-align: justify;
          overflow: auto;
        }
        /*Image de l'event*/
        #event_img {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 312px;
          height: 59px;
          transition: 0.5s;
          -webkit-transition: 0.5s;
        }
        /*Glissement de l'image de l'event*/
        #event:hover #event_img {
          left: 337px;
        }

        /*Bloc de la navigation*/
        #navig_pa {
          float: left;
          width: 120px;
          height: 212px;
          margin-top: -132px;
          margin-left: 14px;
          padding: 5px;
          text-align: left;
          font-size: 10px;
        }
        #navig_pa a {
          display: inline-block;
          margin-top: 12px;
        }


        /*Bloc des top-sites*/
        #top_sites {
          float: left;
          width: 103px;
          height: 83px;
          margin-top: -130px;
          margin-left: 11px;
          padding: 5px;
          text-align: center;
        }
        /*Images des top-sites*/
        #top_sites img {
          width: 45px;
          height: 30px;
          margin: 3px;
          margin-top: 6px;
          margin-bottom: 0px;
          opacity: 0.8;
        }
        /*Images des top-sites survolés*/
        #top_sites img:hover {
          opacity: 1;
        }


        /*Bloc des crédits*/
        #credits {
          float: left;
          width: 103px;
          height: 104px;
          margin-top: -27px;
          margin-left: 12px;
          padding: 5px;
        }


        /*Bloc des membres du mois*/
        #membres_mois {
          float: left;
          width: 175px;
          height: 113px;
          margin-top: 23px;
          margin-left: -1px;
          text-align: center;
        }
        /*Images des membres du mois*/
        #membres_mois img {
          width: 67px;
          height: 50px;
          margin: 8px;
        }
        /*Infos des membres du mois*/
        #membres_mois_info {
          width: 142px;
          height: 36px;
          margin: auto;
          margin-top: -2px;
          padding: 4px;
          text-align: center;
          background-color: rgba(100,100,100,0.5);
        }


        /*Bloc des partenaires*/
        #partenaires {
          float: left;
          width: 301px;
          height: 102px;
          margin-top: 23px;
          margin-left: 15px;
          padding: 5px;
          text-align: center;
        }
        /*Images des partenaires*/
        #partenaires img {
          width: 88px;
          height: 31px;
          margin: 3px;
          opacity: 0.8;
        }
        /*Images des partenaires survolés*/
        #partenaires img:hover {
          opacity: 1;
        }


        /*Bloc des pvs*/
        #pvs {
          float: left;
          width: 246px;
          height: 103px;
          margin-top: 22px;
          margin-left: 14px;
          padding: 5px;
          padding-top: 3px;
          text-align: center;
        }
        /*Bloc de chaque pv*/
        .pvs_infobulles {
          position: relative;
          display: inline-block;
          width: 67px;
          height: 50px;
          margin: 1px;
          margin-left: 1px;
          margin-right: 2px;
        }
        /*Images des pvs*/
        #pvs img {
          width: 67px;
          height: 50px;
        }
        /*Infobulles des pvs*/
        .pv_infobulle {
          position: absolute;
          z-index: 1;
          bottom: 50px;
          left: -10px;
          width: 79px;
          height: auto;
          padding: 3px;
          background-color: #303030;
          border-radius: 3px;
          box-shadow: 0px 0px 5px 2px #000000;
          transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transition: 0.2s;
          -webkit-transition: 0.2s;
        }
        /*Apparition de l'infobulle des pvs*/
        .pvs_infobulles:hover .pv_infobulle {
          transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
        }

        /************************************************** Fin Page d'accueil **************************************************/
    /* BLOC TITRE CATEGORIE */
    .tleCAT {
    margin:10px auto;
    width:800px; padding:10px 0; text-align:center;
    background:#8eb2d6; /* MODIFIABLE */
    }
    /* TITRE CATEGORIE */
    .tleCAT h2 {
    margin:0 auto;
    font-size:42px; text-transform:uppercase; letter-spacing:2px;
    font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
    }
    /* BLOC FORUM */
    .FRM {
    margin:0 auto 10px;
    width:800px; height:165px; overflow:hidden;
    text-align:center; font-family:Arial;
    }
    /* BLOC ICÔNES / TITRE FORUM */
    .tleFRM {
    margin:auto; width:780px; height:20px; padding:10px; overflow:hidden;
    font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
    background:#2f394b; /* MODIFIABLE */
    }
    /* ICÔNES FORUMS */
    .imgFRM {
    float:left;
    width:75px; height:20px;
    }
    /* TITRE FORUM */
    .tleFRM a {
    color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
    }
    /* NOMBRE SUJETS & MESSAGES FORUM */
    .nbFRM {
    position:absolute; z-index:4; margin-left:15px; margin-top:40px;
    width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
    text-align:center; font-size:11px; text-transform:uppercase;
    background:#E7EAEA; color:rgba(0,0,0,0.5); /* MODIFIABLE */
    }
    /* BLOC SOUS-FORUMS */
    .sfFRM {
    position:absolute; z-index:5; margin-top:15px; margin-left:15px;
    width:145px; height:0; padding:0 5px; overflow:hidden;
    font-size:10px; text-transform:uppercase; text-align:justify;
    background:#E7EAEA; /* MODIFIABLE */
    transition:all .45s ease; -webkit-transition:all .45s ease;
    }
    .sfFRM:hover {
    overflow-y:auto;
    }
    .FRM:hover .sfFRM {
    height:85px; padding:5px;
    }
    /* LIENS SOUS-FORUMS */
    .sfFRM a {
    color:#191919 !important; /* MODIFIABLE */
    }
    /* DESCRIPTION FORUM */
    #descFRM {
    display:inline-block; vertical-align:top;
    width:625px; height:125px; overflow:hidden;
    background:#DEDEDE; /* MODIFIABLE */
    font-size:11px; text-align:justify;
    }
    /* IMAGE DESCRIPTIVE FORUM */
    #descFRM img {
    position:absolute; z-index:2;
    width:625px; height:125px;
    }
    /* CONTENU DESCRIPTION FORUM */
    .descFRM {
    position:absolute; z-index:3; margin-top:15px; margin-left:185px;
    width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px;
    background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
    opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease;
    }
    .FRM:hover .descFRM {
    opacity:1;
    }
    /* TRIANGLE DERNIER MESSAGE FORUM */
    .triFRM {
    position:absolute; z-index:3; margin-top:-125px; margin-left:560px;
    width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent;
    border-right-color:#191919; /* MODIFIABLE */
    }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {
    display:inline-block; vertical-align:top;
    width:155px; height:125px; padding:0 10px; overflow:hidden;
    text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
    background:#191919; color:#DEDEDE; /* MODIFIABLE */
    }
    /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
    .lmsgFRM a {
    color:#DEDEDE !important; /* MODIFIABLE */
    }

                  body {
        background-image: url(https://i.goopics.net/RZKGA.png);
        background-repeat:no-repeat;
        background-position: top center;}
        @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');
        body {
          position: relative;
          overflow-x: hidden;
        }
       

    Merci pour votre aide ♥
    NyoTheNeko
    NyoTheNeko
    FémininAge : 25Messages : 5672

    le Jeu 9 Jan 2020 - 15:29

    Hey !
    Où et quel est le soucis ? Je suis sous Mozilla et je vois pas de problème ^^" As-tu essayé de vider ton cache ?



    Lakia
    Lakia
    FémininAge : 21Messages : 125

    le Jeu 9 Jan 2020 - 19:44

    Hello ! Merci de ta réponse ^^
    Effectivement je viens d'y aller aujourd'hui et le problème a disparu, c'était sûrement le cache dans ce cas, j'ai eu peur. Mais du coup j'ai un soucis au niveau de la page, elle se déforme et s'agrandit à chaque fois que j'ouvre un sujet, je ne sais pas si il y a un moyen de fixer la taille pour ne pas la déformer :ange:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 25Messages : 5672

    le Ven 10 Jan 2020 - 11:44

    Alors je vois pas de déformation. Tu peux me faire un screen ?



    Lakia
    Lakia
    FémininAge : 21Messages : 125

    le Ven 10 Jan 2020 - 14:04

    Alors là c'est la taille normale de la page, donc du forum (800 pixels) : https://i.goopics.net/3ynyr.png

    Là je viens de cliquer sur un sujet : https://i.goopics.net/aepeE.png et on voit très clairement que la page s'est agrandie, alors que le code qui est inséré et qu'on peut voir ici : https://i.goopics.net/9DNDy.png fait 500 pixels et est donc en dessous de la largeur du forum.

    Même sur un sujet sans code il y a une déformation de la page No
    NyoTheNeko
    NyoTheNeko
    FémininAge : 25Messages : 5672

    le Mar 14 Jan 2020 - 12:22

    Alors j'ai revérifié, mais chez moi il n'y a vraiment aucun changement :
    Problème avec Mozilla Co9pCmz
    Problème avec Mozilla BAZxvBR
    Problème avec Mozilla SOLjLgn

    Du coup je sais pas trop comment t'aider xD Tu peux peut-être forcer forumline à toujours être à 800px en ajoutant width: 800px à ta classe forumline.



    Lakia
    Lakia
    FémininAge : 21Messages : 125

    le Mer 15 Jan 2020 - 20:19

    C'est fou ça ! 
    J'ai essayé mais ça ne marche pas, c'est bien dans index box ? ^^
    Shaneliae
    Shaneliae
    FémininAge : 23Messages : 15

    le Mer 15 Jan 2020 - 21:08

    Hello !

    Pour vous aider un peu, j'ai testé de mon côté. J'ai trouvé des sujets où il y a le bug :
    https://miocene.forumsrpg.com/t27-vizava-aya-ite
    https://miocene.forumsrpg.com/t4-staff

    Essaye plutôt en le mettant dans le CSS plutôt que dans le template avec :
    Code:
    .forumline {
      width: 800px;
    }

    Si cela ne suffit pas écris plutôt :
    Code:
    .forumline {
      width: 800px !important;
    }

    Dis nous si cela fonctionne !



    Problème avec Mozilla 31381374t2 Merci Onyx :heart:
    Lakia
    Lakia
    FémininAge : 21Messages : 125

    le Jeu 16 Jan 2020 - 15:22

    Merci pour votre aide !
    Malheureusement les codes ne règlent pas le problème, je les ai rajoutés dans le CSS mais il y a juste la taille du "cadre"qui change : https://i.goopics.net/KJZZv.png
    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Jan 2020 - 10:07