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