MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ==================================================== */ | /* ==================================================== */ | ||
/* File: MediaWiki:Common.css */ | /* File: MediaWiki:Common.css */ | ||
/* Description : | /* Description : Herstel breedte via variabelen en koppen */ | ||
/* 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. */ | ||
| Line 7: | Line 7: | ||
/* 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. */ | /* 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"); | @import url("https://www.reeltoreel.nl/stijl.css"); | ||
/* 1. | /* 1. Forceer de breedte via de officiële variabelen van de skin */ | ||
:root { | :root { | ||
--max-width-content: | --max-width-content-container: none !important; | ||
--max-width-page: 100% !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 | .mw-content-container { | ||
max-width: none !important; | max-width: none !important; | ||
} | } | ||
/* 3. Koppen forceren naar jouw stijl.css look */ | |||
/* MediaWiki gebruikt vaak #firstHeading voor de hoofdtitel */ | |||
h1, h2, h3, #firstHeading { | |||
/* 3. Koppen forceren naar jouw stijl.css */ | |||
/* | |||
h1, h2, h3, #firstHeading | |||
font-family: inherit !important; | 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 */ | ||
.mw-page-container { | #content, .mw-page-container, .vector-header-container { | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
Revision as of 20:14, 10 February 2026
/* ==================================================== */
/* 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;
}