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