Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 18.1
gewijzigd door Jeeves de Butler
op 05-10-2026 04:11
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 1.1
gewijzigd door Jeeves de Butler
op 05-10-2026 01:21
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 (de opmaak) en het object //JavaScriptExtension// (kaartenraster voor tegeltabellen, alleen presentatie) worden op elke pagina geladen.
1 +Huisstijl van de Wardenburg Kennisbank. Het object //StyleSheetExtension// op deze pagina wordt 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,1 +1,0 @@
1 -long
code
... ... @@ -1,151 +1,0 @@
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 - }
131 -
132 - // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
133 - function herstel() {
134 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
135 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
136 - }
137 -
138 - if (typeof window.require === 'function') {
139 - window.require(['jquery'], function ($) {
140 - $(document).on('xwiki:actions:edit', herstel);
141 - $(document).on('xwiki:actions:view', function () { setTimeout(start, 0); });
142 - });
143 - }
144 -
145 - if (document.readyState === 'loading') {
146 - document.addEventListener('DOMContentLoaded', start);
147 - } else {
148 - start();
149 - }
150 -})();
151 -
name
... ... @@ -1,1 +1,0 @@
1 -Wardenburg tegels als kaarten
parse
... ... @@ -1,1 +1,0 @@
1 -Nee
use
... ... @@ -1,1 +1,0 @@
1 -always
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -long
Code
... ... @@ -1,925 +1,0 @@
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,1 +1,0 @@
1 -CSS
Naam
... ... @@ -1,1 +1,0 @@
1 -Wardenburg huisstijl
Inhoud verwerken
... ... @@ -1,1 +1,0 @@
1 -Nee
Gebruik deze uitbreiding
... ... @@ -1,1 +1,0 @@
1 -always
XWiki.XWikiRights[0]
allow
... ... @@ -1,1 +1,0 @@
1 -Sta toe
levels
... ... @@ -1,1 +1,0 @@
1 -view
users
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiGuest
XWiki.XWikiRights[1]
allow
... ... @@ -1,1 +1,0 @@
1 -Sta toe
groups
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiAllGroup
levels
... ... @@ -1,1 +1,0 @@
1 -view
XWiki.XWikiRights[2]
allow
... ... @@ -1,1 +1,0 @@
1 -Sta toe
groups
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiAdminGroup
levels
... ... @@ -1,1 +1,0 @@
1 -view,edit,comment,script