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