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