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