Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 1.1
gewijzigd door Jeeves de Butler
op 05-10-2026 01:21
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 19.1
gewijzigd door Jeeves de Butler
op 05-10-2026 04:11
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

Paginaeigenschappen
Inhoud
... ... @@ -1,4 +1,4 @@
1 -Huisstijl van de Wardenburg Kennisbank. Het object //StyleSheetExtension// op deze pagina wordt op elke pagina geladen.
1 +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.
2 2  
3 3  Kleuren en lettertypen staan in het kleurthema [[Wardenburg>>doc:FlamingoThemes.Wardenburg]]. Zie het [[register van eigen aanpassingen>>doc:Wardenburg.Code.WebHome]].
4 4  
XWiki.JavaScriptExtension[0]
cache
... ... @@ -1,0 +1,1 @@
1 +long
code
... ... @@ -1,0 +1,170 @@
1 +/* Wardenburg Kennisbank; presentatie van tegeltabellen (class "vgmtabel").
2 + Een tegeltabel is een rij met titels (kopcellen) met daaronder een rij met afbeeldingen die naar een pagina linken.
3 + Dit script toont dezelfde titels, afbeeldingen en links als een rustig kaartenraster. De pagina zelf verandert niet:
4 + de tabel blijft in de pagina staan en wordt alleen verborgen. Werkt alleen in de leesweergave. */
5 +(function () {
6 + 'use strict';
7 +
8 + function cellen(rij) {
9 + return rij ? Array.prototype.slice.call(rij.cells) : [];
10 + }
11 +
12 + function isKopRij(rij) {
13 + var c = cellen(rij);
14 + return c.length > 0 && c.every(function (cel) { return cel.tagName === 'TH'; });
15 + }
16 +
17 + function kaartenUitTabel(tabel) {
18 + var rijen = Array.prototype.slice.call(tabel.rows);
19 + var kaarten = [];
20 + for (var i = 0; i < rijen.length; i++) {
21 + var kop = rijen[i];
22 + if (!isKopRij(kop)) {
23 + continue;
24 + }
25 + var beeldRij = rijen[i + 1] && !isKopRij(rijen[i + 1]) ? rijen[i + 1] : null;
26 + var beeldCellen = cellen(beeldRij);
27 + cellen(kop).forEach(function (th, j) {
28 + var td = beeldCellen[j] || null;
29 + var titel = (th.textContent || '').replace(/\s+/g, ' ').trim();
30 + var img = (td && td.querySelector('img')) || th.querySelector('img');
31 + var link = (td && td.querySelector('a[href]')) || th.querySelector('a[href]');
32 + if (!titel && !img) {
33 + return;
34 + }
35 + kaarten.push({ titel: titel || (img && img.getAttribute('alt')) || '', img: img, link: link });
36 + });
37 + if (beeldRij) {
38 + i++;
39 + }
40 + }
41 + return kaarten;
42 + }
43 +
44 + // Adres van de oorspronkelijke afbeelding: zonder de width- en height-parameters waarmee XWiki verkleint.
45 + function origineel(src) {
46 + try {
47 + var url = new URL(src, window.location.href);
48 + url.searchParams.delete('width');
49 + url.searchParams.delete('height');
50 + return url.toString();
51 + } catch (e) {
52 + return src;
53 + }
54 + }
55 +
56 + function zetIcoon(beeld) {
57 + beeld.classList.add('wb-kaart-geenbeeld');
58 + var icoon = document.createElement('span');
59 + icoon.className = 'fa fa-book wb-kaart-icoon';
60 + icoon.setAttribute('aria-hidden', 'true');
61 + beeld.appendChild(icoon);
62 + }
63 +
64 + function maakKaart(k) {
65 + var kaart = document.createElement(k.link ? 'a' : 'div');
66 + kaart.className = 'wb-kaart';
67 + if (k.link) {
68 + kaart.setAttribute('href', k.link.getAttribute('href'));
69 + if (k.link.getAttribute('target')) {
70 + kaart.setAttribute('target', k.link.getAttribute('target'));
71 + kaart.setAttribute('rel', 'noopener');
72 + }
73 + }
74 + var beeld = document.createElement('span');
75 + beeld.className = 'wb-kaart-beeld';
76 + if (k.img) {
77 + var img = document.createElement('img');
78 + // Het origineel laden in plaats van de door XWiki verkleinde versie (?width=…&height=…), zodat grote kaarten scherp zijn.
79 + img.src = origineel(k.img.currentSrc || k.img.src);
80 + img.alt = '';
81 + img.loading = 'lazy';
82 + img.decoding = 'async';
83 + var geenBeeld = function () {
84 + img.remove();
85 + zetIcoon(beeld);
86 + };
87 + img.addEventListener('error', geenBeeld);
88 + // Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
89 + img.addEventListener('load', function () {
90 + if (!img.naturalWidth || img.naturalWidth < 4) {
91 + geenBeeld();
92 + }
93 + });
94 + beeld.appendChild(img);
95 + } else {
96 + zetIcoon(beeld);
97 + }
98 + var titel = document.createElement('span');
99 + titel.className = 'wb-kaart-titel';
100 + titel.textContent = k.titel;
101 + kaart.appendChild(beeld);
102 + kaart.appendChild(titel);
103 + return kaart;
104 + }
105 +
106 + function verwerk(tabel) {
107 + if (tabel.classList.contains('wb-vervangen')) {
108 + return;
109 + }
110 + var kaarten = kaartenUitTabel(tabel);
111 + if (!kaarten.length) {
112 + return;
113 + }
114 + var raster = document.createElement('div');
115 + raster.className = 'wb-kaarten';
116 + kaarten.forEach(function (k) { raster.appendChild(maakKaart(k)); });
117 + tabel.parentNode.insertBefore(raster, tabel.nextSibling);
118 + tabel.classList.add('wb-vervangen');
119 + }
120 +
121 + function start() {
122 + var actie = (window.XWiki && window.XWiki.contextaction) || 'view';
123 + if (actie !== 'view') {
124 + return;
125 + }
126 + var tabellen = document.querySelectorAll('#xwikicontent table.vgmtabel');
127 + Array.prototype.forEach.call(tabellen, function (tabel) {
128 + try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
129 + });
130 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
131 + }
132 +
133 + // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
134 + // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
135 + function eigenNummering(toc) {
136 + var links = toc.querySelectorAll('a');
137 + if (!links.length) {
138 + return;
139 + }
140 + var genummerd = 0;
141 + Array.prototype.forEach.call(links, function (a) {
142 + if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
143 + genummerd++;
144 + }
145 + });
146 + if (genummerd / links.length >= 0.6) {
147 + toc.classList.add('wb-toc-eigen-nummers');
148 + }
149 + }
150 +
151 + // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
152 + function herstel() {
153 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
154 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
155 + }
156 +
157 + if (typeof window.require === 'function') {
158 + window.require(['jquery'], function ($) {
159 + $(document).on('xwiki:actions:edit', herstel);
160 + $(document).on('xwiki:actions:view', function () { setTimeout(start, 0); });
161 + });
162 + }
163 +
164 + if (document.readyState === 'loading') {
165 + document.addEventListener('DOMContentLoaded', start);
166 + } else {
167 + start();
168 + }
169 +})();
170 +
name
... ... @@ -1,0 +1,1 @@
1 +Wardenburg tegels als kaarten
parse
... ... @@ -1,0 +1,1 @@
1 +Nee
use
... ... @@ -1,0 +1,1 @@
1 +always
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,925 @@
1 +/* Wardenburg Kennisbank; huisstijl bovenop het kleurthema Wardenburg.
2 + Uitgangspunt: wit, ruimte en zo min mogelijk lijnen (in de geest van Google).
3 + Kleuren en lettertypen staan in het kleurthema; hier staan de eigen classes
4 + van de templates (wb...), de panelen en de leesbaarheid van de pagina-inhoud. */
5 +
6 +/* ---------- Opbouw ---------- */
7 +
8 +/* Pagina zonder rechterkolom op volle breedte */
9 +#body.hideleft.panel-right-width-Medium .main {
10 + width: 100%;
11 +}
12 +#headerglobal,
13 +.navbar-default {
14 + border-bottom: 1px solid #e8eaed;
15 + box-shadow: none;
16 +}
17 +#footerglobal {
18 + border-top: 1px solid #e8eaed;
19 + color: #5f6368;
20 + font-size: 13px;
21 +}
22 +
23 +/* ---------- Paginakop ---------- */
24 +
25 +.breadcrumb {
26 + padding: 4px 0;
27 + margin-bottom: 6px;
28 + font-size: 14px;
29 +}
30 +#document-title h1 {
31 + font-size: 32px;
32 + font-weight: 500;
33 + margin-bottom: 4px;
34 +}
35 +.xdocLastModification {
36 + font-size: 13px;
37 + color: #5f6368;
38 +}
39 +#mainContentArea > .document-header + hr {
40 + border: 0;
41 + margin: 12px 0 8px;
42 +}
43 +#contentmenu .btn {
44 + font-size: 14px;
45 + padding: 5px 12px;
46 +}
47 +
48 +/* ---------- Leesbare inhoud ---------- */
49 +
50 +#xwikicontent {
51 + line-height: 1.65;
52 +}
53 +#xwikicontent p,
54 +#xwikicontent ul,
55 +#xwikicontent ol {
56 + margin-bottom: 0.85em;
57 +}
58 +#xwikicontent li {
59 + margin-bottom: 0.25em;
60 +}
61 +#xwikicontent h1,
62 +#xwikicontent h2,
63 +#xwikicontent h3,
64 +#xwikicontent h4 {
65 + font-weight: 500;
66 + border: 0;
67 + padding: 0;
68 +}
69 +#xwikicontent h1 { font-size: 26px; margin: 1.5em 0 0.45em; }
70 +#xwikicontent h2 { font-size: 22px; margin: 1.4em 0 0.4em; }
71 +#xwikicontent h3 { font-size: 19px; margin: 1.2em 0 0.35em; }
72 +#xwikicontent h4 { font-size: 17px; margin: 1em 0 0.3em; }
73 +#xwikicontent > h1:first-child,
74 +#xwikicontent > h2:first-child {
75 + margin-top: 0;
76 +}
77 +#xwikicontent a {
78 + text-decoration-color: rgba(25, 103, 210, .35);
79 + text-underline-offset: 3px;
80 +}
81 +#xwikicontent a:hover {
82 + text-decoration-color: currentColor;
83 +}
84 +#xwikicontent img {
85 + max-width: 100%;
86 + height: auto;
87 +}
88 +#xwikicontent .box {
89 + border-radius: 8px;
90 +}
91 +
92 +/* ---------- Tabellen ---------- */
93 +
94 +.main td,
95 +.main th {
96 + border: 1px solid #e8eaed;
97 + padding: 7px 12px;
98 + vertical-align: top;
99 + text-align: left;
100 +}
101 +.main th {
102 + background-color: #f8f9fa;
103 + font-weight: 500;
104 +}
105 +#xwikicontent table {
106 + border-collapse: collapse;
107 + margin-bottom: 1em;
108 +}
109 +
110 +/* ---------- Infovak rechts (wbrechts) ---------- */
111 +
112 +.floatinginfobox.wbrechts {
113 + width: 30%;
114 + min-width: 260px;
115 + max-width: 340px;
116 + margin: 0 0 16px 28px;
117 + padding: 14px;
118 + border: 1px solid #e8eaed;
119 + border-radius: 12px;
120 + background-color: #ffffff;
121 + box-sizing: border-box;
122 + overflow: hidden;
123 +}
124 +.floatinginfobox.wbrechts > *:last-child {
125 + margin-bottom: 0;
126 +}
127 +.wbrb {
128 + text-align: center;
129 + margin-bottom: 12px;
130 +}
131 +.wbrb img {
132 + max-width: 100%;
133 + max-height: 150px;
134 + width: auto;
135 + height: auto;
136 + border-radius: 10px;
137 +}
138 +.wbrb .wikiexternallink,
139 +.vgmtabel .wikiexternallink {
140 + background: none;
141 + padding-right: 0;
142 +}
143 +.wbinfotab table {
144 + width: 100%;
145 + table-layout: fixed;
146 + margin: 0 0 12px;
147 + font-size: 14px;
148 +}
149 +.wbinfotab th,
150 +.wbinfotab td {
151 + border: 0;
152 + border-bottom: 1px solid #f1f3f4;
153 + padding: 6px 4px;
154 + background: transparent;
155 + overflow-wrap: anywhere;
156 +}
157 +.wbinfotab tr:last-child th,
158 +.wbinfotab tr:last-child td {
159 + border-bottom: 0;
160 +}
161 +.wbinfotab th {
162 + width: 42%;
163 + color: #5f6368;
164 + font-weight: 500;
165 +}
166 +.wbinfotab th.wbinfotabheaderlinks,
167 +.wbinfotab th.wbinfotabheaderrechts {
168 + color: #202124;
169 + font-size: 15px;
170 + font-weight: 500;
171 + border-bottom: 1px solid #e8eaed;
172 +}
173 +.wbinfotabheaderlinks {
174 + width: 42%;
175 +}
176 +.wbinfotab .box {
177 + margin: 0;
178 + padding: 2px 6px;
179 + font-size: 12px;
180 + white-space: normal;
181 +}
182 +.wbinfotab .code {
183 + white-space: normal;
184 + word-break: break-all;
185 +}
186 +
187 +/* Inhoudsopgave in het infovak */
188 +.wbtoc {
189 + padding-top: 4px;
190 + font-size: 14px;
191 +}
192 +.wbtoc p {
193 + margin: 0 0 6px;
194 +}
195 +.wbtocheader {
196 + font-size: 15px;
197 + font-weight: 500;
198 +}
199 +.wbtoc ul {
200 + list-style: none;
201 + padding-left: 0;
202 + margin: 0;
203 +}
204 +.wbtoc ul ul {
205 + padding-left: 12px;
206 +}
207 +.wbtoc li {
208 + margin: 3px 0;
209 +}
210 +.wbtoc .nodirectchild {
211 + list-style: none;
212 +}
213 +#body #xwikicontent .wbtoc a {
214 + text-decoration: none;
215 +}
216 +#body #xwikicontent .wbtoc a:hover {
217 + text-decoration: underline;
218 +}
219 +
220 +/* Inhoudsopgave als genummerd overzicht (1, 1.1, 1.2): hoofdstukken donker, onderdelen blauw en ingesprongen */
221 +#xwikicontent ul.wikitoc,
222 +#xwikicontent ul.wikitoc ul {
223 + list-style: none;
224 + margin: 0;
225 + padding-left: 0;
226 + counter-reset: wbtoc;
227 +}
228 +#xwikicontent ul.wikitoc ul {
229 + padding-left: 1.55em;
230 +}
231 +#xwikicontent ul.wikitoc li.nodirectchild > ul {
232 + padding-left: 0;
233 + counter-reset: none;
234 +}
235 +#xwikicontent ul.wikitoc li {
236 + margin: 3px 0;
237 +}
238 +#xwikicontent ul.wikitoc li:not(.nodirectchild) {
239 + counter-increment: wbtoc;
240 +}
241 +#xwikicontent ul.wikitoc li > .wikilink {
242 + display: flex;
243 + gap: 0.45em;
244 +}
245 +#xwikicontent ul.wikitoc li > .wikilink::before {
246 + content: counters(wbtoc, ".");
247 + flex: none;
248 + min-width: 1.1em;
249 + color: #80868b;
250 + font-variant-numeric: tabular-nums;
251 +}
252 +/* Koppen die zelf al genummerd zijn ("2.1 Mogelijkheden"): het script zet deze class, dan geen tweede nummer */
253 +#xwikicontent ul.wikitoc.wb-toc-eigen-nummers li > .wikilink::before,
254 +#xwikicontent ul.wikitoc.wb-toc-eigen-nummers ul li > .wikilink::before {
255 + content: none;
256 +}
257 +#xwikicontent ul.wikitoc > li:not(.nodirectchild),
258 +#xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
259 + margin-top: 10px;
260 +}
261 +#xwikicontent ul.wikitoc > li:not(.nodirectchild):first-child,
262 +#xwikicontent ul.wikitoc > li.nodirectchild > ul > li:first-child {
263 + margin-top: 0;
264 +}
265 +#body #xwikicontent ul.wikitoc > li:not(.nodirectchild) > .wikilink a,
266 +#body #xwikicontent ul.wikitoc > li.nodirectchild > ul > li > .wikilink a {
267 + color: #202124;
268 + font-weight: 500;
269 +}
270 +
271 +/* ---------- Overige eigen classes ---------- */
272 +
273 +.wblinks {
274 + margin-top: 0;
275 +}
276 +.changelog {
277 + width: 60%;
278 +}
279 +.nieuws {
280 + clear: both;
281 +}
282 +.wbtree {
283 + width: 20%;
284 +}
285 +.gepubliceerddoor,
286 +.gepubliceerddoornaam,
287 +.gepubliceerddoor_afb {
288 + vertical-align: middle;
289 +}
290 +.WBFT {
291 + background-color: white;
292 +}
293 +.vgmtabel {
294 + width: 100%;
295 + border-collapse: collapse;
296 + text-align: center;
297 + border: none;
298 +}
299 +.vgmtabel th,
300 +.vgmtabel td {
301 + width: 33.3%;
302 + border: none;
303 + text-align: center;
304 + background: transparent;
305 +}
306 +#vgmtabel img {
307 + height: 100px;
308 + width: auto;
309 +}
310 +.wbtopmenu {
311 + font-weight: bold;
312 +}
313 +
314 +/* ---------- Panelen links ---------- */
315 +
316 +.panels .panel {
317 + border: 0;
318 + box-shadow: none;
319 + background: transparent;
320 + margin-bottom: 20px;
321 +}
322 +.panels .xwikipaneltitle {
323 + font-size: 13px;
324 + font-weight: 500;
325 + color: #5f6368;
326 + border-bottom: 0;
327 + padding: 0 12px 6px;
328 + margin: 0;
329 +}
330 +.panels .xwikipanelcontents {
331 + padding: 0;
332 + font-size: 15px;
333 + line-height: 1.4;
334 +}
335 +.panels .xwikipanelcontents p {
336 + margin: 0;
337 +}
338 +.panels .xwikipanelcontents a {
339 + display: block;
340 + padding: 7px 12px;
341 + border-radius: 0 20px 20px 0;
342 + color: #202124;
343 + text-decoration: none;
344 +}
345 +.panels .xwikipanelcontents a:hover,
346 +.panels .xwikipanelcontents a:focus {
347 + background-color: #f1f3f4;
348 + color: #202124;
349 +}
350 +.panels .wikiexternallink,
351 +.panels .wikilink,
352 +.wb-links .wikiexternallink,
353 +.wb-links .wikilink {
354 + display: block;
355 + background: none;
356 + padding-right: 0;
357 +}
358 +.wb-onderdelen,
359 +.panels .wb-links {
360 + list-style: none;
361 + padding: 0;
362 + margin: 0 0 8px;
363 +}
364 +.wb-onderdelen li,
365 +.panels .wb-links li {
366 + margin: 0;
367 +}
368 +.wb-onderdelen a .fa {
369 + width: 20px;
370 + margin-right: 12px;
371 + text-align: center;
372 + color: #5f6368;
373 +}
374 +.wb-onderdelen a.actief,
375 +.wb-onderdelen a.actief:hover {
376 + background-color: #ffefd5;
377 + font-weight: 500;
378 +}
379 +.wb-onderdelen a.actief .fa {
380 + color: #b86e00;
381 +}
382 +.wb-links-kop {
383 + margin: 12px 12px 2px;
384 + font-size: 13px;
385 + font-weight: 500;
386 + color: #5f6368;
387 +}
388 +
389 +/* Knop om de kolom in en uit te klappen: klein lipje, de kolom schuift erlangs in */
390 +#leftPanels {
391 + padding-left: 30px;
392 +}
393 +/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen */
394 +#body.panel-left-width-Medium {
395 + --panel-column-left-width: clamp(240px, 17vw, 290px);
396 +}
397 +.panels .xwikipanelcontents a {
398 + white-space: nowrap;
399 + overflow: hidden;
400 + text-overflow: ellipsis;
401 +}
402 +body#body #leftPanelsToggle {
403 + width: 22px;
404 + max-width: 22px;
405 + height: 34px;
406 + padding: 0;
407 + border: 1px solid #e8eaed;
408 + border-left: 0;
409 + border-radius: 0 10px 10px 0;
410 + background: #ffffff;
411 + color: #5f6368;
412 + box-shadow: 0 1px 3px rgba(60, 64, 67, .15);
413 +}
414 +body#body #leftPanelsToggle:hover,
415 +body#body #leftPanelsToggle:focus {
416 + background: #f1f3f4;
417 + color: #202124;
418 +}
419 +
420 +/* Zwevende opslaanbalk bij wijzigen en voorbeeld: matglas, zodat de pagina eronder rustig vervaagt */
421 +.sticky-buttons {
422 + background-color: rgba(248, 249, 250, .78);
423 + -webkit-backdrop-filter: blur(12px) saturate(140%);
424 + backdrop-filter: blur(12px) saturate(140%);
425 + border: 1px solid rgba(218, 220, 224, .9);
426 + border-radius: 16px;
427 + box-shadow: 0 -2px 18px rgba(60, 64, 67, .14);
428 + padding: 10px 12px;
429 +}
430 +.sticky-buttons .buttons,
431 +.sticky-buttons fieldset,
432 +.sticky-buttons .meta-versionSummary,
433 +.sticky-buttons .meta-minorEdit {
434 + background: transparent;
435 +}
436 +@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
437 + .sticky-buttons {
438 + background-color: rgba(248, 249, 250, .97);
439 + }
440 +}
441 +
442 +/* ---------- Tabbladen onder de pagina ---------- */
443 +
444 +#docExtraTabs .xwikitabbar {
445 + border-bottom: 1px solid #e8eaed;
446 +}
447 +#docExtraTabs .xwikitabbar li a {
448 + border: 0;
449 + border-bottom: 3px solid transparent;
450 + border-radius: 0;
451 + background: transparent;
452 + color: #5f6368;
453 +}
454 +#docExtraTabs .xwikitabbar li.active a,
455 +#docExtraTabs .xwikitabbar li a:hover {
456 + border-bottom-color: #ffb447;
457 + color: #202124;
458 + background: transparent;
459 +}
460 +
461 +/* ---------- Zoekresultaten, zoals bij Google ---------- */
462 +
463 +.search-result {
464 + display: flex;
465 + flex-direction: column;
466 + margin-bottom: 26px;
467 +}
468 +.search-result-location {
469 + order: -1;
470 + font-size: 13px;
471 + color: #5f6368;
472 +}
473 +.search-result-location .breadcrumb {
474 + display: inline;
475 + padding: 0;
476 + margin: 0;
477 + background: none;
478 + font-size: 13px;
479 +}
480 +#xwikicontent h2.search-result-title {
481 + order: 0;
482 + font-size: 20px;
483 + font-weight: 400;
484 + margin: 2px 0 4px;
485 +}
486 +#body #xwikicontent h2.search-result-title a {
487 + text-decoration: none;
488 +}
489 +#body #xwikicontent h2.search-result-title a:hover {
490 + text-decoration: underline;
491 +}
492 +.search-result-title .fa {
493 + display: none;
494 +}
495 +.search-result-author {
496 + order: 2;
497 + font-size: 13px;
498 + color: #5f6368;
499 +}
500 +.search-result-author .user-avatar {
501 + display: none;
502 +}
503 +.search-result-highlights {
504 + order: 1;
505 + margin: 0 0 4px;
506 +}
507 +#xwikicontent .search-result-highlights dt,
508 +#xwikicontent .search-result-highlights dd:not(:first-of-type),
509 +#xwikicontent .search-result-highlights blockquote:not(:first-of-type),
510 +#xwikicontent .search-result-highlights .separator,
511 +#xwikicontent .search-result .btn:not(.sr-only) {
512 + display: none;
513 +}
514 +#xwikicontent .search-result-highlights dd {
515 + margin: 0;
516 + padding: 0;
517 +}
518 +#body #xwikicontent .search-result-location a {
519 + color: #5f6368;
520 + text-decoration: none;
521 +}
522 +
523 +/* Zoekbalk op de zoekpagina */
524 +#search-page-bar-input {
525 + height: 44px;
526 + padding-left: 20px;
527 + border-radius: 22px 0 0 22px;
528 + font-size: 16px;
529 +}
530 +.search-form .input-group-btn .btn {
531 + height: 44px;
532 + border-radius: 0 22px 22px 0;
533 + padding-right: 20px;
534 +}
535 +.search-options,
536 +.search-form .sort-options,
537 +.search-form select {
538 + font-size: 14px;
539 + color: #5f6368;
540 +}
541 +#xwikicontent .search-result-highlight {
542 + border: 0;
543 + margin: 0;
544 + padding: 0;
545 + font-size: 15px;
546 + color: #4d5156;
547 + display: -webkit-box;
548 + -webkit-line-clamp: 3;
549 + -webkit-box-orient: vertical;
550 + overflow: hidden;
551 +}
552 +.search-text-highlight {
553 + background: none;
554 + font-weight: 600;
555 + color: #202124;
556 +}
557 +
558 +/* Zoekpagina: geen paginatitel, zoekbalk bovenaan, zoals bij Google */
559 +html[data-xwiki-document="Main.Search"] #document-title,
560 +html[data-xwiki-document="Main.Search"] .xdocLastModification,
561 +html[data-xwiki-document="Main.Search"] #mainContentArea > .document-header + hr,
562 +html[data-xwiki-document="Main.Search"] #xwikicontent > .wikimodel-emptyline:first-child {
563 + display: none;
564 +}
565 +html[data-xwiki-document="Main.Search"] #mainContentArea {
566 + position: relative;
567 +}
568 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-header {
569 + position: absolute;
570 + top: 0;
571 + right: 15px;
572 + left: 15px;
573 + z-index: 2;
574 + min-height: 0;
575 + margin: 0;
576 + pointer-events: none;
577 +}
578 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu {
579 + pointer-events: auto;
580 + opacity: .55;
581 +}
582 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:hover,
583 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:focus-within {
584 + opacity: 1;
585 +}
586 +html[data-xwiki-document="Main.Search"] .search-form {
587 + margin-top: 8px;
588 +}
589 +.search-facets-header strong {
590 + font-size: 15px;
591 + font-weight: 500;
592 +}
593 +.search-facets-header .xHint {
594 + font-size: 13px;
595 +}
596 +
597 +/* Beheeracties van applicaties (App Within Minutes): een rustige knoppenrij boven de inhoud in plaats van een extra kolom */
598 +#xwikicontent #actionBox.floatinginfobox {
599 + float: none;
600 + width: auto;
601 + max-width: none;
602 + margin: 0 0 18px;
603 + padding: 0;
604 + border: 0;
605 + background: transparent;
606 + box-shadow: none;
607 +}
608 +#xwikicontent #actionBox h1 {
609 + display: none;
610 +}
611 +#xwikicontent #actionBox ul {
612 + display: flex;
613 + flex-wrap: wrap;
614 + align-items: center;
615 + gap: 6px;
616 + margin: 0;
617 + padding: 0;
618 + list-style: none;
619 +}
620 +#xwikicontent #actionBox ul::before {
621 + content: "Beheer";
622 + margin-right: 4px;
623 + font-size: 13px;
624 + font-weight: 500;
625 + color: #5f6368;
626 +}
627 +#xwikicontent #actionBox li {
628 + margin: 0;
629 +}
630 +#body #xwikicontent #actionBox a {
631 + display: inline-flex;
632 + align-items: center;
633 + gap: 6px;
634 + padding: 4px 12px;
635 + border: 1px solid #dadce0;
636 + border-radius: 16px;
637 + background: #ffffff;
638 + color: #3c4043;
639 + font-size: 13px;
640 + text-decoration: none;
641 + text-transform: none;
642 +}
643 +#body #xwikicontent #actionBox a:hover,
644 +#body #xwikicontent #actionBox a:focus {
645 + background: #f8f9fa;
646 + color: #202124;
647 +}
648 +#body #xwikicontent #actionBox a.deleteData,
649 +#body #xwikicontent #actionBox a.delete {
650 + color: #b3261e;
651 +}
652 +#xwikicontent #actionBox .fa {
653 + font-size: 12px;
654 +}
655 +
656 +/* Smalle inhoudskolom (laptop met zijkolom, tablet): compact infovak met de afbeelding naast de eigenschappen */
657 +@media (min-width: 768px) and (max-width: 1199px) {
658 + #contentmenu > li:not(#tmEdit) .btn-label {
659 + display: none;
660 + }
661 + .floatinginfobox.wbrechts {
662 + float: none;
663 + width: 100%;
664 + max-width: none;
665 + min-width: 0;
666 + margin: 0 0 20px;
667 + display: grid;
668 + grid-template-columns: 150px minmax(0, 1fr);
669 + column-gap: 18px;
670 + align-items: start;
671 + }
672 + .floatinginfobox.wbrechts > .wbrb {
673 + grid-row: 1 / span 4;
674 + margin: 0;
675 + }
676 + .floatinginfobox.wbrechts > .wbrb img {
677 + max-height: 120px;
678 + }
679 + .floatinginfobox.wbrechts > *:not(.wbrb) {
680 + grid-column: 2;
681 + }
682 + .floatinginfobox.wbrechts .wbinfotab table {
683 + margin-bottom: 8px;
684 + }
685 + .floatinginfobox.wbrechts .wbtoc ul.wikitoc {
686 + columns: 2;
687 + column-gap: 24px;
688 + }
689 + .floatinginfobox.wbrechts .wbtoc ul.wikitoc > li {
690 + break-inside: avoid;
691 + }
692 +}
693 +
694 +/* ---------- Paginakop: titel en knoppen naast elkaar ---------- */
695 +
696 +@media (min-width: 992px) {
697 + #mainContentArea > .document-header {
698 + display: flex;
699 + align-items: flex-start;
700 + gap: 16px;
701 + }
702 + #mainContentArea > .document-header::before,
703 + #mainContentArea > .document-header::after {
704 + content: none;
705 + }
706 + #mainContentArea > .document-header > .document-info {
707 + flex: 1 1 auto;
708 + width: auto;
709 + min-width: 0;
710 + }
711 + #mainContentArea > .document-header > .document-menu {
712 + flex: 0 0 auto;
713 + width: auto;
714 + }
715 + #mainContentArea > .document-header #contentmenu {
716 + float: none;
717 + display: flex;
718 + flex-wrap: nowrap;
719 + }
720 +}
721 +
722 +/* ---------- Tegels (vgmtabel) als kaarten ---------- */
723 +
724 +/* Het script huisstijl.js zet een tegeltabel om in een kaartenraster en verbergt de tabel. */
725 +#xwikicontent table.vgmtabel.wb-vervangen {
726 + display: none !important;
727 +}
728 +.wb-kaarten {
729 + display: grid;
730 + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
731 + gap: 18px;
732 + margin: 14px 0 30px;
733 + clear: none;
734 +}
735 +#body #xwikicontent a.wb-kaart,
736 +.wb-kaart {
737 + display: flex;
738 + flex-direction: column;
739 + overflow: hidden;
740 + border: 1px solid #e8eaed;
741 + border-radius: 12px;
742 + background: #ffffff;
743 + color: #202124;
744 + text-decoration: none;
745 + transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
746 +}
747 +#body #xwikicontent a.wb-kaart:hover,
748 +#body #xwikicontent a.wb-kaart:focus {
749 + border-color: #ffb447;
750 + box-shadow: 0 4px 14px rgba(31, 35, 40, .10);
751 + transform: translateY(-2px);
752 + color: #202124;
753 +}
754 +.wb-kaart-beeld {
755 + display: block;
756 + position: relative;
757 + aspect-ratio: 16 / 10;
758 + overflow: hidden;
759 + background: #f1f3f4;
760 +}
761 +.wb-kaart-beeld img {
762 + display: block;
763 + width: 100% !important;
764 + height: 100% !important;
765 + max-width: none;
766 + object-fit: cover;
767 + transition: transform .25s ease;
768 +}
769 +.wb-kaart:hover .wb-kaart-beeld img {
770 + transform: scale(1.03);
771 +}
772 +/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
773 + de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
774 +.wb-kaart-icoon {
775 + position: absolute;
776 + top: 50%;
777 + left: 50%;
778 + transform: translate(-50%, -50%);
779 + font-size: 34px;
780 + color: #b86e00;
781 + opacity: .5;
782 +}
783 +.wb-kaart-titel {
784 + padding: 10px 14px 12px;
785 + font-size: 15px;
786 + font-weight: 500;
787 + line-height: 1.35;
788 +}
789 +/* Grote schermen: grote kaarten, foto's in hun oorspronkelijke 3:2-verhouding */
790 +@media (min-width: 1200px) {
791 + .wb-kaarten {
792 + grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
793 + gap: 26px;
794 + }
795 + .wb-kaart-beeld {
796 + aspect-ratio: 3 / 2;
797 + }
798 + .wb-kaart-titel {
799 + padding: 14px 18px 16px;
800 + font-size: 17px;
801 + }
802 +}
803 +@media (min-width: 1800px) {
804 + .wb-kaarten {
805 + grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
806 + }
807 +}
808 +
809 +/* Zonder script: de tabel past in elk geval binnen het scherm */
810 +#xwikicontent table.vgmtabel {
811 + width: 100% !important;
812 + max-width: 100%;
813 + table-layout: fixed;
814 +}
815 +#xwikicontent table.vgmtabel th,
816 +#xwikicontent table.vgmtabel td {
817 + width: auto !important;
818 + position: static !important;
819 + top: auto !important;
820 + padding: 6px;
821 +}
822 +#xwikicontent table.vgmtabel img {
823 + width: 100% !important;
824 + height: auto !important;
825 + aspect-ratio: 16 / 10;
826 + object-fit: cover;
827 + border-radius: 10px;
828 +}
829 +
830 +/* ---------- Handboeken: geplakte Word-opmaak volgt de huisstijl ---------- */
831 +
832 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-family"] {
833 + font-family: inherit !important;
834 +}
835 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-size"] {
836 + font-size: inherit !important;
837 +}
838 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="line-height"] {
839 + line-height: inherit !important;
840 +}
841 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table:not(.vgmtabel) {
842 + font-size: 14px;
843 +}
844 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table [style*="text-indent"] {
845 + text-indent: 0 !important;
846 +}
847 +
848 +/* ---------- Telefoon ---------- */
849 +
850 +@media (max-width: 767px) {
851 + .floatinginfobox.wbrechts {
852 + float: none;
853 + width: 100%;
854 + max-width: none;
855 + min-width: 0;
856 + margin: 0 0 16px;
857 + }
858 + .wbrb img {
859 + max-height: 110px;
860 + }
861 + #xwikicontent table:not(.wbinfotab table) {
862 + display: block;
863 + max-width: 100%;
864 + overflow-x: auto;
865 + }
866 + #document-title h1 {
867 + font-size: 26px;
868 + }
869 + .changelog {
870 + width: 100%;
871 + }
872 + #contentmenu .btn-label {
873 + display: none;
874 + }
875 + .wb-kaarten {
876 + grid-template-columns: repeat(2, minmax(0, 1fr));
877 + gap: 10px;
878 + }
879 + .wb-kaart-titel {
880 + padding: 8px 10px 10px;
881 + font-size: 13.5px;
882 + }
883 + #xwikicontent #actionBox ul {
884 + flex-wrap: nowrap;
885 + overflow-x: auto;
886 + padding-bottom: 4px;
887 + scrollbar-width: none;
888 + }
889 + #xwikicontent #actionBox li {
890 + flex: none;
891 + }
892 +}
893 +
894 +/* Overzichtstabellen (livetable): woorden heel laten, lange adressen afkappen met ...; bij aanwijzen het volledige adres */
895 +#xwikicontent table.xwiki-livetable {
896 + font-size: 14px;
897 +}
898 +#xwikicontent .xwiki-livetable-display-header th,
899 +#xwikicontent .xwiki-livetable-display-body td {
900 + padding: 6px 7px;
901 +}
902 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
903 + word-break: normal;
904 + overflow-wrap: break-word;
905 + hyphens: manual;
906 +}
907 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
908 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
909 + max-width: 140px;
910 + white-space: nowrap;
911 + overflow: hidden;
912 + text-overflow: ellipsis;
913 +}
914 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL:hover,
915 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL:hover {
916 + white-space: normal;
917 + overflow-wrap: anywhere;
918 +}
919 +/* Een brede overzichtstabel blijft binnen de pagina en schuift zo nodig opzij */
920 +#xwikicontent table.xwiki-livetable {
921 + display: block;
922 + max-width: 100%;
923 + overflow-x: auto;
924 +}
925 +
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Naam
... ... @@ -1,0 +1,1 @@
1 +Wardenburg huisstijl
Inhoud verwerken
... ... @@ -1,0 +1,1 @@
1 +Nee
Gebruik deze uitbreiding
... ... @@ -1,0 +1,1 @@
1 +always
XWiki.XWikiRights[0]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
levels
... ... @@ -1,0 +1,1 @@
1 +view
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
XWiki.XWikiRights[1]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAllGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view
XWiki.XWikiRights[2]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAdminGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view,edit,comment,script