MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
 Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Agrandir la zone du logo dans Vector 2022 */
@media screen and (min-width: 1000px) {

    /* Donner davantage de hauteur à l'en-tête */
    .skin-vector-2022 .mw-header {
        min-height: 96px;
    }

    /* Réserver plus de largeur au logo et au nom du wiki */
    .skin-vector-2022 .mw-header .mw-logo {
        min-width: 300px;
        gap: 18px;
        margin-left: 20px;
        margin-right: 28px;
        align-items: center;
    }

    /* Agrandir l'image du logo */
    .skin-vector-2022 .mw-header .mw-logo-icon {
        width: 180px;
        height: 120px;
        max-width: none;
        max-height: none;
        object-fit: contain;
    }

    /* Écarter le nom du site du logo */
    .skin-vector-2022 .mw-header .mw-logo-container {
        margin-left: 8px;
    }
}

/* Nom et sous-titre personnalisés du wiki — Vector 2022 */
@media screen and (min-width: 1000px) {

    .skin-vector-2022 .mw-logo-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        min-width: 270px;
        margin-left: 12px;

        line-height: 1;
    }

    /* Masquer le nom et le sous-titre graphiques d'origine */
    .skin-vector-2022 .mw-logo-wordmark,
    .skin-vector-2022 .mw-logo-tagline {
        display: none;
    }

    /* Grand nom du site */
    .skin-vector-2022 .mw-logo-container::before {
        content: "AECFC";

        display: block;
        font-size: 36px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 1px;
        color: #287271;
        white-space: nowrap;
    }

    /* Sous-titre */
    .skin-vector-2022 .mw-logo-container::after {
        content: "École chinoise Paris-Sud";

        display: block;
        margin-top: 7px;

        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
        color: #1D5D9B;
        white-space: nowrap;
    }
}

/* Palette AECFC */
:root {
    --aecfc-background: #EFE6D8;
    --aecfc-content: #FFFDFA;
    --aecfc-red: #A61B1B;
    --aecfc-gold: #C9A24A;
    --aecfc-border: #E7D8BC;
    --aecfc-text: #333333;
}

/* Fond général du wiki */
html,
body.skin-vector-2022 {
    background-color: var(--aecfc-background);
}

/* Conteneur général Vector 2022 */
.skin-vector-2022 .mw-page-container {
    background-color: var(--aecfc-background);
}

/* En-tête */
.skin-vector-2022 .vector-header-container {
    background-color: var(--aecfc-background);
}

/* Zone principale de la page */
.skin-vector-2022 .mw-body {
    background-color: var(--aecfc-content);
    border: 1px solid var(--aecfc-border);
    border-radius: 12px;
    padding: 24px 30px;
    box-shadow: 0 2px 8px rgba(80, 50, 20, 0.06);
}

/* Menu latéral */
.skin-vector-2022 .vector-main-menu-container {
    background-color: transparent;
}

/* Bas de page */
.skin-vector-2022 .mw-footer-container {
    background-color: var(--aecfc-background);
}

/* Titres 
.skin-vector-2022 h1,
.skin-vector-2022 h2 {
    color: var(--aecfc-red);
}

/* Liens 
.skin-vector-2022 a {
    color: #9A251D;
}

.skin-vector-2022 a:hover {
    color: #C69214;
}
*/