« MediaWiki:Common.css » : différence entre les versions

De Les Archives Infinies
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');


/* Bandeau personnalisé en haut de la page */
body:before {
body:before {
     content: "Les Archives Infinies";
     content: "📜 Les Archives Infinies 📚";
     display: block;
     display: block;
     position: fixed;
     position: fixed;
Ligne 12 : Ligne 13 :
     background-position: center;
     background-position: center;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    height: 200px;
     color: #f0e6d6;
     color: #f0e6d6;
     font-family: 'MedievalSharp', cursive;
     font-family: 'MedievalSharp', cursive;
Ligne 19 : Ligne 19 :
     padding-top: 70px;
     padding-top: 70px;
     text-shadow: 2px 2px 4px #000;
     text-shadow: 2px 2px 4px #000;
    position: fixed;
     z-index: 999999;
    top: 0;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    width: 100%;
     z-index: 999999; /* encore plus haut */
     box-shadow: 0 4px 6px rgba(0,0,0,0.5);
     opacity: 1;
     opacity: 1;
}
}


/* Barre native Timeless sous le bandeau */
#mw-header-container {
#mw-header-container {
     position: fixed;
     position: fixed !important;
     top: 200px; /* même hauteur que ton bandeau */
     top: 200px;
     width: 100%;
     width: 100%;
     z-index: 9998;
     z-index: 99998;
}
}


/* Décale le contenu vers le bas */
body {
body {
     padding-top: 260px; /* 200px pour le bandeau + 60px pour la barre Timeless */
     padding-top: 260px; /* Ajuste si ton bandeau ou la barre est plus haute */
}
}


body, html {
/* Empêche les bugs de scroll horizontaux et de contexte */
html, body {
     overflow-x: hidden;
     overflow-x: hidden;
     position: static !important;
     position: static !important;
}
#mw-header-container {
    position: relative !important;
    top: 200px; /* ou la hauteur de ton bandeau */
    z-index: 9998;
}
}

Version du 29 mars 2025 à 02:44

@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

/* Bandeau personnalisé en haut de la page */
body:before {
    content: "📜 Les Archives Infinies 📚";
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 200px;
    background-image: url("/images/e/e3/Bandeau-codex-all%C3%A9g%C3%A9.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #f0e6d6;
    font-family: 'MedievalSharp', cursive;
    font-size: 36px;
    text-align: center;
    padding-top: 70px;
    text-shadow: 2px 2px 4px #000;
    z-index: 999999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    opacity: 1;
}

/* Barre native Timeless sous le bandeau */
#mw-header-container {
    position: fixed !important;
    top: 200px;
    width: 100%;
    z-index: 99998;
}

/* Décale le contenu vers le bas */
body {
    padding-top: 260px; /* Ajuste si ton bandeau ou la barre est plus haute */
}

/* Empêche les bugs de scroll horizontaux et de contexte */
html, body {
    overflow-x: hidden;
    position: static !important;
}