Jump to content

MediaWiki:Common.css

From www.ReeltoReel.nl Wiki
Revision as of 20:11, 10 February 2026 by Root (talk | contribs)

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 volledige breedte en herstel H1/H2 styling */
/* 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. */
/* ==================================================== */

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

/* 1. Breedte van de middenkolom forceren (Vector 2022) */
:root {
    --max-width-content: 100% !important;
    --max-width-page: 100% !important;
}

.mw-page-container {
    max-width: none !important;
    margin: 0 2em !important; /* Een kleine marge aan de zijkanten voor balans */
}

.mw-content-container {
    max-width: none !important;
    width: 100% !important;
}

/* 2. Koppen herstellen naar de look van stijl.css */
/* We verwijderen de MediaWiki-specifieke lijnen en fonts om ruimte te maken voor jouw stijl */
h1, h2, #firstHeading, .mw-headline {
    font-family: inherit !important;
    border-bottom: none !important;
    margin-bottom: 0.5em !important;
}

/* 3. Algemene tekst en font-weight */
body, #content, .mw-body {
    background: transparent !important;
    color: inherit;
    font-weight: 500 !important; /* Maakt de letters 'vetter' zoals gevraagd */
}

/* De sidebar en header ook transparant voor de achtergrond van de site */
#mw-head, #mw-panel, .vector-header-container {
    background: transparent !important;
}