/* ============================================================= Wiki Style Plugin — wiki.css Exacte Wiki lay-out, sans-serif, Elementor volle breedte ============================================================= */ /* --- CSS variabelen (overschrijfbaar via --wpws-*) ----------- */ :root { --wpws-link: #3366cc; --wpws-link-vis: #795cb2; --wpws-border: #a2a9b1; --wpws-bg: #f8f9fa; --wpws-bg-head: #eaecf0; --wpws-bg-infohead: #cee0f2; --wpws-text: #202122; --wpws-muted: #54595d; --wpws-font: -apple-system, 'Segoe UI', Arial, sans-serif; --wpws-font-size: 14px; --wpws-content-w: 960px; --wpws-sidebar-w: 220px; --wpws-right-w: 200px; } /* Linkkleur uit admin instellingen wordt via inline style op gezet */ /* === RESET voor Wiki-zone ================================ */ .wpws-page * { box-sizing: border-box; } .wpws-page a { color: var(--wpws-link); text-decoration: none; } .wpws-page a:visited { color: var(--wpws-link-vis); } .wpws-page a:hover { text-decoration: underline; } /* === PAGE SHELL =============================================== Bouwt de exacte Wiki 3-kolom lay-out: [sidebar links] [artikel] [uiterlijk rechts] ============================================================= */ .wpws-page { font-family: var(--wpws-font); font-size: var(--wpws-font-size); line-height: 1.6; color: var(--wpws-text); background: #fff; min-height: 100vh; margin: 0 !important; /* Geen padding hier — breedte-klassen regelen dit */ } /* Topbar wordt gestyled via breedte-klassen verderop */ .wpws-topbar-logo { display: flex; align-items: center; gap: 8px; text-decoration: none !important; flex-shrink: 0; } .wpws-topbar-logo img { height: 40px; width: auto; } .wpws-topbar-logo-text { line-height: 1.2; } .wpws-topbar-logo-text strong { display: block; font-size: 1.1rem; font-weight: bold; color: var(--wpws-text); font-family: var(--wpws-font); } .wpws-topbar-logo-text em { font-style: normal; font-size: 0.75rem; color: var(--wpws-muted); } /* Zoekbalk */ .wpws-searchbar { display: flex; align-items: center; flex: 1; max-width: 560px; position: relative; margin: 0 auto; } .wpws-searchbar input[type="search"] { width: 100%; padding: 6px 10px; border: 1px solid var(--wpws-border); border-right: none; border-radius: 2px 0 0 2px; font-size: 13px; outline: none; background: #fff; color: var(--wpws-text); } .wpws-searchbar input[type="search"]:focus { border-color: #36c; } .wpws-searchbar button { padding: 6px 14px; background: var(--wpws-bg-head); border: 1px solid var(--wpws-border); border-radius: 0 2px 2px 0; cursor: pointer; font-size: 13px; color: var(--wpws-text); white-space: nowrap; } .wpws-searchbar button:hover { background: #e0e2e5; } /* Zoek-autocomplete dropdown */ .wpws-search-results { position: absolute; top: 100%; left: 0; right: 46px; background: #fff; border: 1px solid var(--wpws-border); border-top: none; z-index: 200; display: none; } .wpws-search-results a { display: block; padding: 6px 10px; color: var(--wpws-text) !important; font-size: 13px; text-decoration: none !important; border-bottom: 1px solid #eaecf0; } .wpws-search-results a:last-child { border-bottom: none; } .wpws-search-results a:hover { background: var(--wpws-bg); } /* --- Hoofd-layout: 3 kolommen ------------------------------ */ .wpws-layout { display: flex; align-items: flex-start; width: 100%; min-height: calc(100vh - 57px); overflow: hidden; } /* --- LINKS ZIJBALK: Inhoud / TOC --------------------------- */ .wpws-sidebar { width: var(--wpws-sidebar-w); flex-shrink: 0; padding: 12px 8px 12px 12px; border-right: 1px solid #eaecf0; font-size: 0.82rem; position: sticky; top: 57px; max-height: calc(100vh - 57px); overflow-y: auto; } .wpws-sidebar-title { font-weight: bold; font-size: 0.85rem; margin-bottom: 4px; color: var(--wpws-text); } .wpws-toc-list, .wpws-toc-list ol { list-style: none; margin: 0; padding: 0; } .wpws-toc-list > li { margin: 2px 0; } .wpws-toc-list ol { padding-left: 14px; } .wpws-toc-list ol li { margin: 1px 0; } /* Drie kolommen voor de letterlijst op categoriepagina */ .wpws-toc-list.wpws-toc-letters { columns: 3; column-gap: 4px; } .wpws-toc-list.wpws-toc-letters > li { break-inside: avoid; } .wpws-toc-list a { color: var(--wpws-text) !important; font-size: 0.8rem; line-height: 1.4; } .wpws-toc-list a:hover { text-decoration: underline; } .wpws-toc-num { color: var(--wpws-muted); margin-right: 3px; } /* --- ARTIKEL MIDDEN --------------------------------------- */ .wpws-article { flex: 1; min-width: 0; padding: 16px 24px; max-width: var(--wpws-content-w); } /* Paginatitel */ .wpws-article-title { font-family: var(--wpws-font); font-size: 2rem; font-weight: bold; border-bottom: 1px solid var(--wpws-border); padding-bottom: 4px; margin: 0 0 8px; color: #000; line-height: 1.2; overflow: hidden; /* border stopt bij infobox float */ } /* Uit Wiki intro-tekst */ .wpws-uit { font-size: 0.82rem; color: var(--wpws-muted); margin-bottom: 12px; } /* Hatnote */ .wpws-hatnote { padding: 4px 0 4px 24px; margin-bottom: 10px; font-style: italic; color: var(--wpws-muted); font-size: 0.87rem; border-left: 3px solid #c8ccd1; } /* Koppen */ .wpws-content h2 { font-family: var(--wpws-font); font-size: 1.3rem; font-weight: bold; border-bottom: 1px solid var(--wpws-border); margin: 1.6rem 0 0.5rem; padding-bottom: 3px; color: #000; overflow: hidden; /* stopt de border-bottom bij een float (infobox) */ } .wpws-content h3 { font-size: 1.1rem; font-weight: bold; margin: 1.1rem 0 0.3rem; } .wpws-content h4 { font-size: 0.95rem; font-weight: bold; margin: 0.8rem 0 0.2rem; } .wpws-content p { margin: 0 0 0.7rem; } /* Foto's met Wiki-kadertje */ .wpws-thumb { border: 1px solid #c8ccd1; background: var(--wpws-bg); padding: 3px; font-size: 0.78rem; color: var(--wpws-muted); line-height: 1.4; margin-bottom: 0.8rem; display: table; /* Zodat het krimpt naar afbeeldingsbreedte */ } .wpws-thumb--rechts { float: right; clear: right; margin: 0 0 1rem 1.5rem; } .wpws-thumb--links { float: left; clear: left; margin: 0 1.5rem 1rem 0; } .wpws-thumb--midden { float: none; clear: both; margin: 1rem auto; } .wpws-thumb img { display: block; max-width: 100%; height: auto; } .wpws-thumb figcaption { padding: 4px 4px 2px; text-align: left; font-size: 0.78rem; } /* Clearfix na floats */ .wpws-content::after { content: ""; display: table; clear: both; } /* Interne links — lichtblauwe kleur */ .wpws-internal-link { color: var(--wpws-link); } /* Inline afbeeldingen geüpload via WP-editor — zelfde kadertje */ .wpws-content .wp-caption, .wpws-content figure.wp-block-image { border: 1px solid #c8ccd1; background: var(--wpws-bg); padding: 3px; display: table; } .wpws-content .wp-caption.alignright, .wpws-content figure.wp-block-image.alignright { float: right; clear: right; margin: 0 0 1rem 1.5rem; } .wpws-content .wp-caption.alignleft, .wpws-content figure.wp-block-image.alignleft { float: left; clear: left; margin: 0 1.5rem 1rem 0; } .wpws-content .wp-caption-text, .wpws-content figcaption { font-size: 0.78rem; color: var(--wpws-muted); padding: 3px 4px; margin: 0; } /* Infobox */ .wpws-infobox { float: right; clear: right; margin: 0.5em 0 1rem 1.5rem; /* 0.5em boven zodat h2-lijn de box niet raakt */ border: 1px solid var(--wpws-border); background: var(--wpws-bg); font-size: 0.82rem; line-height: 1.5; min-width: 180px; max-width: 310px; border-collapse: collapse; } .wpws-infobox caption { background: var(--wpws-bg-infohead); text-align: center; font-weight: bold; padding: 5px 8px; font-size: 0.87rem; caption-side: top; border-bottom: 1px solid var(--wpws-border); border-left: 1px solid var(--wpws-border); border-right: 1px solid var(--wpws-border); border-top: 1px solid var(--wpws-border); } .wpws-infobox th { background: var(--wpws-bg-head); text-align: left; padding: 3px 6px; white-space: nowrap; font-weight: normal; vertical-align: top; width: 42%; border-top: 1px solid #eaecf0; } .wpws-infobox td { padding: 3px 6px; vertical-align: top; border-top: 1px solid #eaecf0; } /* Infobox koptekst-rij (volledige breedte, grijze achtergrond) */ .wpws-infobox-heading { background: var(--wpws-bg-infohead); text-align: center; font-weight: bold; padding: 4px 6px; font-size: 0.82rem; border-top: 1px solid #eaecf0; } /* Infobox informatie-rij (volledige breedte, niet bold, lichte achtergrond) */ .wpws-infobox-info { background: var(--wpws-bg); text-align: left; font-weight: normal; font-size: 0.82rem; padding: 3px 6px; border-top: 1px solid #eaecf0; color: var(--wpws-text); } /* Infobox afbeelding cel */ .wpws-infobox-img-cell { text-align: center; padding: 6px; border: 1px solid var(--wpws-border); } .wpws-infobox-imgcap { font-size: 0.78rem; color: var(--wpws-muted); padding-top: 3px; } /* === LIGHTBOX =============================================== */ .wpws-lightbox { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 9999; justify-content: center; align-items: center; flex-direction: column; padding: 20px; cursor: zoom-out; } .wpws-lightbox:target { display: flex; } .wpws-lightbox img { max-width: 90vw; max-height: 80vh; object-fit: contain; box-shadow: 0 4px 32px rgba(0,0,0,0.6); cursor: default; pointer-events: none; } .wpws-lightbox p { color: #fff; font-size: 0.85rem; margin-top: 10px; text-align: center; pointer-events: none; } .wpws-lb-close { position: fixed; top: 16px; right: 24px; color: #fff; font-size: 2.2rem; font-weight: bold; text-decoration: none; line-height: 1; background: rgba(0,0,0,0.5); border: 2px solid #fff; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10000; } .wpws-lb-close:hover { background: rgba(255,255,255,0.2); text-decoration: none; color: #fff; } /* Zie ook */ .wpws-see-also { margin-top: 1.5rem; } .wpws-see-also h2 { font-size: 1.3rem; border-bottom: 1px solid var(--wpws-border); padding-bottom: 3px; margin-bottom: 0.5rem; } .wpws-see-also ul { list-style: disc; padding-left: 1.6rem; margin: 0; columns: 2; column-gap: 2rem; } .wpws-see-also li { margin: 3px 0; font-size: 0.88rem; } /* Bronnen & referenties */ .wpws-sources { margin-top: 1.5rem; font-size: 0.82rem; } .wpws-sources h2 { font-size: 1.3rem; border-bottom: 1px solid var(--wpws-border); padding-bottom: 3px; margin-bottom: 0.6rem; } .wpws-sources ol, .wpws-sources ul { padding-left: 1.6rem; } .wpws-sources li { margin: 3px 0; } /* Extra categorie */ .wpws-extra-cat { margin-top: 1.5rem; font-size: 0.82rem; color: var(--wpws-muted); font-style: italic; } /* Categorieënbalk onderaan */ .wpws-categories { font-size: 0.82rem; color: var(--wpws-muted); } .wpws-categories a { color: var(--wpws-link); } /* Laatste bewerking */ .wpws-lastmod { font-size: 0.78rem; color: var(--wpws-muted); margin-top: 8px; } /* --- RECHTER PANEEL: Uiterlijk ----------------------------- */ .wpws-panel { width: var(--wpws-right-w); flex-shrink: 0; padding: 12px 10px; border-left: 1px solid #eaecf0; font-size: 0.82rem; position: sticky; top: 57px; } .wpws-panel-section { margin-bottom: 14px; } .wpws-panel-label { font-weight: bold; font-size: 0.82rem; margin-bottom: 6px; color: var(--wpws-text); } .wpws-panel-option { display: flex; align-items: center; gap: 7px; margin: 4px 0; cursor: pointer; font-size: 0.82rem; } .wpws-panel-option input[type="radio"] { accent-color: var(--wpws-link); } /* Tekstgrootte-aanpassing */ .wpws-page.text-klein { font-size: 13px; } .wpws-page.text-stand { font-size: 14px; } .wpws-page.text-groot { font-size: 16px; } /* Achtergrond via klasse — door JS geschakeld */ .wpws-page.bg-white { background: #fff !important; } .wpws-page.bg-transparent { background: transparent !important; } /* Breedte-aanpassing via padding op de layout-wrapper */ .wpws-page.breedte-stand .wpws-layout { padding: 0 15%; } .wpws-page.breedte-vol .wpws-layout { padding: 0 5%; } /* Bij volle breedte: artikel krijgt geen max-width meer */ .wpws-page.breedte-vol .wpws-article { max-width: none; } /* Topbar compenseert via eigen padding zodat hij volle breedte blijft */ .wpws-topbar { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--wpws-border); background: #fff; position: sticky; top: 0; z-index: 100; width: 100%; } .wpws-page.breedte-stand .wpws-topbar { padding: 8px calc(15% + 16px); } .wpws-page.breedte-vol .wpws-topbar { padding: 8px calc(5% + 16px); } /* === ADVERTENTIE BANNER (onderaan, rechts naast categorie/datum) */ .wpws-footer-row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.5rem; padding-top: 0.8rem; border-top: 1px solid var(--wpws-border); clear: both; } .wpws-footer-meta { flex: 1; min-width: 0; } .wpws-footer-meta .wpws-categories, .wpws-footer-meta .wpws-lastmod { border-top: none; /* border zit al op de footer-rij */ margin-top: 0; padding-top: 0; } .wpws-footer-meta .wpws-lastmod { margin-top: 4px; } .wpws-footer-ad { flex-shrink: 0; width: 300px; height: 100px; overflow: hidden; } .wpws-footer-ad ins, .wpws-footer-ad > * { display: block !important; width: 300px !important; height: 100px !important; } @media screen and (max-width: 640px) { .wpws-footer-row { flex-direction: column; align-items: flex-start; } .wpws-footer-ad { width: 100%; } .wpws-footer-ad ins, .wpws-footer-ad > * { width: 100% !important; } } /* === SPELERSTATISTIEK TABEL ================================= */ .wpws-spelerstat-wrap { margin: 1.2rem 0; } .wpws-spelerstat-titel { font-size: 0.85rem; font-weight: bold; color: var(--wpws-muted); margin-bottom: 4px; } .wpws-spelerstat { width: auto; min-width: 320px; border-collapse: collapse; font-size: 0.85rem; } .wpws-spelerstat thead tr { background: var(--wpws-bg-head); border-bottom: 2px solid var(--wpws-border); } .wpws-spelerstat th { padding: 5px 10px; font-weight: bold; font-size: 0.78rem; color: var(--wpws-muted); text-align: center; white-space: nowrap; cursor: default; } .wpws-spelerstat th.wpws-ss-seizoen, .wpws-spelerstat th.wpws-ss-team { text-align: left; } .wpws-spelerstat tbody tr.wpws-ss-row { border-bottom: 1px solid #eaecf0; } .wpws-spelerstat tbody tr.wpws-ss-row:last-child { border-bottom: none; } .wpws-spelerstat tbody tr.wpws-ss-row:hover { background: #f5f7ff; } .wpws-spelerstat td { padding: 5px 10px; vertical-align: middle; text-align: center; } .wpws-ss-seizoen { text-align: left; white-space: nowrap; color: var(--wpws-muted); font-size: 0.82rem; width: 90px; } .wpws-ss-team { text-align: left; } .wpws-ss-num { width: 40px; } /* Legenda */ .wpws-spelerlegenda { font-size: 0.78rem; color: var(--wpws-muted); margin-top: 4px; } .wpws-sl-sep { margin: 0 5px; } /* Kaarten — normale tekstkleur */ .wpws-ss-geel, .wpws-ss-rood { font-weight: normal; } /* Scheidingslijn */ .wpws-ss-separator td { padding: 0; height: 6px; background: #eaecf0; border: none; } /* Totaalrij */ .wpws-ss-totaal td { border-top: 2px solid var(--wpws-border); font-weight: bold; padding: 5px 10px; text-align: center; } .wpws-ss-totaal-label { text-align: left !important; color: var(--wpws-muted); font-size: 0.82rem; } .wpws-spelerstat a { color: var(--wpws-link); } .wpws-spelerstat a:hover { text-decoration: underline; } /* === TRAINERHISTORIE TABEL ================================== */ .wpws-trainerhistorie-wrap { margin: 1.2rem 0; } .wpws-trainerhistorie { width: auto; min-width: 320px; border-collapse: collapse; font-size: 0.85rem; } .wpws-trainerhistorie thead tr { background: var(--wpws-bg-head); border-bottom: 2px solid var(--wpws-border); } .wpws-trainerhistorie th { padding: 5px 10px; font-weight: bold; font-size: 0.78rem; color: var(--wpws-muted); text-align: left; white-space: nowrap; } .wpws-trainerhistorie tbody tr.wpws-th-row { border-bottom: 1px solid #eaecf0; } .wpws-trainerhistorie tbody tr.wpws-th-row:last-child { border-bottom: none; } .wpws-trainerhistorie tbody tr.wpws-th-row:hover { background: #f5f7ff; } .wpws-trainerhistorie td { padding: 5px 10px; vertical-align: middle; } .wpws-th-seizoen { white-space: nowrap; color: var(--wpws-muted); font-size: 0.82rem; width: 100px; } .wpws-th-rol { font-style: italic; color: var(--wpws-muted); font-size: 0.82rem; } /* Scheidingslijn tussen fases */ .wpws-th-separator td { padding: 0; height: 6px; background: #eaecf0; border: none; } .wpws-trainerhistorie a { color: var(--wpws-link); } .wpws-trainerhistorie a:hover { text-decoration: underline; } /* === EINDSTAND TABEL ======================================== */ .wpws-eindstand-wrap { clear: both; margin: 1.2rem 0; overflow-x: auto; /* fallback voor zeer smalle schermen */ -webkit-overflow-scrolling: touch; } .wpws-eindstand-titel { font-size: 0.85rem; font-weight: bold; color: var(--wpws-muted); margin-bottom: 4px; } .wpws-eindstand { width: 100%; border-collapse: collapse; font-size: 0.85rem; min-width: 320px; } .wpws-eindstand thead tr { background: var(--wpws-bg-head); border-bottom: 2px solid var(--wpws-border); } .wpws-eindstand th { padding: 5px 8px; font-weight: bold; font-size: 0.78rem; color: var(--wpws-muted); text-align: center; white-space: nowrap; cursor: default; } .wpws-eindstand th.wpws-es-naam { text-align: left; } .wpws-eindstand tbody tr { border-bottom: 1px solid #eaecf0; } .wpws-eindstand tbody tr:last-child { border-bottom: none; } .wpws-eindstand tbody tr:hover { background: #f5f7ff; } .wpws-eindstand td { padding: 5px 8px; text-align: center; vertical-align: middle; } .wpws-eindstand td.wpws-es-naam { text-align: left; } .wpws-eindstand td.wpws-es-ptn { font-weight: bold; } .wpws-eindstand td.wpws-es-pos { color: var(--wpws-muted); font-size: 0.78rem; width: 28px; } /* Gemarkeerde rij (eigen team) — altijd zichtbaar */ .wpws-es-markeer td { background: #fffbe6 !important; font-weight: bold; } .wpws-es-markeer:hover td { background: #fff3c4 !important; } /* Kampioen rij */ .wpws-es-kampioen td { background: #f0fff0; } .wpws-es-kampioen:hover td { background: #e6ffe6 !important; } /* Kroontje */ .wpws-es-kroon { font-size: 0.9rem; } /* Links in de tabel */ .wpws-eindstand a { color: var(--wpws-link); } .wpws-eindstand a:hover { text-decoration: underline; } /* === MOBIEL: verberg DV, DT en PM kolommen ================= */ @media screen and (max-width: 640px) { .wpws-es-goals, .wpws-es-pm { display: none; } .wpws-eindstand { font-size: 0.8rem; } .wpws-eindstand td, .wpws-eindstand th { padding: 4px 5px; } } /* Breadcrumb navigatie */ .wpws-breadcrumb { font-size: 0.82rem; color: var(--wpws-muted); margin-bottom: 8px; } .wpws-breadcrumb a { color: var(--wpws-link); } .wpws-breadcrumb a:hover { text-decoration: underline; } .wpws-breadcrumb-sep { margin: 0 5px; color: var(--wpws-muted); } .wpws-breadcrumb-current { color: var(--wpws-muted); } /* Categoriepagina artikellijst */ .wpws-cat-letter-nav { background: var(--wpws-bg); border: 1px solid var(--wpws-border); padding: 8px 12px; margin-bottom: 1.5rem; font-size: 0.9rem; letter-spacing: 0.04em; } .wpws-cat-letter-nav a { color: var(--wpws-link); margin: 0 4px; font-weight: bold; font-size: 1rem; } .wpws-cat-letter-nav a:hover { text-decoration: underline; } .wpws-cat-section h2 { font-size: 1.4rem; font-weight: normal; border-bottom: 1px solid var(--wpws-border); margin: 1.5rem 0 0.5rem; padding-bottom: 3px; color: #000; } .wpws-cat-list { list-style: none; padding: 0; margin: 0 0 0.5rem; columns: 3; column-gap: 2rem; } .wpws-cat-list li { margin: 3px 0; font-size: 0.88rem; break-inside: avoid; } .wpws-cat-list a { color: var(--wpws-link); } .wpws-cat-list a:hover { text-decoration: underline; } /* === BRONNEN / REFERENTIE ANKERS =========================== */ /* Inline nootcijfers [1] [2] in de tekst */ .wpws-ref-link { font-size: 0.75em; vertical-align: super; line-height: 0; color: var(--wpws-link); text-decoration: none; font-weight: normal; } .wpws-ref-link:hover { text-decoration: underline; } /* Teruglink ↑ naast elke bronnregel */ .wpws-ref-back { font-size: 0.85rem; color: var(--wpws-muted); text-decoration: none; margin-right: 4px; } .wpws-ref-back:hover { text-decoration: underline; } /* Bronnen-blok onderaan */ .wpws-sources { margin-top: 1.5rem; font-size: 0.82rem; } .wpws-sources h2 { font-size: 1.3rem; border-bottom: 1px solid var(--wpws-border); padding-bottom: 3px; margin-bottom: 0.6rem; } .wpws-sources ol { padding-left: 0; list-style: none; margin: 0; } .wpws-sources ol li { margin: 4px 0; padding: 2px 0; display: flex; align-items: baseline; gap: 4px; } .wpws-sources ol li:target { background: #eaf3fb; } .wpws-ref-num { min-width: 24px; color: var(--wpws-muted); font-size: 0.82rem; flex-shrink: 0; } .wpws-glossary h2 { font-size: 1.2rem; border-bottom: 1px solid var(--wpws-border); margin-top: 1.5rem; } .wpws-glossary ul { list-style: none; padding-left: 0; columns: 2; column-gap: 2rem; } .wpws-glossary li { margin: 4px 0; font-size: 0.85rem; } .wpws-glossary-nav { background: var(--wpws-bg); border: 1px solid var(--wpws-border); padding: 6px 10px; margin-bottom: 1rem; font-size: 0.9rem; letter-spacing: 0.04em; } .wpws-glossary-nav a { color: var(--wpws-link); margin: 0 3px; font-weight: bold; } /* === RESPONSIVE ============================================= */ @media screen and (max-width: 900px) { .wpws-panel { display: none; } :root { --wpws-sidebar-w: 180px; } /* Marges smaller op tablet */ .wpws-page.breedte-stand .wpws-layout, .wpws-page.breedte-vol .wpws-layout { padding: 0 5%; } .wpws-page.breedte-stand .wpws-topbar, .wpws-page.breedte-vol .wpws-topbar { padding: 8px calc(5% + 12px); } } @media screen and (max-width: 640px) { .wpws-sidebar { display: none; } /* Helemaal geen marge op telefoon */ .wpws-page.breedte-stand .wpws-layout, .wpws-page.breedte-vol .wpws-layout { padding: 0; } .wpws-page.breedte-stand .wpws-topbar, .wpws-page.breedte-vol .wpws-topbar { padding: 8px 12px; } /* Artikel wat ademruimte geven */ .wpws-article { padding: 12px 14px; } /* Infobox, thumbs volle breedte */ .wpws-infobox, .wpws-thumb--rechts, .wpws-thumb--links { float: none; margin: 0 0 1rem; max-width: 100%; width: 100%; display: block; } /* Kolommen terugbrengen naar 1 */ .wpws-see-also ul { columns: 1; } .wpws-glossary ul { columns: 1; } .wpws-cat-list { columns: 1; } /* Zoekbalk wat kleiner */ .wpws-searchbar { max-width: 100%; } .wpws-topbar-logo-text strong { font-size: 0.9rem; } .wpws-topbar-logo-text em { display: none; } .wpws-topbar-logo img { height: 30px; } } /* WordPress editor afbeeldingen: zorg dat ze niet buiten het artikel uitsteken */ .wpws-content img { max-width: 100%; height: auto; }