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