Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56

Manage
- Kopiëren
Actions
- Export
- Afdrukvoorbeeld
Viewers
- Bekijk Bron
- Zusjes
- Inhoud
- Opmerkingen
- Bijlagen
- Historie
- Informatie
- Likes

From 5.1 to 4.1

Van versie 25.1

gewijzigd door Jeeves de Butler
op 07-10-2026 01:56

Opmerking bij wijziging: Er is geen opmerking bij deze versie

Naar versie 5.1

gewijzigd door Jeeves de Butler
op 05-10-2026 01:21

Opmerking bij wijziging: Er is geen opmerking bij deze versie

Raw
Rendered

Samenvatting

Paginaeigenschappen (1 gewijzigd, 0 toegevoegd, 0 verwijderd)
Objecten (1 gewijzigd, 0 toegevoegd, 1 verwijderd)
- XWiki.JavaScriptExtension[0]
- XWiki.StyleSheetExtension[0]

Details

Paginaeigenschappen

Inhoud

@@ -1,4 +1,4 @@
--Huisstijl van de Wardenburg Kennisbank. Het object //StyleSheetExtension// op deze pagina (de opmaak) en het object //JavaScriptExtension// (kaartenraster voor tegeltabellen, alleen presentatie) worden op elke pagina geladen.
++Huisstijl van de Wardenburg Kennisbank. Het object //StyleSheetExtension// op deze pagina wordt op elke pagina geladen.
  Kleuren en lettertypen staan in het kleurthema [[Wardenburg>>doc:FlamingoThemes.Wardenburg]]. Zie het [[register van eigen aanpassingen>>doc:Wardenburg.Code.WebHome]].

XWiki.JavaScriptExtension[0]

cache

...	...	@@ -1,1 +1,0 @@
1		-long

code

@@ -1,215 +1,0 @@
--/* Wardenburg Kennisbank; presentatie van tegeltabellen (class "vgmtabel").
--   Een tegeltabel is een rij met titels (kopcellen) met daaronder een rij met afbeeldingen die naar een pagina linken.
--   Dit script toont dezelfde titels, afbeeldingen en links als een rustig kaartenraster. De pagina zelf verandert niet:
--   de tabel blijft in de pagina staan en wordt alleen verborgen. Werkt alleen in de leesweergave. */
--(function () {
--  'use strict';
--
--  function cellen(rij) {
--    return rij ? Array.prototype.slice.call(rij.cells) : [];
--  }
--
--  function isKopRij(rij) {
--    var c = cellen(rij);
--    return c.length > 0 && c.every(function (cel) { return cel.tagName === 'TH'; });
--  }
--
--  function kaartenUitTabel(tabel) {
--    var rijen = Array.prototype.slice.call(tabel.rows);
--    var kaarten = [];
--    for (var i = 0; i < rijen.length; i++) {
--      var kop = rijen[i];
--      if (!isKopRij(kop)) {
--        continue;
--      }
--      var beeldRij = rijen[i + 1] && !isKopRij(rijen[i + 1]) ? rijen[i + 1] : null;
--      var beeldCellen = cellen(beeldRij);
--      cellen(kop).forEach(function (th, j) {
--        var td = beeldCellen[j] || null;
--        var titel = (th.textContent || '').replace(/\s+/g, ' ').trim();
--        var img = (td && td.querySelector('img')) || th.querySelector('img');
--        var link = (td && td.querySelector('a[href]')) || th.querySelector('a[href]');
--        if (!titel && !img) {
--          return;
--        }
--        kaarten.push({ titel: titel || (img && img.getAttribute('alt')) || '', img: img, link: link });
--      });
--      if (beeldRij) {
--        i++;
--      }
--    }
--    return kaarten;
--  }
--
--  // Adres van de oorspronkelijke afbeelding: zonder de width- en height-parameters waarmee XWiki verkleint.
--  function origineel(src) {
--    try {
--      var url = new URL(src, window.location.href);
--      url.searchParams.delete('width');
--      url.searchParams.delete('height');
--      return url.toString();
--    } catch (e) {
--      return src;
--    }
--  }
--
--  function zetIcoon(beeld) {
--    beeld.classList.add('wb-kaart-geenbeeld');
--    var icoon = document.createElement('span');
--    icoon.className = 'fa fa-book wb-kaart-icoon';
--    icoon.setAttribute('aria-hidden', 'true');
--    beeld.appendChild(icoon);
--  }
--
--  function maakKaart(k) {
--    var kaart = document.createElement(k.link ? 'a' : 'div');
--    kaart.className = 'wb-kaart';
--    if (k.link) {
--      kaart.setAttribute('href', k.link.getAttribute('href'));
--      if (k.link.getAttribute('target')) {
--        kaart.setAttribute('target', k.link.getAttribute('target'));
--        kaart.setAttribute('rel', 'noopener');
--      }
--    }
--    var beeld = document.createElement('span');
--    beeld.className = 'wb-kaart-beeld';
--    if (k.img) {
--      var img = document.createElement('img');
--      // Het origineel laden in plaats van de door XWiki verkleinde versie (?width=…&height=…), zodat grote kaarten scherp zijn.
--      img.src = origineel(k.img.currentSrc || k.img.src);
--      img.alt = '';
--      img.loading = 'lazy';
--      img.decoding = 'async';
--      var geenBeeld = function () {
--        img.remove();
--        zetIcoon(beeld);
--      };
--      img.addEventListener('error', geenBeeld);
--      // Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
--      img.addEventListener('load', function () {
--        if (!img.naturalWidth || img.naturalWidth < 4) {
--          geenBeeld();
--        }
--      });
--      beeld.appendChild(img);
--    } else {
--      zetIcoon(beeld);
--    }
--    var titel = document.createElement('span');
--    titel.className = 'wb-kaart-titel';
--    titel.textContent = k.titel;
--    kaart.appendChild(beeld);
--    kaart.appendChild(titel);
--    return kaart;
--  }
--
--  function verwerk(tabel) {
--    if (tabel.classList.contains('wb-vervangen')) {
--      return;
--    }
--    var kaarten = kaartenUitTabel(tabel);
--    if (!kaarten.length) {
--      return;
--    }
--    var raster = document.createElement('div');
--    raster.className = 'wb-kaarten';
--    kaarten.forEach(function (k) { raster.appendChild(maakKaart(k)); });
--    tabel.parentNode.insertBefore(raster, tabel.nextSibling);
--    tabel.classList.add('wb-vervangen');
--  }
--
--  function start() {
--    var actie = (window.XWiki && window.XWiki.contextaction) || 'view';
--    if (actie !== 'view') {
--      return;
--    }
--    var tabellen = document.querySelectorAll('#xwikicontent table.vgmtabel');
--    Array.prototype.forEach.call(tabellen, function (tabel) {
--      try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
--    });
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img'), scherpInfovak);
--  }
--
--  // Infovak: het origineel tonen in plaats van de kleine XWiki-verkleining, zodat de afbeelding op een breed scherm scherp blijft.
--  // Bij een fout terug naar de verkleining. Het oude adres blijft bewaard voor herstel().
--  function scherpInfovak(img) {
--    var src = img.getAttribute('src') || '';
--    if (img.hasAttribute('data-wb-src') || !/[?&](width|height)=/.test(src)) {
--      return;
--    }
--    var groot = origineel(src);
--    if (groot === src) {
--      return;
--    }
--    img.setAttribute('data-wb-src', src);
--    img.addEventListener('error', function terug() {
--      img.removeEventListener('error', terug);
--      img.setAttribute('src', src);
--    });
--    img.removeAttribute('srcset');
--    img.setAttribute('src', groot);
--  }
--
--  // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
--  // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
--  function eigenNummering(toc) {
--    var links = toc.querySelectorAll('a');
--    if (!links.length) {
--      return;
--    }
--    var genummerd = 0;
--    Array.prototype.forEach.call(links, function (a) {
--      if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
--        genummerd++;
--      }
--    });
--    if (genummerd / links.length >= 0.6) {
--      toc.classList.add('wb-toc-eigen-nummers');
--    }
--  }
--
--  // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
--  function herstel() {
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img[data-wb-src]'), function (img) {
--      img.setAttribute('src', img.getAttribute('data-wb-src'));
--      img.removeAttribute('data-wb-src');
--    });
--  }
--
--  if (typeof window.require === 'function') {
--    window.require(['jquery'], function ($) {
--      $(document).on('xwiki:actions:edit', herstel);
--      $(document).on('xwiki:actions:view', function () { setTimeout(start, 0); });
--    });
--  }
--
--  // Na opslaan bij wijzigen op de pagina zelf bouwt XWiki de inhoudsopgave opnieuw op zonder de pagina te herladen.
--  // Daarom ook nieuwe inhoudsopgaven nalopen zodra ze verschijnen; niet binnen de editor, zodat niets in de tekst belandt.
--  function nummersBijwerken() {
--    Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc:not(.wb-toc-eigen-nummers)'), function (toc) {
--      if (!toc.closest('[contenteditable="true"]')) {
--        eigenNummering(toc);
--      }
--    });
--  }
--  var wachtend = null;
--  if (window.MutationObserver) {
--    new MutationObserver(function () {
--      if (wachtend) {
--        return;
--      }
--      wachtend = setTimeout(function () { wachtend = null; nummersBijwerken(); }, 100);
--    }).observe(document.documentElement, { childList: true, subtree: true });
--  }
--
--  if (document.readyState === 'loading') {
--    document.addEventListener('DOMContentLoaded', function () { start(); nummersBijwerken(); });
--  } else {
--    start();
--    nummersBijwerken();
--  }
--})();
--

use

...	...	@@ -1,1 +1,0 @@
1		-always

name

...	...	@@ -1,1 +1,0 @@
1		-Wardenburg tegels als kaarten

parse

...	...	@@ -1,1 +1,0 @@
1		-Nee

XWiki.StyleSheetExtension[0]

Code

@@ -109,11 +109,10 @@
  /* ---------- Infovak rechts (wbrechts) ---------- */
--/* Groeit mee met de inhoudskolom: op een laptop als voorheen, op brede schermen ruimer voor de afbeelding */
  .floatinginfobox.wbrechts {
    width: 30%;
    min-width: 260px;
--  max-width: 460px;
++  max-width: 340px;
    margin: 0 0 16px 28px;
    padding: 14px;
    border: 1px solid #e8eaed;
@@ -129,10 +129,9 @@
    text-align: center;
    margin-bottom: 12px;
  }
--/* Nooit groter dan het origineel, zodat logo's klein en scherp blijven */
  .wbrb img {
    max-width: 100%;
--  max-height: 280px;
++  max-height: 150px;
    width: auto;
    height: auto;
    border-radius: 10px;
@@ -251,11 +251,6 @@
    color: #80868b;
    font-variant-numeric: tabular-nums;
  }
--/* Koppen die zelf al genummerd zijn ("2.1 Mogelijkheden"): het script zet deze class, dan geen tweede nummer */
--#xwikicontent ul.wikitoc.wb-toc-eigen-nummers li > .wikilink::before,
--#xwikicontent ul.wikitoc.wb-toc-eigen-nummers ul li > .wikilink::before {
--  content: none;
--}
  #xwikicontent ul.wikitoc > li:not(.nodirectchild),
  #xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
    margin-top: 10px;
@@ -392,9 +392,8 @@
  #leftPanels {
    padding-left: 30px;
  }
--/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen. Niet als de zijbalk is ingeklapt:
--   dan zet XWiki de breedte op 0 en krijgt de inhoud de volle breedte. */
--#body.panel-left-width-Medium:not(.hideleft):not(.hidelefthideright) {
++/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen */
++#body.panel-left-width-Medium {
    --panel-column-left-width: clamp(240px, 17vw, 290px);
  }
  .panels .xwikipanelcontents a {
@@ -668,7 +668,7 @@
      min-width: 0;
      margin: 0 0 20px;
      display: grid;
--    grid-template-columns: 220px minmax(0, 1fr);
++    grid-template-columns: 150px minmax(0, 1fr);
      column-gap: 18px;
      align-items: start;
    }
@@ -677,7 +677,7 @@
      margin: 0;
    }
    .floatinginfobox.wbrechts > .wbrb img {
--    max-height: 170px;
++    max-height: 120px;
    }
    .floatinginfobox.wbrechts > *:not(.wbrb) {
      grid-column: 2;
@@ -694,219 +694,6 @@
    }
  }
--/* ---------- Paginakop: titel en knoppen naast elkaar ---------- */
--
--@media (min-width: 992px) {
--  #mainContentArea > .document-header {
--    display: flex;
--    align-items: flex-start;
--    gap: 16px;
--  }
--  #mainContentArea > .document-header::before,
--  #mainContentArea > .document-header::after {
--    content: none;
--  }
--  #mainContentArea > .document-header > .document-info {
--    flex: 1 1 auto;
--    width: auto;
--    min-width: 0;
--  }
--  #mainContentArea > .document-header > .document-menu {
--    flex: 0 0 auto;
--    width: auto;
--  }
--  #mainContentArea > .document-header #contentmenu {
--    float: none;
--    display: flex;
--    flex-wrap: nowrap;
--  }
--}
--
--/* ---------- Tegels (vgmtabel) als kaarten ---------- */
--
--/* Het script huisstijl.js zet een tegeltabel om in een kaartenraster en verbergt de tabel. */
--#xwikicontent table.vgmtabel.wb-vervangen {
--  display: none !important;
--}
--.wb-kaarten {
--  display: grid;
--  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
--  gap: 18px;
--  margin: 14px 0 30px;
--  clear: none;
--}
--#body #xwikicontent a.wb-kaart,
--.wb-kaart {
--  display: flex;
--  flex-direction: column;
--  overflow: hidden;
--  border: 1px solid #e8eaed;
--  border-radius: 12px;
--  background: #ffffff;
--  color: #202124;
--  text-decoration: none;
--  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
--}
--#body #xwikicontent a.wb-kaart:hover,
--#body #xwikicontent a.wb-kaart:focus {
--  border-color: #ffb447;
--  box-shadow: 0 4px 14px rgba(31, 35, 40, .10);
--  transform: translateY(-2px);
--  color: #202124;
--}
--.wb-kaart-beeld {
--  display: block;
--  position: relative;
--  aspect-ratio: 16 / 10;
--  overflow: hidden;
--  background: #f1f3f4;
--}
--.wb-kaart-beeld img {
--  display: block;
--  width: 100% !important;
--  height: 100% !important;
--  max-width: none;
--  object-fit: cover;
--  transition: transform .25s ease;
--}
--.wb-kaart:hover .wb-kaart-beeld img {
--  transform: scale(1.03);
--}
--/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
--   de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
--.wb-kaart-icoon {
--  position: absolute;
--  top: 50%;
--  left: 50%;
--  transform: translate(-50%, -50%);
--  font-size: 34px;
--  color: #b86e00;
--  opacity: .5;
--}
--.wb-kaart-titel {
--  padding: 10px 14px 12px;
--  font-size: 15px;
--  font-weight: 500;
--  line-height: 1.35;
--}
--/* Grote schermen: grote kaarten, foto's in hun oorspronkelijke 3:2-verhouding */
--@media (min-width: 1200px) {
--  .wb-kaarten {
--    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
--    gap: 26px;
--  }
--  .wb-kaart-beeld {
--    aspect-ratio: 3 / 2;
--  }
--  .wb-kaart-titel {
--    padding: 14px 18px 16px;
--    font-size: 17px;
--  }
--}
--@media (min-width: 1800px) {
--  .wb-kaarten {
--    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
--  }
--}
--
--/* Zonder script: de tabel past in elk geval binnen het scherm */
--#xwikicontent table.vgmtabel {
--  width: 100% !important;
--  max-width: 100%;
--  table-layout: fixed;
--}
--#xwikicontent table.vgmtabel th,
--#xwikicontent table.vgmtabel td {
--  width: auto !important;
--  position: static !important;
--  top: auto !important;
--  padding: 6px;
--}
--#xwikicontent table.vgmtabel img {
--  width: 100% !important;
--  height: auto !important;
--  aspect-ratio: 16 / 10;
--  object-fit: cover;
--  border-radius: 10px;
--}
--
--/* ---------- Handboeken: geplakte Word-opmaak volgt de huisstijl ---------- */
--
--html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-family"] {
--  font-family: inherit !important;
--}
--html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-size"] {
--  font-size: inherit !important;
--}
--html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="line-height"] {
--  line-height: inherit !important;
--}
--html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table:not(.vgmtabel) {
--  font-size: 14px;
--}
--html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table [style*="text-indent"] {
--  text-indent: 0 !important;
--}
--
--/* ---------- Overzicht van onderliggende pagina's (startpagina van een onderdeel) ---------- */
--
--.wb-overzicht {
--  list-style: none;
--  display: grid;
--  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
--  gap: 10px;
--  margin: 14px 0 28px;
--  padding: 0;
--}
--.wb-overzicht li {
--  margin: 0;
--}
--#body #xwikicontent .wb-overzicht a {
--  display: flex;
--  align-items: center;
--  gap: 12px;
--  height: 100%;
--  padding: 12px 14px;
--  border: 1px solid #e8eaed;
--  border-radius: 10px;
--  background: #ffffff;
--  color: #202124;
--  text-decoration: none;
--  transition: border-color .15s ease, box-shadow .15s ease;
--}
--#body #xwikicontent .wb-overzicht a:hover,
--#body #xwikicontent .wb-overzicht a:focus {
--  border-color: #ffb447;
--  box-shadow: 0 2px 10px rgba(31, 35, 40, .08);
--}
--.wb-overzicht-icoon {
--  flex: none;
--  width: 36px;
--  height: 36px;
--  display: flex;
--  align-items: center;
--  justify-content: center;
--  border-radius: 50%;
--  background: #ffefd5;
--  color: #b86e00;
--  font-size: 16px;
--  text-align: center;
--}
--.wb-overzicht strong {
--  display: block;
--  font-weight: 500;
--  line-height: 1.3;
--}
--.wb-overzicht small {
--  display: block;
--  margin-top: 2px;
--  font-size: 13px;
--  color: #5f6368;
--}
--.wb-overzicht-leeg {
--  color: #5f6368;
--}
--
  /* ---------- Telefoon ---------- */
  @media (max-width: 767px) {
@@ -918,7 +918,7 @@
      margin: 0 0 16px;
    }
    .wbrb img {
--    max-height: 200px;
++    max-height: 110px;
    }
    #xwikicontent table:not(.wbinfotab table) {
      display: block;
@@ -934,14 +934,6 @@
    #contentmenu .btn-label {
      display: none;
    }
--  .wb-kaarten {
--    grid-template-columns: repeat(2, minmax(0, 1fr));
--    gap: 10px;
--  }
--  .wb-kaart-titel {
--    padding: 8px 10px 10px;
--    font-size: 13.5px;
--  }
    #xwikicontent #actionBox ul {
      flex-wrap: nowrap;
      overflow-x: auto;
@@ -953,35 +953,3 @@
    }
  }
--/* Overzichtstabellen (livetable): woorden heel laten, lange adressen afkappen met ...; bij aanwijzen het volledige adres */
--#xwikicontent table.xwiki-livetable {
--  font-size: 14px;
--}
--#xwikicontent .xwiki-livetable-display-header th,
--#xwikicontent .xwiki-livetable-display-body td {
--  padding: 6px 7px;
--}
--#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
--  word-break: normal;
--  overflow-wrap: break-word;
--  hyphens: manual;
--}
--#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
--#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
--  max-width: 140px;
--  white-space: nowrap;
--  overflow: hidden;
--  text-overflow: ellipsis;
--}
--#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL:hover,
--#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL:hover {
--  white-space: normal;
--  overflow-wrap: anywhere;
--}
--/* Een brede overzichtstabel blijft binnen de pagina en schuift zo nodig opzij */
--#xwikicontent table.xwiki-livetable {
--  display: block;
--  max-width: 100%;
--  overflow-x: auto;
--}
--