xref: /template/kiwiki/css/style.css (revision 52d9eff955669d8809e1975c05b877a3916f9ddf)
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 td.label span.outkey {
1046  background-color: var(--kiwiki-body-bg);
1047  color: var(--kiwiki-text-color);
1048  padding: 0 4px 3px;
1049}
1050#kiwiki form#dw__configform {
1051  position: relative;
1052  display: flex;
1053  flex-direction: column;
1054}
1055#kiwiki fieldset {
1056  width: 100%;
1057  position: relative;
1058  display: block;
1059  background-color: var(--kiwiki-main);
1060  color: var(--kiwiki-text-color);
1061  margin: 0;
1062  box-sizing: border-box;
1063}
1064
1065#kiwiki #config__manager td input.edit {
1066  width: 100%;
1067  margin: 0;
1068  box-sizing: border-box;
1069}
1070
1071/*REVISIONS*/
1072#kiwiki #dokuwiki__site .changes div.no {
1073  flex-wrap: nowrap;
1074  gap: 15px;
1075  justify-content: space-between;
1076  position: relative;
1077}
1078#kiwiki .changes .changeType {
1079  width: 25%;
1080}
1081#kiwiki .changes .changeType > .quickselect {
1082  position: sticky;
1083  top: 20px;
1084}
1085#kiwiki .changes ul {
1086  width: 75%;
1087}
1088#kiwiki .changes ul > li > div.li {
1089  display: flex;
1090  flex-wrap: wrap;
1091  gap: 0;
1092  align-items: center;
1093  border-bottom: 1px solid var(--kiwiki-ui-200);
1094  padding: 15px 0;
1095}
1096#kiwiki .changes ul > li > div.li * {
1097  padding: 2px 4px;
1098  display: inline-block;
1099}
1100
1101#kiwiki .changes ul > li > div.li .date {
1102  order: 1;
1103}
1104#kiwiki .changes ul > li > div.li .sum {
1105  width: 60%;
1106  font-size: 12px;
1107  order: 2;
1108}
1109#kiwiki .changes ul > li > div.li .sizechange {
1110  width: 10%;
1111  text-align: center;
1112  order: 3;
1113  color: var(--kiwiki-ui-500);
1114}
1115#kiwiki .changes ul > li > div.li *:nth-child(3) {
1116  width: 4%;
1117  text-align: center;
1118  order: 4;
1119}
1120#kiwiki .changes ul > li > div.li *:nth-child(4) {
1121  width: 4%;
1122  text-align: center;
1123  order: 5;
1124}
1125
1126#kiwiki .changes ul > li > div.li:before {
1127  content: "";
1128  display: block;
1129  width: 100%;
1130  order: 6;
1131}
1132
1133#kiwiki .changes ul > li > div.li > img {
1134  width: 4%;
1135  height: auto;
1136  order: 7;
1137}
1138#kiwiki .changes ul > li > div.li .wikilink1,
1139#kiwiki .changes ul > li > div.li .wikilink2 {
1140  width: 90%;
1141  order: 8;
1142  text-align: left;
1143}
1144
1145#kiwiki .changes ul > li > div.li .user {
1146  display: flex;
1147  justify-content: start;
1148  width: 100%;
1149  order: 9;
1150}
1151
1152#kiwiki #page__revisions.changes div.no {
1153  flex-wrap: wrap;
1154}
1155#kiwiki #page__revisions.changes ul {
1156  width: 100%;
1157  order: 1;
1158}
1159#kiwiki #page__revisions.changes div.no > button {
1160  order: 2;
1161}
1162#kiwiki form.changes ul li span,
1163#kiwiki form.changes ul li a {
1164  line-break: anywhere;
1165}
1166/*DIFF*/
1167#kiwiki .diffoptions {
1168  padding-bottom: 20px;
1169  margin-bottom: 20px;
1170  border-bottom: 1px solid var(--kiwiki-ui-200);
1171}
1172#kiwiki .diffoptions > form,
1173#kiwiki .diffoptions > p {
1174  width: 50%;
1175}
1176#kiwiki .diffoptions > p {
1177  margin: 0;
1178  text-align: right;
1179}
1180#kiwiki .diffoptions .quickselect {
1181  display: flex;
1182  flex-wrap: nowrap;
1183}
1184#kiwiki .diffoptions .quickselect span {
1185  font-size: 12px;
1186}
1187#kiwiki .diffnav {
1188  vertical-align: middle;
1189}
1190#kiwiki .diffnav > form {
1191  display: inline-block;
1192  width: 80%;
1193  margin: 0;
1194}
1195#kiwiki .diffnav > a {
1196  width: 10%;
1197  margin: 0;
1198  text-decoration: none;
1199}
1200
1201#kiwiki .diffnav > a:before {
1202  display: flex;
1203  justify-content: center;
1204  align-items: center;
1205  border-radius: 4px;
1206  border: 1px solid var(--kiwiki-ui-200);
1207  padding: 7px 0 6px;
1208  margin: 0 2px;
1209}
1210
1211#kiwiki table.diff th {
1212  font-size: 12px;
1213}
1214
1215/*INDEX MODE*/
1216#kiwiki .mode_index #dokuwiki__content {
1217  text-align: center;
1218  max-width: 700px;
1219  margin: 0 auto;
1220}
1221
1222#kiwiki #index__tree {
1223  text-align: left;
1224}
1225
1226#kiwiki #index__tree > ul > li {
1227  padding: 5px 0;
1228}
1229
1230#kiwiki #index__tree a {
1231  text-decoration: none;
1232}
1233#kiwiki #index__tree li.open ul {
1234  padding-left: 20px;
1235}
1236
1237/*SEARCH MODE*/
1238#kiwiki .mode_search #dokuwiki__content {
1239  text-align: center;
1240  max-width: 700px;
1241  margin: 0 auto;
1242}
1243
1244#kiwiki .mode_search .search-form {
1245  display: flex;
1246  flex-wrap: wrap;
1247  justify-content: center;
1248  gap: 10px;
1249  padding: 20px;
1250  width: 100%;
1251  border: 0;
1252}
1253
1254#kiwiki .mode_search .search-form input[name="q"] {
1255  width: 75%;
1256  height: 2rem;
1257  padding: 5px;
1258  border-radius: 4px;
1259  border: 1px solid var(--kiwiki-ui-100);
1260  transition: all 0.2s ease-out;
1261  font-size: 14px;
1262  margin: 0;
1263  color: #000;
1264}
1265
1266#kiwiki .mode_search .search-form .advancedOptions {
1267  display: flex;
1268  justify-content: center;
1269  gap: 5px;
1270  padding: 0;
1271  width: 100%;
1272  font-size: 14px;
1273}
1274
1275#kiwiki .mode_search .search-form .toggleAssistant {
1276  order: 3;
1277  width: 95%;
1278  background-color: transparent;
1279  color: var(--kiwiki-text-color);
1280  border: 1px solid var(--kiwiki-ui-100);
1281}
1282
1283#kiwiki .search_quickhits {
1284  display: flex;
1285  flex-direction: column;
1286  text-align: left;
1287}
1288
1289#kiwiki .search_quickhits li {
1290  width: 100%;
1291  margin: 5px 0;
1292}
1293#kiwiki .search_fulltextresult .search_results {
1294  text-align: left;
1295}
1296
1297/*TABS*/
1298
1299#kiwiki .tabs > ul li a,
1300#kiwiki ul.tabs li strong,
1301#kiwiki ul.tabs li a {
1302  background-color: transparent;
1303  color: var(--kiwiki-ui-400);
1304  border: 1px solid var(--kiwiki-ui-300);
1305  border-radius: 0;
1306  position: relative;
1307  z-index: 0;
1308  text-decoration: none;
1309}
1310#kiwiki ul.tabs li strong,
1311#kiwiki ul.tabs li.active a {
1312  background-color: var(--kiwiki-body-bg);
1313  color: var(--kiwiki-text-color);
1314}
1315#kiwiki .tabs > ul:after,
1316#kiwiki ul.tabs:after {
1317  z-index: 9;
1318  border-bottom: 1px solid var(--kiwiki-ui-300);
1319}
1320#kiwiki ul.tabs li:first-child * {
1321  margin: 0;
1322  border-radius: 4px 0 0;
1323}
1324#kiwiki .panelHeader {
1325  background: none;
1326  border: 1px solid var(--kiwiki-ui-300);
1327  border-top: 0;
1328  border-radius: 0 0 4px 4px;
1329}
1330/*FILE MANAGER*/
1331#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1332  width: 90%;
1333  max-width: 100%;
1334}
1335
1336#kiwiki #mediamanager__page {
1337  display: flex;
1338  flex-wrap: nowrap;
1339  padding-top: 70px;
1340}
1341#kiwiki #mediamanager__page > h1 {
1342  width: 100%;
1343  position: absolute;
1344  top: 20px;
1345  border: none;
1346}
1347#kiwiki #mediamanager__page .panel.namespaces {
1348  padding: 15px;
1349  width: 20%;
1350  margin: 0;
1351  border-radius: 4px;
1352  box-shadow: #1e293b0a 0 2px 4px 0;
1353  border: 1px solid var(--kiwiki-ui-100);
1354  background: var(--kiwiki-main, #fff);
1355}
1356
1357#kiwiki #mediamanager__page .panel.namespaces h2 {
1358  padding: 0 0.5em 0.2em;
1359  font-weight: bold;
1360  font-size: 1.5em;
1361  margin: 0;
1362  background: none;
1363  border: none;
1364  color:var(--kiwiki-text-color);
1365}
1366
1367#kiwiki #mediamanager__page .panel.filelist {
1368  padding: 0 20px;
1369  display: block;
1370  width: 60%;
1371}
1372#mediamanager__page .filelist .thumbs li{
1373  color:var(--kiwiki-text-color);
1374
1375}
1376
1377#kiwiki #mediamanager__page .panel.file .panelHeader {
1378  border-left: 1px solid var(--kiwiki-ui-300);
1379  border-right: 1px solid var(--kiwiki-ui-300);
1380  border-radius: 0;
1381  margin: 0;
1382  padding: 20px;
1383}
1384#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1385  text-align: center;
1386  display: block;
1387  width: 100%;
1388}
1389
1390#kiwiki #mediamanager__page .panel.file .panelContent {
1391  border: 1px solid var(--kiwiki-ui-300);
1392  border-top: 0;
1393  display: flex;
1394  flex-direction: column;
1395  align-items: center;
1396  border-radius: 0 0 4px 4px;
1397  padding-bottom: 20px;
1398}
1399
1400#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1401  display: flex;
1402  flex-wrap: wrap;
1403}
1404#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1405  width: 150px;
1406  background-color: transparent;
1407  cursor: pointer;
1408}
1409#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1410  background-color: var(--kiwiki-ui-200);
1411}
1412#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1413  display: flex;
1414  flex-direction: column;
1415  justify-content: center;
1416  align-items: center;
1417  font-size: 12px;
1418}
1419#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1420  width: 100%;
1421}
1422#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1423  display: flex;
1424  justify-content: center;
1425}
1426
1427#kiwiki #mediamanager__page .file ul.actions {
1428  display: flex;
1429  margin: 15px 0;
1430}
1431
1432#kiwiki #mediamanager__page .file dl {
1433  display: flex;
1434  flex-wrap: wrap;
1435  gap: 0;
1436  font-size: 12px;
1437  justify-content: center;
1438}
1439#kiwiki #mediamanager__page .file dl > dt,
1440#kiwiki #mediamanager__page .file dl > dd {
1441  width: 48%;
1442  padding: 2px;
1443}
1444#kiwiki #mediamanager__page .file dl:last-child {
1445  gap: 5px;
1446}
1447#kiwiki #mediamanager__page .file dl:last-child > * {
1448  width: fit-content;
1449  background-color: transparent;
1450}
1451
1452/*ADMIN*/
1453#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks {
1454  float: none;
1455  display: flex;
1456  flex-direction: column;
1457  flex-wrap: wrap;
1458  width: 100%;
1459  padding: 0;
1460}
1461
1462#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg,
1463#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path {
1464  fill: var(--kiwiki-btn-bg);
1465}
1466
1467/*EXTENSIONS MANAGER*/
1468#kiwiki #extension__list .legend > div {
1469  padding: 0;
1470  display: grid;
1471  grid-template-columns: 15% 85%;
1472  width: 100%;
1473  gap: 4px 15px;
1474  border-right: 1px solid var(--kiwiki-ui-300);
1475}
1476
1477#kiwiki #extension__list .legend h2,
1478#kiwiki #extension__list .legend div.screenshot {
1479  float: none;
1480  margin: 0;
1481}
1482#kiwiki #extension__list .legend h2,
1483#kiwiki #extension__list .legend p,
1484#kiwiki #extension__list .legend div.linkbar {
1485  grid-column-start: 2;
1486  grid-column-end: 3;
1487  padding: 0;
1488}
1489#kiwiki #extension__list .legend div.screenshot {
1490  grid-column-start: 1;
1491  grid-column-end: 2;
1492  grid-row-start: 1;
1493  grid-row-end: 4;
1494  margin: 0;
1495  max-width: 100%;
1496}
1497
1498#kiwiki #extension__list .legend div.screenshot img {
1499  width: 100%;
1500  height: auto;
1501}
1502
1503#kiwiki #extension__list .legend div.popularity {
1504  position: relative;
1505  grid-column-start: 1;
1506  grid-column-end: 2;
1507  grid-row-start: 2;
1508  grid-row-end: 4;
1509  width: 90%;
1510  right: initial;
1511  top: 30px;
1512  background-color: var(--kiwiki-body-bg);
1513  border-color: var(--kiwiki-ui-300);
1514}
1515#extension__list .legend div.popularity div {
1516  background-color: var(--kiwiki-btn-bg);
1517}
1518#kiwiki #extension__list .legend dl.details {
1519  grid-column-start: 1;
1520  grid-column-end: 3;
1521  background-color: var(--kiwiki-ui-200);
1522  border: 0;
1523  padding: 10px;
1524  border-radius: 10px 10px 0 10px;
1525}
1526#kiwiki #extension__list .legend a.info {
1527  grid-column-start: 2;
1528  grid-column-end: 3;
1529  position: absolute;
1530  bottom: 0;
1531  right: 5px;
1532}
1533#extension__manager div.msg {
1534  grid-column-start: 1;
1535  grid-column-end: 3;
1536}
1537#kiwiki #extension__list ul.extensionList li {
1538  color: var(--kiwiki-text-color);
1539  border-color: var(--kiwiki-ui-300);
1540}
1541
1542#kiwiki #extension__manager .actions {
1543  display: flex;
1544  flex-wrap: wrap;
1545}
1546
1547#kiwiki #extension__manager .actions p.permerror {
1548  background-position: top 2px left;
1549  line-height: 0.8rem;
1550  margin-top: 10px;
1551}
1552#kiwiki #dokuwiki__site #extension__manager form {
1553  margin: 30px auto;
1554  padding: 20px;
1555  border-radius: 15px;
1556  width: 100%;
1557  max-width: 600px;
1558}
1559
1560#kiwiki #dokuwiki__site #extension__manager form div.no {
1561  flex-direction: column;
1562}
1563
1564#kiwiki #dokuwiki__site #extension__manager form div.no label.block {
1565  justify-content: start;
1566  gap: 10px;
1567}
1568
1569#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] {
1570  color: var(--kiwiki-btn-text);
1571  background-color: var(--kiwiki-btn-bg);
1572  border: 1px solid var(--kiwiki-btn-bg);
1573}
1574
1575#kiwiki #dokuwiki__site #extension__list .legend h2 strong {
1576  display: block;
1577}
1578
1579#kiwiki
1580  #dokuwiki__site
1581  #extension__manager
1582  form
1583  div.no
1584  button[type="submit"]:hover {
1585  color: var(--kiwiki-btn-hover-text);
1586  background-color: var(--kiwiki-btn-hover-bg);
1587}
1588
1589/*FOOTER*/
1590
1591#kiwiki #dokuwiki__footer {
1592  display: flex;
1593  flex-direction: column;
1594  align-items: center;
1595  max-width: 1100px;
1596  margin: 20px auto;
1597  text-align: center;
1598  font-size: 0.75rem;
1599  color: var(--kiwiki-text-color);
1600}
1601#kiwiki #dokuwiki__footer .meta {
1602  display: flex;
1603  gap: 20px;
1604}
1605#dokuwiki__footer .acl {
1606  display: inline-block;
1607  background-color: rgba(255, 0, 0, 0.3);
1608  padding: 1px 10px;
1609}
1610
1611/*Discussion plugin*/
1612#kiwiki #comment_wrapper{
1613  background-color: var(--kiwiki-ui-100);
1614  border-radius: 5px;
1615  box-shadow: #1e293b0a 0 2px 4px 0;
1616}
1617#kiwiki #discussion__comment_form > .no{
1618  flex-wrap: wrap;
1619}
1620
1621#kiwiki div.dokuwiki .comment_head{
1622  background-color: var(--kiwiki-ui-300);
1623  color: var(--kiwiki-ui-900);
1624  padding: .5em;
1625  border-radius: 5px 5px 0 0;
1626}
1627
1628
1629#kiwiki div.dokuwiki .comment_body{
1630  background-color: var(--kiwiki-ui-200);
1631  padding: .5em;
1632  border-radius: 0 0 5px 5px;
1633}
1634
1635#kiwiki #discussion__comment_form label.nowrap{
1636  order:999;
1637  width: 100%;
1638  display: flex;
1639  align-items: center;
1640}
1641#kiwiki #comment_wrapper .comment_buttons {
1642  margin-top: -13px;
1643}
1644
1645#kiwiki #comment_wrapper .comment_buttons > .button{
1646  padding:0;
1647}
1648#kiwiki #comment_wrapper .comment_buttons > .button input.button{
1649  border: 0;
1650  margin: 0;
1651  font-size: 12px;
1652  filter: grayscale(.7);
1653  padding:1px 8px ;
1654}
1655
1656#kiwiki #comment_wrapper .comment_buttons > .button input.button:hover{
1657  filter: grayscale(0);
1658}
1659
1660#kiwiki div.dokuwiki div.comment_replies.reply {
1661  background-color: var(--kiwiki-ui-200);
1662  padding: .5em;
1663}
1664
1665/*MISC*/
1666#kiwiki .JSpopup {
1667  border: 1px solid var(--kiwiki-ui-300);
1668}
1669
1670#kiwiki div.ui-admin {
1671  display: flex;
1672  flex-direction: column;
1673}
1674
1675#kiwiki .ProseMirror li p {
1676  color: var(--kiwiki-text-color);
1677}
1678