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