xref: /template/kiwiki/css/style.css (revision d6e441a6fd8004b0525417bd942787c957a08b0d)
1/*TITRES*/
2#kiwiki h1 {
3  font-size: 2.5rem;
4  line-height: 1.8;
5  margin: 0 0 0.5rem;
6  padding: 0 10px;
7  border-bottom: 1px solid var(--kiwiki-ui-300);
8}
9#kiwiki h2 {
10  font-size: 1.8em;
11  margin: 0.5em 0;
12  padding: 0 10px;
13  border-bottom: 1px solid var(--kiwiki-ui-300);
14  line-height: 1.5;
15}
16#kiwiki h3 {
17  font-size: 1.5em;
18  font-weight: 700;
19  margin-top: 0.7em;
20  padding: 0 10px;
21}
22/*STRUCTURE*/
23#kiwiki #dokuwiki__site {
24  min-height: calc(100vh);
25  margin-bottom: -30px;
26  background-color: var(--kiwiki-body-bg);
27  justify-content: space-between;
28  padding: 0;
29  display: flex;
30  flex-direction: column;
31  gap: 20px;
32}
33
34#kiwiki #dokuwiki__top {
35  margin: 0;
36  padding: 0;
37  width: 100%;
38  color: var(--kiwiki-text-color);
39}
40
41#kiwiki #dokuwiki__top.mode_login {
42  display: flex;
43  margin-bottom: -90px;
44  height: 100vh;
45  align-items: center;
46}
47
48#kiwiki #dokuwiki__top .wrapper {
49  max-width: var(--kiwiki-content-max-width);
50  width: 100%;
51  margin: 0 auto;
52  display: flex;
53  gap: 20px;
54  justify-content: space-between;
55  align-items: start;
56  padding: 0;
57}
58div.dokuwiki .hentry{
59  padding: 0;
60  background-color: transparent;
61}
62/*LOGIN*/
63#kiwiki h1#connexion {
64  text-align: center;
65}
66
67#kiwiki h1#connexion + .level1 {
68  text-align: center;
69  max-width: 700px;
70  margin: 0 auto 10px;
71}
72
73#kiwiki #dw__login fieldset {
74  display: flex;
75  max-width: 400px;
76  flex-direction: column;
77  box-shadow: #1e293b0a 0 2px 4px 0;
78  border: 1px solid var(--kiwiki-ui-100);
79  background: var(--kiwiki-main, #fff);
80  border-radius: 4px;
81  padding: 30px;
82  margin: 0 auto;
83}
84
85#kiwiki #dw__login fieldset,
86#kiwiki #dw__resendpwd fieldset,
87#kiwiki #dw__register fieldset {
88  padding-bottom: 30px;
89}
90
91#kiwiki #dw__login p {
92  font-size: 0.75rem;
93}
94
95#kiwiki #dw__login p a {
96  display: block;
97}
98
99#kiwiki #dw__login label.block select,
100#kiwiki #dw__login label.block input.edit {
101  width: 100%;
102}
103
104#kiwiki #dw__login button {
105  padding: 15px 30px;
106}
107
108#kiwiki #dw__login label.block {
109  display: flex;
110  flex-direction: column;
111  text-align: left;
112}
113
114#kiwiki #dw__login label[for="remember__me"] {
115  margin-left: 0;
116  text-align: left;
117  margin-bottom: 1.4em;
118}
119
120#kiwiki #dokuwiki__site #dokuwiki__top.mode_denied #dokuwiki__content__wrapper {
121  max-width: 700px;
122}
123
124#kiwiki .mode_denied #dokuwiki__content .page.group > h1,
125#kiwiki .mode_denied #dokuwiki__content .page.group > h1 + .level1 {
126  text-align: center;
127  margin: 0;
128  padding: 15px 30px 15px;
129}
130#kiwiki .mode_denied #dokuwiki__content .page.group > h1:first-child,
131#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 {
132  background-color: rgba(255, 0, 0, 0.4);
133  border-radius: 8px 8px 0 0;
134}
135
136#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 {
137  padding: 0 30px 15px;
138  border-radius: 0 0 8px 8px;
139}
140
141#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 p {
142  margin: 0;
143}
144#kiwiki .back-home {
145  display: block;
146  width: 100%;
147  text-align: center;
148  margin: 0.5rem 0;
149  padding: 20px 0 0;
150  border-top: 1px solid var(--kiwiki-ui-300);
151}
152/*USER GROUP INFORMATION*/
153#kiwiki .user_groups_info {
154  width: 100%;
155  position: relative;
156  display: block;
157  background-color: var(--kiwiki-ui-100);
158  color: var(--kiwiki-text-color);
159  margin: 0;
160  box-sizing: border-box;
161  text-align: center;
162  padding: 20px;
163  border: 1px solid #ccc;
164  margin-top: 40px;
165}
166
167/*HEADER*/
168
169#kiwiki #dokuwiki__header {
170  display: block;
171  justify-content: space-between;
172  align-items: center;
173  position: relative;
174  z-index: 99;
175  background-color: var(--kiwiki-header-bg);
176  box-shadow: inset 0 -1px 0 0 var(--kiwiki-ui-100);
177  padding: 0 20px;
178  margin: 0 0 10px;
179}
180
181#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper {
182  max-width: var(--kiwiki-content-max-width);
183  width: 100%;
184  margin: 0 auto;
185  display: flex;
186  gap: 20px;
187  justify-content: space-between;
188  align-items: center;
189  z-index: 99;
190  padding: 0;
191}
192
193#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo {
194  display: flex;
195  align-items: center;
196  text-decoration: none;
197}
198
199#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo img {
200  height: 60px;
201  min-width: 60px;
202  width: auto;
203  opacity: 0;
204}
205
206#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{
207  display: block;
208  width: fit-content;
209  height: 60px;
210  margin: 10px 0;
211  background-image: var(--kiwiki-logo-url);
212  background-repeat: no-repeat;
213  background-size: contain;
214}
215
216#kiwiki.lightmode #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{
217  background-image: var(--kiwiki-logo-light-url);
218}
219
220#kiwiki.darkmode #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{
221  background-image: var(--kiwiki-logo-dark-url);
222}
223
224#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo > div {
225  display: flex;
226  gap: 5px;
227  align-items: center;
228  font-size: 25px;
229  font-weight: 400;
230  letter-spacing: 0.1rem;
231  color: var(--kiwiki-text-color);
232}
233#kiwiki
234  #dokuwiki__header
235  > .dokuwiki__header__wrapper
236  a.wikilogo
237  > div
238  > .claim {
239  font-size: 15px;
240}
241
242#kiwiki #dokuwiki__site > .group {
243  position: relative;
244  justify-content: center;
245  display: flex;
246  gap: 20px;
247  width: 100%;
248  max-width: var(--kiwiki-content-max-width);
249  margin: 0 auto;
250}
251
252#kiwiki form.search {
253  min-width: 400px;
254}
255#kiwiki form.search .no {
256  display: grid;
257  grid-template-columns: 4fr 1fr;
258  gap: 15px;
259}
260
261#kiwiki form.search .no button[type="submit"] {
262  background-color: transparent;
263  color: var(--kiwiki-text-color);
264  border: 1px solid var(--kiwiki-ui-100);
265}
266
267#kiwiki form.search .no button[type="submit"]:hover {
268  background-color: var(--kiwiki-btn-hover-bg);
269  color: var(--kiwiki-main);
270  border: 1px solid var(--kiwiki-btn-hover-bg);
271}
272
273#dokuwiki__site > .group {
274  position: relative;
275  justify-content: center;
276  display: flex;
277  gap: 20px;
278  width: 100%;
279  max-width: var(--kiwiki-content-max-width);
280  margin: 0 auto;
281}
282
283/*MENU*/
284#kiwiki nav.tools {
285  display: flex;
286  gap: 20px;
287  position: relative;
288}
289#kiwiki nav.tools > div > strong, #dokuwiki__pagetools > strong {
290  pointer-events: none;
291}
292#kiwiki nav.tools > div,#dokuwiki__pagetools {
293  position: relative;
294  cursor: pointer;
295}
296#kiwiki nav.tools > div > strong svg, #dokuwiki__pagetools > strong svg {
297  width: 32px;
298  height: 32px;
299  fill: var(--kiwiki-text-color);
300  transition: all 0.2s ease-in-out;
301}
302#dokuwiki__pagetools > strong svg {
303  width: 24px;
304  height: 24px;
305}
306
307#kiwiki nav.tools > div:hover > strong svg, #dokuwiki__pagetools:hover > strong svg {
308  fill: var(--kiwiki-btn-hover-bg);
309  transform: scale(1.1);
310}
311
312#dokuwiki__right_before{
313  display: flex;
314  gap: 20px;
315  align-items: center;
316  justify-content: end;
317}
318
319#kiwiki nav.tools > div > ul, #dokuwiki__pagetools > ul {
320  min-width: 250px;
321  display: none;
322  list-style-type: none;
323  position: absolute;
324  background-color: var(--kiwiki-main);
325  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
326  border: 1px solid var(--kiwiki-ui-100);
327  border-radius: 4px;
328  padding: 0;
329  overflow: hidden;
330  right: 0;
331}
332#dokuwiki__pagetools > ul {
333  top: 16px;
334  right: 0;
335}
336
337#kiwiki nav.tools > div.active > ul,   #dokuwiki__pagetools.active > ul{
338  display: block;
339}
340
341#kiwiki nav.tools > div > ul > li a,  #dokuwiki__pagetools > ul > li a {
342  display: block;
343  text-decoration: none;
344  padding: 10px 20px;
345}
346
347#kiwiki nav.tools > div > ul > li a:hover, #dokuwiki__pagetools > ul > li a:hover {
348  background-color: var(--kiwiki-ui-500);
349  color: var(--kiwiki-btn-text);
350}
351
352#dokuwiki__pagetools ul > li#sitemenu {
353  padding: 10px 20px;
354  background-color: var(--kiwiki-ui-400);
355  font-size: 0.8rem;
356  display: flex;
357  justify-content: center;
358}
359#dokuwiki__pagetools ul > li#sitemenu a:hover {
360  background-color: transparent;
361}
362
363#dokuwiki__pagetools #sitemenu .icon {
364  fill: var(--kiwiki-main);
365}
366
367#dokuwiki__pagetools #sitemenu a:hover .icon {
368  fill: var(--kiwiki-btn-hover-bg);
369}
370
371#kiwiki #dokuwiki__usertools .user {
372  padding: 10px 20px;
373  background-color: var(--kiwiki-ui-400);
374  color: var(--kiwiki-text-color);
375  font-size: 0.8rem;
376}
377
378#kiwiki nav.tools > div > ul > li.action.logout a {
379  color: #f00;
380}
381
382#kiwiki.fullscreen #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper {
383  max-width: 100vw;
384}
385
386#kiwiki.fullscreen #dokuwiki__header {
387  margin-top: -80px;
388  margin-bottom: 30px;
389}
390
391#kiwiki.fullscreen #dokuwiki__header #full-screen {
392  position: fixed;
393  top: 5px;
394  right: 5px;
395}
396
397/*Main Menu*/
398.kiwiki-main-menu__wrapper{
399    display: flex;
400    justify-content: end;
401    position: fixed;
402    top:0;
403    right: 0;
404    width: 100vw;
405    height: 100vh;
406    z-index:9999;
407    opacity: 0;
408    transition:all .2s ease-in-out;
409    pointer-events: none;
410}
411
412.kiwiki-main-menu__wrapper.open{
413    opacity: 1;
414    pointer-events: initial;
415}
416
417.kiwiki-main-menu__wrapper .kiwiki-main-menu-overlay{
418    background-color: var(--kiwiki-body-bg);
419    opacity: .8;
420    width: 100%;
421    height: 100%;
422    display: block;
423    position: absolute;
424    top: 0;
425    left:0;
426    z-index: 0;
427
428}
429
430.kiwiki-main-menu__wrapper .kiwiki-main-menu{
431    z-index: 1;
432    position: relative;
433    height: 100vh;
434    width:20vw;
435    right: -100vw;
436    min-width: 200px;
437    background-color: var(--kiwiki-header-bg);
438    padding: 20px 60px;
439    transition:all .2s ease-in-out .1s;
440}
441.kiwiki-main-menu__wrapper.open .kiwiki-main-menu{
442
443    right: 0;
444
445}
446.kiwiki-main-menu__wrapper #kiwiki-main-menu__close{
447    position: absolute;
448    top: 10px;
449    left: -35px;
450    color:var(--kiwiki-header-bg);
451}
452.kiwiki-main-menu__wrapper #kiwiki-main-menu__close .icon{
453    pointer-events: none;
454    display: flex;
455    justify-content: center;
456    align-items:center;
457}
458
459.kiwiki-main-menu__wrapper #kiwiki-main-menu__close .icon svg{
460    fill:var(--kiwiki-header-bg);
461}
462
463
464
465
466
467/*TABLES*/
468#kiwiki #dokuwiki__content .table {
469  overflow: auto;
470}
471#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table {
472  width: 100%;
473  border: 1px solid var(--kiwiki-body-bg);
474  padding: 0;
475  display: table;
476  border-spacing: 0;
477}
478
479#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table thead {
480  background-color: var(--kiwiki-ui-600);
481  color: var(--kiwiki-ui-100);
482  padding: 15px;
483}
484
485#kiwiki
486  #dokuwiki__top:not(.mode_admin)
487  #dokuwiki__content
488  table
489  tbody
490  tr:nth-child(odd) {
491  background-color: var(--kiwiki-ui-200);
492}
493
494#kiwiki
495  #dokuwiki__top:not(.mode_admin)
496  #dokuwiki__content
497  table
498  tr:nth-child(even) {
499  background-color: var(--kiwiki-ui-300);
500}
501
502#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table thead th,
503#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table td {
504  padding: 10px;
505}
506
507/*BEFORE CONTENT*/
508#kiwiki .before-content {
509  position: relative;
510  z-index: 10;
511  display: flex;
512  justify-content: space-between;
513  width: 100%;
514  max-width: var(--kiwiki-content-max-width);
515  margin: 0 auto 10px;
516  font-size: 12px;
517  text-align: center;
518}
519#kiwiki .dokuwiki div.plugin_translation ul {
520  background-color: var(--kiwiki-body-bg);
521}
522#kiwiki .dokuwiki div.plugin_translation ul li {
523  background-color: transparent;
524  border: 2px solid transparent;
525  border-radius: 3px;
526}
527
528#kiwiki .dokuwiki div.plugin_translation ul li:hover {
529  background-color: var(--kiwiki-ui-200);
530  border: 2px solid var(--kiwiki-btn-bg);
531}
532
533#kiwiki .dokuwiki div.plugin_translation ul li.span {
534  background-color: var(--kiwiki-btn-bg);
535}
536
537#kiwiki .dokuwiki div.plugin_translation ul li.span span {
538  color: var(--kiwiki-body-bg);
539}
540
541#kiwiki .dokuwiki div.plugin_translation ul li a,
542#kiwiki .dokuwiki div.plugin_translation ul li span {
543  background-color: transparent;
544}
545
546#kiwiki .dokuwiki div.plugin_translation ul li a.wikilink2{
547  filter:grayscale(1);
548}
549
550
551/*CONTENT WRAPPER*/
552#kiwiki .urlextern {
553  word-break: break-all;
554}
555
556#kiwiki #dokuwiki__site div.no {
557  display: flex;
558}
559#kiwiki #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper {
560  width: 100%;
561  max-width:var(--kiwiki-content-max-width);
562  margin: 0 auto;
563  display: flex;
564  gap: 20px;
565  position: relative;
566  justify-content: center;
567}
568
569#kiwiki #dokuwiki__site #dokuwiki__top.mode_login #dokuwiki__content__wrapper {
570  max-width: 500px;
571}
572
573/*CONTENT*/
574#kiwiki #dokuwiki__content {
575  float: initial;
576  margin: 0;
577  padding: 0;
578  display: block;
579  position: relative;
580  min-width: 400px;
581  width:var(--kiwiki-content-width);
582}
583
584#kiwiki #dokuwiki__site.mode_login #dokuwiki__content,
585#kiwiki #dokuwiki__site.mode_denied #dokuwiki__content {
586  background: transparent;
587  border: none;
588  padding: 0;
589  box-shadow: none;
590}
591
592#kiwiki #dokuwiki__content > div {
593  margin: 0;
594}
595
596#kiwiki #dokuwiki__content > .group {
597  display: block;
598  box-shadow: #1e293b0a 0 2px 4px 0;
599  border: 1px solid var(--kiwiki-ui-100);
600  background: var(--kiwiki-main, #fff);
601  border-radius: 4px;
602  padding: 30px;
603}
604
605/*ASIDE*/
606
607#kiwiki .kiwiki_aside {
608  width:var(--kiwiki-aside-width);
609  float: initial;
610  margin: 0;
611}
612
613#kiwiki .kiwiki_aside .dokuwiki__aside_wrapper {
614  position: sticky;
615  top: 20px;
616  display: flex;
617  flex-direction: column;
618  gap: 10px;
619}
620
621#kiwiki .kiwiki_aside  .dokuwiki__aside_wrapper > div, #kiwiki .kiwiki-sidebar-mobile{
622  float: none;
623  position: relative;
624  padding: 15px;
625  width: initial;
626  margin: 0;
627  border-radius: 4px;
628  box-shadow: #1e293b0a 0 2px 4px 0;
629  border: 1px solid var(--kiwiki-ui-100);
630  background: var(--kiwiki-main, #fff);
631}
632#kiwiki .kiwiki-sidebar-mobile{
633  display: none;
634}
635
636.toc > li.level1 > .li {
637  font-weight: 700;
638}
639#kiwiki .kiwiki_aside h3 {
640  padding: 0 0.5em 0.2em;
641  margin: 0.5em 0;
642  font-weight: bold;
643}
644#kiwiki .kiwiki_aside ul {
645  padding: 0;
646  margin: 0;
647}
648#kiwiki .kiwiki_aside ul li {
649  list-style: none;
650  padding: 0 10px;
651  margin: 0;
652  line-height: 1.5;
653}
654
655#kiwiki .kiwiki_aside ul li a,
656#kiwiki .kiwiki_aside ul li a:visited {
657  text-decoration: none;
658  color: var(--kiwiki-text-color);
659}
660
661#kiwiki .kiwiki_aside ul li a:hover {
662  text-decoration: underline;
663  color: var(--kiwiki-btn-hover-bg);
664}
665
666#kiwiki .kiwiki-sidebar .sidebar-content {
667  max-height: var(--kiwiki-sidebar-max-height);
668  overflow: hidden scroll;
669}
670
671#kiwiki .kiwiki_aside  .dokuwiki__aside_wrapper > div.dw__toc > div {
672  max-height: var(--kiwiki-toc-max-height);
673  overflow: hidden scroll;
674}
675
676#kiwiki .kiwiki-sidebar .sidebar-content::-webkit-scrollbar, #kiwiki .kiwiki_aside  .dokuwiki__aside_wrapper > div.dw__toc > div::-webkit-scrollbar {
677  width: 0.8em;
678}
679
680#kiwiki .kiwiki-sidebar .sidebar-content::-webkit-scrollbar-thumb, #kiwiki .kiwiki_aside  .dokuwiki__aside_wrapper > div.dw__toc > div::-webkit-scrollbar-thumb {
681  background-color: var(--kiwiki-ui-200);
682  outline: 1px solid var(--kiwiki-ui-200);
683  width: 1em;
684  border-radius: 1em;
685}
686
687#kiwiki .kiwiki-sidebar .sidebar-content::-webkit-scrollbar-track, #kiwiki .kiwiki_aside  .dokuwiki__aside_wrapper > div.dw__toc > div::-webkit-scrollbar-track {
688  background-color: var(--kiwiki-main);
689  border-style: solid;
690  border-radius: 1em;
691  border-width: 1px;
692  border-color: var(--kiwiki-ui-200);
693}
694
695
696/* EDIT THIS BUTTON */
697#kiwiki .kiwiki-edit {
698  position: absolute;
699  top: 5px;
700  right: 5px;
701  opacity: 0.2;
702}
703#kiwiki .kiwiki-edit span {
704  display: none;
705}
706#kiwiki .kiwiki-edit:hover {
707  opacity: 1;
708}
709
710#kiwiki .kiwiki-edit svg {
711  width: 16px;
712  height: 16px;
713  fill: var(--kiwiki-text-color);
714}
715
716/*BUTTONS*/
717#kiwiki button, #kiwiki .ui-dialog .ui-dialog-buttonpane button,#kiwiki #comment_wrapper .button {
718  cursor: pointer;
719  border-radius: 4px;
720  display: inline-flex;
721  align-items: center;
722  justify-content: center;
723  white-space: nowrap;
724  color: var(--kiwiki-btn-text);
725  background-color: var(--kiwiki-btn-bg);
726  border: 1px solid var(--kiwiki-btn-bg);
727  padding: 5px 10px;
728  transition: all 0.2s ease-in-out;
729  margin: 0 4px;
730  background-image: none;
731  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
732    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
733    "Segoe UI Symbol";
734  font-weight: 400;
735  font-size: 14px;
736}
737/*EDITOR*/
738#kiwiki .secedit button,
739#kiwiki .editBox #tool__bar button,
740#kiwiki button.toolbutton,
741#kiwiki button.pickerbutton {
742  color: var(--kiwiki-ui-300);
743  background-color: var(--kiwiki-main);
744  border: 1px solid var(--kiwiki-ui-300);
745}
746#kiwiki button.pickerbutton {
747  margin: 2px;
748  padding: 2px 8px;
749  font-size: 16px;
750}
751#kiwiki .secedit button:hover,
752#kiwiki .editBox #tool__bar button:hover,
753#kiwiki button.toolbutton:hover,
754#kiwiki button.pickerbutton:hover,#kiwiki #comment_wrapper .button:hover {
755  background-color: var(--kiwiki-btn-hover-bg);
756}
757
758#kiwiki div:not(.picker) button.toolbutton img {
759  filter: grayscale(1);
760}
761
762#kiwiki.darkmode div:not(.picker) button.toolbutton img {
763  filter: invert(1) grayscale(1) brightness(1.5);
764}
765
766#kiwiki .picker {
767  background-color: var(--kiwiki-main);
768  border: none;
769  border-radius: 5px;
770}
771#picker2 {
772  overflow: hidden scroll;
773  height: 300px;
774}
775
776#kiwiki fieldset {
777  width: 100%;
778}
779
780/*popup*/
781#kiwiki .ui-widget-overlay {
782  background: var(--kiwiki-ui-800);
783  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
784    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
785    "Segoe UI Symbol";
786}
787#kiwiki .ui-widget-header {
788  background: var(--kiwiki-btn-bg);
789  border: none;
790  color: var(--kiwiki-main);
791  display: flex;
792  justify-content: space-between;
793  align-items: center;
794  font-weight: 700;
795  font-size: 16px;
796  letter-spacing: 0.05rem;
797  padding: 0.4em 0 0.4em 1em;
798}
799#kiwiki .ui-widget-header:before,
800#kiwiki .ui-widget-header:after {
801  display: none;
802}
803
804#kiwiki .ui-dialog .ui-dialog-titlebar-close {
805  position: relative;
806}
807
808#kiwiki .ui-dialog .ui-dialog-titlebar-close {
809  position: relative;
810}
811
812#kiwiki .ui-dialog .ui-dialog-titlebar-close .ui-icon {
813  filter: brightness(5);
814}
815#kiwiki .ui-dialog .ui-dialog-buttonpane {
816  border-color: var(--kiwiki-ui-200);
817}
818
819/*TEXT INPUT*/
820#kiwiki select,
821#kiwiki input.edit,
822#kiwiki .ui-widget input,
823#kiwiki .ui-widget select,
824#kiwiki .ui-widget textarea,
825#kiwiki textarea.edit {
826  width: 100%;
827  height: 2rem;
828  padding: 5px;
829  border-radius: 4px;
830  border: 1px solid var(--kiwiki-ui-100);
831  transition: all 0.2s ease-out;
832  font-size: 14px;
833  margin: 0;
834  color: #000;
835}
836
837#kiwiki input.edit:focus,
838#kiwiki select.edit:focus {
839  color: var(--kiwiki-ui-500);
840  background-color: #fff;
841  border-color: #90b5e2;
842  outline: 0;
843  box-shadow: 0 0 0 0.25rem #206bc440;
844}
845
846/*CODE*/
847#kiwiki pre {
848  word-wrap: normal;
849  direction: ltr;
850  unicode-bidi: bidi-override;
851  text-align: left;
852  position: relative;
853  padding: 1.5rem 1rem 1rem;
854  overflow: visible;
855  font-size: 0.9rem;
856  -webkit-hyphens: none;
857  -ms-hyphens: none;
858  hyphens: none;
859  line-height: 1.25rem;
860  -moz-tab-size: 3;
861  -o-tab-size: 3;
862  tab-size: 3;
863  border-radius: 4px;
864  white-space: pre-wrap;
865  -webkit-font-smoothing: auto;
866  transition: all 0.2s ease-in-out;
867  background: var(--kiwiki-ui-100);
868  color: var(--kiwiki-text-color);
869}
870
871#kiwiki code {
872  background: var(--kiwiki-ui-100);
873  padding: 2px 5px;
874  display: inline-block;
875  transition: all 0.2s ease-in-out;
876}
877
878#kiwiki pre:before {
879  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
880    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
881    "Segoe UI Symbol";
882  content: "code";
883  display: block;
884  position: absolute;
885  top: 1px;
886  left: 10px;
887  text-transform: uppercase;
888  font-size: 0.7rem;
889  font-weight: 900;
890  color: var(--kiwiki-ui-300);
891}
892#kiwiki pre:hover,
893#kiwiki code:hover {
894  box-shadow: 0 0 5px var(--kiwiki-ui-300);
895}
896#kiwiki .code .kw2 {
897  color: #7f430e;
898}
899#kiwiki .code .kw3,
900#kiwiki .code .kw7,
901#kiwiki .code .sy2 {
902  color: #6363ff;
903}
904/*SECTION EDIT*/
905#kiwiki div[class*="level"] {
906  padding: 10px;
907}
908#kiwiki .secedit {
909  float: initial;
910  margin: 0;
911  width: 100%;
912  display: flex;
913  justify-content: end;
914}
915
916#kiwiki .secedit button {
917  position: relative;
918  top: -15px;
919  right: -5px;
920}
921
922#kiwiki div.section_highlight {
923  background: var(--kiwiki-ui-100);
924  border-color: transparent;
925  padding: 0;
926  margin: 0;
927  border: none;
928  border-radius: 10px;
929}
930
931/*PROFILE*/
932#kiwiki label.block {
933  display: flex;
934  flex-wrap: nowrap;
935  justify-content: space-between;
936  align-items: center;
937  text-align: left;
938  font-weight: bold;
939}
940
941#kiwiki label.block select,
942#kiwiki label.block input.edit {
943  width: 80%;
944}
945
946#kiwiki .qq-upload-button {
947  cursor: inherit !important;
948  direction: inherit !important;
949}
950
951#kiwiki .qq-upload-button input {
952  font-family: inherit !important;
953  font-size: 1em !important;
954  margin: inherit !important;
955  opacity: 1 !important;
956  padding: inherit !important;
957  position: static !important;
958}
959
960/*edit*/
961#kiwiki .editBar .summary label {
962  display: flex;
963  align-items: center;
964  gap: 15px;
965}
966#kiwiki .editBar .summary {
967  display: flex;
968  flex-direction: column;
969  padding: 30px 0;
970  gap: 15px;
971}
972
973/*qsearch*/
974#kiwiki form.search div.ajax_qsearch {
975  position: absolute;
976  top: 60px;
977  left: -15px;
978  max-width: var(--kiwiki-content-max-width);
979  width: 100%;
980  padding: 15px 0 15px 15px;
981  border: 1px solid var(--kiwiki-ui-100);
982  background-color: var(--kiwiki-body-bg);
983  color: var(--kiwiki-text-color);
984  outline: 0;
985  box-shadow: 0 0 15px var(--kiwiki-ui-100);
986  border-radius: 5px;
987  height: 400px;
988  overflow: hidden scroll;
989}
990#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar {
991  width: 0.4em;
992}
993
994#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-thumb {
995  background-color: var(--kiwiki-ui-700);
996  outline: 1px solid var(--kiwiki-ui-700);
997  width: 1em;
998  border-radius: 1em;
999}
1000#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-track {
1001  background-color: var(--kiwiki-ui-200);
1002  border-style: solid;
1003  border-radius: 1em;
1004  border-width: 1px;
1005  border-color: var(--kiwiki-ui-200);
1006}
1007
1008/*GO TOP/BOTTOM*/
1009#kiwiki #go {
1010  position: fixed;
1011  bottom: 20px;
1012  right: 20px;
1013  display: flex;
1014  gap: 5px;
1015}
1016#kiwiki #go .icon {
1017  display: flex;
1018  justify-content: center;
1019  align-items: center;
1020  padding: 10px;
1021  border-radius: 50px;
1022  width: 25px;
1023  height: 25px;
1024  background-color: var(--kiwiki-btn-bg);
1025  transition: all 0.2s ease-in-out;
1026}
1027#kiwiki #go svg {
1028  fill: var(--kiwiki-main);
1029  position: relative;
1030  top: 0;
1031  transition: all 0.25s ease-in-out;
1032}
1033#kiwiki #go .icon:hover {
1034  background-color: var(--kiwiki-btn-hover-bg);
1035}
1036#kiwiki #go .icon:hover svg {
1037  top: -6px;
1038}
1039
1040#kiwiki #go [href="#dokuwiki__bottom"] .icon svg {
1041  transform: rotate(180deg);
1042}
1043
1044/*CONFIG PANEL*/
1045#kiwiki #config__manager tr:hover{
1046  transition: all 0.2s ease-in-out;
1047}
1048#kiwiki #config__manager tr:hover{
1049  background-color: var(--kiwiki-body-bg);
1050}
1051#kiwiki #config__manager td.label span.outkey {
1052  background-color: var(--kiwiki-body-bg);
1053  color: var(--kiwiki-text-color);
1054  padding: 0 4px 3px;
1055  opacity: 0;
1056  transition: all 0.2s ease-in-out;
1057}
1058#kiwiki #config__manager tr:hover td.label span.outkey {
1059  opacity: .8;
1060}
1061#kiwiki form#dw__configform {
1062  position: relative;
1063  display: flex;
1064  flex-direction: column;
1065}
1066#kiwiki fieldset {
1067  width: 100%;
1068  position: relative;
1069  display: block;
1070  background-color: var(--kiwiki-main);
1071  color: var(--kiwiki-text-color);
1072  margin: 0;
1073  box-sizing: border-box;
1074}
1075
1076#kiwiki #config__manager td input.edit {
1077  width: 100%;
1078  margin: 0;
1079  box-sizing: border-box;
1080}
1081
1082/*REVISIONS*/
1083#kiwiki #dokuwiki__site .changes div.no {
1084  flex-wrap: nowrap;
1085  gap: 15px;
1086  justify-content: space-between;
1087  position: relative;
1088}
1089#kiwiki .changes .changeType {
1090  width: 25%;
1091}
1092#kiwiki .changes .changeType > .quickselect {
1093  position: sticky;
1094  top: 20px;
1095}
1096#kiwiki .changes ul {
1097  width: 75%;
1098}
1099#kiwiki .changes ul > li > div.li {
1100  display: flex;
1101  flex-wrap: wrap;
1102  gap: 0;
1103  align-items: center;
1104  border-bottom: 1px solid var(--kiwiki-ui-200);
1105  padding: 15px 0;
1106}
1107#kiwiki .changes ul > li > div.li * {
1108  padding: 2px 4px;
1109  display: inline-block;
1110}
1111
1112#kiwiki .changes ul > li > div.li .date {
1113  order: 1;
1114}
1115#kiwiki .changes ul > li > div.li .sum {
1116  width: 60%;
1117  font-size: 12px;
1118  order: 2;
1119}
1120#kiwiki .changes ul > li > div.li .sizechange {
1121  width: 10%;
1122  text-align: center;
1123  order: 3;
1124  color: var(--kiwiki-ui-500);
1125}
1126#kiwiki .changes ul > li > div.li *:nth-child(3) {
1127  width: 4%;
1128  text-align: center;
1129  order: 4;
1130}
1131#kiwiki .changes ul > li > div.li *:nth-child(4) {
1132  width: 4%;
1133  text-align: center;
1134  order: 5;
1135}
1136
1137#kiwiki .changes ul > li > div.li:before {
1138  content: "";
1139  display: block;
1140  width: 100%;
1141  order: 6;
1142}
1143
1144#kiwiki .changes ul > li > div.li > img {
1145  width: 4%;
1146  height: auto;
1147  order: 7;
1148}
1149#kiwiki .changes ul > li > div.li .wikilink1,
1150#kiwiki .changes ul > li > div.li .wikilink2 {
1151  width: 90%;
1152  order: 8;
1153  text-align: left;
1154}
1155
1156#kiwiki .changes ul > li > div.li .user {
1157  display: flex;
1158  justify-content: start;
1159  width: 100%;
1160  order: 9;
1161}
1162
1163#kiwiki #page__revisions.changes div.no {
1164  flex-wrap: wrap;
1165}
1166#kiwiki #page__revisions.changes ul {
1167  width: 100%;
1168  order: 1;
1169}
1170#kiwiki #page__revisions.changes div.no > button {
1171  order: 2;
1172}
1173#kiwiki form.changes ul li span,
1174#kiwiki form.changes ul li a {
1175  line-break: anywhere;
1176}
1177/*DIFF*/
1178#kiwiki .diffoptions {
1179  padding-bottom: 20px;
1180  margin-bottom: 20px;
1181  border-bottom: 1px solid var(--kiwiki-ui-200);
1182}
1183#kiwiki .diffoptions > form,
1184#kiwiki .diffoptions > p {
1185  width: 50%;
1186}
1187#kiwiki .diffoptions > p {
1188  margin: 0;
1189  text-align: right;
1190}
1191#kiwiki .diffoptions .quickselect {
1192  display: flex;
1193  flex-wrap: nowrap;
1194}
1195#kiwiki .diffoptions .quickselect span {
1196  font-size: 12px;
1197}
1198#kiwiki .diffnav {
1199  vertical-align: middle;
1200}
1201#kiwiki .diffnav > form {
1202  display: inline-block;
1203  width: 80%;
1204  margin: 0;
1205}
1206#kiwiki .diffnav > a {
1207  width: 10%;
1208  margin: 0;
1209  text-decoration: none;
1210}
1211
1212#kiwiki .diffnav > a:before {
1213  display: flex;
1214  justify-content: center;
1215  align-items: center;
1216  border-radius: 4px;
1217  border: 1px solid var(--kiwiki-ui-200);
1218  padding: 7px 0 6px;
1219  margin: 0 2px;
1220}
1221
1222#kiwiki table.diff th {
1223  font-size: 12px;
1224}
1225
1226/*INDEX MODE*/
1227#kiwiki .mode_index #dokuwiki__content {
1228  text-align: center;
1229  max-width: 700px;
1230  margin: 0 auto;
1231}
1232
1233#kiwiki #index__tree {
1234  text-align: left;
1235}
1236
1237#kiwiki #index__tree > ul > li {
1238  padding: 5px 0;
1239}
1240
1241#kiwiki #index__tree a {
1242  text-decoration: none;
1243}
1244#kiwiki #index__tree li.open ul {
1245  padding-left: 20px;
1246}
1247
1248/*SEARCH MODE*/
1249#kiwiki .mode_search #dokuwiki__content {
1250  text-align: center;
1251  max-width: 700px;
1252  margin: 0 auto;
1253}
1254
1255#kiwiki .mode_search .search-form {
1256  display: flex;
1257  flex-wrap: wrap;
1258  justify-content: center;
1259  gap: 10px;
1260  padding: 20px;
1261  width: 100%;
1262  border: 0;
1263}
1264
1265#kiwiki .mode_search .search-form input[name="q"] {
1266  width: 75%;
1267  height: 2rem;
1268  padding: 5px;
1269  border-radius: 4px;
1270  border: 1px solid var(--kiwiki-ui-100);
1271  transition: all 0.2s ease-out;
1272  font-size: 14px;
1273  margin: 0;
1274  color: #000;
1275}
1276
1277#kiwiki .mode_search .search-form .advancedOptions {
1278  display: flex;
1279  justify-content: center;
1280  gap: 5px;
1281  padding: 0;
1282  width: 100%;
1283  font-size: 14px;
1284}
1285
1286#kiwiki .mode_search .search-form .toggleAssistant {
1287  order: 3;
1288  width: 95%;
1289  background-color: transparent;
1290  color: var(--kiwiki-text-color);
1291  border: 1px solid var(--kiwiki-ui-100);
1292}
1293
1294#kiwiki .search_quickhits {
1295  display: flex;
1296  flex-direction: column;
1297  text-align: left;
1298}
1299
1300#kiwiki .search_quickhits li {
1301  width: 100%;
1302  margin: 5px 0;
1303}
1304#kiwiki .search_fulltextresult .search_results {
1305  text-align: left;
1306}
1307
1308/*TABS*/
1309
1310#kiwiki .tabs > ul li a,
1311#kiwiki ul.tabs li strong,
1312#kiwiki ul.tabs li a {
1313  background-color: transparent;
1314  color: var(--kiwiki-ui-400);
1315  border: 1px solid var(--kiwiki-ui-300);
1316  border-radius: 0;
1317  position: relative;
1318  z-index: 0;
1319  text-decoration: none;
1320}
1321#kiwiki ul.tabs li strong,
1322#kiwiki ul.tabs li.active a {
1323  background-color: var(--kiwiki-body-bg);
1324  color: var(--kiwiki-text-color);
1325}
1326#kiwiki .tabs > ul:after,
1327#kiwiki ul.tabs:after {
1328  z-index: 9;
1329  border-bottom: 1px solid var(--kiwiki-ui-300);
1330}
1331#kiwiki ul.tabs li:first-child * {
1332  margin: 0;
1333  border-radius: 4px 0 0;
1334}
1335#kiwiki .panelHeader {
1336  background: none;
1337  border: 1px solid var(--kiwiki-ui-300);
1338  border-top: 0;
1339  border-radius: 0 0 4px 4px;
1340}
1341/*FILE MANAGER*/
1342#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1343  width: 90%;
1344  max-width: 100%;
1345}
1346
1347#kiwiki #mediamanager__page {
1348  display: flex;
1349  flex-wrap: nowrap;
1350  padding-top: 70px;
1351}
1352#kiwiki #mediamanager__page > h1 {
1353  width: 100%;
1354  position: absolute;
1355  top: 20px;
1356  border: none;
1357}
1358#kiwiki #mediamanager__page .panel.namespaces {
1359  padding: 15px;
1360  width: 20%;
1361  margin: 0;
1362  border-radius: 4px;
1363  box-shadow: #1e293b0a 0 2px 4px 0;
1364  border: 1px solid var(--kiwiki-ui-100);
1365  background: var(--kiwiki-main, #fff);
1366}
1367
1368#kiwiki #mediamanager__page .panel.namespaces h2 {
1369  padding: 0 0.5em 0.2em;
1370  font-weight: bold;
1371  font-size: 1.5em;
1372  margin: 0;
1373  background: none;
1374  border: none;
1375  color:var(--kiwiki-text-color);
1376}
1377
1378#kiwiki #mediamanager__page .panel.filelist {
1379  padding: 0 20px;
1380  display: block;
1381  width: 60%;
1382}
1383#mediamanager__page .filelist .thumbs li{
1384  color:var(--kiwiki-text-color);
1385
1386}
1387
1388#kiwiki #mediamanager__page .panel.file .panelHeader {
1389  border-left: 1px solid var(--kiwiki-ui-300);
1390  border-right: 1px solid var(--kiwiki-ui-300);
1391  border-radius: 0;
1392  margin: 0;
1393  padding: 20px;
1394}
1395#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1396  text-align: center;
1397  display: block;
1398  width: 100%;
1399}
1400
1401#kiwiki #mediamanager__page .panel.file .panelContent {
1402  border: 1px solid var(--kiwiki-ui-300);
1403  border-top: 0;
1404  display: flex;
1405  flex-direction: column;
1406  align-items: center;
1407  border-radius: 0 0 4px 4px;
1408  padding-bottom: 20px;
1409}
1410
1411#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1412  display: flex;
1413  flex-wrap: wrap;
1414}
1415#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1416  width: 150px;
1417  background-color: transparent;
1418  cursor: pointer;
1419}
1420#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1421  background-color: var(--kiwiki-ui-200);
1422}
1423#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1424  display: flex;
1425  flex-direction: column;
1426  justify-content: center;
1427  align-items: center;
1428  font-size: 12px;
1429}
1430#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1431  width: 100%;
1432}
1433#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1434  display: flex;
1435  justify-content: center;
1436}
1437
1438#kiwiki #mediamanager__page .file ul.actions {
1439  display: flex;
1440  margin: 15px 0;
1441}
1442
1443#kiwiki #mediamanager__page .file dl {
1444  display: flex;
1445  flex-wrap: wrap;
1446  gap: 0;
1447  font-size: 12px;
1448  justify-content: center;
1449}
1450#kiwiki #mediamanager__page .file dl > dt,
1451#kiwiki #mediamanager__page .file dl > dd {
1452  width: 48%;
1453  padding: 2px;
1454}
1455#kiwiki #mediamanager__page .file dl:last-child {
1456  gap: 5px;
1457}
1458#kiwiki #mediamanager__page .file dl:last-child > * {
1459  width: fit-content;
1460  background-color: transparent;
1461}
1462
1463/*ADMIN*/
1464#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks {
1465  float: none;
1466  display: flex;
1467  flex-direction: column;
1468  flex-wrap: wrap;
1469  width: 100%;
1470  padding: 0;
1471}
1472
1473#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg,
1474#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path {
1475  fill: var(--kiwiki-btn-bg);
1476}
1477
1478/*EXTENSIONS MANAGER*/
1479#kiwiki #extension__list .legend > div {
1480  padding: 0;
1481  display: grid;
1482  grid-template-columns: 15% 85%;
1483  width: 100%;
1484  gap: 4px 15px;
1485  border-right: 1px solid var(--kiwiki-ui-300);
1486}
1487
1488#kiwiki #extension__list .legend h2,
1489#kiwiki #extension__list .legend div.screenshot {
1490  float: none;
1491  margin: 0;
1492}
1493#kiwiki #extension__list .legend h2,
1494#kiwiki #extension__list .legend p,
1495#kiwiki #extension__list .legend div.linkbar {
1496  grid-column-start: 2;
1497  grid-column-end: 3;
1498  padding: 0;
1499}
1500#kiwiki #extension__list .legend div.screenshot {
1501  grid-column-start: 1;
1502  grid-column-end: 2;
1503  grid-row-start: 1;
1504  grid-row-end: 4;
1505  margin: 0;
1506  max-width: 100%;
1507}
1508
1509#kiwiki #extension__list .legend div.screenshot img {
1510  width: 100%;
1511  height: auto;
1512}
1513
1514#kiwiki #extension__list .legend div.popularity {
1515  position: relative;
1516  grid-column-start: 1;
1517  grid-column-end: 2;
1518  grid-row-start: 2;
1519  grid-row-end: 4;
1520  width: 90%;
1521  right: initial;
1522  top: 30px;
1523  background-color: var(--kiwiki-body-bg);
1524  border-color: var(--kiwiki-ui-300);
1525}
1526#extension__list .legend div.popularity div {
1527  background-color: var(--kiwiki-btn-bg);
1528}
1529#kiwiki #extension__list .legend dl.details {
1530  grid-column-start: 1;
1531  grid-column-end: 3;
1532  background-color: var(--kiwiki-ui-200);
1533  border: 0;
1534  padding: 10px;
1535  border-radius: 10px 10px 0 10px;
1536}
1537#kiwiki #extension__list .legend a.info {
1538  grid-column-start: 2;
1539  grid-column-end: 3;
1540  position: absolute;
1541  bottom: 0;
1542  right: 5px;
1543}
1544#extension__manager div.msg {
1545  grid-column-start: 1;
1546  grid-column-end: 3;
1547}
1548#kiwiki #extension__list ul.extensionList li {
1549  color: var(--kiwiki-text-color);
1550  border-color: var(--kiwiki-ui-300);
1551}
1552
1553#kiwiki #extension__manager .actions {
1554  display: flex;
1555  flex-wrap: wrap;
1556}
1557
1558#kiwiki #extension__manager .actions p.permerror {
1559  background-position: top 2px left;
1560  line-height: 0.8rem;
1561  margin-top: 10px;
1562}
1563#kiwiki #dokuwiki__site #extension__manager form {
1564  margin: 30px auto;
1565  padding: 20px;
1566  border-radius: 15px;
1567  width: 100%;
1568  max-width: 600px;
1569}
1570
1571#kiwiki #dokuwiki__site #extension__manager form div.no {
1572  flex-direction: column;
1573}
1574
1575#kiwiki #dokuwiki__site #extension__manager form div.no label.block {
1576  justify-content: start;
1577  gap: 10px;
1578}
1579
1580#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] {
1581  color: var(--kiwiki-btn-text);
1582  background-color: var(--kiwiki-btn-bg);
1583  border: 1px solid var(--kiwiki-btn-bg);
1584}
1585
1586#kiwiki #dokuwiki__site #extension__list .legend h2 strong {
1587  display: block;
1588}
1589
1590#kiwiki
1591  #dokuwiki__site
1592  #extension__manager
1593  form
1594  div.no
1595  button[type="submit"]:hover {
1596  color: var(--kiwiki-btn-hover-text);
1597  background-color: var(--kiwiki-btn-hover-bg);
1598}
1599
1600/*FOOTER*/
1601
1602#kiwiki #dokuwiki__footer {
1603  display: flex;
1604  flex-direction: column;
1605  align-items: center;
1606  max-width: 1100px;
1607  margin: 20px auto;
1608  text-align: center;
1609  font-size: 0.75rem;
1610  color: var(--kiwiki-text-color);
1611}
1612#kiwiki #dokuwiki__footer .meta {
1613  display: flex;
1614  gap: 20px;
1615}
1616#dokuwiki__footer .acl {
1617  display: inline-block;
1618  background-color: rgba(255, 0, 0, 0.3);
1619  padding: 1px 10px;
1620}
1621
1622/*Discussion plugin*/
1623#kiwiki #comment_wrapper{
1624  background-color: var(--kiwiki-ui-100);
1625  border-radius: 5px;
1626  box-shadow: #1e293b0a 0 2px 4px 0;
1627}
1628#kiwiki #discussion__comment_form > .no{
1629  flex-wrap: wrap;
1630}
1631
1632#kiwiki div.dokuwiki .comment_head{
1633  background-color: var(--kiwiki-ui-300);
1634  color: var(--kiwiki-ui-900);
1635  padding: .5em;
1636  border-radius: 5px 5px 0 0;
1637}
1638
1639
1640#kiwiki div.dokuwiki .comment_body{
1641  background-color: var(--kiwiki-ui-200);
1642  padding: .5em;
1643  border-radius: 0 0 5px 5px;
1644}
1645
1646#kiwiki #discussion__comment_form label.nowrap{
1647  order:999;
1648  width: 100%;
1649  display: flex;
1650  align-items: center;
1651}
1652#kiwiki #comment_wrapper .comment_buttons {
1653  margin-top: -13px;
1654}
1655
1656#kiwiki #comment_wrapper .comment_buttons > .button{
1657  padding:0;
1658}
1659#kiwiki #comment_wrapper .comment_buttons > .button input.button{
1660  border: 0;
1661  margin: 0;
1662  font-size: 12px;
1663  filter: grayscale(.7);
1664  padding:1px 8px ;
1665}
1666
1667#kiwiki #comment_wrapper .comment_buttons > .button input.button:hover{
1668  filter: grayscale(0);
1669}
1670
1671#kiwiki div.dokuwiki div.comment_replies.reply {
1672  background-color: var(--kiwiki-ui-200);
1673  padding: .5em;
1674}
1675
1676/*MISC*/
1677#kiwiki .JSpopup {
1678  border: 1px solid var(--kiwiki-ui-300);
1679}
1680
1681#kiwiki div.ui-admin {
1682  display: flex;
1683  flex-direction: column;
1684}
1685
1686#kiwiki .ProseMirror li p {
1687  color: var(--kiwiki-text-color);
1688}
1689