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 9.1
gewijzigd door Jeeves de Butler
op 05-10-2026 03:17
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,130 @@
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 + function maakKaart(k) {
45 + var kaart = document.createElement(k.link ? 'a' : 'div');
46 + kaart.className = 'wb-kaart';
47 + if (k.link) {
48 + kaart.setAttribute('href', k.link.getAttribute('href'));
49 + if (k.link.getAttribute('target')) {
50 + kaart.setAttribute('target', k.link.getAttribute('target'));
51 + kaart.setAttribute('rel', 'noopener');
52 + }
53 + }
54 + var beeld = document.createElement('span');
55 + beeld.className = 'wb-kaart-beeld';
56 + if (k.img) {
57 + var img = document.createElement('img');
58 + img.src = k.img.currentSrc || k.img.src;
59 + img.alt = '';
60 + img.loading = 'lazy';
61 + img.decoding = 'async';
62 + var geenBeeld = function () {
63 + beeld.classList.add('wb-kaart-geenbeeld');
64 + img.remove();
65 + };
66 + img.addEventListener('error', geenBeeld);
67 + // Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
68 + img.addEventListener('load', function () {
69 + if (!img.naturalWidth || img.naturalWidth < 4) {
70 + geenBeeld();
71 + }
72 + });
73 + beeld.appendChild(img);
74 + } else {
75 + beeld.classList.add('wb-kaart-geenbeeld');
76 + }
77 + var titel = document.createElement('span');
78 + titel.className = 'wb-kaart-titel';
79 + titel.textContent = k.titel;
80 + kaart.appendChild(beeld);
81 + kaart.appendChild(titel);
82 + return kaart;
83 + }
84 +
85 + function verwerk(tabel) {
86 + if (tabel.classList.contains('wb-vervangen')) {
87 + return;
88 + }
89 + var kaarten = kaartenUitTabel(tabel);
90 + if (!kaarten.length) {
91 + return;
92 + }
93 + var raster = document.createElement('div');
94 + raster.className = 'wb-kaarten';
95 + kaarten.forEach(function (k) { raster.appendChild(maakKaart(k)); });
96 + tabel.parentNode.insertBefore(raster, tabel.nextSibling);
97 + tabel.classList.add('wb-vervangen');
98 + }
99 +
100 + function start() {
101 + var actie = (window.XWiki && window.XWiki.contextaction) || 'view';
102 + if (actie !== 'view') {
103 + return;
104 + }
105 + var tabellen = document.querySelectorAll('#xwikicontent table.vgmtabel');
106 + Array.prototype.forEach.call(tabellen, function (tabel) {
107 + try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
108 + });
109 + }
110 +
111 + // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
112 + function herstel() {
113 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
114 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
115 + }
116 +
117 + if (typeof window.require === 'function') {
118 + window.require(['jquery'], function ($) {
119 + $(document).on('xwiki:actions:edit', herstel);
120 + $(document).on('xwiki:actions:view', function () { setTimeout(start, 0); });
121 + });
122 + }
123 +
124 + if (document.readyState === 'loading') {
125 + document.addEventListener('DOMContentLoaded', start);
126 + } else {
127 + start();
128 + }
129 +})();
130 +
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,885 @@
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 +#xwikicontent ul.wikitoc > li:not(.nodirectchild),
253 +#xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
254 + margin-top: 10px;
255 +}
256 +#xwikicontent ul.wikitoc > li:not(.nodirectchild):first-child,
257 +#xwikicontent ul.wikitoc > li.nodirectchild > ul > li:first-child {
258 + margin-top: 0;
259 +}
260 +#body #xwikicontent ul.wikitoc > li:not(.nodirectchild) > .wikilink a,
261 +#body #xwikicontent ul.wikitoc > li.nodirectchild > ul > li > .wikilink a {
262 + color: #202124;
263 + font-weight: 500;
264 +}
265 +
266 +/* ---------- Overige eigen classes ---------- */
267 +
268 +.wblinks {
269 + margin-top: 0;
270 +}
271 +.changelog {
272 + width: 60%;
273 +}
274 +.nieuws {
275 + clear: both;
276 +}
277 +.wbtree {
278 + width: 20%;
279 +}
280 +.gepubliceerddoor,
281 +.gepubliceerddoornaam,
282 +.gepubliceerddoor_afb {
283 + vertical-align: middle;
284 +}
285 +.WBFT {
286 + background-color: white;
287 +}
288 +.vgmtabel {
289 + width: 100%;
290 + border-collapse: collapse;
291 + text-align: center;
292 + border: none;
293 +}
294 +.vgmtabel th,
295 +.vgmtabel td {
296 + width: 33.3%;
297 + border: none;
298 + text-align: center;
299 + background: transparent;
300 +}
301 +#vgmtabel img {
302 + height: 100px;
303 + width: auto;
304 +}
305 +.wbtopmenu {
306 + font-weight: bold;
307 +}
308 +
309 +/* ---------- Panelen links ---------- */
310 +
311 +.panels .panel {
312 + border: 0;
313 + box-shadow: none;
314 + background: transparent;
315 + margin-bottom: 20px;
316 +}
317 +.panels .xwikipaneltitle {
318 + font-size: 13px;
319 + font-weight: 500;
320 + color: #5f6368;
321 + border-bottom: 0;
322 + padding: 0 12px 6px;
323 + margin: 0;
324 +}
325 +.panels .xwikipanelcontents {
326 + padding: 0;
327 + font-size: 15px;
328 + line-height: 1.4;
329 +}
330 +.panels .xwikipanelcontents p {
331 + margin: 0;
332 +}
333 +.panels .xwikipanelcontents a {
334 + display: block;
335 + padding: 7px 12px;
336 + border-radius: 0 20px 20px 0;
337 + color: #202124;
338 + text-decoration: none;
339 +}
340 +.panels .xwikipanelcontents a:hover,
341 +.panels .xwikipanelcontents a:focus {
342 + background-color: #f1f3f4;
343 + color: #202124;
344 +}
345 +.panels .wikiexternallink,
346 +.panels .wikilink,
347 +.wb-links .wikiexternallink,
348 +.wb-links .wikilink {
349 + display: block;
350 + background: none;
351 + padding-right: 0;
352 +}
353 +.wb-onderdelen,
354 +.panels .wb-links {
355 + list-style: none;
356 + padding: 0;
357 + margin: 0 0 8px;
358 +}
359 +.wb-onderdelen li,
360 +.panels .wb-links li {
361 + margin: 0;
362 +}
363 +.wb-onderdelen a .fa {
364 + width: 20px;
365 + margin-right: 12px;
366 + text-align: center;
367 + color: #5f6368;
368 +}
369 +.wb-onderdelen a.actief,
370 +.wb-onderdelen a.actief:hover {
371 + background-color: #ffefd5;
372 + font-weight: 500;
373 +}
374 +.wb-onderdelen a.actief .fa {
375 + color: #b86e00;
376 +}
377 +.wb-links-kop {
378 + margin: 12px 12px 2px;
379 + font-size: 13px;
380 + font-weight: 500;
381 + color: #5f6368;
382 +}
383 +
384 +/* Knop om de kolom in en uit te klappen: klein lipje, de kolom schuift erlangs in */
385 +#leftPanels {
386 + padding-left: 30px;
387 +}
388 +/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen */
389 +#body.panel-left-width-Medium {
390 + --panel-column-left-width: clamp(240px, 17vw, 290px);
391 +}
392 +.panels .xwikipanelcontents a {
393 + white-space: nowrap;
394 + overflow: hidden;
395 + text-overflow: ellipsis;
396 +}
397 +body#body #leftPanelsToggle {
398 + width: 22px;
399 + max-width: 22px;
400 + height: 34px;
401 + padding: 0;
402 + border: 1px solid #e8eaed;
403 + border-left: 0;
404 + border-radius: 0 10px 10px 0;
405 + background: #ffffff;
406 + color: #5f6368;
407 + box-shadow: 0 1px 3px rgba(60, 64, 67, .15);
408 +}
409 +body#body #leftPanelsToggle:hover,
410 +body#body #leftPanelsToggle:focus {
411 + background: #f1f3f4;
412 + color: #202124;
413 +}
414 +
415 +/* Zwevende opslaanbalk bij wijzigen en voorbeeld: matglas, zodat de pagina eronder rustig vervaagt */
416 +.sticky-buttons {
417 + background-color: rgba(248, 249, 250, .78);
418 + -webkit-backdrop-filter: blur(12px) saturate(140%);
419 + backdrop-filter: blur(12px) saturate(140%);
420 + border: 1px solid rgba(218, 220, 224, .9);
421 + border-radius: 16px;
422 + box-shadow: 0 -2px 18px rgba(60, 64, 67, .14);
423 + padding: 10px 12px;
424 +}
425 +.sticky-buttons .buttons,
426 +.sticky-buttons fieldset,
427 +.sticky-buttons .meta-versionSummary,
428 +.sticky-buttons .meta-minorEdit {
429 + background: transparent;
430 +}
431 +@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
432 + .sticky-buttons {
433 + background-color: rgba(248, 249, 250, .97);
434 + }
435 +}
436 +
437 +/* ---------- Tabbladen onder de pagina ---------- */
438 +
439 +#docExtraTabs .xwikitabbar {
440 + border-bottom: 1px solid #e8eaed;
441 +}
442 +#docExtraTabs .xwikitabbar li a {
443 + border: 0;
444 + border-bottom: 3px solid transparent;
445 + border-radius: 0;
446 + background: transparent;
447 + color: #5f6368;
448 +}
449 +#docExtraTabs .xwikitabbar li.active a,
450 +#docExtraTabs .xwikitabbar li a:hover {
451 + border-bottom-color: #ffb447;
452 + color: #202124;
453 + background: transparent;
454 +}
455 +
456 +/* ---------- Zoekresultaten, zoals bij Google ---------- */
457 +
458 +.search-result {
459 + display: flex;
460 + flex-direction: column;
461 + margin-bottom: 26px;
462 +}
463 +.search-result-location {
464 + order: -1;
465 + font-size: 13px;
466 + color: #5f6368;
467 +}
468 +.search-result-location .breadcrumb {
469 + display: inline;
470 + padding: 0;
471 + margin: 0;
472 + background: none;
473 + font-size: 13px;
474 +}
475 +#xwikicontent h2.search-result-title {
476 + order: 0;
477 + font-size: 20px;
478 + font-weight: 400;
479 + margin: 2px 0 4px;
480 +}
481 +#body #xwikicontent h2.search-result-title a {
482 + text-decoration: none;
483 +}
484 +#body #xwikicontent h2.search-result-title a:hover {
485 + text-decoration: underline;
486 +}
487 +.search-result-title .fa {
488 + display: none;
489 +}
490 +.search-result-author {
491 + order: 2;
492 + font-size: 13px;
493 + color: #5f6368;
494 +}
495 +.search-result-author .user-avatar {
496 + display: none;
497 +}
498 +.search-result-highlights {
499 + order: 1;
500 + margin: 0 0 4px;
501 +}
502 +#xwikicontent .search-result-highlights dt,
503 +#xwikicontent .search-result-highlights dd:not(:first-of-type),
504 +#xwikicontent .search-result-highlights blockquote:not(:first-of-type),
505 +#xwikicontent .search-result-highlights .separator,
506 +#xwikicontent .search-result .btn:not(.sr-only) {
507 + display: none;
508 +}
509 +#xwikicontent .search-result-highlights dd {
510 + margin: 0;
511 + padding: 0;
512 +}
513 +#body #xwikicontent .search-result-location a {
514 + color: #5f6368;
515 + text-decoration: none;
516 +}
517 +
518 +/* Zoekbalk op de zoekpagina */
519 +#search-page-bar-input {
520 + height: 44px;
521 + padding-left: 20px;
522 + border-radius: 22px 0 0 22px;
523 + font-size: 16px;
524 +}
525 +.search-form .input-group-btn .btn {
526 + height: 44px;
527 + border-radius: 0 22px 22px 0;
528 + padding-right: 20px;
529 +}
530 +.search-options,
531 +.search-form .sort-options,
532 +.search-form select {
533 + font-size: 14px;
534 + color: #5f6368;
535 +}
536 +#xwikicontent .search-result-highlight {
537 + border: 0;
538 + margin: 0;
539 + padding: 0;
540 + font-size: 15px;
541 + color: #4d5156;
542 + display: -webkit-box;
543 + -webkit-line-clamp: 3;
544 + -webkit-box-orient: vertical;
545 + overflow: hidden;
546 +}
547 +.search-text-highlight {
548 + background: none;
549 + font-weight: 600;
550 + color: #202124;
551 +}
552 +
553 +/* Zoekpagina: geen paginatitel, zoekbalk bovenaan, zoals bij Google */
554 +html[data-xwiki-document="Main.Search"] #document-title,
555 +html[data-xwiki-document="Main.Search"] .xdocLastModification,
556 +html[data-xwiki-document="Main.Search"] #mainContentArea > .document-header + hr,
557 +html[data-xwiki-document="Main.Search"] #xwikicontent > .wikimodel-emptyline:first-child {
558 + display: none;
559 +}
560 +html[data-xwiki-document="Main.Search"] #mainContentArea {
561 + position: relative;
562 +}
563 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-header {
564 + position: absolute;
565 + top: 0;
566 + right: 15px;
567 + left: 15px;
568 + z-index: 2;
569 + min-height: 0;
570 + margin: 0;
571 + pointer-events: none;
572 +}
573 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu {
574 + pointer-events: auto;
575 + opacity: .55;
576 +}
577 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:hover,
578 +html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:focus-within {
579 + opacity: 1;
580 +}
581 +html[data-xwiki-document="Main.Search"] .search-form {
582 + margin-top: 8px;
583 +}
584 +.search-facets-header strong {
585 + font-size: 15px;
586 + font-weight: 500;
587 +}
588 +.search-facets-header .xHint {
589 + font-size: 13px;
590 +}
591 +
592 +/* Beheeracties van applicaties (App Within Minutes): een rustige knoppenrij boven de inhoud in plaats van een extra kolom */
593 +#xwikicontent #actionBox.floatinginfobox {
594 + float: none;
595 + width: auto;
596 + max-width: none;
597 + margin: 0 0 18px;
598 + padding: 0;
599 + border: 0;
600 + background: transparent;
601 + box-shadow: none;
602 +}
603 +#xwikicontent #actionBox h1 {
604 + display: none;
605 +}
606 +#xwikicontent #actionBox ul {
607 + display: flex;
608 + flex-wrap: wrap;
609 + align-items: center;
610 + gap: 6px;
611 + margin: 0;
612 + padding: 0;
613 + list-style: none;
614 +}
615 +#xwikicontent #actionBox ul::before {
616 + content: "Beheer";
617 + margin-right: 4px;
618 + font-size: 13px;
619 + font-weight: 500;
620 + color: #5f6368;
621 +}
622 +#xwikicontent #actionBox li {
623 + margin: 0;
624 +}
625 +#body #xwikicontent #actionBox a {
626 + display: inline-flex;
627 + align-items: center;
628 + gap: 6px;
629 + padding: 4px 12px;
630 + border: 1px solid #dadce0;
631 + border-radius: 16px;
632 + background: #ffffff;
633 + color: #3c4043;
634 + font-size: 13px;
635 + text-decoration: none;
636 + text-transform: none;
637 +}
638 +#body #xwikicontent #actionBox a:hover,
639 +#body #xwikicontent #actionBox a:focus {
640 + background: #f8f9fa;
641 + color: #202124;
642 +}
643 +#body #xwikicontent #actionBox a.deleteData,
644 +#body #xwikicontent #actionBox a.delete {
645 + color: #b3261e;
646 +}
647 +#xwikicontent #actionBox .fa {
648 + font-size: 12px;
649 +}
650 +
651 +/* Smalle inhoudskolom (laptop met zijkolom, tablet): compact infovak met de afbeelding naast de eigenschappen */
652 +@media (min-width: 768px) and (max-width: 1199px) {
653 + #contentmenu > li:not(#tmEdit) .btn-label {
654 + display: none;
655 + }
656 + .floatinginfobox.wbrechts {
657 + float: none;
658 + width: 100%;
659 + max-width: none;
660 + min-width: 0;
661 + margin: 0 0 20px;
662 + display: grid;
663 + grid-template-columns: 150px minmax(0, 1fr);
664 + column-gap: 18px;
665 + align-items: start;
666 + }
667 + .floatinginfobox.wbrechts > .wbrb {
668 + grid-row: 1 / span 4;
669 + margin: 0;
670 + }
671 + .floatinginfobox.wbrechts > .wbrb img {
672 + max-height: 120px;
673 + }
674 + .floatinginfobox.wbrechts > *:not(.wbrb) {
675 + grid-column: 2;
676 + }
677 + .floatinginfobox.wbrechts .wbinfotab table {
678 + margin-bottom: 8px;
679 + }
680 + .floatinginfobox.wbrechts .wbtoc ul.wikitoc {
681 + columns: 2;
682 + column-gap: 24px;
683 + }
684 + .floatinginfobox.wbrechts .wbtoc ul.wikitoc > li {
685 + break-inside: avoid;
686 + }
687 +}
688 +
689 +/* ---------- Paginakop: titel en knoppen naast elkaar ---------- */
690 +
691 +@media (min-width: 992px) {
692 + #mainContentArea > .document-header {
693 + display: flex;
694 + align-items: flex-start;
695 + gap: 16px;
696 + }
697 + #mainContentArea > .document-header::before,
698 + #mainContentArea > .document-header::after {
699 + content: none;
700 + }
701 + #mainContentArea > .document-header > .document-info {
702 + flex: 1 1 auto;
703 + width: auto;
704 + min-width: 0;
705 + }
706 + #mainContentArea > .document-header > .document-menu {
707 + flex: 0 0 auto;
708 + width: auto;
709 + }
710 + #mainContentArea > .document-header #contentmenu {
711 + float: none;
712 + display: flex;
713 + flex-wrap: nowrap;
714 + }
715 +}
716 +
717 +/* ---------- Tegels (vgmtabel) als kaarten ---------- */
718 +
719 +/* Het script huisstijl.js zet een tegeltabel om in een kaartenraster en verbergt de tabel. */
720 +#xwikicontent table.vgmtabel.wb-vervangen {
721 + display: none !important;
722 +}
723 +.wb-kaarten {
724 + display: grid;
725 + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
726 + gap: 18px;
727 + margin: 14px 0 30px;
728 + clear: none;
729 +}
730 +#body #xwikicontent a.wb-kaart,
731 +.wb-kaart {
732 + display: flex;
733 + flex-direction: column;
734 + overflow: hidden;
735 + border: 1px solid #e8eaed;
736 + border-radius: 12px;
737 + background: #ffffff;
738 + color: #202124;
739 + text-decoration: none;
740 + transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
741 +}
742 +#body #xwikicontent a.wb-kaart:hover,
743 +#body #xwikicontent a.wb-kaart:focus {
744 + border-color: #ffb447;
745 + box-shadow: 0 4px 14px rgba(31, 35, 40, .10);
746 + transform: translateY(-2px);
747 + color: #202124;
748 +}
749 +.wb-kaart-beeld {
750 + display: block;
751 + position: relative;
752 + aspect-ratio: 16 / 10;
753 + overflow: hidden;
754 + background: #f1f3f4;
755 +}
756 +.wb-kaart-beeld img {
757 + display: block;
758 + width: 100% !important;
759 + height: 100% !important;
760 + max-width: none;
761 + object-fit: cover;
762 + transition: transform .25s ease;
763 +}
764 +.wb-kaart:hover .wb-kaart-beeld img {
765 + transform: scale(1.03);
766 +}
767 +.wb-kaart-geenbeeld::before {
768 + content: " 02d";
769 + position: absolute;
770 + top: 50%;
771 + left: 50%;
772 + transform: translate(-50%, -50%);
773 + font-family: FontAwesome;
774 + font-size: 34px;
775 + color: #b86e00;
776 + opacity: .5;
777 +}
778 +.wb-kaart-titel {
779 + padding: 10px 14px 12px;
780 + font-size: 15px;
781 + font-weight: 500;
782 + line-height: 1.35;
783 +}
784 +/* Grote schermen: grotere kaarten */
785 +@media (min-width: 1200px) {
786 + .wb-kaarten {
787 + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
788 + gap: 22px;
789 + }
790 + .wb-kaart-titel {
791 + padding: 12px 16px 14px;
792 + font-size: 16px;
793 + }
794 +}
795 +@media (min-width: 1800px) {
796 + .wb-kaarten {
797 + grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
798 + }
799 +}
800 +
801 +/* Zonder script: de tabel past in elk geval binnen het scherm */
802 +#xwikicontent table.vgmtabel {
803 + width: 100% !important;
804 + max-width: 100%;
805 + table-layout: fixed;
806 +}
807 +#xwikicontent table.vgmtabel th,
808 +#xwikicontent table.vgmtabel td {
809 + width: auto !important;
810 + position: static !important;
811 + top: auto !important;
812 + padding: 6px;
813 +}
814 +#xwikicontent table.vgmtabel img {
815 + width: 100% !important;
816 + height: auto !important;
817 + aspect-ratio: 16 / 10;
818 + object-fit: cover;
819 + border-radius: 10px;
820 +}
821 +
822 +/* ---------- Handboeken: geplakte Word-opmaak volgt de huisstijl ---------- */
823 +
824 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-family"] {
825 + font-family: inherit !important;
826 +}
827 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="font-size"] {
828 + font-size: inherit !important;
829 +}
830 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent [style*="line-height"] {
831 + line-height: inherit !important;
832 +}
833 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table:not(.vgmtabel) {
834 + font-size: 14px;
835 +}
836 +html[data-xwiki-space^="Main.Handboeken"] #xwikicontent table [style*="text-indent"] {
837 + text-indent: 0 !important;
838 +}
839 +
840 +/* ---------- Telefoon ---------- */
841 +
842 +@media (max-width: 767px) {
843 + .floatinginfobox.wbrechts {
844 + float: none;
845 + width: 100%;
846 + max-width: none;
847 + min-width: 0;
848 + margin: 0 0 16px;
849 + }
850 + .wbrb img {
851 + max-height: 110px;
852 + }
853 + #xwikicontent table:not(.wbinfotab table) {
854 + display: block;
855 + max-width: 100%;
856 + overflow-x: auto;
857 + }
858 + #document-title h1 {
859 + font-size: 26px;
860 + }
861 + .changelog {
862 + width: 100%;
863 + }
864 + #contentmenu .btn-label {
865 + display: none;
866 + }
867 + .wb-kaarten {
868 + grid-template-columns: repeat(2, minmax(0, 1fr));
869 + gap: 10px;
870 + }
871 + .wb-kaart-titel {
872 + padding: 8px 10px 10px;
873 + font-size: 13.5px;
874 + }
875 + #xwikicontent #actionBox ul {
876 + flex-wrap: nowrap;
877 + overflow-x: auto;
878 + padding-bottom: 4px;
879 + scrollbar-width: none;
880 + }
881 + #xwikicontent #actionBox li {
882 + flex: none;
883 + }
884 +}
885 +
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