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