Skip to Content

Wijzigen voor document Tekenveld

Laatst gewijzigd door Jeeves de Butler op 23-10-2026 02:42
Van versie 5.1
gewijzigd door Jeeves de Butler
op 16-10-2026 12:29
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 6.1
gewijzigd door Jeeves de Butler
op 16-10-2026 12:29
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,45 @@
1 +/* Tekenveld op de startpagina van de Kennisbank (Wardenburg.Code.Tekenveld); alleen geladen op
2 + de startpagina. Het canvas ligt achter de inhoud; de vlakken eromheen worden doorzichtig. */
3 +
4 +/* Kleuren voor de engine: de tekstkleur en het donkere oranje (brand-warning) uit het kleurthema. */
5 +html {
6 + --text: #202124;
7 + --brand-red: #e8920c;
8 + background: #ffffff;
9 +}
10 +
11 +body,
12 +#body,
13 +#contentcontainer,
14 +#contentcolumn,
15 +#mainContentArea,
16 +.main,
17 +#xwikicontent,
18 +.wb-home {
19 + background: transparent !important;
20 +}
21 +
22 +canvas.kb-tekenveld {
23 + position: fixed;
24 + inset: 0;
25 + z-index: -1;
26 + pointer-events: none;
27 + /* Naar het midden, waar het zoekveld en de tegels staan, vervaagt het veld. */
28 + -webkit-mask-image: radial-gradient(ellipse 48% 58% at 50% 55%, transparent 45%, #000 100%);
29 + mask-image: radial-gradient(ellipse 48% 58% at 50% 55%, transparent 45%, #000 100%);
30 +}
31 +
32 +/* Leesbaarheid: een zachte witte gloed achter de kop, het zoekveld en elke tegel. */
33 +.wb-zoek > h1,
34 +.wb-zoek > p,
35 +.wb-zoek > form,
36 +.wb-tegels > li > a {
37 + background: radial-gradient(closest-side, rgba(255, 255, 255, .97) 62%, rgba(255, 255, 255, 0) 100%);
38 +}
39 +
40 +.wb-home-onder {
41 + background: #ffffff;
42 + border-radius: 16px;
43 + box-shadow: 0 0 36px 28px #ffffff;
44 +}
45 +
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Naam
... ... @@ -1,0 +1,1 @@
1 +Wardenburg tekenveld
Inhoud verwerken
... ... @@ -1,0 +1,1 @@
1 +Nee
Gebruik deze uitbreiding
... ... @@ -1,0 +1,1 @@
1 +onDemand