MediaWiki:Common.css: Difference between revisions

Revision as of 20:21, 10 February 2026

/* ========================================================= */
/* MediaWiki:Common.css                                      */
/* Koppeling met huisstijl (handmatige extractie uit stijl.css) */
/* ========================================================= */

/* 1. FONT DEFINITIES (Overgenomen uit stijl.css) */
/* Let op: deze paden werken alleen als de fonts op de wiki-server 
   op exact dezelfde locatie staan (/fonts/...) */
@font-face {
    font-family: "Yanone Kaffeesatz";
    src:url('/fonts/yanone.woff') format('woff');
}
@font-face {
    font-family: 'RoGSanSrfStd-UB';
    src:url('/fonts/RoGSanSrfStd-UB.ttf.woff') format('woff');
}

/* 2. LAYOUT BREEDTE (De fix die werkte) */
:root {
    --max-width-content: 100% !important;
    --max-width-page: 100% !important;
}
.mw-page-container, .mw-content-container {
    max-width: none !important;
}

/* 3. BASIS TEKST EN PARAGRAFEN */
body, #content, .mw-body-content p, .mw-body-content li {
    font-family: 'Yanone Kaffeesatz', sans-serif !important;
    font-size: 20px !important; /* Conform stijl.css */
    font-weight: 600 !important; /* Verhoogd van 400 naar 600 voor de gewenste dikte */
    color: #333;
    line-height: 1.6;
}

/* 4. KOPPEN (H1 t/m H5 conform stijl.css) */
h1, h2, h3, h4, h5, #firstHeading {
    font-family: 'RoGSanSrfStd-UB', sans-serif !important;
    color: #333 !important;
    font-weight: 900 !important; /* Extreem vet conform stijl.css */
    letter-spacing: 0px;
    border-bottom: none;
}

/* Specifieke groottes en lijnen per kopniveau */
h1, #firstHeading { 
    font-size: 2.2em !important; 
    border-bottom: 2px solid #999 !important; 
    padding-bottom: 5px;
    margin-bottom: 20px;
}

h2 { font-size: 1.8em !important; }
h3 { font-size: 1.5em !important; }
h4 { font-size: 1.3em !important; }

/* 5. ACCENTEN */
strong { 
    font-weight: 900 !important; 
    color: #CC0000 !important; /* De rode kleur voor vette tekst uit stijl.css */
}

/* 6. OPSCHONEN WIKI-INTERFACE */
#content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}