xref: /template/kiwiki/css/style.css (revision 7cd6da33744ef8d952433e62727bfed347fba1c0) 
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/*GOTOP*/
713#kiwiki #gotop {
714  position: fixed;
715  bottom: 20px;
716  right: 20px;
717}
718#kiwiki #gotop .icon {
719  display: flex;
720  justify-content: center;
721  align-items: center;
722  padding: 15px;
723  border-radius: 50px;
724  width: 25px;
725  height: 25px;
726  background-color: var(--kiwiki-btn-bg);
727  transition: all 0.2s ease-in-out;
728}
729#kiwiki #gotop svg {
730  fill: var(--kiwiki-white);
731  position: relative;
732  top: 0;
733  transition: all 0.25s ease-in-out;
734}
735#kiwiki #gotop .icon:hover {
736  background-color: var(--kiwiki-btn-hover-bg);
737}
738#kiwiki #gotop .icon:hover svg {
739  top: -6px;
740}
741
742/*CONFIG PANEL*/
743#kiwiki #config__manager td.label span.outkey {
744  background-color: var(--kiwiki-body-bg);
745  color: var(--kiwiki-body-color);
746  padding: 0 4px 3px;
747}
748#kiwiki form#dw__configform {
749  position: relative;
750  display: flex;
751  flex-direction: column;
752}
753#kiwiki fieldset {
754  width: 100%;
755  position: relative;
756  display: block;
757  background-color: var(--kiwiki-white);
758  color: var(--kiwiki-body-color);
759  margin: 0;
760  box-sizing: border-box;
761}
762
763#kiwiki #config__manager td input.edit {
764  width: 100%;
765  margin: 0;
766  box-sizing: border-box;
767}
768
769/*REVISIONS*/
770#kiwiki #dokuwiki__site .changes div.no {
771  flex-wrap: nowrap;
772  gap: 15px;
773  justify-content: space-between;
774  position: relative;
775}
776#kiwiki .changes .changeType {
777  width: 25%;
778}
779#kiwiki .changes .changeType > .quickselect {
780  position: sticky;
781  top: 20px;
782}
783#kiwiki .changes ul {
784  width: 75%;
785}
786#kiwiki .changes ul > li > div.li {
787  display: flex;
788  flex-wrap: wrap;
789  gap: 0;
790  align-items: center;
791  border-bottom: 1px solid var(--kiwiki-grey-200);
792  padding: 15px 0;
793}
794#kiwiki .changes ul > li > div.li * {
795  padding: 2px 4px;
796  display: inline-block;
797}
798
799#kiwiki .changes ul > li > div.li .date {
800  order: 1;
801}
802#kiwiki .changes ul > li > div.li .sum {
803  width: 60%;
804  font-size: 12px;
805  order: 2;
806}
807#kiwiki .changes ul > li > div.li .sizechange {
808  width: 10%;
809  text-align: center;
810  order: 3;
811}
812#kiwiki .changes ul > li > div.li *:nth-child(3) {
813  width: 4%;
814  text-align: center;
815  order: 4;
816}
817#kiwiki .changes ul > li > div.li *:nth-child(4) {
818  width: 4%;
819  text-align: center;
820  order: 5;
821}
822
823#kiwiki .changes ul > li > div.li:before {
824  content: "";
825  display: block;
826  width: 100%;
827  order: 6;
828}
829
830#kiwiki .changes ul > li > div.li > img {
831  width: 4%;
832  height: auto;
833  order: 7;
834}
835#kiwiki .changes ul > li > div.li .wikilink1,
836#kiwiki .changes ul > li > div.li .wikilink2 {
837  width: 90%;
838  order: 8;
839  text-align: left;
840}
841
842#kiwiki .changes ul > li > div.li .user {
843  display: flex;
844  justify-content: start;
845  width: 100%;
846  order: 9;
847}
848
849#kiwiki #page__revisions.changes div.no {
850  flex-wrap: wrap;
851}
852#kiwiki #page__revisions.changes ul {
853  width: 100%;
854  order: 1;
855}
856#kiwiki #page__revisions.changes div.no > button {
857  order: 2;
858}
859#kiwiki form.changes ul li span,
860#kiwiki form.changes ul li a {
861  line-break: anywhere;
862}
863/*DIFF*/
864#kiwiki .diffoptions {
865  padding-bottom: 20px;
866  margin-bottom: 20px;
867  border-bottom: 1px solid var(--kiwiki-grey-200);
868}
869#kiwiki .diffoptions > form,
870#kiwiki .diffoptions > p {
871  width: 50%;
872}
873#kiwiki .diffoptions > p {
874  margin: 0;
875  text-align: right;
876}
877#kiwiki .diffoptions .quickselect {
878  display: flex;
879  flex-wrap: nowrap;
880}
881#kiwiki .diffoptions .quickselect span {
882  font-size: 12px;
883}
884#kiwiki .diffnav {
885  vertical-align: middle;
886}
887#kiwiki .diffnav > form {
888  display: inline-block;
889  width: 80%;
890  margin: 0;
891}
892#kiwiki .diffnav > a {
893  width: 10%;
894  margin: 0;
895  text-decoration: none;
896}
897
898#kiwiki .diffnav > a:before {
899  display: flex;
900  justify-content: center;
901  align-items: center;
902  border-radius: 4px;
903  border: 1px solid var(--kiwiki-grey-200);
904  padding: 7px 0 6px;
905  margin: 0 2px;
906}
907
908#kiwiki table.diff th {
909  font-size: 12px;
910}
911
912/*INDEX MODE*/
913#kiwiki .mode_index #dokuwiki__content {
914  text-align: center;
915  max-width: 700px;
916  margin: 0 auto;
917}
918
919#kiwiki #index__tree {
920  text-align: left;
921}
922
923#kiwiki #index__tree > ul > li {
924  padding: 5px 0;
925}
926
927#kiwiki #index__tree a {
928  text-decoration: none;
929}
930#kiwiki #index__tree li.open ul {
931  padding-left: 20px;
932}
933
934/*SEARCH MODE*/
935#kiwiki .mode_search #dokuwiki__content {
936  text-align: center;
937  max-width: 700px;
938  margin: 0 auto;
939}
940
941#kiwiki .mode_search .search-form {
942  display: flex;
943  flex-wrap: wrap;
944  justify-content: center;
945  gap: 10px;
946  padding: 20px;
947  width: 100%;
948  border: 0;
949}
950
951#kiwiki .mode_search .search-form input[name="q"] {
952  width: 75%;
953  height: 2rem;
954  padding: 5px;
955  border-radius: 4px;
956  border: 1px solid #62697629;
957  transition: all 0.2s ease-out;
958  font-size: 14px;
959  margin: 0;
960  color: #000;
961}
962
963#kiwiki .mode_search .search-form .advancedOptions {
964  display: flex;
965  justify-content: center;
966  gap: 5px;
967  padding: 0;
968  width: 100%;
969  font-size: 14px;
970}
971
972#kiwiki .mode_search .search-form .toggleAssistant {
973  order: 3;
974  width: 95%;
975  background-color: transparent;
976  color: var(--kiwiki-body-color);
977  border: 1px solid #62697629;
978}
979
980#kiwiki .search_quickhits {
981  display: flex;
982  flex-direction: column;
983  text-align: left;
984}
985
986#kiwiki .search_quickhits li {
987  width: 100%;
988  margin: 5px 0;
989}
990#kiwiki .search_fulltextresult .search_results {
991  text-align: left;
992}
993
994/*TABS*/
995
996#kiwiki .tabs > ul li a,
997#kiwiki ul.tabs li strong,
998#kiwiki ul.tabs li a {
999  background-color: transparent;
1000  color: var(--kiwiki-grey-400);
1001  border: 1px solid var(--kiwiki-grey-300);
1002  border-radius: 0;
1003  position: relative;
1004  z-index: 0;
1005  text-decoration: none;
1006}
1007#kiwiki ul.tabs li strong,
1008#kiwiki ul.tabs li.active a {
1009  background-color: var(--kiwiki-body-bg);
1010  color: var(--kiwiki-body-color);
1011}
1012#kiwiki .tabs > ul:after,
1013#kiwiki ul.tabs:after {
1014  z-index: 9;
1015}
1016#kiwiki ul.tabs li:first-child * {
1017  margin: 0;
1018  border-radius: 4px 0 0;
1019}
1020#kiwiki .panelHeader {
1021  background: none;
1022  border: 1px solid var(--kiwiki-grey-300);
1023  border-top: 0;
1024  border-radius: 0 0 4px 4px;
1025}
1026/*FILE MANAGER*/
1027#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1028  width: 90%;
1029  max-width: 100%;
1030}
1031
1032#kiwiki #mediamanager__page {
1033  display: flex;
1034  flex-wrap: nowrap;
1035  padding-top: 70px;
1036}
1037#kiwiki #mediamanager__page > h1 {
1038  width: 100%;
1039  position: absolute;
1040  top: 20px;
1041  border: none;
1042}
1043#kiwiki #mediamanager__page .panel.namespaces {
1044  padding: 15px;
1045  width: 20%;
1046  margin: 0;
1047  border-radius: 4px;
1048  box-shadow: #1e293b0a 0 2px 4px 0;
1049  border: 1px solid #62697629;
1050  background: var(--kiwiki-white, #fff);
1051}
1052
1053#kiwiki #mediamanager__page .panel.namespaces h2 {
1054  padding: 0 0.5em 0.2em;
1055  font-weight: bold;
1056  font-size: 1.5em;
1057  margin: 0;
1058  background: none;
1059  border: none;
1060}
1061
1062#kiwiki #mediamanager__page .panel.filelist {
1063  padding: 0 20px;
1064  display: block;
1065  width: 60%;
1066}
1067
1068#kiwiki #mediamanager__page .panel.file .panelHeader {
1069  border-left: 1px solid var(--kiwiki-grey-300);
1070  border-right: 1px solid var(--kiwiki-grey-300);
1071  border-radius: 0;
1072  margin: 0;
1073  padding: 20px;
1074}
1075#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1076  text-align: center;
1077  display: block;
1078  width: 100%;
1079}
1080
1081#kiwiki #mediamanager__page .panel.file .panelContent {
1082  border: 1px solid var(--kiwiki-grey-300);
1083  border-top: 0;
1084  display: flex;
1085  flex-direction: column;
1086  align-items: center;
1087  border-radius: 0 0 4px 4px;
1088  padding-bottom: 20px;
1089}
1090
1091#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1092  display: flex;
1093  flex-wrap: wrap;
1094}
1095#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1096  width: 150px;
1097  background-color: transparent;
1098  cursor: pointer;
1099}
1100#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1101  background-color: var(--kiwiki-grey-200);
1102}
1103#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1104  display: flex;
1105  flex-direction: column;
1106  justify-content: center;
1107  align-items: center;
1108  font-size: 12px;
1109}
1110#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1111  width: 100%;
1112}
1113#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1114  display: flex;
1115  justify-content: center;
1116}
1117
1118#kiwiki #mediamanager__page .file ul.actions {
1119  display: flex;
1120  margin: 15px 0;
1121}
1122
1123#kiwiki #mediamanager__page .file dl {
1124  display: flex;
1125  flex-wrap: wrap;
1126  gap: 0;
1127  font-size: 12px;
1128  justify-content: center;
1129}
1130#kiwiki #mediamanager__page .file dl > dt,
1131#kiwiki #mediamanager__page .file dl > dd {
1132  width: 48%;
1133  padding: 2px;
1134}
1135#kiwiki #mediamanager__page .file dl:last-child {
1136  gap: 5px;
1137}
1138#kiwiki #mediamanager__page .file dl:last-child > * {
1139  width: fit-content;
1140  background-color: transparent;
1141}
1142
1143/*FOOTER*/
1144
1145#kiwiki #dokuwiki__footer {
1146  display: flex;
1147  flex-direction: column;
1148  align-items: center;
1149  max-width: 1100px;
1150  margin: 20px auto;
1151  text-align: center;
1152  font-size: 0.75rem;
1153  color: var(--kiwiki-body-color);
1154}
1155
1156/*MISC*/
1157#kiwiki .JSpopup {
1158  border: 1px solid __border__;
1159}
1160
1161#kiwiki div.ui-admin {
1162  display: flex;
1163  flex-direction: column;
1164}
1165