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