Wijzigen voor document Huisstijl

Samenvatting

• Objecten (0 gewijzigd, 0 toegevoegd, 1 verwijderd)
  • XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

Caching policy

...	...	@@ -1,1 +1,0 @@
1		-long

Code

...	...	@@ -1,726 +1,0 @@
1		-/* Wardenburg Kennisbank; huisstijl bovenop het kleurthema Wardenburg.
2		- Uitgangspunt: wit, ruimte en zo min mogelijk lijnen (in de geest van Google).
3		- Kleuren en lettertypen staan in het kleurthema; hier staan de eigen classes
4		- van de templates (wb...), de panelen en de leesbaarheid van de pagina-inhoud. */
5		-
6		-/* ---------- Opbouw ---------- */
7		-
8		-/* Pagina zonder rechterkolom op volle breedte */
9		-#body.hideleft.panel-right-width-Medium .main {
10		- width: 100%;
11		-}
12		-#headerglobal,
13		-.navbar-default {
14		- border-bottom: 1px solid #e8eaed;
15		- box-shadow: none;
16		-}
17		-#footerglobal {
18		- border-top: 1px solid #e8eaed;
19		- color: #5f6368;
20		- font-size: 13px;
21		-}
22		-
23		-/* ---------- Paginakop ---------- */
24		-
25		-.breadcrumb {
26		- padding: 4px 0;
27		- margin-bottom: 6px;
28		- font-size: 14px;
29		-}
30		-#document-title h1 {
31		- font-size: 32px;
32		- font-weight: 500;
33		- margin-bottom: 4px;
34		-}
35		-.xdocLastModification {
36		- font-size: 13px;
37		- color: #5f6368;
38		-}
39		-#mainContentArea > .document-header + hr {
40		- border: 0;
41		- margin: 12px 0 8px;
42		-}
43		-#contentmenu .btn {
44		- font-size: 14px;
45		- padding: 5px 12px;
46		-}
47		-
48		-/* ---------- Leesbare inhoud ---------- */
49		-
50		-#xwikicontent {
51		- line-height: 1.65;
52		-}
53		-#xwikicontent p,
54		-#xwikicontent ul,
55		-#xwikicontent ol {
56		- margin-bottom: 0.85em;
57		-}
58		-#xwikicontent li {
59		- margin-bottom: 0.25em;
60		-}
61		-#xwikicontent h1,
62		-#xwikicontent h2,
63		-#xwikicontent h3,
64		-#xwikicontent h4 {
65		- font-weight: 500;
66		- border: 0;
67		- padding: 0;
68		-}
69		-#xwikicontent h1 { font-size: 26px; margin: 1.5em 0 0.45em; }
70		-#xwikicontent h2 { font-size: 22px; margin: 1.4em 0 0.4em; }
71		-#xwikicontent h3 { font-size: 19px; margin: 1.2em 0 0.35em; }
72		-#xwikicontent h4 { font-size: 17px; margin: 1em 0 0.3em; }
73		-#xwikicontent > h1:first-child,
74		-#xwikicontent > h2:first-child {
75		- margin-top: 0;
76		-}
77		-#xwikicontent a {
78		- text-decoration-color: rgba(25, 103, 210, .35);
79		- text-underline-offset: 3px;
80		-}
81		-#xwikicontent a:hover {
82		- text-decoration-color: currentColor;
83		-}
84		-#xwikicontent img {
85		- max-width: 100%;
86		- height: auto;
87		-}
88		-#xwikicontent .box {
89		- border-radius: 8px;
90		-}
91		-
92		-/* ---------- Tabellen ---------- */
93		-
94		-.main td,
95		-.main th {
96		- border: 1px solid #e8eaed;
97		- padding: 7px 12px;
98		- vertical-align: top;
99		- text-align: left;
100		-}
101		-.main th {
102		- background-color: #f8f9fa;
103		- font-weight: 500;
104		-}
105		-#xwikicontent table {
106		- border-collapse: collapse;
107		- margin-bottom: 1em;
108		-}
109		-
110		-/* ---------- Infovak rechts (wbrechts) ---------- */
111		-
112		-.floatinginfobox.wbrechts {
113		- width: 30%;
114		- min-width: 260px;
115		- max-width: 340px;
116		- margin: 0 0 16px 28px;
117		- padding: 14px;
118		- border: 1px solid #e8eaed;
119		- border-radius: 12px;
120		- background-color: #ffffff;
121		- box-sizing: border-box;
122		- overflow: hidden;
123		-}
124		-.floatinginfobox.wbrechts > *:last-child {
125		- margin-bottom: 0;
126		-}
127		-.wbrb {
128		- text-align: center;
129		- margin-bottom: 12px;
130		-}
131		-.wbrb img {
132		- max-width: 100%;
133		- max-height: 150px;
134		- width: auto;
135		- height: auto;
136		- border-radius: 10px;
137		-}
138		-.wbrb .wikiexternallink,
139		-.vgmtabel .wikiexternallink {
140		- background: none;
141		- padding-right: 0;
142		-}
143		-.wbinfotab table {
144		- width: 100%;
145		- table-layout: fixed;
146		- margin: 0 0 12px;
147		- font-size: 14px;
148		-}
149		-.wbinfotab th,
150		-.wbinfotab td {
151		- border: 0;
152		- border-bottom: 1px solid #f1f3f4;
153		- padding: 6px 4px;
154		- background: transparent;
155		- overflow-wrap: anywhere;
156		-}
157		-.wbinfotab tr:last-child th,
158		-.wbinfotab tr:last-child td {
159		- border-bottom: 0;
160		-}
161		-.wbinfotab th {
162		- width: 42%;
163		- color: #5f6368;
164		- font-weight: 500;
165		-}
166		-.wbinfotab th.wbinfotabheaderlinks,
167		-.wbinfotab th.wbinfotabheaderrechts {
168		- color: #202124;
169		- font-size: 15px;
170		- font-weight: 500;
171		- border-bottom: 1px solid #e8eaed;
172		-}
173		-.wbinfotabheaderlinks {
174		- width: 42%;
175		-}
176		-.wbinfotab .box {
177		- margin: 0;
178		- padding: 2px 6px;
179		- font-size: 12px;
180		- white-space: normal;
181		-}
182		-.wbinfotab .code {
183		- white-space: normal;
184		- word-break: break-all;
185		-}
186		-
187		-/* Inhoudsopgave in het infovak */
188		-.wbtoc {
189		- padding-top: 4px;
190		- font-size: 14px;
191		-}
192		-.wbtoc p {
193		- margin: 0 0 6px;
194		-}
195		-.wbtocheader {
196		- font-size: 15px;
197		- font-weight: 500;
198		-}
199		-.wbtoc ul {
200		- list-style: none;
201		- padding-left: 0;
202		- margin: 0;
203		-}
204		-.wbtoc ul ul {
205		- padding-left: 12px;
206		-}
207		-.wbtoc li {
208		- margin: 3px 0;
209		-}
210		-.wbtoc .nodirectchild {
211		- list-style: none;
212		-}
213		-#body #xwikicontent .wbtoc a {
214		- text-decoration: none;
215		-}
216		-#body #xwikicontent .wbtoc a:hover {
217		- text-decoration: underline;
218		-}
219		-
220		-/* Inhoudsopgave als genummerd overzicht (1, 1.1, 1.2): hoofdstukken donker, onderdelen blauw en ingesprongen */
221		-#xwikicontent ul.wikitoc,
222		-#xwikicontent ul.wikitoc ul {
223		- list-style: none;
224		- margin: 0;
225		- padding-left: 0;
226		- counter-reset: wbtoc;
227		-}
228		-#xwikicontent ul.wikitoc ul {
229		- padding-left: 1.55em;
230		-}
231		-#xwikicontent ul.wikitoc li.nodirectchild > ul {
232		- padding-left: 0;
233		- counter-reset: none;
234		-}
235		-#xwikicontent ul.wikitoc li {
236		- margin: 3px 0;
237		-}
238		-#xwikicontent ul.wikitoc li:not(.nodirectchild) {
239		- counter-increment: wbtoc;
240		-}
241		-#xwikicontent ul.wikitoc li > .wikilink {
242		- display: flex;
243		- gap: 0.45em;
244		-}
245		-#xwikicontent ul.wikitoc li > .wikilink::before {
246		- content: counters(wbtoc, ".");
247		- flex: none;
248		- min-width: 1.1em;
249		- color: #80868b;
250		- font-variant-numeric: tabular-nums;
251		-}
252		-#xwikicontent ul.wikitoc > li:not(.nodirectchild),
253		-#xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
254		- margin-top: 10px;
255		-}
256		-#xwikicontent ul.wikitoc > li:not(.nodirectchild):first-child,
257		-#xwikicontent ul.wikitoc > li.nodirectchild > ul > li:first-child {
258		- margin-top: 0;
259		-}
260		-#body #xwikicontent ul.wikitoc > li:not(.nodirectchild) > .wikilink a,
261		-#body #xwikicontent ul.wikitoc > li.nodirectchild > ul > li > .wikilink a {
262		- color: #202124;
263		- font-weight: 500;
264		-}
265		-
266		-/* ---------- Overige eigen classes ---------- */
267		-
268		-.wblinks {
269		- margin-top: 0;
270		-}
271		-.changelog {
272		- width: 60%;
273		-}
274		-.nieuws {
275		- clear: both;
276		-}
277		-.wbtree {
278		- width: 20%;
279		-}
280		-.gepubliceerddoor,
281		-.gepubliceerddoornaam,
282		-.gepubliceerddoor_afb {
283		- vertical-align: middle;
284		-}
285		-.WBFT {
286		- background-color: white;
287		-}
288		-.vgmtabel {
289		- width: 100%;
290		- border-collapse: collapse;
291		- text-align: center;
292		- border: none;
293		-}
294		-.vgmtabel th,
295		-.vgmtabel td {
296		- width: 33.3%;
297		- border: none;
298		- text-align: center;
299		- background: transparent;
300		-}
301		-#vgmtabel img {
302		- height: 100px;
303		- width: auto;
304		-}
305		-.wbtopmenu {
306		- font-weight: bold;
307		-}
308		-
309		-/* ---------- Panelen links ---------- */
310		-
311		-.panels .panel {
312		- border: 0;
313		- box-shadow: none;
314		- background: transparent;
315		- margin-bottom: 20px;
316		-}
317		-.panels .xwikipaneltitle {
318		- font-size: 13px;
319		- font-weight: 500;
320		- color: #5f6368;
321		- border-bottom: 0;
322		- padding: 0 12px 6px;
323		- margin: 0;
324		-}
325		-.panels .xwikipanelcontents {
326		- padding: 0;
327		- font-size: 15px;
328		- line-height: 1.4;
329		-}
330		-.panels .xwikipanelcontents p {
331		- margin: 0;
332		-}
333		-.panels .xwikipanelcontents a {
334		- display: block;
335		- padding: 7px 12px;
336		- border-radius: 0 20px 20px 0;
337		- color: #202124;
338		- text-decoration: none;
339		-}
340		-.panels .xwikipanelcontents a:hover,
341		-.panels .xwikipanelcontents a:focus {
342		- background-color: #f1f3f4;
343		- color: #202124;
344		-}
345		-.panels .wikiexternallink,
346		-.panels .wikilink,
347		-.wb-links .wikiexternallink,
348		-.wb-links .wikilink {
349		- display: block;
350		- background: none;
351		- padding-right: 0;
352		-}
353		-.wb-onderdelen,
354		-.panels .wb-links {
355		- list-style: none;
356		- padding: 0;
357		- margin: 0 0 8px;
358		-}
359		-.wb-onderdelen li,
360		-.panels .wb-links li {
361		- margin: 0;
362		-}
363		-.wb-onderdelen a .fa {
364		- width: 20px;
365		- margin-right: 12px;
366		- text-align: center;
367		- color: #5f6368;
368		-}
369		-.wb-onderdelen a.actief,
370		-.wb-onderdelen a.actief:hover {
371		- background-color: #ffefd5;
372		- font-weight: 500;
373		-}
374		-.wb-onderdelen a.actief .fa {
375		- color: #b86e00;
376		-}
377		-.wb-links-kop {
378		- margin: 12px 12px 2px;
379		- font-size: 13px;
380		- font-weight: 500;
381		- color: #5f6368;
382		-}
383		-
384		-/* Knop om de kolom in en uit te klappen: klein lipje, de kolom schuift erlangs in */
385		-#leftPanels {
386		- padding-left: 30px;
387		-}
388		-/* Vaste ondergrens, zodat de menu-items ook op een laptop op één regel passen */
389		-#body.panel-left-width-Medium {
390		- --panel-column-left-width: clamp(240px, 17vw, 290px);
391		-}
392		-.panels .xwikipanelcontents a {
393		- white-space: nowrap;
394		- overflow: hidden;
395		- text-overflow: ellipsis;
396		-}
397		-body#body #leftPanelsToggle {
398		- width: 22px;
399		- max-width: 22px;
400		- height: 34px;
401		- padding: 0;
402		- border: 1px solid #e8eaed;
403		- border-left: 0;
404		- border-radius: 0 10px 10px 0;
405		- background: #ffffff;
406		- color: #5f6368;
407		- box-shadow: 0 1px 3px rgba(60, 64, 67, .15);
408		-}
409		-body#body #leftPanelsToggle:hover,
410		-body#body #leftPanelsToggle:focus {
411		- background: #f1f3f4;
412		- color: #202124;
413		-}
414		-
415		-/* Zwevende opslaanbalk bij wijzigen en voorbeeld: matglas, zodat de pagina eronder rustig vervaagt */
416		-.sticky-buttons {
417		- background-color: rgba(248, 249, 250, .78);
418		- -webkit-backdrop-filter: blur(12px) saturate(140%);
419		- backdrop-filter: blur(12px) saturate(140%);
420		- border: 1px solid rgba(218, 220, 224, .9);
421		- border-radius: 16px;
422		- box-shadow: 0 -2px 18px rgba(60, 64, 67, .14);
423		- padding: 10px 12px;
424		-}
425		-.sticky-buttons .buttons,
426		-.sticky-buttons fieldset,
427		-.sticky-buttons .meta-versionSummary,
428		-.sticky-buttons .meta-minorEdit {
429		- background: transparent;
430		-}
431		-@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
432		- .sticky-buttons {
433		- background-color: rgba(248, 249, 250, .97);
434		- }
435		-}
436		-
437		-/* ---------- Tabbladen onder de pagina ---------- */
438		-
439		-#docExtraTabs .xwikitabbar {
440		- border-bottom: 1px solid #e8eaed;
441		-}
442		-#docExtraTabs .xwikitabbar li a {
443		- border: 0;
444		- border-bottom: 3px solid transparent;
445		- border-radius: 0;
446		- background: transparent;
447		- color: #5f6368;
448		-}
449		-#docExtraTabs .xwikitabbar li.active a,
450		-#docExtraTabs .xwikitabbar li a:hover {
451		- border-bottom-color: #ffb447;
452		- color: #202124;
453		- background: transparent;
454		-}
455		-
456		-/* ---------- Zoekresultaten, zoals bij Google ---------- */
457		-
458		-.search-result {
459		- display: flex;
460		- flex-direction: column;
461		- margin-bottom: 26px;
462		-}
463		-.search-result-location {
464		- order: -1;
465		- font-size: 13px;
466		- color: #5f6368;
467		-}
468		-.search-result-location .breadcrumb {
469		- display: inline;
470		- padding: 0;
471		- margin: 0;
472		- background: none;
473		- font-size: 13px;
474		-}
475		-#xwikicontent h2.search-result-title {
476		- order: 0;
477		- font-size: 20px;
478		- font-weight: 400;
479		- margin: 2px 0 4px;
480		-}
481		-#body #xwikicontent h2.search-result-title a {
482		- text-decoration: none;
483		-}
484		-#body #xwikicontent h2.search-result-title a:hover {
485		- text-decoration: underline;
486		-}
487		-.search-result-title .fa {
488		- display: none;
489		-}
490		-.search-result-author {
491		- order: 2;
492		- font-size: 13px;
493		- color: #5f6368;
494		-}
495		-.search-result-author .user-avatar {
496		- display: none;
497		-}
498		-.search-result-highlights {
499		- order: 1;
500		- margin: 0 0 4px;
501		-}
502		-#xwikicontent .search-result-highlights dt,
503		-#xwikicontent .search-result-highlights dd:not(:first-of-type),
504		-#xwikicontent .search-result-highlights blockquote:not(:first-of-type),
505		-#xwikicontent .search-result-highlights .separator,
506		-#xwikicontent .search-result .btn:not(.sr-only) {
507		- display: none;
508		-}
509		-#xwikicontent .search-result-highlights dd {
510		- margin: 0;
511		- padding: 0;
512		-}
513		-#body #xwikicontent .search-result-location a {
514		- color: #5f6368;
515		- text-decoration: none;
516		-}
517		-
518		-/* Zoekbalk op de zoekpagina */
519		-#search-page-bar-input {
520		- height: 44px;
521		- padding-left: 20px;
522		- border-radius: 22px 0 0 22px;
523		- font-size: 16px;
524		-}
525		-.search-form .input-group-btn .btn {
526		- height: 44px;
527		- border-radius: 0 22px 22px 0;
528		- padding-right: 20px;
529		-}
530		-.search-options,
531		-.search-form .sort-options,
532		-.search-form select {
533		- font-size: 14px;
534		- color: #5f6368;
535		-}
536		-#xwikicontent .search-result-highlight {
537		- border: 0;
538		- margin: 0;
539		- padding: 0;
540		- font-size: 15px;
541		- color: #4d5156;
542		- display: -webkit-box;
543		- -webkit-line-clamp: 3;
544		- -webkit-box-orient: vertical;
545		- overflow: hidden;
546		-}
547		-.search-text-highlight {
548		- background: none;
549		- font-weight: 600;
550		- color: #202124;
551		-}
552		-
553		-/* Zoekpagina: geen paginatitel, zoekbalk bovenaan, zoals bij Google */
554		-html[data-xwiki-document="Main.Search"] #document-title,
555		-html[data-xwiki-document="Main.Search"] .xdocLastModification,
556		-html[data-xwiki-document="Main.Search"] #mainContentArea > .document-header + hr,
557		-html[data-xwiki-document="Main.Search"] #xwikicontent > .wikimodel-emptyline:first-child {
558		- display: none;
559		-}
560		-html[data-xwiki-document="Main.Search"] #mainContentArea {
561		- position: relative;
562		-}
563		-html[data-xwiki-document="Main.Search"] #mainContentArea .document-header {
564		- position: absolute;
565		- top: 0;
566		- right: 15px;
567		- left: 15px;
568		- z-index: 2;
569		- min-height: 0;
570		- margin: 0;
571		- pointer-events: none;
572		-}
573		-html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu {
574		- pointer-events: auto;
575		- opacity: .55;
576		-}
577		-html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:hover,
578		-html[data-xwiki-document="Main.Search"] #mainContentArea .document-menu:focus-within {
579		- opacity: 1;
580		-}
581		-html[data-xwiki-document="Main.Search"] .search-form {
582		- margin-top: 8px;
583		-}
584		-.search-facets-header strong {
585		- font-size: 15px;
586		- font-weight: 500;
587		-}
588		-.search-facets-header .xHint {
589		- font-size: 13px;
590		-}
591		-
592		-/* Beheeracties van applicaties (App Within Minutes): een rustige knoppenrij boven de inhoud in plaats van een extra kolom */
593		-#xwikicontent #actionBox.floatinginfobox {
594		- float: none;
595		- width: auto;
596		- max-width: none;
597		- margin: 0 0 18px;
598		- padding: 0;
599		- border: 0;
600		- background: transparent;
601		- box-shadow: none;
602		-}
603		-#xwikicontent #actionBox h1 {
604		- display: none;
605		-}
606		-#xwikicontent #actionBox ul {
607		- display: flex;
608		- flex-wrap: wrap;
609		- align-items: center;
610		- gap: 6px;
611		- margin: 0;
612		- padding: 0;
613		- list-style: none;
614		-}
615		-#xwikicontent #actionBox ul::before {
616		- content: "Beheer";
617		- margin-right: 4px;
618		- font-size: 13px;
619		- font-weight: 500;
620		- color: #5f6368;
621		-}
622		-#xwikicontent #actionBox li {
623		- margin: 0;
624		-}
625		-#body #xwikicontent #actionBox a {
626		- display: inline-flex;
627		- align-items: center;
628		- gap: 6px;
629		- padding: 4px 12px;
630		- border: 1px solid #dadce0;
631		- border-radius: 16px;
632		- background: #ffffff;
633		- color: #3c4043;
634		- font-size: 13px;
635		- text-decoration: none;
636		- text-transform: none;
637		-}
638		-#body #xwikicontent #actionBox a:hover,
639		-#body #xwikicontent #actionBox a:focus {
640		- background: #f8f9fa;
641		- color: #202124;
642		-}
643		-#body #xwikicontent #actionBox a.deleteData,
644		-#body #xwikicontent #actionBox a.delete {
645		- color: #b3261e;
646		-}
647		-#xwikicontent #actionBox .fa {
648		- font-size: 12px;
649		-}
650		-
651		-/* Smalle inhoudskolom (laptop met zijkolom, tablet): compact infovak met de afbeelding naast de eigenschappen */
652		-@media (min-width: 768px) and (max-width: 1199px) {
653		- #contentmenu > li:not(#tmEdit) .btn-label {
654		- display: none;
655		- }
656		- .floatinginfobox.wbrechts {
657		- float: none;
658		- width: 100%;
659		- max-width: none;
660		- min-width: 0;
661		- margin: 0 0 20px;
662		- display: grid;
663		- grid-template-columns: 150px minmax(0, 1fr);
664		- column-gap: 18px;
665		- align-items: start;
666		- }
667		- .floatinginfobox.wbrechts > .wbrb {
668		- grid-row: 1 / span 4;
669		- margin: 0;
670		- }
671		- .floatinginfobox.wbrechts > .wbrb img {
672		- max-height: 120px;
673		- }
674		- .floatinginfobox.wbrechts > *:not(.wbrb) {
675		- grid-column: 2;
676		- }
677		- .floatinginfobox.wbrechts .wbinfotab table {
678		- margin-bottom: 8px;
679		- }
680		- .floatinginfobox.wbrechts .wbtoc ul.wikitoc {
681		- columns: 2;
682		- column-gap: 24px;
683		- }
684		- .floatinginfobox.wbrechts .wbtoc ul.wikitoc > li {
685		- break-inside: avoid;
686		- }
687		-}
688		-
689		-/* ---------- Telefoon ---------- */
690		-
691		-@media (max-width: 767px) {
692		- .floatinginfobox.wbrechts {
693		- float: none;
694		- width: 100%;
695		- max-width: none;
696		- min-width: 0;
697		- margin: 0 0 16px;
698		- }
699		- .wbrb img {
700		- max-height: 110px;
701		- }
702		- #xwikicontent table:not(.wbinfotab table) {
703		- display: block;
704		- max-width: 100%;
705		- overflow-x: auto;
706		- }
707		- #document-title h1 {
708		- font-size: 26px;
709		- }
710		- .changelog {
711		- width: 100%;
712		- }
713		- #contentmenu .btn-label {
714		- display: none;
715		- }
716		- #xwikicontent #actionBox ul {
717		- flex-wrap: nowrap;
718		- overflow-x: auto;
719		- padding-bottom: 4px;
720		- scrollbar-width: none;
721		- }
722		- #xwikicontent #actionBox li {
723		- flex: none;
724		- }
725		-}
726		-

Content Type

...	...	@@ -1,1 +1,0 @@
1		-CSS

Naam

...	...	@@ -1,1 +1,0 @@
1		-Wardenburg huisstijl

Inhoud verwerken

...	...	@@ -1,1 +1,0 @@
1		-Nee

Gebruik deze uitbreiding

...	...	@@ -1,1 +1,0 @@
1		-always