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