« 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 */
#site-header {
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-image: url("/images/e/e3/Bandeau-codex-all%C3%A9g%C3%A9.jpg");
     background-size: cover;
     background-size: cover;
     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;
     font-size: 36px;
     font-size: 36px;
     text-align: center;
     text-align: center;
     padding-top: 70px;
     display: flex;
    align-items: center;
    justify-content: center;
     text-shadow: 2px 2px 4px #000;
     text-shadow: 2px 2px 4px #000;
     z-index: 999999;
    position: fixed;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    top: 0;
    opacity: 1;
    width: 100%;
     z-index: 99999;
     box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
}


/* Barre native Timeless sous le bandeau */
/* Faire descendre la barre native Timeless */
#mw-header-container {
#mw-header-container {
     position: fixed !important;
     position: fixed !important;
Ligne 32 : Ligne 30 :
}
}


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


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

Version du 29 mars 2025 à 02:47

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

#site-header {
    background-image: url("/images/e/e3/Bandeau-codex-all%C3%A9g%C3%A9.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    color: #f0e6d6;
    font-family: 'MedievalSharp', cursive;
    font-size: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 2px 2px 4px #000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}

/* Faire descendre la barre native Timeless */
#mw-header-container {
    position: fixed !important;
    top: 200px;
    width: 100%;
    z-index: 99998;
}

/* Décaler le contenu principal */
body {
    padding-top: 260px;
}

html, body {
    overflow-x: hidden;
}