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 : Forceer brede layout en herstel H1/H2  */
/* 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. */
/* ===================================================== */

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

/* 1. Volledige breedte forceren en marges verwijderen */
:root {
    --max-width-content: 100% !important;
    --max-width-page: 100% !important;
}

.mw-page-container, 
.mw-content-container, 
.mw-body {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 2. Font-weight fors omhoog voor betere leesbaarheid */
body, p, .mw-body, #content {
    font-weight: 600 !important;
    color: inherit;
    background: transparent !important;
}

/* 3. Koppen forceren naar jouw stijl.css */
/* We resetten de MediaWiki defaults zodat jouw h1/h2 definities uit stijl.css de overhand krijgen */
h1, h2, h3, #firstHeading, .mw-headline {
    font-family: inherit !important;
    border-bottom: none !important;
    font-weight: 800 !important; /* Extra vet voor koppen */
}

/* Sidebar en Header transparant maken voor de achtergrond van de site */
#mw-head, #mw-panel, .vector-header-container, .vector-main-menu-container {
    background: transparent !important;
}

/* Verwijder de grijze achtergrond van de pagina zelf */
.mw-page-container {
    background: transparent !important;
}