Naar inhoud springen

MediaWiki:Common.css

Uit CostaSano-Wiki
Versie door Mngr (overleg | bijdragen) op 10 dec 2025 om 21:39

Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.

  • Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
  • Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
  • Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */

/* ===== Journal Infobox styling (light + dark mode, with forced borders) ===== */

.journal-infobox {
    width: 300px;
    border-collapse: collapse;
    margin: 0.5em 0;
}

/* Default borders (apply everywhere) */
.journal-infobox th,
.journal-infobox td {
    padding: 4px 6px;
    border: 1px solid #000 !important;   /* force black borders */
}

.journal-infobox th {
    text-align: center;
    font-weight: bold;
}

/* Dark mode: override with white borders */
@media (prefers-color-scheme: dark) {
    .journal-infobox th,
    .journal-infobox td {
        border: 1px solid #fff !important;
    }
    .journal-infobox {
        border: 2px solid #fff !important;
    }
    .journal-infobox th {
        background-color: rgba(255,255,255,0.08);
    }
}

/* 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 ===== */