Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 25.1
gewijzigd door Jeeves de Butler
op 07-10-2026 01:56
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 11.1
gewijzigd door Jeeves de Butler
op 05-10-2026 03:40
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

XWiki.JavaScriptExtension[0]
code
... ... @@ -41,26 +41,6 @@
41 41   return kaarten;
42 42   }
43 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 64   function maakKaart(k) {
65 65   var kaart = document.createElement(k.link ? 'a' : 'div');
66 66   kaart.className = 'wb-kaart';
... ... @@ -75,14 +75,13 @@
75 75   beeld.className = 'wb-kaart-beeld';
76 76   if (k.img) {
77 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);
58 + img.src = k.img.currentSrc || k.img.src;
80 80   img.alt = '';
81 81   img.loading = 'lazy';
82 82   img.decoding = 'async';
83 83   var geenBeeld = function () {
63 + beeld.classList.add('wb-kaart-geenbeeld');
84 84   img.remove();
85 - zetIcoon(beeld);
86 86   };
87 87   img.addEventListener('error', geenBeeld);
88 88   // Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
... ... @@ -93,7 +93,7 @@
93 93   });
94 94   beeld.appendChild(img);
95 95   } else {
96 - zetIcoon(beeld);
75 + beeld.classList.add('wb-kaart-geenbeeld');
97 97   }
98 98   var titel = document.createElement('span');
99 99   titel.className = 'wb-kaart-titel';
... ... @@ -127,56 +127,12 @@
127 127   Array.prototype.forEach.call(tabellen, function (tabel) {
128 128   try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
129 129   });
130 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
131 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img'), scherpInfovak);
132 132   }
133 133  
134 - // Infovak: het origineel tonen in plaats van de kleine XWiki-verkleining, zodat de afbeelding op een breed scherm scherp blijft.
135 - // Bij een fout terug naar de verkleining. Het oude adres blijft bewaard voor herstel().
136 - function scherpInfovak(img) {
137 - var src = img.getAttribute('src') || '';
138 - if (img.hasAttribute('data-wb-src') || !/[?&](width|height)=/.test(src)) {
139 - return;
140 - }
141 - var groot = origineel(src);
142 - if (groot === src) {
143 - return;
144 - }
145 - img.setAttribute('data-wb-src', src);
146 - img.addEventListener('error', function terug() {
147 - img.removeEventListener('error', terug);
148 - img.setAttribute('src', src);
149 - });
150 - img.removeAttribute('srcset');
151 - img.setAttribute('src', groot);
152 - }
153 -
154 - // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
155 - // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
156 - function eigenNummering(toc) {
157 - var links = toc.querySelectorAll('a');
158 - if (!links.length) {
159 - return;
160 - }
161 - var genummerd = 0;
162 - Array.prototype.forEach.call(links, function (a) {
163 - if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
164 - genummerd++;
165 - }
166 - });
167 - if (genummerd / links.length >= 0.6) {
168 - toc.classList.add('wb-toc-eigen-nummers');
169 - }
170 - }
171 -
172 172   // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
173 173   function herstel() {
174 174   Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
175 175   Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
176 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img[data-wb-src]'), function (img) {
177 - img.setAttribute('src', img.getAttribute('data-wb-src'));
178 - img.removeAttribute('data-wb-src');
179 - });
180 180   }
181 181  
182 182   if (typeof window.require === 'function') {
... ... @@ -186,30 +186,10 @@
186 186   });
187 187   }
188 188  
189 - // Na opslaan bij wijzigen op de pagina zelf bouwt XWiki de inhoudsopgave opnieuw op zonder de pagina te herladen.
190 - // Daarom ook nieuwe inhoudsopgaven nalopen zodra ze verschijnen; niet binnen de editor, zodat niets in de tekst belandt.
191 - function nummersBijwerken() {
192 - Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc:not(.wb-toc-eigen-nummers)'), function (toc) {
193 - if (!toc.closest('[contenteditable="true"]')) {
194 - eigenNummering(toc);
195 - }
196 - });
197 - }
198 - var wachtend = null;
199 - if (window.MutationObserver) {
200 - new MutationObserver(function () {
201 - if (wachtend) {
202 - return;
203 - }
204 - wachtend = setTimeout(function () { wachtend = null; nummersBijwerken(); }, 100);
205 - }).observe(document.documentElement, { childList: true, subtree: true });
206 - }
207 -
208 208   if (document.readyState === 'loading') {
209 - document.addEventListener('DOMContentLoaded', function () { start(); nummersBijwerken(); });
125 + document.addEventListener('DOMContentLoaded', start);
210 210   } else {
211 211   start();
212 - nummersBijwerken();
213 213   }
214 214  })();
215 215  
XWiki.StyleSheetExtension[0]
Code
... ... @@ -109,11 +109,10 @@
109 109  
110 110  /* ---------- Infovak rechts (wbrechts) ---------- */
111 111  
112 -/* Groeit mee met de inhoudskolom: op een laptop als voorheen, op brede schermen ruimer voor de afbeelding */
113 113  .floatinginfobox.wbrechts {
114 114   width: 30%;
115 115   min-width: 260px;
116 - max-width: 460px;
115 + max-width: 340px;
117 117   margin: 0 0 16px 28px;
118 118   padding: 14px;
119 119   border: 1px solid #e8eaed;
... ... @@ -129,10 +129,9 @@
129 129   text-align: center;
130 130   margin-bottom: 12px;
131 131  }
132 -/* Nooit groter dan het origineel, zodat logo's klein en scherp blijven */
133 133  .wbrb img {
134 134   max-width: 100%;
135 - max-height: 280px;
133 + max-height: 150px;
136 136   width: auto;
137 137   height: auto;
138 138   border-radius: 10px;
... ... @@ -251,11 +251,6 @@
251 251   color: #80868b;
252 252   font-variant-numeric: tabular-nums;
253 253  }
254 -/* Koppen die zelf al genummerd zijn ("2.1 Mogelijkheden"): het script zet deze class, dan geen tweede nummer */
255 -#xwikicontent ul.wikitoc.wb-toc-eigen-nummers li > .wikilink::before,
256 -#xwikicontent ul.wikitoc.wb-toc-eigen-nummers ul li > .wikilink::before {
257 - content: none;
258 -}
259 259  #xwikicontent ul.wikitoc > li:not(.nodirectchild),
260 260  #xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
261 261   margin-top: 10px;
... ... @@ -392,9 +392,8 @@
392 392  #leftPanels {
393 393   padding-left: 30px;
394 394  }
395 -/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen. Niet als de zijbalk is ingeklapt:
396 - dan zet XWiki de breedte op 0 en krijgt de inhoud de volle breedte. */
397 -#body.panel-left-width-Medium:not(.hideleft):not(.hidelefthideright) {
388 +/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen */
389 +#body.panel-left-width-Medium {
398 398   --panel-column-left-width: clamp(240px, 17vw, 290px);
399 399  }
400 400  .panels .xwikipanelcontents a {
... ... @@ -668,7 +668,7 @@
668 668   min-width: 0;
669 669   margin: 0 0 20px;
670 670   display: grid;
671 - grid-template-columns: 220px minmax(0, 1fr);
663 + grid-template-columns: 150px minmax(0, 1fr);
672 672   column-gap: 18px;
673 673   align-items: start;
674 674   }
... ... @@ -677,7 +677,7 @@
677 677   margin: 0;
678 678   }
679 679   .floatinginfobox.wbrechts > .wbrb img {
680 - max-height: 170px;
672 + max-height: 120px;
681 681   }
682 682   .floatinginfobox.wbrechts > *:not(.wbrb) {
683 683   grid-column: 2;
... ... @@ -772,13 +772,13 @@
772 772  .wb-kaart:hover .wb-kaart-beeld img {
773 773   transform: scale(1.03);
774 774  }
775 -/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
776 - de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
777 -.wb-kaart-icoon {
767 +.wb-kaart-geenbeeld::before {
768 + content: " 02d";
778 778   position: absolute;
779 779   top: 50%;
780 780   left: 50%;
781 781   transform: translate(-50%, -50%);
773 + font-family: FontAwesome;
782 782   font-size: 34px;
783 783   color: #b86e00;
784 784   opacity: .5;
... ... @@ -848,65 +848,6 @@
848 848   text-indent: 0 !important;
849 849  }
850 850  
851 -/* ---------- Overzicht van onderliggende pagina's (startpagina van een onderdeel) ---------- */
852 -
853 -.wb-overzicht {
854 - list-style: none;
855 - display: grid;
856 - grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
857 - gap: 10px;
858 - margin: 14px 0 28px;
859 - padding: 0;
860 -}
861 -.wb-overzicht li {
862 - margin: 0;
863 -}
864 -#body #xwikicontent .wb-overzicht a {
865 - display: flex;
866 - align-items: center;
867 - gap: 12px;
868 - height: 100%;
869 - padding: 12px 14px;
870 - border: 1px solid #e8eaed;
871 - border-radius: 10px;
872 - background: #ffffff;
873 - color: #202124;
874 - text-decoration: none;
875 - transition: border-color .15s ease, box-shadow .15s ease;
876 -}
877 -#body #xwikicontent .wb-overzicht a:hover,
878 -#body #xwikicontent .wb-overzicht a:focus {
879 - border-color: #ffb447;
880 - box-shadow: 0 2px 10px rgba(31, 35, 40, .08);
881 -}
882 -.wb-overzicht-icoon {
883 - flex: none;
884 - width: 36px;
885 - height: 36px;
886 - display: flex;
887 - align-items: center;
888 - justify-content: center;
889 - border-radius: 50%;
890 - background: #ffefd5;
891 - color: #b86e00;
892 - font-size: 16px;
893 - text-align: center;
894 -}
895 -.wb-overzicht strong {
896 - display: block;
897 - font-weight: 500;
898 - line-height: 1.3;
899 -}
900 -.wb-overzicht small {
901 - display: block;
902 - margin-top: 2px;
903 - font-size: 13px;
904 - color: #5f6368;
905 -}
906 -.wb-overzicht-leeg {
907 - color: #5f6368;
908 -}
909 -
910 910  /* ---------- Telefoon ---------- */
911 911  
912 912  @media (max-width: 767px) {
... ... @@ -918,7 +918,7 @@
918 918   margin: 0 0 16px;
919 919   }
920 920   .wbrb img {
921 - max-height: 200px;
854 + max-height: 110px;
922 922   }
923 923   #xwikicontent table:not(.wbinfotab table) {
924 924   display: block;
... ... @@ -959,22 +959,22 @@
959 959  }
960 960  #xwikicontent .xwiki-livetable-display-header th,
961 961  #xwikicontent .xwiki-livetable-display-body td {
962 - padding: 6px 7px;
895 + padding: 6px 8px;
963 963  }
964 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
897 +.xwiki-livetable-display-body td {
965 965   word-break: normal;
966 966   overflow-wrap: break-word;
967 967   hyphens: manual;
968 968  }
969 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
970 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
971 - max-width: 140px;
902 +.xwiki-livetable-display-body td.URL,
903 +.xwiki-livetable-display-body td.DOWNLOADURL {
904 + max-width: 160px;
972 972   white-space: nowrap;
973 973   overflow: hidden;
974 974   text-overflow: ellipsis;
975 975  }
976 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL:hover,
977 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL:hover {
909 +.xwiki-livetable-display-body td.URL:hover,
910 +.xwiki-livetable-display-body td.DOWNLOADURL:hover {
978 978   white-space: normal;
979 979   overflow-wrap: anywhere;
980 980  }