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