« 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 :
/* Bandeau en haut de page */
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
 
#site-header {
#site-header {
     background-image: url("/images/e/e3/Bandeau-codex-allégé.jpg");
     background-image: url("/images/e/e3/Bandeau-codex-allégé.jpg");
     background-size: cover;
     background-size: cover;
     background-position: center;
     background-position: center;
     height: 180px;
    background-repeat: no-repeat;
     height: 200px;
     color: #f0e6d6;
     color: #f0e6d6;
     font-family: 'MedievalSharp', cursive;
     font-family: 'MedievalSharp', cursive;
     font-size: 32px;
     font-size: 36px;
     text-align: center;
     text-align: center;
     padding-top: 50px;
     padding-top: 70px;
     text-shadow: 2px 2px 4px #000;
     text-shadow: 2px 2px 4px #000;
     position: fixed;
     position: fixed;
Ligne 15 : Ligne 17 :
     width: 100%;
     width: 100%;
     z-index: 9999;
     z-index: 9999;
     box-shadow: 0 2px 6px rgba(0,0,0,0.6);
     box-shadow: 0 4px 6px rgba(0,0,0,0.5);
    opacity: 1 !important;
}
}


/* Décale le contenu vers le bas pour ne pas être caché par le bandeau */
body {
body {
     padding-top: 60px;
     padding-top: 220px;
}
}

Version du 29 mars 2025 à 01:45

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

#site-header {
    background-image: url("/images/e/e3/Bandeau-codex-allégé.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;
    padding-top: 70px;
    text-shadow: 2px 2px 4px #000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5);
    opacity: 1 !important;
}

body {
    padding-top: 220px;
}