xref: /template/kiwiki/css/style.css (revision 928f6a388eba05b12628b0238207cf1e90f8e314) 
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 #ccc;
8}
9#kiwiki h2 {
10  font-size: 1.8em;
11  margin: 0.5em 0;
12  padding: 0 10px;
13  border-bottom: 1px solid #ccc;
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-body-color);
39}
40
41#kiwiki #dokuwiki__top .wrapper {
42  max-width: 1300px;
43  width: 100%;
44  margin: 0 auto;
45  display: flex;
46  gap: 20px;
47  justify-content: space-between;
48  align-items: start;
49  padding: 0;
50}
51
52/*LOGIN*/
53#kiwiki h1#connexion {
54  text-align: center;
55}
56
57#kiwiki h1#connexion + .level1 {
58  text-align: center;
59  max-width: 700px;
60  margin: 0 auto 60px;
61}
62
63#kiwiki #dw__login fieldset {
64  display: flex;
65  max-width: 400px;
66  flex-direction: column;
67  box-shadow: #1e293b0a 0 2px 4px 0;
68  border: 1px solid #62697629;
69  background: var(--kiwiki-white, #fff);
70  border-radius: 4px;
71  padding: 30px;
72}
73
74#kiwiki #dw__login fieldset,
75#kiwiki #dw__resendpwd fieldset,
76#kiwiki #dw__register fieldset {
77  padding-bottom: 30px;
78}
79
80#kiwiki #dw__login p {
81  font-size: 0.75rem;
82}
83
84#kiwiki #dw__login label.block select,
85#kiwiki #dw__login label.block input.edit {
86  width: 100%;
87}
88
89#kiwiki #dw__login button {
90  padding: 15px 30px;
91}
92
93#kiwiki #dw__login label.block {
94  display: flex;
95  flex-direction: column;
96  text-align: left;
97}
98
99#kiwiki #dw__login label[for="remember__me"] {
100  margin-left: 0;
101  text-align: left;
102  margin-bottom: 1.4em;
103}
104
105#kiwiki #autorisation_refusee,
106#kiwiki #autorisation_refusee + .level1 {
107  background-color: rgba(255, 0, 0, 0.4);
108  text-align: center;
109  margin: 0;
110  padding: 15px 30px 0;
111  border-radius: 8px 8px 0 0;
112}
113
114#kiwiki #autorisation_refusee + .level1 {
115  padding: 0 30px 15px;
116  border-radius: 0 0 8px 8px;
117}
118
119#kiwiki #autorisation_refusee + .level1 p {
120  margin: 0;
121}
122
123/*HEADER*/
124
125#kiwiki #dokuwiki__header {
126  display: block;
127  justify-content: space-between;
128  align-items: center;
129  position: relative;
130  z-index: 99;
131  background-color: var(--kiwiki-white);
132  box-shadow: inset 0 -1px 0 0 #62697629;
133  padding: 0 20px;
134  margin: 0 0 10px;
135}
136
137#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper {
138  max-width: 1300px;
139  width: 100%;
140  margin: 0 auto;
141  display: flex;
142  gap: 20px;
143  justify-content: space-between;
144  align-items: center;
145  z-index: 99;
146  padding: 0;
147}
148
149#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo {
150  display: flex;
151  gap: 15px;
152  align-items: center;
153  text-decoration: none;
154}
155
156#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo img {
157  max-height: 60px;
158  margin: 10px 0;
159  width: auto;
160}
161#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo > div {
162  display: flex;
163  gap: 5px;
164  align-items: center;
165  font-size: 25px;
166  font-weight: 400;
167  letter-spacing: 0.1rem;
168  color: var(--kiwiki-body-color);
169}
170#kiwiki
171  #dokuwiki__header
172  > .dokuwiki__header__wrapper
173  a.wikilogo
174  > div
175  > .claim {
176  font-size: 15px;
177}
178
179#kiwiki #dokuwiki__site > .group {
180  position: relative;
181  justify-content: center;
182  display: flex;
183  gap: 20px;
184  width: 100%;
185  max-width: 1300px;
186  margin: 0 auto;
187}
188
189#kiwiki form.search {
190  min-width: 400px;
191}
192#kiwiki form.search .no {
193  display: grid;
194  grid-template-columns: 4fr 1fr;
195  gap: 15px;
196}
197
198#kiwiki form.search .no button[type="submit"] {
199  background-color: transparent;
200  color: var(--kiwiki-body-color);
201  border: 1px solid #62697629;
202}
203
204#kiwiki form.search .no button[type="submit"]:hover {
205  background-color: var(--kiwiki-btn-hover-bg);
206  color: var(--kiwiki-white);
207}
208
209#dokuwiki__site > .group {
210  position: relative;
211  justify-content: center;
212  display: flex;
213  gap: 20px;
214  width: 100%;
215  max-width: 1300px;
216  margin: 0 auto;
217}
218
219/*MENU*/
220#kiwiki nav.tools {
221  display: flex;
222  gap: 20px;
223  position: relative;
224}
225#kiwiki nav.tools > div > strong {
226  pointer-events: none;
227}
228#kiwiki nav.tools > div {
229  position: relative;
230  cursor: pointer;
231}
232#kiwiki nav.tools > div > strong svg {
233  width: 32px;
234  height: 32px;
235  fill: var(--kiwiki-body-color);
236  transition: all 0.2s ease-in-out;
237}
238#kiwiki nav.tools > div:hover > strong svg {
239  fill: var(--kiwiki-btn-hover-bg);
240  transform: scale(1.1);
241}
242#kiwiki nav.tools > div > ul {
243  min-width: 250px;
244  display: none;
245  list-style-type: none;
246  position: absolute;
247  background-color: #fff;
248  box-shadow: 0 0.5rem 1rem #00000026;
249  border: 1px solid #62697629;
250  border-radius: 4px;
251  padding: 0;
252  overflow: hidden;
253  right: 0;
254}
255#kiwiki nav.tools > div#dokuwiki__pagetools > ul {
256  right: -52px;
257}
258
259#kiwiki nav.tools > div.active > ul {
260  display: block;
261}
262
263#kiwiki nav.tools > div > ul > li a {
264  display: block;
265  text-decoration: none;
266  padding: 10px 20px;
267}
268
269#kiwiki nav.tools > div > ul > li a:hover {
270  background-color: #f8f8f8;
271}
272
273#kiwiki nav.tools > div > ul > li#sitemenu {
274  padding: 10px 20px;
275  background-color: var(--kiwiki-body-color);
276  font-size: 0.8rem;
277  display: flex;
278  justify-content: center;
279}
280#kiwiki nav.tools > div > ul > li#sitemenu a:hover {
281  background-color: transparent;
282}
283
284#kiwiki nav.tools #sitemenu .icon {
285  fill: var(--kiwiki-white);
286}
287
288#kiwiki nav.tools > div > ul > li#sitemenu a:hover .icon {
289  fill: var(--kiwiki-btn-hover-bg);
290}
291
292#kiwiki #dokuwiki__usertools .user {
293  padding: 10px 20px;
294  background-color: var(--kiwiki-body-color);
295  color: var(--kiwiki-white);
296  font-size: 0.8rem;
297}
298
299#kiwiki nav.tools > div > ul > li.action.logout a {
300  color: #f00;
301}
302
303/*CONTENT*/
304#kiwiki #dokuwiki__site div.no {
305  display: flex;
306}
307#kiwiki #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper {
308  width: 100%;
309  max-width: 1300px;
310  margin: 0 auto;
311  display: flex;
312  gap: 20px;
313  position: relative;
314  justify-content: center;
315}
316
317#kiwiki #dokuwiki__content {
318  float: initial;
319  margin: 0;
320  padding: 0;
321  display: block;
322  position: relative;
323  min-width: 300px;
324  width: 100%;
325}
326/*
327#dokuwiki__aside + #dokuwiki__content {
328  width: 80%;
329}*/
330
331#kiwiki #dokuwiki__site.mode_login #dokuwiki__content,
332#kiwiki #dokuwiki__site.mode_denied #dokuwiki__content {
333  background: transparent;
334  border: none;
335  padding: 0;
336  box-shadow: none;
337}
338
339#kiwiki #dokuwiki__content > div {
340  margin: 0;
341}
342
343#kiwiki #dokuwiki__content > .group {
344  display: block;
345  box-shadow: #1e293b0a 0 2px 4px 0;
346  border: 1px solid #62697629;
347  background: var(--kiwiki-white, #fff);
348  border-radius: 4px;
349  padding: 30px 60px;
350}
351
352/*BREADCRUMBS*/
353#kiwiki .breadcrumbs {
354  width: 100%;
355  max-width: 1300px;
356  margin: 0 auto 10px;
357  font-size: 12px;
358  text-align: center;
359}
360
361/*ASIDE*/
362
363#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside {
364  width: 20%;
365  min-width: 300px;
366  float: initial;
367  margin: 0;
368}
369
370#kiwiki
371  #dokuwiki__site
372  #dokuwiki__content__wrapper
373  #dokuwiki__aside
374  .dokuwiki__aside_wrapper {
375  position: sticky;
376  top: 20px;
377  display: flex;
378  flex-direction: column;
379  gap: 10px;
380}
381
382#kiwiki
383  #dokuwiki__site
384  #dokuwiki__content__wrapper
385  #dokuwiki__aside
386  .dokuwiki__aside__block,
387#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside #dw__toc {
388  float: none;
389  position: relative;
390  padding: 15px;
391  width: initial;
392  margin: 0;
393  border-radius: 4px;
394  box-shadow: #1e293b0a 0 2px 4px 0;
395  border: 1px solid #62697629;
396  background: var(--kiwiki-white, #fff);
397}
398
399#kiwiki #dokuwiki__aside .dokuwiki__aside_wrapper .back + #dw__toc {
400  border-top: none;
401}
402
403.toc > li.level1 > .li {
404  font-weight: 700;
405}
406
407#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside h3 {
408  padding: 0 0.5em 0.2em;
409  margin: 0.5em 0;
410  font-weight: bold;
411}
412#kiwiki #dokuwiki__aside ul {
413  padding: 0;
414  margin: 0;
415}
416#kiwiki #dokuwiki__aside ul li {
417  list-style: none;
418  padding: 0 10px;
419  margin: 0;
420  line-height: 1.5;
421}
422
423#kiwiki #dokuwiki__aside ul li a,
424#kiwiki #dokuwiki__aside ul li a:visited {
425  text-decoration: none;
426  color: var(--kiwiki-body-color);
427}
428
429#kiwiki #dokuwiki__aside ul li a:hover {
430  text-decoration: underline;
431  color: var(--kiwiki-btn-hover-bg);
432}
433/* EDIT THIS BUTTON */
434#kiwiki .edit-this {
435  position: absolute;
436  top: 5px;
437  right: 5px;
438  opacity: 0.2;
439}
440#kiwiki .edit-this:hover {
441  opacity: 1;
442}
443
444#kiwiki .edit-this svg {
445  width: 16px;
446  height: 16px;
447  fill: var(--kiwiki-body-color);
448}
449
450/*BUTTONS*/
451#kiwiki button,
452#kiwiki .ui-dialog .ui-dialog-buttonpane button {
453  cursor: pointer;
454  border-radius: 4px;
455  display: inline-flex;
456  align-items: center;
457  justify-content: center;
458  white-space: nowrap;
459  color: var(--kiwiki-white);
460  background-color: var(--kiwiki-btn-bg);
461  border: 1px solid var(--kiwiki-btn-bg);
462  padding: 5px 10px;
463  transition: all 0.2s ease-in-out;
464  margin: 0 4px;
465  background-image: none;
466  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
467    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
468    "Segoe UI Symbol";
469  font-weight: 400;
470  font-size: 14px;
471}
472
473#kiwiki .secedit button,
474#kiwiki .editBox #tool__bar button {
475  color: var(--kiwiki-grey-300);
476  background-color: transparent;
477  border: 1px solid var(--kiwiki-grey-300);
478}
479#kiwiki .editBox #tool__bar button {
480  filter: grayscale(1);
481}
482
483#kiwiki button:hover,
484#kiwiki .ui-dialog .ui-dialog-buttonpane button:hover {
485  color: var(--kiwiki-white);
486  background-color: var(--kiwiki-btn-hover-bg);
487}
488
489#kiwiki fieldset {
490  width: 100%;
491}
492
493/*popup*/
494#kiwiki .ui-widget-overlay {
495  background: var(--kiwiki-grey-800);
496  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
497    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
498    "Segoe UI Symbol";
499}
500#kiwiki .ui-widget-header {
501  background: var(--kiwiki-btn-bg);
502  border: none;
503  color: var(--kiwiki-white);
504  display: flex;
505  justify-content: space-between;
506  align-items: center;
507  font-weight: 700;
508  font-size: 16px;
509  letter-spacing: 0.05rem;
510  padding: 0.4em 0 0.4em 1em;
511}
512#kiwiki .ui-widget-header:before,
513#kiwiki .ui-widget-header:after {
514  display: none;
515}
516
517#kiwiki .ui-dialog .ui-dialog-titlebar-close {
518  position: relative;
519}
520
521#kiwiki .ui-dialog .ui-dialog-titlebar-close {
522  position: relative;
523}
524
525#kiwiki .ui-dialog .ui-dialog-titlebar-close .ui-icon {
526  filter: brightness(5);
527}
528#kiwiki .ui-dialog .ui-dialog-buttonpane {
529  border-color: var(--kiwiki-grey-200);
530}
531
532/*TEXT INPUT*/
533#kiwiki select,
534#kiwiki input.edit,
535#kiwiki .ui-widget input,
536#kiwiki .ui-widget select,
537#kiwiki .ui-widget textarea,
538#kiwiki textarea.edit {
539  width: 100%;
540  height: 2rem;
541  padding: 5px;
542  border-radius: 4px;
543  border: 1px solid #62697629;
544  transition: all 0.2s ease-out;
545  font-size: 14px;
546  margin: 0;
547  color: #000;
548}
549
550#kiwiki input.edit:focus,
551#kiwiki select.edit:focus {
552  color: var(--kiwiki-grey-800);
553  background-color: #fff;
554  border-color: #90b5e2;
555  outline: 0;
556  box-shadow: 0 0 0 0.25rem #206bc440;
557}
558
559/*CODE*/
560#kiwiki pre {
561  word-wrap: normal;
562  direction: ltr;
563  unicode-bidi: bidi-override;
564  text-align: left;
565  position: relative;
566  padding: 1.5rem 1rem 1rem;
567  overflow: visible;
568  font-size: 0.9rem;
569  -webkit-hyphens: none;
570  -ms-hyphens: none;
571  hyphens: none;
572  line-height: 1.25rem;
573  -moz-tab-size: 3;
574  -o-tab-size: 3;
575  tab-size: 3;
576  border-radius: 4px;
577  white-space: pre-wrap;
578  background: var(--kiwiki-body-bg);
579  /*border: 1px solid var(--kiwiki-grey-300);*/
580  -webkit-font-smoothing: auto;
581  transition: all 0.2s ease-in-out;
582}
583
584#kiwiki pre:before {
585  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
586    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
587    "Segoe UI Symbol";
588  content: "code";
589  display: block;
590  position: absolute;
591  top: 1px;
592  left: 10px;
593  text-transform: uppercase;
594  font-size: 0.7rem;
595  font-weight: 900;
596  color: var(--kiwiki-grey-300);
597}
598#kiwiki pre:hover {
599  box-shadow: 0 0 5px var(--kiwiki-grey-300);
600}
601/*SECTION EDIT*/
602#kiwiki div[class*="level"] {
603  padding: 10px;
604}
605#kiwiki .secedit {
606  float: initial;
607  margin: 0;
608  width: 100%;
609  display: flex;
610  justify-content: end;
611  /*border-top:1px solid rgba(98,105,118,.16);*/
612}
613
614#kiwiki .secedit button {
615  position: relative;
616  top: -15px;
617  right: -5px;
618}
619
620#kiwiki div.section_highlight {
621  background: var(--kiwiki-grey-100);
622  border-color: transparent;
623  padding: 0;
624  margin: 0;
625  border: none;
626  border-radius: 10px;
627}
628
629/*PROFILE*/
630#kiwiki label.block {
631  display: flex;
632  flex-wrap: nowrap;
633  justify-content: space-between;
634  align-items: center;
635  text-align: left;
636  font-weight: bold;
637}
638
639#kiwiki label.block select,
640#kiwiki label.block input.edit {
641  width: 80%;
642}
643
644#kiwiki .qq-upload-button {
645  cursor: inherit !important;
646
647  direction: inherit !important;
648}
649
650#kiwiki .qq-upload-button input {
651  font-family: inherit !important;
652
653  font-size: 1em !important;
654
655  margin: inherit !important;
656
657  opacity: 1 !important;
658
659  padding: inherit !important;
660
661  position: static !important;
662}
663
664/*edit*/
665#kiwiki .editBar .summary label {
666  display: flex;
667  align-items: center;
668  gap: 15px;
669}
670#kiwiki .editBar .summary {
671  display: flex;
672  flex-direction: column;
673  padding: 30px 0;
674  gap: 15px;
675}
676
677/*qsearch*/
678#kiwiki form.search div.ajax_qsearch {
679  position: absolute;
680  top: 60px;
681  left: -15px;
682  max-width: 1300px;
683  width: 100%;
684  padding: 15px 0 15px 15px;
685  border: 1px solid var(--kiwiki-grey-400);
686  background-color: var(--kiwiki-body-bg);
687  color: var(--kiwiki-body-color);
688  outline: 0;
689  box-shadow: 0 0 15px var(--kiwiki-grey-400);
690  border-radius: 5px;
691  height: 400px;
692  overflow: hidden scroll;
693}
694#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar {
695  width: 0.4em;
696}
697
698#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-thumb {
699  background-color: var(--kiwiki-grey-700);
700  outline: 1px solid var(--kiwiki-grey-700);
701  width: 1em;
702  border-radius: 1em;
703}
704#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-track {
705  background-color: var(--kiwiki-grey-200);
706  border-style: solid;
707  border-radius: 1em;
708  border-width: 1px;
709  border-color: var(--kiwiki-grey-200);
710}
711
712/*other*/
713#kiwiki #dokuwiki__content > .other-pages {
714  margin-top: 15px;
715}
716#kiwiki #dokuwiki__content > .other,
717#kiwiki #dokuwiki__content > .other ul {
718  display: flex;
719  gap: 10px;
720  padding: 0;
721}
722
723#dokuwiki__content > .other * {
724  list-style-type: none;
725  font-size: 12px;
726  margin: 0 5px;
727  padding: 0;
728  text-decoration: none;
729}
730/*GOTOP*/
731#kiwiki #gotop {
732  position: fixed;
733  bottom: 20px;
734  right: 20px;
735}
736#kiwiki #gotop .icon {
737  display: flex;
738  justify-content: center;
739  align-items: center;
740  padding: 15px;
741  border-radius: 50px;
742  width: 25px;
743  height: 25px;
744  background-color: var(--kiwiki-btn-bg);
745  transition: all 0.2s ease-in-out;
746}
747#kiwiki #gotop svg {
748  fill: var(--kiwiki-white);
749  position: relative;
750  top: 0;
751  transition: all 0.25s ease-in-out;
752}
753#kiwiki #gotop .icon:hover {
754  background-color: var(--kiwiki-btn-hover-bg);
755}
756#kiwiki #gotop .icon:hover svg {
757  top: -6px;
758}
759
760/*REVISIONS*/
761#kiwiki #dokuwiki__site .changes div.no {
762  flex-wrap: nowrap;
763  gap: 15px;
764  justify-content: space-between;
765  position: relative;
766}
767#kiwiki .changes .changeType {
768  width: 25%;
769}
770#kiwiki .changes .changeType > .quickselect {
771  position: sticky;
772  top: 20px;
773}
774#kiwiki .changes ul {
775  width: 75%;
776}
777#kiwiki .changes ul > li > div.li {
778  display: flex;
779  flex-wrap: wrap;
780  gap: 0;
781  align-items: center;
782  border-bottom: 1px solid var(--kiwiki-grey-200);
783  padding: 15px 0;
784}
785#kiwiki .changes ul > li > div.li * {
786  padding: 2px 4px;
787  display: inline-block;
788}
789
790#kiwiki .changes ul > li > div.li .date {
791  order: 1;
792}
793#kiwiki .changes ul > li > div.li .sum {
794  width: 60%;
795  font-size: 12px;
796  order: 2;
797}
798#kiwiki .changes ul > li > div.li .sizechange {
799  width: 10%;
800  text-align: center;
801  order: 3;
802}
803#kiwiki .changes ul > li > div.li *:nth-child(3) {
804  width: 4%;
805  text-align: center;
806  order: 4;
807}
808#kiwiki .changes ul > li > div.li *:nth-child(4) {
809  width: 4%;
810  text-align: center;
811  order: 5;
812}
813
814#kiwiki .changes ul > li > div.li:before {
815  content: "";
816  display: block;
817  width: 100%;
818  order: 6;
819}
820
821#kiwiki .changes ul > li > div.li > img {
822  width: 4%;
823  height: auto;
824  order: 7;
825}
826#kiwiki .changes ul > li > div.li .wikilink1,
827#kiwiki .changes ul > li > div.li .wikilink2 {
828  width: 90%;
829  order: 8;
830  text-align: left;
831}
832
833#kiwiki .changes ul > li > div.li .user {
834  display: flex;
835  justify-content: start;
836  width: 100%;
837  order: 9;
838}
839
840#kiwiki #page__revisions.changes div.no {
841  flex-wrap: wrap;
842}
843#kiwiki #page__revisions.changes ul {
844  width: 100%;
845  order: 1;
846}
847#kiwiki #page__revisions.changes div.no > button {
848  order: 2;
849}
850#kiwiki form.changes ul li span,
851#kiwiki form.changes ul li a {
852  line-break: anywhere;
853}
854/*DIFF*/
855#kiwiki .diffoptions {
856  padding-bottom: 20px;
857  margin-bottom: 20px;
858  border-bottom: 1px solid var(--kiwiki-grey-200);
859}
860#kiwiki .diffoptions > form,
861#kiwiki .diffoptions > p {
862  width: 50%;
863}
864#kiwiki .diffoptions > p {
865  margin: 0;
866  text-align: right;
867}
868#kiwiki .diffoptions .quickselect {
869  display: flex;
870  flex-wrap: nowrap;
871}
872#kiwiki .diffoptions .quickselect span {
873  font-size: 12px;
874}
875#kiwiki .diffnav {
876  vertical-align: middle;
877}
878#kiwiki .diffnav > form {
879  display: inline-block;
880  width: 80%;
881  margin: 0;
882}
883#kiwiki .diffnav > a {
884  width: 10%;
885  margin: 0;
886  text-decoration: none;
887}
888
889#kiwiki .diffnav > a:before {
890  display: flex;
891  justify-content: center;
892  align-items: center;
893  border-radius: 4px;
894  border: 1px solid var(--kiwiki-grey-200);
895  padding: 7px 0 6px;
896  margin: 0 2px;
897}
898
899#kiwiki table.diff th {
900  font-size: 12px;
901}
902
903/*INDEX MODE*/
904#kiwiki .mode_index #dokuwiki__content {
905  text-align: center;
906  max-width: 700px;
907  margin: 0 auto;
908}
909
910#kiwiki #index__tree {
911  text-align: left;
912}
913
914#kiwiki #index__tree > ul > li {
915  padding: 5px 0;
916}
917
918#kiwiki #index__tree a {
919  text-decoration: none;
920}
921#kiwiki #index__tree li.open ul {
922  padding-left: 20px;
923}
924
925/*SEARCH MODE*/
926#kiwiki .mode_search #dokuwiki__content {
927  text-align: center;
928  max-width: 700px;
929  margin: 0 auto;
930}
931
932#kiwiki .mode_search .search-form {
933  display: flex;
934  flex-wrap: wrap;
935  justify-content: center;
936  gap: 10px;
937  padding: 20px;
938  width: 100%;
939  border: 0;
940}
941
942#kiwiki .mode_search .search-form input[name="q"] {
943  width: 75%;
944  height: 2rem;
945  padding: 5px;
946  border-radius: 4px;
947  border: 1px solid #62697629;
948  transition: all 0.2s ease-out;
949  font-size: 14px;
950  margin: 0;
951  color: #000;
952}
953
954#kiwiki .mode_search .search-form .advancedOptions {
955  display: flex;
956  justify-content: center;
957  gap: 5px;
958  padding: 0;
959  width: 100%;
960  font-size: 14px;
961}
962
963#kiwiki .mode_search .search-form .toggleAssistant {
964  order: 3;
965  width: 95%;
966  background-color: transparent;
967  color: var(--kiwiki-body-color);
968  border: 1px solid #62697629;
969}
970
971#kiwiki .search_quickhits {
972  display: flex;
973  flex-direction: column;
974  text-align: left;
975}
976
977#kiwiki .search_quickhits li {
978  width: 100%;
979  margin: 5px 0;
980}
981#kiwiki .search_fulltextresult .search_results {
982  text-align: left;
983}
984
985/*TABS*/
986
987#kiwiki .tabs > ul li a,
988#kiwiki ul.tabs li strong,
989#kiwiki ul.tabs li a {
990  background-color: transparent;
991  color: var(--kiwiki-grey-400);
992  border: 1px solid var(--kiwiki-grey-300);
993  border-radius: 0;
994  position: relative;
995  z-index: 0;
996  text-decoration: none;
997}
998#kiwiki ul.tabs li strong,
999#kiwiki ul.tabs li.active a {
1000  background-color: var(--kiwiki-body-bg);
1001  color: var(--kiwiki-body-color);
1002}
1003#kiwiki .tabs > ul:after,
1004#kiwiki ul.tabs:after {
1005  z-index: 9;
1006}
1007#kiwiki ul.tabs li:first-child * {
1008  margin: 0;
1009  border-radius: 4px 0 0;
1010}
1011#kiwiki .panelHeader {
1012  background: none;
1013  border: 1px solid var(--kiwiki-grey-300);
1014  border-top: 0;
1015  border-radius: 0 0 4px 4px;
1016}
1017/*FILE MANAGER*/
1018#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1019  width: 90%;
1020  max-width: 100%;
1021}
1022
1023#kiwiki #mediamanager__page {
1024  display: flex;
1025  flex-wrap: nowrap;
1026  padding-top: 70px;
1027}
1028#kiwiki #mediamanager__page > h1 {
1029  width: 100%;
1030  position: absolute;
1031  top: 20px;
1032  border: none;
1033}
1034#kiwiki #mediamanager__page .panel.namespaces {
1035  padding: 15px;
1036  width: 20%;
1037  margin: 0;
1038  border-radius: 4px;
1039  box-shadow: #1e293b0a 0 2px 4px 0;
1040  border: 1px solid #62697629;
1041  background: var(--kiwiki-white, #fff);
1042}
1043
1044#kiwiki #mediamanager__page .panel.namespaces h2 {
1045  padding: 0 0.5em 0.2em;
1046  font-weight: bold;
1047  font-size: 1.5em;
1048  margin: 0;
1049  background: none;
1050  border: none;
1051}
1052
1053#kiwiki #mediamanager__page .panel.filelist {
1054  padding: 0 20px;
1055  display: block;
1056  width: 60%;
1057}
1058
1059#kiwiki #mediamanager__page .panel.file .panelHeader {
1060  border-left: 1px solid var(--kiwiki-grey-300);
1061  border-right: 1px solid var(--kiwiki-grey-300);
1062  border-radius: 0;
1063  margin: 0;
1064  padding: 20px;
1065}
1066#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1067  text-align: center;
1068  display: block;
1069  width: 100%;
1070}
1071
1072#kiwiki #mediamanager__page .panel.file .panelContent {
1073  border: 1px solid var(--kiwiki-grey-300);
1074  border-top: 0;
1075  display: flex;
1076  flex-direction: column;
1077  align-items: center;
1078  border-radius: 0 0 4px 4px;
1079  padding-bottom: 20px;
1080}
1081
1082#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1083  display: flex;
1084  flex-wrap: wrap;
1085}
1086#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1087  width: 150px;
1088  background-color: transparent;
1089  cursor: pointer;
1090}
1091#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1092  background-color: var(--kiwiki-grey-200);
1093}
1094#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1095  display: flex;
1096  flex-direction: column;
1097  justify-content: center;
1098  align-items: center;
1099  font-size: 12px;
1100}
1101#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1102  width: 100%;
1103}
1104#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1105  display: flex;
1106  justify-content: center;
1107}
1108
1109#kiwiki #mediamanager__page .file ul.actions {
1110  display: flex;
1111  margin: 15px 0;
1112}
1113
1114#kiwiki #mediamanager__page .file dl {
1115  display: flex;
1116  flex-wrap: wrap;
1117  gap: 0;
1118  font-size: 12px;
1119  justify-content: center;
1120}
1121#kiwiki #mediamanager__page .file dl > dt,
1122#kiwiki #mediamanager__page .file dl > dd {
1123  width: 48%;
1124  padding: 2px;
1125}
1126#kiwiki #mediamanager__page .file dl:last-child {
1127  gap: 5px;
1128}
1129#kiwiki #mediamanager__page .file dl:last-child > * {
1130  width: fit-content;
1131  background-color: transparent;
1132}
1133
1134/*FOOTER*/
1135
1136#kiwiki #dokuwiki__footer {
1137  display: flex;
1138  flex-direction: column;
1139  align-items: center;
1140  max-width: 1100px;
1141  margin: 20px auto;
1142  text-align: center;
1143  font-size: 0.75rem;
1144  color: var(--kiwiki-body-color);
1145}
1146
1147/*MISC*/
1148#kiwiki .JSpopup {
1149  border: 1px solid __border__;
1150}
1151
1152#kiwiki div.ui-admin {
1153  display: flex;
1154  flex-direction: column;
1155}
1156