Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 19.1
gewijzigd door Jeeves de Butler
op 05-10-2026 04:11
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

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,27 +127,8 @@
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 131   }
132 132  
133 - // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
134 - // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
135 - function eigenNummering(toc) {
136 - var links = toc.querySelectorAll('a');
137 - if (!links.length) {
138 - return;
139 - }
140 - var genummerd = 0;
141 - Array.prototype.forEach.call(links, function (a) {
142 - if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
143 - genummerd++;
144 - }
145 - });
146 - if (genummerd / links.length >= 0.6) {
147 - toc.classList.add('wb-toc-eigen-nummers');
148 - }
149 - }
150 -
151 151   // Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
152 152   function herstel() {
153 153   Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
XWiki.StyleSheetExtension[0]
Code
... ... @@ -249,11 +249,6 @@
249 249   color: #80868b;
250 250   font-variant-numeric: tabular-nums;
251 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 257  #xwikicontent ul.wikitoc > li:not(.nodirectchild),
258 258  #xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
259 259   margin-top: 10px;
... ... @@ -769,13 +769,13 @@
769 769  .wb-kaart:hover .wb-kaart-beeld img {
770 770   transform: scale(1.03);
771 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 {
767 +.wb-kaart-geenbeeld::before {
768 + content: " 02d";
775 775   position: absolute;
776 776   top: 50%;
777 777   left: 50%;
778 778   transform: translate(-50%, -50%);
773 + font-family: FontAwesome;
779 779   font-size: 34px;
780 780   color: #b86e00;
781 781   opacity: .5;
... ... @@ -786,23 +786,20 @@
786 786   font-weight: 500;
787 787   line-height: 1.35;
788 788  }
789 -/* Grote schermen: grote kaarten, foto's in hun oorspronkelijke 3:2-verhouding */
784 +/* Grote schermen: grotere kaarten */
790 790  @media (min-width: 1200px) {
791 791   .wb-kaarten {
792 - grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
793 - gap: 26px;
787 + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
788 + gap: 22px;
794 794   }
795 - .wb-kaart-beeld {
796 - aspect-ratio: 3 / 2;
797 - }
798 798   .wb-kaart-titel {
799 - padding: 14px 18px 16px;
800 - font-size: 17px;
791 + padding: 12px 16px 14px;
792 + font-size: 16px;
801 801   }
802 802  }
803 803  @media (min-width: 1800px) {
804 804   .wb-kaarten {
805 - grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
797 + grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
806 806   }
807 807  }
808 808  
... ... @@ -891,35 +891,3 @@
891 891   }
892 892  }
893 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 -