Skip to Content

Wijzigen voor document Startpagina

Laatst gewijzigd door Jeeves de Butler op 18-10-2026 06:49
Van versie 2.1
gewijzigd door Jeeves de Butler
op 05-10-2026 02:21
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 1.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,1 +1,0 @@
1 -long
Code
... ... @@ -1,376 +1,0 @@
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,1 +1,0 @@
1 -CSS
Naam
... ... @@ -1,1 +1,0 @@
1 -Wardenburg startpagina
Inhoud verwerken
... ... @@ -1,1 +1,0 @@
1 -Nee
Gebruik deze uitbreiding
... ... @@ -1,1 +1,0 @@
1 -onDemand