xref: /template/kiwiki/css/style.css (revision a4b42b108a73ee112e3ebb0ae2ae8ecdcb1cce0c)
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);
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);
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);
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);
264  border: 1px solid var(--kiwiki-ui-100);
265}
266
267#kiwiki form.search .no button[type="submit"]:hover {
268  background-color: var(--kiwiki-link-btn);
269  color: var(--kiwiki-main);
270  border: 1px solid var(--kiwiki-link-btn);
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);
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-link-btn);
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);
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-100);
360  color: var(--kiwiki-link-btn-hover);
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-link-btn);
380}
381
382#kiwiki #dokuwiki__usertools .user {
383  padding: 10px 20px;
384  background-color: var(--kiwiki-ui-400);
385  color: var(--kiwiki-text);
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-link-btn);
543}
544
545#kiwiki .dokuwiki div.plugin_translation ul li.span {
546  background-color: var(--kiwiki-link-btn);
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);
671}
672
673#kiwiki .kiwiki_aside ul li a:hover {
674  text-decoration: underline;
675  color: var(--kiwiki-link-btn-hover);
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);
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-link-btn);
738  border: 1px solid var(--kiwiki-link-btn);
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
750#kiwiki button:hover, #kiwiki .ui-dialog .ui-dialog-buttonpane button:hover,#kiwiki #comment_wrapper .button:hover {
751
752  color: var(--kiwiki-btn-text-hover);
753  background-color: var(--kiwiki-link-btn-hover);
754  border: 1px solid var(--kiwiki-link-btn-hover);
755
756}
757
758/*EDITOR*/
759#kiwiki .secedit button,
760#kiwiki .editBox #tool__bar button,
761#kiwiki button.toolbutton,
762#kiwiki button.pickerbutton {
763  color: var(--kiwiki-ui-300);
764  background-color: var(--kiwiki-main);
765  border: 1px solid var(--kiwiki-ui-300);
766}
767#kiwiki button.pickerbutton {
768  margin: 2px;
769  padding: 2px 8px;
770  font-size: 16px;
771}
772#kiwiki .secedit button:hover,
773#kiwiki .editBox #tool__bar button:hover,
774#kiwiki button.toolbutton:hover,
775#kiwiki button.pickerbutton:hover,#kiwiki #comment_wrapper .button:hover {
776  background-color: var(--kiwiki-link-btn-hover);
777}
778
779#kiwiki div:not(.picker) button.toolbutton img {
780  filter: grayscale(1);
781}
782
783#kiwiki.darkmode div:not(.picker) button.toolbutton img {
784  filter: invert(1) grayscale(1) brightness(1.5);
785}
786
787#kiwiki .picker {
788  background-color: var(--kiwiki-main);
789  border: none;
790  border-radius: 5px;
791}
792#picker2 {
793  overflow: hidden scroll;
794  height: 300px;
795}
796
797#kiwiki fieldset {
798  width: 100%;
799}
800
801/*popup*/
802#kiwiki .ui-widget-overlay {
803  background: var(--kiwiki-text);
804  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
805    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
806    "Segoe UI Symbol";
807}
808#kiwiki .ui-widget-header {
809  background: var(--kiwiki-link-btn);
810  border: none;
811  color: var(--kiwiki-main);
812  display: flex;
813  justify-content: space-between;
814  align-items: center;
815  font-weight: 700;
816  font-size: 16px;
817  letter-spacing: 0.05rem;
818  padding: 0.4em 0 0.4em 1em;
819}
820#kiwiki .ui-widget-header:before,
821#kiwiki .ui-widget-header:after {
822  display: none;
823}
824
825#kiwiki .ui-dialog .ui-dialog-titlebar-close {
826  position: relative;
827}
828
829#kiwiki .ui-dialog .ui-dialog-titlebar-close {
830  position: relative;
831}
832
833#kiwiki .ui-dialog .ui-dialog-titlebar-close .ui-icon {
834  filter: brightness(5);
835}
836#kiwiki .ui-dialog .ui-dialog-buttonpane {
837  border-color: var(--kiwiki-ui-200);
838}
839
840/*TEXT INPUT*/
841#kiwiki select,
842#kiwiki input.edit,
843#kiwiki .ui-widget input,
844#kiwiki .ui-widget select,
845#kiwiki .ui-widget textarea,
846#kiwiki textarea.edit {
847  width: 100%;
848  height: 2rem;
849  padding: 5px;
850  border-radius: 4px;
851  border: 1px solid var(--kiwiki-ui-100);
852  transition: all 0.2s ease-out;
853  font-size: 14px;
854  margin: 0;
855  color: #000;
856}
857
858#kiwiki input.edit:focus,
859#kiwiki select.edit:focus {
860  color: var(--kiwiki-ui-500);
861  background-color: #fff;
862  border-color: #90b5e2;
863  outline: 0;
864  box-shadow: 0 0 0 0.25rem #206bc440;
865}
866
867/*CODE*/
868#kiwiki pre {
869  word-wrap: normal;
870  direction: ltr;
871  unicode-bidi: bidi-override;
872  text-align: left;
873  position: relative;
874  padding: 1.5rem 1rem 1rem;
875  overflow: visible;
876  font-size: 0.9rem;
877  -webkit-hyphens: none;
878  -ms-hyphens: none;
879  hyphens: none;
880  line-height: 1.25rem;
881  -moz-tab-size: 3;
882  -o-tab-size: 3;
883  tab-size: 3;
884  border-radius: 4px;
885  white-space: pre-wrap;
886  -webkit-font-smoothing: auto;
887  transition: all 0.2s ease-in-out;
888  background: var(--kiwiki-ui-100);
889  color: var(--kiwiki-text);
890}
891
892#kiwiki code {
893  background: var(--kiwiki-ui-100);
894  padding: 2px 5px;
895  display: inline-block;
896  transition: all 0.2s ease-in-out;
897}
898
899#kiwiki pre:before {
900  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
901    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
902    "Segoe UI Symbol";
903  content: "code";
904  display: block;
905  position: absolute;
906  top: 1px;
907  left: 10px;
908  text-transform: uppercase;
909  font-size: 0.7rem;
910  font-weight: 900;
911  color: var(--kiwiki-ui-300);
912}
913#kiwiki pre:hover,
914#kiwiki code:hover {
915  box-shadow: 0 0 5px var(--kiwiki-ui-300);
916}
917#kiwiki .code .kw2 {
918  color: #7f430e;
919}
920#kiwiki .code .kw3,
921#kiwiki .code .kw7,
922#kiwiki .code .sy2 {
923  color: #6363ff;
924}
925/*SECTION EDIT*/
926#kiwiki div[class*="level"] {
927  padding: 10px;
928}
929#kiwiki .secedit {
930  float: initial;
931  margin: 0;
932  width: 100%;
933  display: flex;
934  justify-content: end;
935}
936
937#kiwiki .secedit button {
938  position: relative;
939  top: -15px;
940  right: -5px;
941}
942
943#kiwiki div.section_highlight {
944  background: var(--kiwiki-ui-100);
945  border-color: transparent;
946  padding: 0;
947  margin: 0;
948  border: none;
949  border-radius: 10px;
950}
951
952/*PROFILE*/
953#kiwiki label.block {
954  display: flex;
955  flex-wrap: nowrap;
956  justify-content: space-between;
957  align-items: center;
958  text-align: left;
959  font-weight: bold;
960}
961
962#kiwiki label.block select,
963#kiwiki label.block input.edit {
964  width: 80%;
965}
966
967#kiwiki .qq-upload-button {
968  cursor: inherit !important;
969  direction: inherit !important;
970}
971
972#kiwiki .qq-upload-button input {
973  font-family: inherit !important;
974  font-size: 1em !important;
975  margin: inherit !important;
976  opacity: 1 !important;
977  padding: inherit !important;
978  position: static !important;
979}
980
981/*edit*/
982#kiwiki .editBar .summary label {
983  display: flex;
984  align-items: center;
985  gap: 15px;
986}
987#kiwiki .editBar .summary {
988  display: flex;
989  flex-direction: column;
990  padding: 30px 0;
991  gap: 15px;
992}
993
994/*qsearch*/
995#kiwiki form.search div.ajax_qsearch {
996  position: absolute;
997  top: 60px;
998  left: -15px;
999  max-width: var(--kiwiki-content-max-width);
1000  width: 100%;
1001  padding: 15px 0 15px 15px;
1002  border: 1px solid var(--kiwiki-ui-100);
1003  background-color: var(--kiwiki-body-bg);
1004  color: var(--kiwiki-text);
1005  outline: 0;
1006  box-shadow: 0 0 15px var(--kiwiki-ui-100);
1007  border-radius: 5px;
1008  height: 400px;
1009  overflow: hidden scroll;
1010}
1011#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar {
1012  width: 0.4em;
1013}
1014
1015#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-thumb {
1016  background-color: var(--kiwiki-ui-700);
1017  outline: 1px solid var(--kiwiki-ui-700);
1018  width: 1em;
1019  border-radius: 1em;
1020}
1021#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-track {
1022  background-color: var(--kiwiki-ui-200);
1023  border-style: solid;
1024  border-radius: 1em;
1025  border-width: 1px;
1026  border-color: var(--kiwiki-ui-200);
1027}
1028
1029/*GO TOP/BOTTOM*/
1030#kiwiki #go {
1031  position: fixed;
1032  bottom: 20px;
1033  right: 20px;
1034  display: flex;
1035  gap: 5px;
1036}
1037#kiwiki #go .icon {
1038  display: flex;
1039  justify-content: center;
1040  align-items: center;
1041  padding: 10px;
1042  border-radius: 50px;
1043  width: 25px;
1044  height: 25px;
1045  background-color: var(--kiwiki-link-btn);
1046  transition: all 0.2s ease-in-out;
1047}
1048#kiwiki #go svg {
1049  fill: var(--kiwiki-main);
1050  position: relative;
1051  top: 0;
1052  transition: all 0.25s ease-in-out;
1053}
1054#kiwiki #go .icon:hover {
1055  background-color: var(--kiwiki-link-btn-hover);
1056}
1057#kiwiki #go .icon:hover svg {
1058  top: -6px;
1059}
1060
1061#kiwiki #go [href="#dokuwiki__bottom"] .icon svg {
1062  transform: rotate(180deg);
1063}
1064
1065/*CONFIG PANEL*/
1066#kiwiki #config__manager tr:hover{
1067  transition: all 0.2s ease-in-out;
1068}
1069#kiwiki #config__manager tr:hover{
1070  background-color: var(--kiwiki-body-bg);
1071}
1072#kiwiki #config__manager td.label span.outkey {
1073  background-color: var(--kiwiki-body-bg);
1074  color: var(--kiwiki-text);
1075  padding: 0 4px 3px;
1076  opacity: 0;
1077  transition: all 0.2s ease-in-out;
1078}
1079#kiwiki #config__manager tr:hover td.label span.outkey {
1080  opacity: .8;
1081}
1082#kiwiki form#dw__configform {
1083  position: relative;
1084  display: flex;
1085  flex-direction: column;
1086}
1087#kiwiki fieldset {
1088  width: 100%;
1089  position: relative;
1090  display: block;
1091  background-color: var(--kiwiki-main);
1092  color: var(--kiwiki-text);
1093  margin: 0;
1094  box-sizing: border-box;
1095}
1096
1097#kiwiki #config__manager td input.edit {
1098  width: 100%;
1099  margin: 0;
1100  box-sizing: border-box;
1101}
1102
1103/*REVISIONS*/
1104#kiwiki #dokuwiki__site .changes div.no {
1105  flex-wrap: nowrap;
1106  gap: 15px;
1107  justify-content: space-between;
1108  position: relative;
1109}
1110#kiwiki .changes .changeType {
1111  width: 25%;
1112}
1113#kiwiki .changes .changeType > .quickselect {
1114  position: sticky;
1115  top: 20px;
1116}
1117#kiwiki .changes ul {
1118  width: 75%;
1119}
1120#kiwiki .changes ul > li > div.li {
1121  display: flex;
1122  flex-wrap: wrap;
1123  gap: 0;
1124  align-items: center;
1125  border-bottom: 1px solid var(--kiwiki-ui-200);
1126  padding: 15px 0;
1127}
1128#kiwiki .changes ul > li > div.li * {
1129  padding: 2px 4px;
1130  display: inline-block;
1131}
1132
1133#kiwiki .changes ul > li > div.li .date {
1134  order: 1;
1135}
1136#kiwiki .changes ul > li > div.li .sum {
1137  width: 60%;
1138  font-size: 12px;
1139  order: 2;
1140}
1141#kiwiki .changes ul > li > div.li .sizechange {
1142  width: 10%;
1143  text-align: center;
1144  order: 3;
1145  color: var(--kiwiki-ui-500);
1146}
1147#kiwiki .changes ul > li > div.li *:nth-child(3) {
1148  width: 4%;
1149  text-align: center;
1150  order: 4;
1151}
1152#kiwiki .changes ul > li > div.li *:nth-child(4) {
1153  width: 4%;
1154  text-align: center;
1155  order: 5;
1156}
1157
1158#kiwiki .changes ul > li > div.li:before {
1159  content: "";
1160  display: block;
1161  width: 100%;
1162  order: 6;
1163}
1164
1165#kiwiki .changes ul > li > div.li > img {
1166  width: 4%;
1167  height: auto;
1168  order: 7;
1169}
1170#kiwiki .changes ul > li > div.li .wikilink1,
1171#kiwiki .changes ul > li > div.li .wikilink2 {
1172  width: 90%;
1173  order: 8;
1174  text-align: left;
1175}
1176
1177#kiwiki .changes ul > li > div.li .user {
1178  display: flex;
1179  justify-content: start;
1180  width: 100%;
1181  order: 9;
1182}
1183
1184#kiwiki #page__revisions.changes div.no {
1185  flex-wrap: wrap;
1186}
1187#kiwiki #page__revisions.changes ul {
1188  width: 100%;
1189  order: 1;
1190}
1191#kiwiki #page__revisions.changes div.no > button {
1192  order: 2;
1193}
1194#kiwiki form.changes ul li span,
1195#kiwiki form.changes ul li a {
1196  line-break: anywhere;
1197}
1198/*DIFF*/
1199#kiwiki .diffoptions {
1200  padding-bottom: 20px;
1201  margin-bottom: 20px;
1202  border-bottom: 1px solid var(--kiwiki-ui-200);
1203}
1204#kiwiki .diffoptions > form,
1205#kiwiki .diffoptions > p {
1206  width: 50%;
1207}
1208#kiwiki .diffoptions > p {
1209  margin: 0;
1210  text-align: right;
1211}
1212#kiwiki .diffoptions .quickselect {
1213  display: flex;
1214  flex-wrap: nowrap;
1215}
1216#kiwiki .diffoptions .quickselect span {
1217  font-size: 12px;
1218}
1219#kiwiki .diffnav {
1220  vertical-align: middle;
1221}
1222#kiwiki .diffnav > form {
1223  display: inline-block;
1224  width: 80%;
1225  margin: 0;
1226}
1227#kiwiki .diffnav > a {
1228  width: 10%;
1229  margin: 0;
1230  text-decoration: none;
1231}
1232
1233#kiwiki .diffnav > a:before {
1234  display: flex;
1235  justify-content: center;
1236  align-items: center;
1237  border-radius: 4px;
1238  border: 1px solid var(--kiwiki-ui-200);
1239  padding: 7px 0 6px;
1240  margin: 0 2px;
1241}
1242
1243#kiwiki table.diff th {
1244  font-size: 12px;
1245}
1246
1247/*INDEX MODE*/
1248#kiwiki .mode_index #dokuwiki__content {
1249  text-align: center;
1250  max-width: 700px;
1251  margin: 0 auto;
1252}
1253
1254#kiwiki #index__tree {
1255  text-align: left;
1256}
1257
1258#kiwiki #index__tree > ul > li {
1259  padding: 5px 0;
1260}
1261
1262#kiwiki #index__tree a {
1263  text-decoration: none;
1264}
1265#kiwiki #index__tree li.open ul {
1266  padding-left: 20px;
1267}
1268
1269/*SEARCH MODE*/
1270#kiwiki .mode_search #dokuwiki__content {
1271  text-align: center;
1272  max-width: 700px;
1273  margin: 0 auto;
1274}
1275
1276#kiwiki .mode_search .search-form {
1277  display: flex;
1278  flex-wrap: wrap;
1279  justify-content: center;
1280  gap: 10px;
1281  padding: 20px;
1282  width: 100%;
1283  border: 0;
1284}
1285
1286#kiwiki .mode_search .search-form input[name="q"] {
1287  width: 75%;
1288  height: 2rem;
1289  padding: 5px;
1290  border-radius: 4px;
1291  border: 1px solid var(--kiwiki-ui-100);
1292  transition: all 0.2s ease-out;
1293  font-size: 14px;
1294  margin: 0;
1295  color: #000;
1296}
1297
1298#kiwiki .mode_search .search-form .advancedOptions {
1299  display: flex;
1300  justify-content: center;
1301  gap: 5px;
1302  padding: 0;
1303  width: 100%;
1304  font-size: 14px;
1305}
1306
1307#kiwiki .mode_search .search-form .toggleAssistant {
1308  order: 3;
1309  width: 95%;
1310  background-color: transparent;
1311  color: var(--kiwiki-text);
1312  border: 1px solid var(--kiwiki-ui-100);
1313}
1314
1315#kiwiki .search_quickhits {
1316  display: flex;
1317  flex-direction: column;
1318  text-align: left;
1319}
1320
1321#kiwiki .search_quickhits li {
1322  width: 100%;
1323  margin: 5px 0;
1324}
1325#kiwiki .search_fulltextresult .search_results {
1326  text-align: left;
1327}
1328
1329/*TABS*/
1330
1331#kiwiki .tabs > ul li a,
1332#kiwiki ul.tabs li strong,
1333#kiwiki ul.tabs li a {
1334  background-color: transparent;
1335  color: var(--kiwiki-ui-400);
1336  border: 1px solid var(--kiwiki-ui-300);
1337  border-radius: 0;
1338  position: relative;
1339  z-index: 0;
1340  text-decoration: none;
1341}
1342#kiwiki ul.tabs li strong,
1343#kiwiki ul.tabs li.active a {
1344  background-color: var(--kiwiki-body-bg);
1345  color: var(--kiwiki-text);
1346}
1347#kiwiki .tabs > ul:after,
1348#kiwiki ul.tabs:after {
1349  z-index: 9;
1350  border-bottom: 1px solid var(--kiwiki-ui-300);
1351}
1352#kiwiki ul.tabs li:first-child * {
1353  margin: 0;
1354  border-radius: 4px 0 0;
1355}
1356#kiwiki .panelHeader {
1357  background: none;
1358  border: 1px solid var(--kiwiki-ui-300);
1359  border-top: 0;
1360  border-radius: 0 0 4px 4px;
1361}
1362/*FILE MANAGER*/
1363#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1364  width: 90%;
1365  max-width: 100%;
1366}
1367
1368#kiwiki #mediamanager__page {
1369  display: flex;
1370  flex-wrap: nowrap;
1371  padding-top: 70px;
1372}
1373#kiwiki #mediamanager__page > h1 {
1374  width: 100%;
1375  position: absolute;
1376  top: 20px;
1377  border: none;
1378}
1379#kiwiki #mediamanager__page .panel.namespaces {
1380  padding: 15px;
1381  width: 20%;
1382  margin: 0;
1383  border-radius: 4px;
1384  box-shadow: #1e293b0a 0 2px 4px 0;
1385  border: 1px solid var(--kiwiki-ui-100);
1386  background: var(--kiwiki-main, #fff);
1387}
1388
1389#kiwiki #mediamanager__page .panel.namespaces h2 {
1390  padding: 0 0.5em 0.2em;
1391  font-weight: bold;
1392  font-size: 1.5em;
1393  margin: 0;
1394  background: none;
1395  border: none;
1396  color:var(--kiwiki-text);
1397}
1398
1399#kiwiki #mediamanager__page .panel.filelist {
1400  padding: 0 20px;
1401  display: block;
1402  width: 60%;
1403}
1404#mediamanager__page .filelist .thumbs li{
1405  color:var(--kiwiki-text);
1406
1407}
1408
1409#kiwiki #mediamanager__page .panel.file .panelHeader {
1410  border-left: 1px solid var(--kiwiki-ui-300);
1411  border-right: 1px solid var(--kiwiki-ui-300);
1412  border-radius: 0;
1413  margin: 0;
1414  padding: 20px;
1415}
1416#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1417  text-align: center;
1418  display: block;
1419  width: 100%;
1420}
1421
1422#kiwiki #mediamanager__page .panel.file .panelContent {
1423  border: 1px solid var(--kiwiki-ui-300);
1424  border-top: 0;
1425  display: flex;
1426  flex-direction: column;
1427  align-items: center;
1428  border-radius: 0 0 4px 4px;
1429  padding-bottom: 20px;
1430}
1431
1432#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1433  display: flex;
1434  flex-wrap: wrap;
1435}
1436#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1437  width: 150px;
1438  background-color: transparent;
1439  cursor: pointer;
1440}
1441#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1442  background-color: var(--kiwiki-ui-200);
1443}
1444#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1445  display: flex;
1446  flex-direction: column;
1447  justify-content: center;
1448  align-items: center;
1449  font-size: 12px;
1450}
1451#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1452  width: 100%;
1453}
1454#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1455  display: flex;
1456  justify-content: center;
1457}
1458
1459#kiwiki #mediamanager__page .file ul.actions {
1460  display: flex;
1461  margin: 15px 0;
1462}
1463
1464#kiwiki #mediamanager__page .file dl {
1465  display: flex;
1466  flex-wrap: wrap;
1467  gap: 0;
1468  font-size: 12px;
1469  justify-content: center;
1470}
1471#kiwiki #mediamanager__page .file dl > dt,
1472#kiwiki #mediamanager__page .file dl > dd {
1473  width: 48%;
1474  padding: 2px;
1475}
1476#kiwiki #mediamanager__page .file dl:last-child {
1477  gap: 5px;
1478}
1479#kiwiki #mediamanager__page .file dl:last-child > * {
1480  width: fit-content;
1481  background-color: transparent;
1482}
1483
1484/*ADMIN*/
1485#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks {
1486  float: none;
1487  display: flex;
1488  flex-direction: column;
1489  flex-wrap: wrap;
1490  width: 100%;
1491  padding: 0;
1492}
1493
1494#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg,
1495#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path {
1496  fill: var(--kiwiki-link-btn);
1497}
1498
1499/*EXTENSIONS MANAGER*/
1500#kiwiki #extension__list .legend > div {
1501  padding: 0;
1502  display: grid;
1503  grid-template-columns: 15% 85%;
1504  width: 100%;
1505  gap: 4px 15px;
1506  border-right: 1px solid var(--kiwiki-ui-300);
1507}
1508
1509#kiwiki #extension__list .legend h2,
1510#kiwiki #extension__list .legend div.screenshot {
1511  float: none;
1512  margin: 0;
1513}
1514#kiwiki #extension__list .legend h2,
1515#kiwiki #extension__list .legend p,
1516#kiwiki #extension__list .legend div.linkbar {
1517  grid-column-start: 2;
1518  grid-column-end: 3;
1519  padding: 0;
1520}
1521#kiwiki #extension__list .legend div.screenshot {
1522  grid-column-start: 1;
1523  grid-column-end: 2;
1524  grid-row-start: 1;
1525  grid-row-end: 4;
1526  margin: 0;
1527  max-width: 100%;
1528}
1529
1530#kiwiki #extension__list .legend div.screenshot img {
1531  width: 100%;
1532  height: auto;
1533}
1534
1535#kiwiki #extension__list .legend div.popularity {
1536  position: relative;
1537  grid-column-start: 1;
1538  grid-column-end: 2;
1539  grid-row-start: 2;
1540  grid-row-end: 4;
1541  width: 90%;
1542  right: initial;
1543  top: 30px;
1544  background-color: var(--kiwiki-body-bg);
1545  border-color: var(--kiwiki-ui-300);
1546}
1547#extension__list .legend div.popularity div {
1548  background-color: var(--kiwiki-link-btn);
1549}
1550#kiwiki #extension__list .legend dl.details {
1551  grid-column-start: 1;
1552  grid-column-end: 3;
1553  background-color: var(--kiwiki-ui-200);
1554  border: 0;
1555  padding: 10px;
1556  border-radius: 10px 10px 0 10px;
1557}
1558#kiwiki #extension__list .legend a.info {
1559  grid-column-start: 2;
1560  grid-column-end: 3;
1561  position: absolute;
1562  bottom: 0;
1563  right: 5px;
1564}
1565#extension__manager div.msg {
1566  grid-column-start: 1;
1567  grid-column-end: 3;
1568}
1569#kiwiki #extension__list ul.extensionList li {
1570  color: var(--kiwiki-text);
1571  border-color: var(--kiwiki-ui-300);
1572}
1573
1574#kiwiki #extension__manager .actions {
1575  display: flex;
1576  flex-wrap: wrap;
1577}
1578
1579#kiwiki #extension__manager .actions p.permerror {
1580  background-position: top 2px left;
1581  line-height: 0.8rem;
1582  margin-top: 10px;
1583}
1584#kiwiki #dokuwiki__site #extension__manager form {
1585  margin: 30px auto;
1586  padding: 20px;
1587  border-radius: 15px;
1588  width: 100%;
1589  max-width: 600px;
1590}
1591
1592#kiwiki #dokuwiki__site #extension__manager form div.no {
1593  flex-direction: column;
1594}
1595
1596#kiwiki #dokuwiki__site #extension__manager form div.no label.block {
1597  justify-content: start;
1598  gap: 10px;
1599}
1600
1601#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] {
1602  color: var(--kiwiki-btn-text);
1603  background-color: var(--kiwiki-link-btn);
1604  border: 1px solid var(--kiwiki-link-btn);
1605}
1606
1607#kiwiki #dokuwiki__site #extension__list .legend h2 strong {
1608  display: block;
1609}
1610
1611#kiwiki
1612  #dokuwiki__site
1613  #extension__manager
1614  form
1615  div.no
1616  button[type="submit"]:hover {
1617  color: var(--kiwiki-btn-text-hover);
1618  background-color: var(--kiwiki-link-btn-hover);
1619}
1620
1621/*FOOTER*/
1622
1623#kiwiki #dokuwiki__footer {
1624  display: flex;
1625  flex-direction: column;
1626  align-items: center;
1627  max-width: 1100px;
1628  margin: 20px auto;
1629  text-align: center;
1630  font-size: 0.75rem;
1631  color: var(--kiwiki-text);
1632}
1633#kiwiki #dokuwiki__footer .meta {
1634  display: flex;
1635  gap: 20px;
1636}
1637#dokuwiki__footer .acl {
1638  display: inline-block;
1639  background-color: rgba(255, 0, 0, 0.3);
1640  padding: 1px 10px;
1641}
1642
1643/*Discussion plugin*/
1644#kiwiki #comment_wrapper{
1645  background-color: var(--kiwiki-ui-100);
1646  border-radius: 5px;
1647  box-shadow: #1e293b0a 0 2px 4px 0;
1648}
1649#kiwiki #discussion__comment_form > .no{
1650  flex-wrap: wrap;
1651}
1652
1653#kiwiki div.dokuwiki .comment_head{
1654  background-color: var(--kiwiki-ui-300);
1655  color: var(--kiwiki-ui-text);
1656  padding: .5em;
1657  border-radius: 5px 5px 0 0;
1658}
1659
1660
1661#kiwiki div.dokuwiki .comment_body{
1662  background-color: var(--kiwiki-ui-200);
1663  padding: .5em;
1664  border-radius: 0 0 5px 5px;
1665}
1666
1667#kiwiki #discussion__comment_form label.nowrap{
1668  order:999;
1669  width: 100%;
1670  display: flex;
1671  align-items: center;
1672}
1673#kiwiki #comment_wrapper .comment_buttons {
1674  margin-top: -13px;
1675}
1676
1677#kiwiki #comment_wrapper .comment_buttons > .button{
1678  padding:0;
1679}
1680#kiwiki #comment_wrapper .comment_buttons > .button input.button{
1681  border: 0;
1682  margin: 0;
1683  font-size: 12px;
1684  filter: grayscale(.7);
1685  padding:1px 8px ;
1686}
1687
1688#kiwiki #comment_wrapper .comment_buttons > .button input.button:hover{
1689  filter: grayscale(0);
1690}
1691
1692#kiwiki div.dokuwiki div.comment_replies.reply {
1693  background-color: var(--kiwiki-ui-200);
1694  padding: .5em;
1695}
1696
1697/*MISC*/
1698#kiwiki .JSpopup {
1699  border: 1px solid var(--kiwiki-ui-300);
1700}
1701
1702#kiwiki div.ui-admin {
1703  display: flex;
1704  flex-direction: column;
1705}
1706
1707#kiwiki .ProseMirror li p {
1708  color: var(--kiwiki-text);
1709}
1710