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