Wijzigen voor document Tekenveld
Laatst gewijzigd door Jeeves de Butler op 23-10-2026 02:42
Van versie 8.1
gewijzigd door Jeeves de Butler
op 19-10-2026 01:23
op 19-10-2026 01:23
Opmerking bij wijziging:
Er is geen opmerking bij deze versie
Naar versie 7.1
gewijzigd door Jeeves de Butler
op 19-10-2026 01:22
op 19-10-2026 01:22
Opmerking bij wijziging:
Er is geen opmerking bij deze versie
Samenvatting
-
Objecten (1 gewijzigd, 0 toegevoegd, 0 verwijderd)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,12 +1,10 @@ 1 1 /* Tekenveld op de startpagina van de Kennisbank (Wardenburg.Code.Tekenveld); alleen geladen op 2 2 de startpagina. Het canvas ligt achter de inhoud; de vlakken eromheen worden doorzichtig. */ 3 3 4 -/* Kleuren voor de engine: de tekstkleur en het donkere oranje (brand-warning) uit het kleurthema; 5 - de hartslaglijn in het rood van het thema (brand-danger). */ 4 +/* Kleuren voor de engine: de tekstkleur en het donkere oranje (brand-warning) uit het kleurthema. */ 6 6 html { 7 7 --text: #202124; 8 8 --brand-red: #e8920c; 9 - --glyph-line: #d0021b; 10 10 background: #ffffff; 11 11 } 12 12 ... ... @@ -26,18 +26,11 @@ 26 26 inset: 0; 27 27 z-index: -1; 28 28 pointer-events: none; 29 - /* Naar het midden, waar het zoekveld en de tegels staan, vervaagt het veld tot 40%: het zwakke 30 - grijze veld is daar vrijwel weg, de rode hartslaglijn komt er nog doorheen. */ 31 - -webkit-mask-image: radial-gradient(ellipse 48% 58% at 50% 55%, rgba(0, 0, 0, .4) 45%, #000 100%); 32 - mask-image: radial-gradient(ellipse 48% 58% at 50% 55%, rgba(0, 0, 0, .4) 45%, #000 100%); 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%); 33 33 } 34 34 35 -/* Tijdens de explosie (vijf snelle klikken) het hele scherm. */ 36 -canvas.kb-tekenveld.kb-tekenveld--boem { 37 - -webkit-mask-image: none; 38 - mask-image: none; 39 -} 40 - 41 41 /* Leesbaarheid: een zachte witte gloed achter de kop, het zoekveld en elke tegel. */ 42 42 .wb-zoek > h1, 43 43 .wb-zoek > p,