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 2.1
gewijzigd door Jeeves de Butler
op 05-10-2026 01:21
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,726 @@
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 +/* ---------- Telefoon ---------- */
690 +
691 +@media (max-width: 767px) {
692 + .floatinginfobox.wbrechts {
693 + float: none;
694 + width: 100%;
695 + max-width: none;
696 + min-width: 0;
697 + margin: 0 0 16px;
698 + }
699 + .wbrb img {
700 + max-height: 110px;
701 + }
702 + #xwikicontent table:not(.wbinfotab table) {
703 + display: block;
704 + max-width: 100%;
705 + overflow-x: auto;
706 + }
707 + #document-title h1 {
708 + font-size: 26px;
709 + }
710 + .changelog {
711 + width: 100%;
712 + }
713 + #contentmenu .btn-label {
714 + display: none;
715 + }
716 + #xwikicontent #actionBox ul {
717 + flex-wrap: nowrap;
718 + overflow-x: auto;
719 + padding-bottom: 4px;
720 + scrollbar-width: none;
721 + }
722 + #xwikicontent #actionBox li {
723 + flex: none;
724 + }
725 +}
726 +
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