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