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

Version du 20 juin 2024 à 13:16

/*====================*/
/* VARIABLES GLOBALES */
/*====================*/
:root {
    --color_main: #661810;        /* Couleur général du site - Bordeaux */
    --color_main2: #923F31;       /* Couleur général +clair */
    --color_main3: #CAADA8;       /* Couleur général ++clair */
    --color_main_dark: #47100B;   /* Couleur général +sombre */
    --color_main_grey1: #F5F5F5;  /* Gris clair+ */
    --color_main_grey2: #EAEAEA;  /* Gris clair */
    --color_main_grey3: #E0E0E0;  /* Gris moyen - Fond du site */
    --color_main_grey4: #D8D8D8;  /* Gris foncé */
    --color_main_grey5: #CACACA;  /* Gris foncé+ */
    --color_gradient1: #496D27;   /* ok */
    --color_gradient2: #9F4A3B;   /* ok */
    --color_gradient3: #448086;   /* ok */
    --color_gradient4: #00BA97;   /* pas testé */
    --color_gradient5: #00DBF2;   /* pas testé */

    --color_home_h2: #4D1712;      /* Couleur Titre niv 2 de l'accueil */
    --color_a: #0752CA;            /* Couleur des liens hypertexte (save #0858D9) */
    --a_link_title_icon: "⮊";      /* Flèches des liens de titre */
    --a_link_title_color: #002C75; /* Couleurs des flèches (save #002C75) */


    --fs: 12.5px;                   /* Police de base - Taille */
    --ff: Calibri, sans-serif;    /* Police de base - Police */
    --fs_XXS: 85%; --fs_XS: 90%; --fs_S: 95%; --fs_M: 100%; --fs_L: 105%; --fs_XL: 110%; --fs_XXL: 115%;  /* Taille de police modifiée */
    --h1_size: 230%; --h2_size: 210%; --h3_size: 170%; --h4_size: 140%; --h5_size: 125%; --h6_size: 110%; /* Taille des titrs */

    --content_marg_left: 140px;  /* Marge du site : à droite */
    --content_marg_right: 200px; /* Marge du site : à gauche */
    --menu_marg_top: 140px;      /* Marge du site : en haut */
    --box_shadow_menu: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; /* Ombre des menus - TOC et menu de gauche */

    --ibox_size: 270px; /* Taille de l'infobox */
}


/*====================*/
/*    BODY et BASE    */
/*====================*/
body {
    background-image: none;
    background-color: var(--color_main_grey3);
    font-family: var(--ff);
    font-size: var(--fs);
}

.mw-body {line-height: 1.4}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {font-family: var(--ff);}


/*====================*/
/* ADAPTATION VECTOR  */
/*====================*/
.vector-body {font-size: 130%;} /* Ajustement de la taille la police) */

#mw-page-base {background-image: none; background-color: var(--color_main_grey3);} /* Bandeau du haut */

/*====================*/
/*   MAIN DU SITE     */
/*====================*/
#content {
    margin-left: var(--content_marg_left);
    margin-right: var(--content_marg_right);
    text-align: justify;
    border-right: 1px solid #aaaaaa;
}

#footer, .mw-footer {position: relative; text-align: center; z-index: 0;}