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 vetter font */
/* Description : Forceer volledige breedte en herstel H1/H2 styling */
/* 10 feb 2026: 1.0 - Gemini - 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 toegevoegd. */
/* 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");
@import url("https://www.reeltoreel.nl/stijl.css");


/* De hoofdcontainer, kop en zijbalk transparant maken */
/* 1. Breedte van de middenkolom forceren (Vector 2022) */
#content,
:root {
#mw-head,
    --max-width-content: 100% !important;
#mw-panel,
     --max-width-page: 100% !important;
#footer,
#mw-page-base,
#mw-head-base {
    background: transparent !important;
     border: none !important;
}
 
/* Tekstkleur laten overerven */
.mw-body,
#mw-panel,
#content {
    color: inherit;
}
}


/* Forceer de breedte van de Vector 2022 skin naar 100% */
.mw-page-container {
.mw-page-container,
.mw-content-container,
.vector-header-container,
.vector-sticky-header {
     max-width: none !important;
     max-width: none !important;
    margin: 0 2em !important; /* Een kleine marge aan de zijkanten voor balans */
}
}


/* Specifiek de 'beperkte' breedte van de content kolom uitschakelen */
.mw-content-container {
.mw-content-container {
     margin: 0 !important;
     max-width: none !important;
     width: 100% !important;
     width: 100% !important;
}
}


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


/* Koppen ook iets zwaarder aanzetten */
/* 3. Algemene tekst en font-weight */
h1, h2, h3, h4 {
body, #content, .mw-body {
     font-weight: 700 !important;
    background: transparent !important;
    color: inherit;
     font-weight: 500 !important; /* Maakt de letters 'vetter' zoals gevraagd */
}
}


/* Verwijder schaduwen van de standaard skin */
/* De sidebar en header ook transparant voor de achtergrond van de site */
#content {
#mw-head, #mw-panel, .vector-header-container {
     box-shadow: none !important;
     background: transparent !important;
}
}

Revision as of 20:11, 10 February 2026

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