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