Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 16.1
gewijzigd door Jeeves de Butler
op 05-10-2026 03:49
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,14 +41,6 @@
41 41   return kaarten;
42 42   }
43 43  
44 - function zetIcoon(beeld) {
45 - beeld.classList.add('wb-kaart-geenbeeld');
46 - var icoon = document.createElement('span');
47 - icoon.className = 'fa fa-book wb-kaart-icoon';
48 - icoon.setAttribute('aria-hidden', 'true');
49 - beeld.appendChild(icoon);
50 - }
51 -
52 52   function maakKaart(k) {
53 53   var kaart = document.createElement(k.link ? 'a' : 'div');
54 54   kaart.className = 'wb-kaart';
... ... @@ -63,14 +63,13 @@
63 63   beeld.className = 'wb-kaart-beeld';
64 64   if (k.img) {
65 65   var img = document.createElement('img');
66 - // Het origineel laden in plaats van de door XWiki verkleinde versie (?width=…&height=…), zodat grote kaarten scherp zijn.
67 - img.src = (k.img.currentSrc || k.img.src).replace(/([?&])(width|height)=d+/g, '$1').replace(/[?&]+$/, '').replace(/?&+/, '?').replace(/&&+/g, '&');
58 + img.src = k.img.currentSrc || k.img.src;
68 68   img.alt = '';
69 69   img.loading = 'lazy';
70 70   img.decoding = 'async';
71 71   var geenBeeld = function () {
63 + beeld.classList.add('wb-kaart-geenbeeld');
72 72   img.remove();
73 - zetIcoon(beeld);
74 74   };
75 75   img.addEventListener('error', geenBeeld);
76 76   // Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
... ... @@ -81,7 +81,7 @@
81 81   });
82 82   beeld.appendChild(img);
83 83   } else {
84 - zetIcoon(beeld);
75 + beeld.classList.add('wb-kaart-geenbeeld');
85 85   }
86 86   var titel = document.createElement('span');
87 87   titel.className = 'wb-kaart-titel';
XWiki.StyleSheetExtension[0]
Code
... ... @@ -764,13 +764,13 @@
764 764  .wb-kaart:hover .wb-kaart-beeld img {
765 765   transform: scale(1.03);
766 766  }
767 -/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
768 - de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
769 -.wb-kaart-icoon {
767 +.wb-kaart-geenbeeld::before {
768 + content: " 02d";
770 770   position: absolute;
771 771   top: 50%;
772 772   left: 50%;
773 773   transform: translate(-50%, -50%);
773 + font-family: FontAwesome;
774 774   font-size: 34px;
775 775   color: #b86e00;
776 776   opacity: .5;
... ... @@ -781,23 +781,20 @@
781 781   font-weight: 500;
782 782   line-height: 1.35;
783 783  }
784 -/* Grote schermen: grote kaarten, foto's in hun oorspronkelijke 3:2-verhouding */
784 +/* Grote schermen: grotere kaarten */
785 785  @media (min-width: 1200px) {
786 786   .wb-kaarten {
787 - grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
788 - gap: 26px;
787 + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
788 + gap: 22px;
789 789   }
790 - .wb-kaart-beeld {
791 - aspect-ratio: 3 / 2;
792 - }
793 793   .wb-kaart-titel {
794 - padding: 14px 18px 16px;
795 - font-size: 17px;
791 + padding: 12px 16px 14px;
792 + font-size: 16px;
796 796   }
797 797  }
798 798  @media (min-width: 1800px) {
799 799   .wb-kaarten {
800 - grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
797 + grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
801 801   }
802 802  }
803 803  
... ... @@ -886,35 +886,3 @@
886 886   }
887 887  }
888 888  
889 -/* Overzichtstabellen (livetable): woorden heel laten, lange adressen afkappen met ...; bij aanwijzen het volledige adres */
890 -#xwikicontent table.xwiki-livetable {
891 - font-size: 14px;
892 -}
893 -#xwikicontent .xwiki-livetable-display-header th,
894 -#xwikicontent .xwiki-livetable-display-body td {
895 - padding: 6px 7px;
896 -}
897 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
898 - word-break: normal;
899 - overflow-wrap: break-word;
900 - hyphens: manual;
901 -}
902 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
903 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
904 - max-width: 140px;
905 - white-space: nowrap;
906 - overflow: hidden;
907 - text-overflow: ellipsis;
908 -}
909 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL:hover,
910 -#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL:hover {
911 - white-space: normal;
912 - overflow-wrap: anywhere;
913 -}
914 -/* Een brede overzichtstabel blijft binnen de pagina en schuift zo nodig opzij */
915 -#xwikicontent table.xwiki-livetable {
916 - display: block;
917 - max-width: 100%;
918 - overflow-x: auto;
919 -}
920 -