MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ==================================================== */
/* File: MediaWiki:Common.css                           */
/* Description : Herstel breedte via variabelen en koppen */
/* 10 feb 2026: 1.0 - pvdm - Basis kleuren en transparantie. */
/* 10 feb 2026: 1.1 - Gemini - max-width verwijderd en font-weight verhoogd. */
/* 10 feb 2026: 1.2 - Gemini - Vector 2022 specifieke breedte-overrides. */
/* 10 feb 2026: 1.3 - Gemini - Geforceerde breedte via CSS variabelen en H1/H2 reset. */
/* 10 feb 2026: 1.4 - Gemini - Layout grid hersteld en font-weight naar 600. */
/* 10 feb 2026: 1.5 - Gemini - Gebruik van specifieke Vector variabelen voor breedte. */
/* ===================================================== */

@import url("https://www.reeltoreel.nl/stijl.css");

/* 1. Forceer de breedte via de officiële variabelen van de skin */
:root {
    --max-width-content-container: none !important;
    --max-width-page-container: none !important;
    --width-layout-content: 100% !important;
}

/* 2. Zorg dat de tekstkolom de ruimte pakt zonder de zijbalken weg te drukken */
.mw-content-container {
    max-width: none !important;
}

/* 3. Koppen forceren naar jouw stijl.css look */
/* MediaWiki gebruikt vaak #firstHeading voor de hoofdtitel */
h1, h2, h3, #firstHeading {
    font-family: inherit !important;
    font-weight: 800 !important; /* Extra dik voor koppen */
    border-bottom: 2px solid #ccc !important; /* Of een kleur uit je stijl.css */
}

/* 4. Algemene tekst dikker maken (vetter) */
/* We pakken specifiek de paragrafen aan voor de leesbaarheid */
.mw-body-content p, .mw-body-content li {
    font-weight: 600 !important;
    font-size: 1.1em !important; /* Iets groter voor betere leesbaarheid */
}

/* Achtergronden transparant houden voor je website-stijl */
#content, .mw-page-container, .vector-header-container {
    background: transparent !important;
}