Naar inhoud springen

MediaWiki:Common.css: verschil tussen versies

Uit CostaSano-Wiki
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
Regel 1: Regel 1:
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
/* Base infobox styling */
 
.infobox {
/* ===== Journal Infobox styling (light + dark mode, with forced borders) ===== */
    border: 1px solid var(--infobox-border, #ccc);
 
    border-radius: 6px;
.journal-infobox {
    padding: 0.5em;
    margin: 1em 0;
    font-size: 90%;
     width: 300px;
     width: 300px;
     border-collapse: collapse;
     background-color: var(--infobox-bg, #f9f9f9);
     margin: 0.5em 0;
     color: var(--infobox-text, #000);
}
}


/* Default borders (apply everywhere) */
/* Infobox header */
.journal-infobox th,
.infobox .infobox-title {
.journal-infobox td {
    font-weight: bold;
     padding: 4px 6px;
    font-size: 110%;
     border: 1px solid #000 !important;   /* force black borders */
    padding: 0.4em;
    text-align: center;
    background-color: var(--infobox-header-bg, #e0e0e0);
     color: var(--infobox-header-text, #000);
     border-bottom: 1px solid var(--infobox-border, #ccc);
}
}


.journal-infobox th {
/* Infobox rows */
     text-align: center;
.infobox .infobox-row {
     font-weight: bold;
     padding: 0.3em 0.5em;
    border-bottom: 1px solid var(--infobox-border, #ccc);
}
.infobox .infobox-row:last-child {
     border-bottom: none;
}
}


/* Dark mode: override with white borders */
/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
     .journal-infobox th,
     .infobox {
    .journal-infobox td {
        --infobox-bg: #1e1e1e;
         border: 1px solid #fff !important;
         --infobox-text: #e0e0e0;
    }
        --infobox-border: #444;
    .journal-infobox {
        border: 2px solid #fff !important;
     }
     }
     .journal-infobox th {
     .infobox .infobox-title {
         background-color: rgba(255,255,255,0.08);
        --infobox-header-bg: #333;
         --infobox-header-text: #fff;
     }
     }
}
}
/* Light mode: override with strong black borders */
@media (prefers-color-scheme: light) {
    .journal-infobox th,
    .journal-infobox td {
        border: 1px solid #000 !important;
    }
    .journal-infobox {
        border: 2px solid #000 !important;
    }
    .journal-infobox th {
        background-color: rgba(0,0,0,0.06);
    }
}
/* ===== end of Journal Infobox styling ===== */

Versie van 10 dec 2025 22:00

/* Base infobox styling */
.infobox {
    border: 1px solid var(--infobox-border, #ccc);
    border-radius: 6px;
    padding: 0.5em;
    margin: 1em 0;
    font-size: 90%;
    width: 300px;
    background-color: var(--infobox-bg, #f9f9f9);
    color: var(--infobox-text, #000);
}

/* Infobox header */
.infobox .infobox-title {
    font-weight: bold;
    font-size: 110%;
    padding: 0.4em;
    text-align: center;
    background-color: var(--infobox-header-bg, #e0e0e0);
    color: var(--infobox-header-text, #000);
    border-bottom: 1px solid var(--infobox-border, #ccc);
}

/* Infobox rows */
.infobox .infobox-row {
    padding: 0.3em 0.5em;
    border-bottom: 1px solid var(--infobox-border, #ccc);
}
.infobox .infobox-row:last-child {
    border-bottom: none;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .infobox {
        --infobox-bg: #1e1e1e;
        --infobox-text: #e0e0e0;
        --infobox-border: #444;
    }
    .infobox .infobox-title {
        --infobox-header-bg: #333;
        --infobox-header-text: #fff;
    }
}