Skip to Content

Wijzigen voor document Startpagina

Laatst gewijzigd door Jeeves de Butler op 18-10-2026 06:49
Van versie 1.1
gewijzigd door Jeeves de Butler
op 05-10-2026 02:21
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 2.1
gewijzigd door Jeeves de Butler
op 05-10-2026 02: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,376 @@
1 +/* Startpagina; alleen geladen op Main.WebHome. In de geest van Google: zoeken staat centraal.
2 + De onderdelen staan hier als tegels, dus de kolom links is op deze pagina niet nodig. */
3 +html #body,
4 +html #body[class] {
5 + --panel-column-left-width: 0;
6 +}
7 +#body #leftPanels,
8 +#body #leftPanelsToggle {
9 + display: none;
10 +}
11 +
12 +/* Geen paginatitel; de knoppen voor redacteuren klein en rustig rechtsboven */
13 +#document-title,
14 +.xdocLastModification,
15 +#xdocFooter,
16 +#xwikidata,
17 +#mainContentArea > .document-header + hr,
18 +.breadcrumb-container,
19 +#hierarchy {
20 + display: none;
21 +}
22 +#mainContentArea {
23 + position: relative;
24 +}
25 +#mainContentArea .document-header {
26 + position: absolute;
27 + top: 0;
28 + right: 15px;
29 + left: 15px;
30 + z-index: 2;
31 + min-height: 0;
32 + margin: 0;
33 + pointer-events: none;
34 +}
35 +#mainContentArea .document-header .document-menu {
36 + pointer-events: auto;
37 + opacity: .55;
38 + transition: opacity .15s ease;
39 +}
40 +#mainContentArea .document-header .document-menu:hover,
41 +#mainContentArea .document-header .document-menu:focus-within {
42 + opacity: 1;
43 +}
44 +
45 +.wb-home {
46 + max-width: 1200px;
47 + margin: 0 auto;
48 +}
49 +
50 +/* Zoeken */
51 +.wb-zoek {
52 + padding: 56px 0 12px;
53 + text-align: center;
54 +}
55 +#xwikicontent .wb-zoek h1 {
56 + margin: 0 0 24px;
57 + font-size: 34px;
58 + font-weight: 400;
59 + color: #202124;
60 +}
61 +.wb-zoekform {
62 + max-width: 600px;
63 + margin: 0 auto;
64 +}
65 +.wb-zoekbalk {
66 + position: relative;
67 +}
68 +.wb-zoekbalk .fa {
69 + position: absolute;
70 + left: 18px;
71 + top: 50%;
72 + transform: translateY(-50%);
73 + color: #9aa0a6;
74 + font-size: 17px;
75 + pointer-events: none;
76 +}
77 +.wb-zoekbalk .form-control {
78 + display: block;
79 + width: 100%;
80 + max-width: none;
81 + height: 48px;
82 + padding: 0 20px 0 48px;
83 + border: 1px solid #dfe1e5;
84 + border-radius: 24px;
85 + font-size: 17px;
86 + box-shadow: none;
87 + transition: box-shadow .15s ease, border-color .15s ease;
88 +}
89 +.wb-zoekbalk .form-control:hover,
90 +.wb-zoekbalk .form-control:focus {
91 + border-color: rgba(223, 225, 229, 0);
92 + box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
93 +}
94 +.wb-zoekknoppen {
95 + margin-top: 22px;
96 +}
97 +.wb-zoekknoppen .btn {
98 + padding: 10px 26px;
99 + border-radius: 24px;
100 + border-color: #ffb447;
101 + background: #ffb447;
102 + color: #202124;
103 + font-size: 15px;
104 + font-weight: 500;
105 +}
106 +.wb-zoekknoppen .btn:hover,
107 +.wb-zoekknoppen .btn:focus {
108 + border-color: #f5a52e;
109 + background: #f5a52e;
110 + color: #202124;
111 + box-shadow: 0 1px 3px rgba(60, 64, 67, .3);
112 +}
113 +
114 +/* Onderdelen als tegels, zoals het app-overzicht van Google */
115 +.wb-tegels {
116 + list-style: none;
117 + margin: 44px auto 12px;
118 + padding: 0;
119 + display: grid;
120 + grid-template-columns: repeat(6, minmax(0, 1fr));
121 + gap: 4px 8px;
122 +}
123 +.wb-tegels li {
124 + margin: 0;
125 +}
126 +#body #xwikicontent .wb-tegels a,
127 +.wb-tegels a {
128 + display: flex;
129 + flex-direction: column;
130 + align-items: center;
131 + height: 100%;
132 + padding: 14px 8px 12px;
133 + border-radius: 12px;
134 + color: #202124;
135 + text-align: center;
136 + text-decoration: none;
137 + transition: background-color .15s ease;
138 +}
139 +.wb-tegels a:hover,
140 +.wb-tegels a:focus {
141 + background-color: #f1f3f4;
142 + color: #202124;
143 +}
144 +.wb-tegels .fa {
145 + width: 48px;
146 + height: 48px;
147 + line-height: 48px;
148 + margin-bottom: 8px;
149 + border-radius: 50%;
150 + background: #ffefd5;
151 + color: #b86e00;
152 + font-size: 20px;
153 + text-align: center;
154 + transition: transform .15s ease;
155 +}
156 +.wb-tegels a:hover .fa {
157 + transform: scale(1.06);
158 +}
159 +.wb-tegels strong {
160 + font-size: 15px;
161 + font-weight: 500;
162 +}
163 +.wb-tegels small {
164 + margin-top: 2px;
165 + font-size: 12.5px;
166 + color: #5f6368;
167 + line-height: 1.35;
168 +}
169 +
170 +/* Nieuws: vier grote kaarten over de volle breedte */
171 +.wb-home-onder {
172 + margin-top: 36px;
173 + padding-top: 28px;
174 + border-top: 1px solid #e8eaed;
175 +}
176 +#xwikicontent .wb-home-onder h2 {
177 + margin: 0 0 14px;
178 + font-size: 20px;
179 + font-weight: 500;
180 +}
181 +.wb-nieuws {
182 + display: grid;
183 + grid-template-columns: repeat(4, minmax(0, 1fr));
184 + gap: 20px;
185 +}
186 +.wb-nieuws > h2,
187 +.wb-nieuws > p,
188 +.wb-nieuws > .clearfloats,
189 +.wb-nieuws > .pagingLinks {
190 + grid-column: 1 / -1;
191 +}
192 +#xwikicontent .wb-home-onder .wb-nieuws > h2 {
193 + margin-bottom: 0;
194 +}
195 +.wb-nieuws .row.flex-container {
196 + display: contents;
197 +}
198 +.wb-nieuws .row.flex-container::before,
199 +.wb-nieuws .row.flex-container::after {
200 + display: none;
201 +}
202 +.wb-nieuws .next_blog {
203 + float: none;
204 + width: auto;
205 + padding: 0;
206 +}
207 +.wb-nieuws .thumbnail {
208 + display: block;
209 + height: 100%;
210 + margin: 0;
211 + padding: 0;
212 + border: 0;
213 + border-radius: 12px;
214 + background: transparent;
215 + box-shadow: none;
216 + color: #202124;
217 + text-decoration: none;
218 + transition: background-color .15s ease;
219 +}
220 +.wb-nieuws .thumbnail:hover,
221 +.wb-nieuws .thumbnail:focus {
222 + background: #f8f9fa;
223 +}
224 +.wb-nieuws .thumbnail > .row {
225 + display: flex;
226 + flex-direction: column;
227 + margin: 0;
228 +}
229 +.wb-nieuws .thumbnail > .row > [class*="col-"] {
230 + float: none;
231 + width: 100%;
232 + padding: 0;
233 +}
234 +.wb-nieuws .thumbnail img {
235 + display: block;
236 + width: 100%;
237 + aspect-ratio: 16 / 10;
238 + object-fit: cover;
239 + border-radius: 12px;
240 + transition: transform .2s ease;
241 +}
242 +.wb-nieuws .thumbnail:hover img {
243 + transform: scale(1.02);
244 +}
245 +.wb-nieuws .art_det p {
246 + margin: 10px 4px 8px;
247 + font-size: 16px;
248 + font-weight: 500;
249 + line-height: 1.35;
250 + text-align: left;
251 +}
252 +.wb-nieuws .date_info {
253 + display: inline-block;
254 + margin-top: 4px;
255 + font-size: 13px;
256 + font-weight: 400;
257 + color: #5f6368;
258 +}
259 +.wb-nieuws .post-details,
260 +.wb-nieuws .pagingLinks,
261 +.wb-nieuws .pagination,
262 +.wb-nieuws .pager,
263 +.wb-nieuws .clearfloats,
264 +.wb-nieuws .lightbox-toggle {
265 + display: none;
266 +}
267 +#body #xwikicontent .wb-nieuws > p a {
268 + font-size: 15px;
269 + text-decoration: none;
270 +}
271 +#body #xwikicontent .wb-nieuws > p a:hover {
272 + text-decoration: underline;
273 +}
274 +
275 +/* Handige links en hulp in twee kolommen eronder */
276 +.wb-zijkant {
277 + display: grid;
278 + grid-template-columns: repeat(2, minmax(0, 1fr));
279 + gap: 40px;
280 + margin-top: 36px;
281 + padding-top: 28px;
282 + border-top: 1px solid #e8eaed;
283 + font-size: 15px;
284 +}
285 +.wb-links {
286 + list-style: none;
287 + padding: 0;
288 + margin: 0 0 12px;
289 +}
290 +.wb-links li {
291 + margin: 0;
292 +}
293 +.wb-links a {
294 + display: block;
295 + padding: 5px 0;
296 +}
297 +#body #xwikicontent .wb-links a {
298 + color: #202124;
299 + text-decoration: none;
300 +}
301 +#body #xwikicontent .wb-links a:hover {
302 + color: #1967d2;
303 + text-decoration: underline;
304 +}
305 +.wb-zijkant p {
306 + color: #5f6368;
307 + font-size: 13.5px;
308 +}
309 +
310 +/* Gast */
311 +.wb-home-gast {
312 + max-width: 600px;
313 + padding: 64px 0 40px;
314 + text-align: center;
315 +}
316 +#xwikicontent .wb-home-gast h1 {
317 + margin: 0 0 16px;
318 + font-size: 34px;
319 + font-weight: 400;
320 +}
321 +.wb-home-gast p {
322 + font-size: 16px;
323 + color: #3c4043;
324 +}
325 +.wb-home-gast .btn-lg {
326 + margin: 12px 0;
327 + padding: 10px 32px;
328 + border-radius: 24px;
329 +}
330 +
331 +@media (max-width: 991px) {
332 + .wb-tegels {
333 + grid-template-columns: repeat(4, minmax(0, 1fr));
334 + }
335 + .wb-nieuws {
336 + grid-template-columns: repeat(2, minmax(0, 1fr));
337 + }
338 +}
339 +@media (max-width: 767px) {
340 + .wb-zoek {
341 + padding-top: 24px;
342 + }
343 + #xwikicontent .wb-zoek h1 {
344 + font-size: 24px;
345 + margin-bottom: 16px;
346 + }
347 + .wb-zoekknoppen {
348 + display: none;
349 + }
350 + .wb-tegels {
351 + grid-template-columns: repeat(3, minmax(0, 1fr));
352 + margin-top: 24px;
353 + }
354 + .wb-tegels small {
355 + display: none;
356 + }
357 + .wb-tegels .fa {
358 + width: 44px;
359 + height: 44px;
360 + line-height: 44px;
361 + }
362 + .wb-tegels strong {
363 + font-size: 13px;
364 + }
365 + .wb-nieuws {
366 + gap: 12px;
367 + }
368 + .wb-nieuws .art_det p {
369 + font-size: 14px;
370 + }
371 + .wb-zijkant {
372 + grid-template-columns: 1fr;
373 + gap: 8px;
374 + }
375 +}
376 +
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Naam
... ... @@ -1,0 +1,1 @@
1 +Wardenburg startpagina
Inhoud verwerken
... ... @@ -1,0 +1,1 @@
1 +Nee
Gebruik deze uitbreiding
... ... @@ -1,0 +1,1 @@
1 +onDemand