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