Aller au contenu

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

De AECFC
Page créée avec « 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-right: 28px; align-it... »
 
Aucun résumé des modifications
 
(12 versions intermédiaires par le même utilisateur non affichées)
Ligne 12 : Ligne 12 :
         min-width: 300px;
         min-width: 300px;
         gap: 18px;
         gap: 18px;
        margin-left: 20px;
         margin-right: 28px;
         margin-right: 28px;
         align-items: center;
         align-items: center;
Ligne 18 : Ligne 19 :
     /* Agrandir l'image du logo */
     /* Agrandir l'image du logo */
     .skin-vector-2022 .mw-header .mw-logo-icon {
     .skin-vector-2022 .mw-header .mw-logo-icon {
         width: 100px;
         width: 180px;
         height: 82px;
         height: 120px;
         max-width: none;
         max-width: none;
         max-height: none;
         max-height: none;
Ligne 30 : Ligne 31 :
     }
     }
}
}
/* 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;
}
// Hover
.skin-vector-2022 a:hover {
    color: #C69214;
}
*/

Dernière version du 19 juin 2026 à 17:50

/* 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;
}

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