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

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* ============================================================
 * THEME PRINCIPAL
 * ============================================================ */
:root {
    --color-progressive-oklch__l: 32%;
    --color-progressive-oklch__c: 0.15;
    --color-progressive-oklch__h: 264;
}

body {
    font-family: Tahoma, "Segoe UI", "MS Sans Serif", sans-serif;
}

.infobox-infotheque {
    float: right;
    width: 280px;
    margin: 0 0 1em 1em;
    background: #C0C0C0;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    box-shadow: inset 1px 1px 0 #DFDFDF, inset -1px -1px 0 #808080;
    font-size: 90%;
    color: #000000;
}

.infobox-infotheque caption {
    background: linear-gradient(90deg, #000080, #1084D0);
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 6px;
    text-align: left;
}

.infobox-infotheque th {
    background: #C0C0C0;
    color: #000000;
    text-align: left;
    padding: 3px 6px;
    border-top: 1px solid #808080;
    font-weight: bold;
}

.infobox-infotheque td {
    padding: 3px 6px;
    border-top: 1px solid #808080;
}

/* ============================================================
 * PAGE ACCUEIL
 * ============================================================ */

/* Image de fond, seulement sur la page d'accueil */
body.page-Accueil .citizen-page-container {
    position: relative;
}

body.page-Accueil .citizen-page-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://www.infotheque.fr/images/thumb/4/4d/Nuages.jpeg/2560px-Nuages.jpeg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
    opacity: 0.8;
}

/* Masque le titre de la page et les icônes (modifier, voir le code
   source, historique, plus…) — uniquement sur la page d'accueil.
   Le pied de page (footer) du thème reste visible partout, y
   compris sur l'accueil. Le reste du wiki garde ces éléments
   normalement. */
body.page-Accueil .mw-body-header.citizen-page-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}