Jump to content

MediaWiki:Common.css: Difference between revisions

From www.ReeltoReel.nl Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* ==================================================== */
/* ==================================================== */
/* File: MediaWiki:Common.css                          */
/* File: MediaWiki:Common.css                          */
/* Description : Forceer volledige breedte en herstel H1/H2 styling */
/* Description : Forceer brede layout en herstel H1/H2 */
/* 10 feb 2026: 1.0 - pvdm - Basis kleuren en transparantie. */
/* 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.1 - Gemini - max-width verwijderd en font-weight verhoogd. */
/* 10 feb 2026: 1.2 - Gemini - Vector 2022 specifieke breedte-overrides. */
/* 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.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");
@import url("https://www.reeltoreel.nl/stijl.css");


/* 1. Breedte van de middenkolom forceren (Vector 2022) */
/* 1. Volledige breedte forceren en marges verwijderen */
:root {
:root {
     --max-width-content: 100% !important;
     --max-width-content: 100% !important;
Line 16: Line 17:
}
}


.mw-page-container {
.mw-page-container,
.mw-content-container,
.mw-body {
     max-width: none !important;
     max-width: none !important;
     margin: 0 2em !important; /* Een kleine marge aan de zijkanten voor balans */
    width: 100% !important;
     margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}


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


/* 2. Koppen herstellen naar de look van stijl.css */
/* 3. Koppen forceren naar jouw stijl.css */
/* We verwijderen de MediaWiki-specifieke lijnen en fonts om ruimte te maken voor jouw stijl */
/* We resetten de MediaWiki defaults zodat jouw h1/h2 definities uit stijl.css de overhand krijgen */
h1, h2, #firstHeading, .mw-headline {
h1, h2, h3, #firstHeading, .mw-headline {
     font-family: inherit !important;
     font-family: inherit !important;
     border-bottom: none !important;
     border-bottom: none !important;
     margin-bottom: 0.5em !important;
     font-weight: 800 !important; /* Extra vet voor koppen */
}
}


/* 3. Algemene tekst en font-weight */
/* Sidebar en Header transparant maken voor de achtergrond van de site */
body, #content, .mw-body {
#mw-head, #mw-panel, .vector-header-container, .vector-main-menu-container {
     background: transparent !important;
     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 */
/* Verwijder de grijze achtergrond van de pagina zelf */
#mw-head, #mw-panel, .vector-header-container {
.mw-page-container {
     background: transparent !important;
     background: transparent !important;
}
}

Revision as of 20:13, 10 February 2026

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