xref: /template/kiwiki/css/style.css (revision bf50c0b815edb45ea4c2e87ff37a7c9f0c6b81c1) 
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-500);
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  color: var(--kiwiki-ui-500);
806}
807#kiwiki .changes ul > li > div.li *:nth-child(3) {
808  width: 4%;
809  text-align: center;
810  order: 4;
811}
812#kiwiki .changes ul > li > div.li *:nth-child(4) {
813  width: 4%;
814  text-align: center;
815  order: 5;
816}
817
818#kiwiki .changes ul > li > div.li:before {
819  content: "";
820  display: block;
821  width: 100%;
822  order: 6;
823}
824
825#kiwiki .changes ul > li > div.li > img {
826  width: 4%;
827  height: auto;
828  order: 7;
829}
830#kiwiki .changes ul > li > div.li .wikilink1,
831#kiwiki .changes ul > li > div.li .wikilink2 {
832  width: 90%;
833  order: 8;
834  text-align: left;
835}
836
837#kiwiki .changes ul > li > div.li .user {
838  display: flex;
839  justify-content: start;
840  width: 100%;
841  order: 9;
842}
843
844#kiwiki #page__revisions.changes div.no {
845  flex-wrap: wrap;
846}
847#kiwiki #page__revisions.changes ul {
848  width: 100%;
849  order: 1;
850}
851#kiwiki #page__revisions.changes div.no > button {
852  order: 2;
853}
854#kiwiki form.changes ul li span,
855#kiwiki form.changes ul li a {
856  line-break: anywhere;
857}
858/*DIFF*/
859#kiwiki .diffoptions {
860  padding-bottom: 20px;
861  margin-bottom: 20px;
862  border-bottom: 1px solid var(--kiwiki-ui-200);
863}
864#kiwiki .diffoptions > form,
865#kiwiki .diffoptions > p {
866  width: 50%;
867}
868#kiwiki .diffoptions > p {
869  margin: 0;
870  text-align: right;
871}
872#kiwiki .diffoptions .quickselect {
873  display: flex;
874  flex-wrap: nowrap;
875}
876#kiwiki .diffoptions .quickselect span {
877  font-size: 12px;
878}
879#kiwiki .diffnav {
880  vertical-align: middle;
881}
882#kiwiki .diffnav > form {
883  display: inline-block;
884  width: 80%;
885  margin: 0;
886}
887#kiwiki .diffnav > a {
888  width: 10%;
889  margin: 0;
890  text-decoration: none;
891}
892
893#kiwiki .diffnav > a:before {
894  display: flex;
895  justify-content: center;
896  align-items: center;
897  border-radius: 4px;
898  border: 1px solid var(--kiwiki-ui-200);
899  padding: 7px 0 6px;
900  margin: 0 2px;
901}
902
903#kiwiki table.diff th {
904  font-size: 12px;
905}
906
907/*INDEX MODE*/
908#kiwiki .mode_index #dokuwiki__content {
909  text-align: center;
910  max-width: 700px;
911  margin: 0 auto;
912}
913
914#kiwiki #index__tree {
915  text-align: left;
916}
917
918#kiwiki #index__tree > ul > li {
919  padding: 5px 0;
920}
921
922#kiwiki #index__tree a {
923  text-decoration: none;
924}
925#kiwiki #index__tree li.open ul {
926  padding-left: 20px;
927}
928
929/*SEARCH MODE*/
930#kiwiki .mode_search #dokuwiki__content {
931  text-align: center;
932  max-width: 700px;
933  margin: 0 auto;
934}
935
936#kiwiki .mode_search .search-form {
937  display: flex;
938  flex-wrap: wrap;
939  justify-content: center;
940  gap: 10px;
941  padding: 20px;
942  width: 100%;
943  border: 0;
944}
945
946#kiwiki .mode_search .search-form input[name="q"] {
947  width: 75%;
948  height: 2rem;
949  padding: 5px;
950  border-radius: 4px;
951  border: 1px solid var(--kiwiki-ui-100);
952  transition: all 0.2s ease-out;
953  font-size: 14px;
954  margin: 0;
955  color: #000;
956}
957
958#kiwiki .mode_search .search-form .advancedOptions {
959  display: flex;
960  justify-content: center;
961  gap: 5px;
962  padding: 0;
963  width: 100%;
964  font-size: 14px;
965}
966
967#kiwiki .mode_search .search-form .toggleAssistant {
968  order: 3;
969  width: 95%;
970  background-color: transparent;
971  color: var(--kiwiki-text-color);
972  border: 1px solid var(--kiwiki-ui-100);
973}
974
975#kiwiki .search_quickhits {
976  display: flex;
977  flex-direction: column;
978  text-align: left;
979}
980
981#kiwiki .search_quickhits li {
982  width: 100%;
983  margin: 5px 0;
984}
985#kiwiki .search_fulltextresult .search_results {
986  text-align: left;
987}
988
989/*TABS*/
990
991#kiwiki .tabs > ul li a,
992#kiwiki ul.tabs li strong,
993#kiwiki ul.tabs li a {
994  background-color: transparent;
995  color: var(--kiwiki-ui-400);
996  border: 1px solid var(--kiwiki-ui-300);
997  border-radius: 0;
998  position: relative;
999  z-index: 0;
1000  text-decoration: none;
1001}
1002#kiwiki ul.tabs li strong,
1003#kiwiki ul.tabs li.active a {
1004  background-color: var(--kiwiki-body-bg);
1005  color: var(--kiwiki-text-color);
1006}
1007#kiwiki .tabs > ul:after,
1008#kiwiki ul.tabs:after {
1009  z-index: 9;
1010  border-bottom: 1px solid var(--kiwiki-ui-300);
1011}
1012#kiwiki ul.tabs li:first-child * {
1013  margin: 0;
1014  border-radius: 4px 0 0;
1015}
1016#kiwiki .panelHeader {
1017  background: none;
1018  border: 1px solid var(--kiwiki-ui-300);
1019  border-top: 0;
1020  border-radius: 0 0 4px 4px;
1021}
1022/*FILE MANAGER*/
1023#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper {
1024  width: 90%;
1025  max-width: 100%;
1026}
1027
1028#kiwiki #mediamanager__page {
1029  display: flex;
1030  flex-wrap: nowrap;
1031  padding-top: 70px;
1032}
1033#kiwiki #mediamanager__page > h1 {
1034  width: 100%;
1035  position: absolute;
1036  top: 20px;
1037  border: none;
1038}
1039#kiwiki #mediamanager__page .panel.namespaces {
1040  padding: 15px;
1041  width: 20%;
1042  margin: 0;
1043  border-radius: 4px;
1044  box-shadow: #1e293b0a 0 2px 4px 0;
1045  border: 1px solid var(--kiwiki-ui-100);
1046  background: var(--kiwiki-main, #fff);
1047}
1048
1049#kiwiki #mediamanager__page .panel.namespaces h2 {
1050  padding: 0 0.5em 0.2em;
1051  font-weight: bold;
1052  font-size: 1.5em;
1053  margin: 0;
1054  background: none;
1055  border: none;
1056}
1057
1058#kiwiki #mediamanager__page .panel.filelist {
1059  padding: 0 20px;
1060  display: block;
1061  width: 60%;
1062}
1063
1064#kiwiki #mediamanager__page .panel.file .panelHeader {
1065  border-left: 1px solid var(--kiwiki-ui-300);
1066  border-right: 1px solid var(--kiwiki-ui-300);
1067  border-radius: 0;
1068  margin: 0;
1069  padding: 20px;
1070}
1071#kiwiki #mediamanager__page .panel.file .panelHeader h3 {
1072  text-align: center;
1073  display: block;
1074  width: 100%;
1075}
1076
1077#kiwiki #mediamanager__page .panel.file .panelContent {
1078  border: 1px solid var(--kiwiki-ui-300);
1079  border-top: 0;
1080  display: flex;
1081  flex-direction: column;
1082  align-items: center;
1083  border-radius: 0 0 4px 4px;
1084  padding-bottom: 20px;
1085}
1086
1087#kiwiki #mediamanager__page .panel.filelist ul.thumbs {
1088  display: flex;
1089  flex-wrap: wrap;
1090}
1091#kiwiki #mediamanager__page .panel.filelist .thumbs li {
1092  width: 150px;
1093  background-color: transparent;
1094  cursor: pointer;
1095}
1096#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover {
1097  background-color: var(--kiwiki-ui-200);
1098}
1099#kiwiki #mediamanager__page .panel.filelist .thumbs li dl {
1100  display: flex;
1101  flex-direction: column;
1102  justify-content: center;
1103  align-items: center;
1104  font-size: 12px;
1105}
1106#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * {
1107  width: 100%;
1108}
1109#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt {
1110  display: flex;
1111  justify-content: center;
1112}
1113
1114#kiwiki #mediamanager__page .file ul.actions {
1115  display: flex;
1116  margin: 15px 0;
1117}
1118
1119#kiwiki #mediamanager__page .file dl {
1120  display: flex;
1121  flex-wrap: wrap;
1122  gap: 0;
1123  font-size: 12px;
1124  justify-content: center;
1125}
1126#kiwiki #mediamanager__page .file dl > dt,
1127#kiwiki #mediamanager__page .file dl > dd {
1128  width: 48%;
1129  padding: 2px;
1130}
1131#kiwiki #mediamanager__page .file dl:last-child {
1132  gap: 5px;
1133}
1134#kiwiki #mediamanager__page .file dl:last-child > * {
1135  width: fit-content;
1136  background-color: transparent;
1137}
1138
1139/*ADMIN*/
1140#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks {
1141  float: none;
1142  display: flex;
1143  flex-direction: column;
1144  flex-wrap: wrap;
1145  width: 100%;
1146  padding: 0;
1147}
1148
1149#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg,
1150#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path {
1151  fill: var(--kiwiki-btn-bg);
1152}
1153
1154/*EXTENSIONS MANAGER*/
1155#kiwiki #extension__list .legend > div {
1156  padding: 0;
1157  display: grid;
1158  grid-template-columns: 15% 85%;
1159  width: 100%;
1160  gap: 4px 15px;
1161  border-right: 1px solid var(--kiwiki-ui-300);
1162}
1163
1164#kiwiki #extension__list .legend h2,
1165#kiwiki #extension__list .legend div.screenshot {
1166  float: none;
1167  margin: 0;
1168}
1169#kiwiki #extension__list .legend h2,
1170#kiwiki #extension__list .legend p,
1171#kiwiki #extension__list .legend div.linkbar {
1172  grid-column-start: 2;
1173  grid-column-end: 3;
1174  padding: 0;
1175}
1176#kiwiki #extension__list .legend div.screenshot {
1177  grid-column-start: 1;
1178  grid-column-end: 2;
1179  grid-row-start: 1;
1180  grid-row-end: 4;
1181  margin: 0;
1182  max-width: 100%;
1183}
1184
1185#kiwiki #extension__list .legend div.screenshot img {
1186  width: 100%;
1187  height: auto;
1188}
1189
1190#kiwiki #extension__list .legend div.popularity {
1191  position: relative;
1192  grid-column-start: 1;
1193  grid-column-end: 2;
1194  grid-row-start: 2;
1195  grid-row-end: 4;
1196  width: 90%;
1197  right: initial;
1198  top: 30px;
1199  background-color: var(--kiwiki-body-bg);
1200  border-color: var(--kiwiki-ui-300);
1201}
1202#extension__list .legend div.popularity div {
1203  background-color: var(--kiwiki-btn-bg);
1204}
1205#kiwiki #extension__list .legend dl.details {
1206  grid-column-start: 1;
1207  grid-column-end: 3;
1208  background-color: var(--kiwiki-ui-200);
1209  border: 0;
1210  padding: 10px;
1211  border-radius: 10px 10px 0 10px;
1212}
1213#kiwiki #extension__list .legend a.info {
1214  grid-column-start: 2;
1215  grid-column-end: 3;
1216  position: absolute;
1217  bottom: 0;
1218  right: 5px;
1219}
1220#extension__manager div.msg {
1221  grid-column-start: 1;
1222  grid-column-end: 3;
1223}
1224#kiwiki #extension__list ul.extensionList li {
1225  color: var(--kiwiki-text-color);
1226  border-color: var(--kiwiki-ui-300);
1227}
1228
1229#kiwiki #extension__manager .actions {
1230  display: flex;
1231  flex-wrap: wrap;
1232}
1233
1234#kiwiki #extension__manager .actions p.permerror {
1235  background-position: top 2px left;
1236  line-height: 0.8rem;
1237  margin-top: 10px;
1238}
1239#kiwiki #dokuwiki__site #extension__manager form {
1240  margin: 30px auto;
1241  padding: 20px;
1242  border-radius: 15px;
1243  width: 100%;
1244  max-width: 600px;
1245}
1246
1247#kiwiki #dokuwiki__site #extension__manager form div.no {
1248  flex-direction: column;
1249}
1250
1251#kiwiki #dokuwiki__site #extension__manager form div.no label.block {
1252  justify-content: start;
1253  gap: 10px;
1254}
1255
1256#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] {
1257  color: var(--kiwiki-btn-text);
1258  background-color: var(--kiwiki-btn-bg);
1259  border: 1px solid var(--kiwiki-btn-bg);
1260}
1261
1262#kiwiki #dokuwiki__site #extension__list .legend h2 strong {
1263  display: block;
1264}
1265
1266#kiwiki
1267  #dokuwiki__site
1268  #extension__manager
1269  form
1270  div.no
1271  button[type="submit"]:hover {
1272  color: var(--kiwiki-btn-hover-text);
1273  background-color: var(--kiwiki-btn-hover-bg);
1274}
1275
1276/*FOOTER*/
1277
1278#kiwiki #dokuwiki__footer {
1279  display: flex;
1280  flex-direction: column;
1281  align-items: center;
1282  max-width: 1100px;
1283  margin: 20px auto;
1284  text-align: center;
1285  font-size: 0.75rem;
1286  color: var(--kiwiki-text-color);
1287}
1288
1289/*MISC*/
1290#kiwiki .JSpopup {
1291  border: 1px solid var(--kiwiki-ui-300);
1292}
1293
1294#kiwiki div.ui-admin {
1295  display: flex;
1296  flex-direction: column;
1297}
1298