xref: /template/mikio/assets/mikio.css (revision 87823b37ca8d103c2462465630591349607bec7e) 
1/**
2 * DokuWiki Mikio Template CSS (Compiled)
3 *
4 * @link    http://dokuwiki.org/template:mikio
5 * @author  James Collins <james.collins@outlook.com.au>
6 * @license GPLv2 (http://www.gnu.org/licenses/gpl-2.0.html)
7 */
8
9 :root[data-theme-auto="true"] {
10  --display-theme-light: none !important;
11  --display-theme-dark: none !important;
12  --display-theme-auto: inline-block !important;
13}
14:root[data-theme="theme-light"] {
15  --text: #333;
16  --link: #2b73b7;
17  --link-hover: #2b73b7;
18  --link-visited: #2b73b7;
19  --link-active: #2b73b7;
20  --existing: #080;
21  --existing-hover: #080;
22  --existing-visited: #080;
23  --existing-active: #080;
24  --missing: #d30;
25  --missing-hover: #d30;
26  --missing-visited: #d30;
27  --missing-active: #d30;
28  --background: #fff;
29  --admin-background-color: #f2f2f2;
30  --code-text-color: #e83e8c;
31  --code-border-color: transparent;
32  --code-background-color: transparent;
33  --control-text-color: #495057;
34  --control-border-color: #6c757d;
35  --control-background-color: #fff;
36  --input-border-color: #ced4da;
37  --button-text-color: #6c757d;
38  --button-background-color: #fff;
39  --button-border-color: #ced4da;
40  --button-text-hover-color: #6c757d;
41  --button-background-hover-color: #ddd;
42  --button-border-hover-color: #ced4da;
43  --button-search-text-color: #fff;
44  --button-search-background-color: #666;
45  --button-search-border-color: #666;
46  --button-search-text-hover-color: #fff;
47  --button-search-background-hover-color: #666;
48  --button-search-border-hover-color: #666;
49  --button-default-text-color: #ffffff;
50  --button-default-background-color: #007bff;
51  --button-default-border-color: #007bff;
52  --button-default-text-hover-color: #ffffff;
53  --button-default-background-hover-color: #0069d9;
54  --button-default-border-hover-color: #0062cc;
55  --topheader-background-color: #fff;
56  --header-background-color: #fff;
57  --navbar-background-color: #fff;
58  --navbar-border-color: #e5e5e5;
59  --navbar-brand-text-color: #1a1a1a;
60  --navbar-brand-tagline-color: #6c757d;
61  --navbar-link-color: #1a1a1a;
62  --navbar-link-hover-color: #1a1a1a;
63  --subnavbar-text-color: #666;
64  --subnavbar-link-color: #666;
65  --subnavbar-link-hover-color: #000;
66  --subnavbar-background-color: #f8f8f8;
67  --subnavbar-border-color: #e5e5e5;
68  --tag-background-color: #999;
69  --tag-text-color: #fff;
70  --breadcrumb-background-color: #ccc;
71  --breadcrumb-text-color: #808080;
72  --breadcrumb-link-color: #666;
73  --breadcrumb-link-hover-color: #000;
74  --hero-title-color: #000;
75  --hero-subtitle-color: #666;
76  --hero-background-color: #ddf7fb;
77  --sidebar-text-color: #666;
78  --sidebar-link-color: #666;
79  --sidebar-link-hover-color: #333;
80  --sidebar-background-color: #f2f2f2;
81  --sidebar-border-color: #e5e5e5;
82  --content-background: #fff;
83  --toc-background-color: #fff;
84  --toc-border-color: #e5e5e5;
85  --toc-link-color: #666;
86  --toc-link-hover-color: #000;
87  --pagetools-color: #ccc;
88  --pagetools-hover-color: #666;
89  --footer-text-color: #737373;
90  --footer-link-color: #666;
91  --footer-link-hover-color: #333;
92  --footer-background-color: #ccc;
93  --table-header-row-background-color: #ddd;
94  --table-header-row-text-color: #000;
95  --table-row-border-color: #e5e5e5;
96  --table-odd-row-background-color: #fff;
97  --table-odd-row-text-color: #000;
98  --table-even-row-background-color: #f2f2f2;
99  --table-even-row-text-color: #000;
100  --dropdown-color: #1a1a1a;
101  --dropdown-hover-color: #e5e5e5;
102  --dropdown-border-color: #e5e5e5;
103  --dropdown-background-color: #fff;
104  --section-edit-highlight: rgba(255,255,0,0.3);
105  --tree-background-color: #fff;
106  --tree-border-color: #e5e5e5;
107  --tab-color: #333;
108  --tab-background-color: transparent;
109  --tab-border-color: transparent;
110  --tab-hover-color: #333;
111  --tab-background-hover-color: #fff;
112  --tab-border-hover-color: #ddd;
113  --tab-active-color: #333;
114  --tab-active-background-color: #fff;
115  --tab-active-border-color: #ddd;
116  --display-theme-light: inline-block;
117  --display-theme-dark: none;
118  --display-theme-auto: none;
119}
120:root[data-theme="theme-dark"] {
121  --text: #fff;
122  --link: #00bc8c;
123  --link-hover: #009670;
124  --link-visited: #00bc8c;
125  --link-active: #00bc8c;
126  --existing: #00bc8c;
127  --existing-hover: #00bc8c;
128  --existing-visited: #00bc8c;
129  --existing-active: #00bc8c;
130  --missing: #ff0000;
131  --missing-hover: #ff0000;
132  --missing-visited: #ff0000;
133  --missing-active: #ff0000;
134  --background: #222;
135  --admin-background-color: #222;
136  --code-text-color: #e83e8c;
137  --code-border-color: transparent;
138  --code-background-color: transparent;
139  --control-text-color: #303030;
140  --control-border-color: #222;
141  --control-background-color: #fff;
142  --input-border-color: #222;
143  --button-text-color: #fff;
144  --button-background-color: #444;
145  --button-border-color: #333333;
146  --button-text-hover-color: #fff;
147  --button-background-hover-color: #363636;
148  --button-border-hover-color: #363636;
149  --button-search-text-color: #fff;
150  --button-search-background-color: #444;
151  --button-search-border-color: #333333;
152  --button-search-text-hover-color: #fff;
153  --button-search-background-hover-color: #363636;
154  --button-search-border-hover-color: #363636;
155  --button-default-text-color: #ffffff;
156  --button-default-background-color: #007bff;
157  --button-default-border-color: #007bff;
158  --button-default-text-hover-color: #ffffff;
159  --button-default-background-hover-color: #0069d9;
160  --button-default-border-hover-color: #0062cc;
161  --topheader-background-color: #222;
162  --header-background-color: #222;
163  --navbar-background-color: #375a7f;
164  --navbar-border-color: #375a7f;
165  --navbar-brand-text-color: #fff;
166  --navbar-brand-tagline-color: #ddd;
167  --navbar-link-color: rgba(255,255,255,0.6);
168  --navbar-link-hover-color: #ffffff;
169  --subnavbar-text-color: #222;
170  --subnavbar-link-color: rgba(34,34,34,0.7);
171  --subnavbar-link-hover-color: #222222;
172  --subnavbar-background-color: #adb5bd;
173  --subnavbar-border-color: #adb5bd;
174  --tag-background-color: #00bc8c;
175  --tag-text-color: #333;
176  --breadcrumb-background-color: #333;
177  --breadcrumb-text-color: #666;
178  --breadcrumb-link-color: #777;
179  --breadcrumb-link-hover-color: #fff;
180  --hero-title-color: #fff;
181  --hero-subtitle-color: #ddd;
182  --hero-background-color: #00bc8c;
183  --sidebar-text-color: #888;
184  --sidebar-link-color: #999;
185  --sidebar-link-hover-color: #ccc;
186  --sidebar-background-color: #111;
187  --sidebar-border-color: #333;
188  --content-background: #222;
189  --toc-background-color: #303030;
190  --toc-border-color: #444;
191  --toc-link-color: #fff;
192  --toc-link-hover-color: #fff;
193  --pagetools-color: #444;
194  --pagetools-hover-color: #555;
195  --footer-text-color: #888;
196  --footer-link-color: #999;
197  --footer-link-hover-color: #ccc;
198  --footer-background-color: #111;
199  --table-header-row-background-color: #00bc8c;
200  --table-header-row-text-color: #fff;
201  --table-row-border-color: #444;
202  --table-odd-row-background-color: #222;
203  --table-odd-row-text-color: #fff;
204  --table-even-row-background-color: #333;
205  --table-even-row-text-color: #fff;
206  --dropdown-color: #fff;
207  --dropdown-hover-color: #375a7f;
208  --dropdown-border-color: #444;
209  --dropdown-background-color: #222;
210  --section-edit-highlight: #cc0;
211  --tree-background-color: #333;
212  --tree-border-color: #444;
213  --tab-color: #ccc;
214  --tab-background-color: transparent;
215  --tab-border-color: transparent;
216  --tab-hover-color: #fff;
217  --tab-background-hover-color: transparent;
218  --tab-border-hover-color: #444;
219  --tab-active-color: #fff;
220  --tab-active-background-color: #333;
221  --tab-active-border-color: #444;
222  --display-theme-light: none;
223  --display-theme-dark: inline-block;
224  --display-theme-auto: none;
225}
226.mikio-sticky {
227  position: -webkit-sticky;
228  position: sticky;
229}
230.mikio-pre-wrap {
231  white-space: pre-wrap;
232  white-space: -moz-pre-wrap;
233  white-space: -pre-wrap;
234  white-space: -o-pre-wrap;
235}
236.mikio-controls button,
237.mikio-controls input,
238.mikio-controls optgroup,
239.mikio-controls select,
240.mikio-controls textarea {
241  margin: 0;
242  font-family: inherit;
243  font-size: inherit;
244  font-weight: 400;
245  border-width: 1px;
246  border-style: solid;
247  border-color: transparent;
248  border-radius: .25rem;
249  box-sizing: border-box;
250  vertical-align: middle;
251  padding: .375rem .75rem;
252  color: var(--control-text-color);
253  background-color: var(--control-background-color);
254  border-color: var(--input-border-color);
255  line-height: inherit;
256}
257.mikio-controls button[type=color],
258.mikio-controls input[type=color],
259.mikio-controls optgroup[type=color],
260.mikio-controls select[type=color],
261.mikio-controls textarea[type=color] {
262  padding: 0;
263}
264.mikio-controls button,
265.mikio-controls input[type=button],
266.mikio-controls input[type=image] {
267  display: inline-block;
268  text-align: center;
269  color: var(--button-text-color);
270  background-color: var(--button-background-color);
271  border-color: var(--button-border-color);
272  line-height: 1.5;
273  -webkit-text-decoration: none;
274  text-decoration: none;
275  text-transform: capitalize;
276  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
277}
278.mikio-controls button:hover:not(:disabled),
279.mikio-controls input[type=button]:hover:not(:disabled),
280.mikio-controls input[type=image]:hover:not(:disabled) {
281  -webkit-text-decoration: none;
282  text-decoration: none;
283  color: var(--button-text-hover-color);
284  background-color: var(--button-background-hover-color);
285  border-color: var(--button-border-hover-color);
286}
287.mikio-controls button:disabled,
288.mikio-controls input[type=button]:disabled,
289.mikio-controls input[type=image]:disabled {
290  opacity: .65;
291}
292.mikio-controls button#edbtn__save,
293.mikio-controls button[name="run[save]"] {
294  color: var(--button-default-text-color);
295  background-color: var(--button-default-background-color);
296  border-color: var(--button-default-border-color);
297}
298.mikio-controls button#edbtn__save:hover,
299.mikio-controls button[name="run[save]"]:hover {
300  color: var(--button-default-text-hover-color);
301  background-color: var(--button-default-background-hover-color);
302  border-color: var(--button-default-border-hover-color);
303}
304.mikio-controls input[type=text],
305.mikio-controls input[type=search],
306.mikio-controls input[type=password],
307.mikio-controls input[type=email] {
308  -webkit-appearance: none;
309  -moz-appearance: none;
310  -ms-appearance: none;
311}
312.mikio-controls textarea {
313  margin-bottom: 1rem;
314  width: 100%;
315  word-wrap: break-word;
316  overflow: auto;
317  resize: vertical;
318  white-space: pre-wrap;
319}
320.mikio-controls select {
321  -webkit-user-select: none;
322  -moz-user-select: none;
323  -ms-user-select: none;
324  height: 2.25rem;
325}
326.mikio-controls .toolbutton {
327  border-radius: 0;
328  border-right-width: 0;
329  border-color: var(--input-border-color);
330}
331.mikio-controls .toolbutton:first-of-type {
332  border-radius: .25rem 0 0 .25rem;
333}
334.mikio-controls .toolbutton:last-of-type {
335  border-radius: 0 .25rem .25rem 0;
336  border-right-width: 1px;
337}
338html {
339  overflow-x: auto;
340  overflow-y: scroll;
341  display: block;
342  padding: 0;
343  font-size: 1rem;
344  line-height: 1.5;
345}
346body {
347  display: flex;
348  flex-direction: column;
349  min-height: 100vh;
350  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
351  letter-spacing: -0.01em;
352  padding: 0;
353}
354html,
355body {
356  background-color: var(--background);
357  color: var(--text);
358  margin: 0;
359}
360#dokuwiki__site {
361  min-height: 100vh;
362}
363.mikio .site {
364  min-height: 100vh;
365  display: flex;
366  flex-direction: column;
367}
368.mikio-container {
369  max-width: 100%;
370  margin: 0 auto;
371}
372.mikio-page-topheader {
373  padding: 0 2rem;
374  border-bottom: 1px solid var(--navbar-border-color);
375  background-color: var(--topheader-background-color);
376  box-sizing: border-box;
377  width: 100%;
378  z-index: 1001;
379}
380.mikio-page-header {
381  padding: 0 2rem;
382  background-color: var(--header-background-color);
383  box-sizing: border-box;
384  width: 100%;
385  z-index: 999;
386}
387.mikio-sidebar-header {
388  border-bottom: 1px solid var(--sidebar-border-color);
389}
390.mikio-sidebar-footer {
391  border-top: 1px solid var(--sidebar-border-color);
392}
393.mikio-admin {
394  background-color: var(--admin-background-color);
395}
396.mikio-small-only {
397  display: none;
398}
399.mikio .mikio-breadcrumbs,
400.mikio .mikio-youarehere {
401  padding: .5rem 1rem;
402  background-color: var(--breadcrumb-background-color);
403  border: 1px solid var(--breadcrumb-background-color);
404  border-radius: 4px;
405  font-size: 80%;
406  color: var(--breadcrumb-text-color);
407}
408.mikio .mikio-breadcrumbs span.curid a,
409.mikio .mikio-breadcrumbs span.curid a:visited,
410.mikio .mikio-breadcrumbs span.curid a:active,
411.mikio .mikio-breadcrumbs a,
412.mikio .mikio-breadcrumbs a:visited,
413.mikio .mikio-breadcrumbs a:active,
414.mikio .mikio-youarehere span.curid a,
415.mikio .mikio-youarehere span.curid a:visited,
416.mikio .mikio-youarehere span.curid a:active,
417.mikio .mikio-youarehere a,
418.mikio .mikio-youarehere a:visited,
419.mikio .mikio-youarehere a:active {
420  -webkit-text-decoration: none;
421  text-decoration: none;
422  color: var(--breadcrumb-link-color);
423  font-weight: normal;
424}
425.mikio .mikio-breadcrumbs span.curid a:hover,
426.mikio .mikio-breadcrumbs span.curid a:visited:hover,
427.mikio .mikio-breadcrumbs span.curid a:active:hover,
428.mikio .mikio-breadcrumbs a:hover,
429.mikio .mikio-breadcrumbs a:visited:hover,
430.mikio .mikio-breadcrumbs a:active:hover,
431.mikio .mikio-youarehere span.curid a:hover,
432.mikio .mikio-youarehere span.curid a:visited:hover,
433.mikio .mikio-youarehere span.curid a:active:hover,
434.mikio .mikio-youarehere a:hover,
435.mikio .mikio-youarehere a:visited:hover,
436.mikio .mikio-youarehere a:active:hover {
437  color: var(--breadcrumb-link-hover-color);
438}
439.mikio .mikio-breadcrumbs ul,
440.mikio .mikio-youarehere ul {
441  list-style: none;
442  margin: 0;
443  padding: 0;
444}
445.mikio .mikio-breadcrumbs bdi,
446.mikio .mikio-youarehere bdi {
447  margin-left: .5rem;
448  margin-right: .5rem;
449}
450.mikio .mikio-breadcrumbs li,
451.mikio .mikio-breadcrumbs span.bchead,
452.mikio .mikio-youarehere li,
453.mikio .mikio-youarehere span.bchead {
454  display: inline-block;
455}
456.mikio .mikio-breadcrumbs svg,
457.mikio .mikio-youarehere svg {
458  width: .9rem;
459  height: .9rem;
460}
461.mikio-navbar {
462  position: relative;
463  padding: .5rem 1rem .5rem 2rem;
464  border-bottom-width: 1px;
465  border-bottom-style: solid;
466  border-bottom-color: var(--navbar-border-color);
467  background-color: var(--navbar-background-color);
468  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
469  width: 100%;
470  box-sizing: border-box;
471  z-index: 1000;
472}
473.mikio-navbar .mikio-container {
474  display: flex;
475  flex: 1;
476  align-items: center;
477}
478.mikio-navbar .mikio-navbar-brand {
479  display: flex;
480}
481.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-image {
482  max-width: 3rem;
483  max-height: 3rem;
484  margin-right: .5rem;
485}
486.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title {
487  display: flex;
488  flex-direction: column;
489  align-items: stretch;
490  justify-content: center;
491}
492.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-text {
493  color: var(--navbar-brand-text-color);
494  margin: 0;
495  font-weight: 500;
496  font-size: 1.2rem;
497}
498.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-tagline {
499  margin: 0;
500  color: var(--navbar-brand-tagline-color);
501}
502.mikio-navbar .mikio-navbar-toggle {
503  display: none;
504  font-size: 1rem;
505  position: absolute;
506  top: 1.2rem;
507  right: 1.2rem;
508  width: 1rem;
509  height: 1rem;
510  padding: 0;
511  cursor: pointer;
512  transition: transform .15s ease-in-out;
513  vertical-align: middle;
514  border: 0 none;
515  background: transparent;
516}
517.mikio-navbar .mikio-navbar-toggle:before,
518.mikio-navbar .mikio-navbar-toggle:after {
519  content: "";
520}
521.mikio-navbar .mikio-navbar-toggle:before,
522.mikio-navbar .mikio-navbar-toggle .icon,
523.mikio-navbar .mikio-navbar-toggle:after {
524  display: block;
525  width: 100%;
526  height: 0.2em;
527  margin: 0 0 0.2em;
528  transition: transform .15s ease-in-out;
529  border-radius: 0.05em;
530  background: var(--control-text-color);
531}
532.mikio-navbar .mikio-navbar-toggle.open .icon {
533  transform: scale(0);
534}
535.mikio-navbar .mikio-navbar-toggle.open:before {
536  transform: translateY(0.4em) rotate(135deg);
537}
538.mikio-navbar .mikio-navbar-toggle.open:after {
539  transform: translateY(-0.4em) rotate(-135deg);
540}
541.mikio-navbar .mikio-navbar-collapse {
542  display: flex;
543  flex: 1;
544  align-items: center;
545  justify-content: flex-end;
546}
547.mikio-navbar a,
548.mikio-navbar a:visited,
549.mikio-navbar a:active {
550  -webkit-text-decoration: none;
551  text-decoration: none;
552  color: var(--navbar-link-color);
553  transition: all .15s ease-in-out;
554}
555.mikio-navbar a:hover,
556.mikio-navbar a:visited:hover,
557.mikio-navbar a:active:hover {
558  color: var(--navbar-link-hover-color);
559}
560.mikio-navbar .mikio-nav-dropdown a:after,
561.mikio-navbar .mikio-nav-dropdown a:visited:after,
562.mikio-navbar .mikio-nav-dropdown a:active:after {
563  border-color: var(--navbar-link-color) !important;
564}
565.mikio-navbar .mikio-nav-dropdown a:hover:after,
566.mikio-navbar .mikio-nav-dropdown a:visited:hover:after,
567.mikio-navbar .mikio-nav-dropdown a:active:hover:after {
568  border-color: var(--navbar-link-hover-color) !important;
569}
570.mikio-navbar .mikio-search {
571  margin: 0 .5rem;
572}
573.mikio-navbar .mikio-button,
574.mikio-navbar .mikio-button:visited,
575.mikio-navbar .mikio-button:active {
576  background-color: transparent;
577  border-color: transparent;
578}
579.mikio-navbar .mikio-button:hover:not(:disabled),
580.mikio-navbar .mikio-button:visited:hover:not(:disabled),
581.mikio-navbar .mikio-button:active:hover:not(:disabled) {
582  background-color: transparent;
583  border-color: transparent;
584  color: var(--navbar-link-hover-color);
585}
586.mikio-sub-navbar {
587  color: var(--subnavbar-text-color);
588  justify-content: center;
589  padding: .75rem 1rem;
590  border-color: var(--subnavbar-border-color);
591  background-color: var(--subnavbar-background-color);
592}
593.mikio-sub-navbar ul,
594.mikio-sub-navbar ol,
595.mikio-sub-navbar p {
596  list-style: none;
597  margin: 0;
598  padding: 0;
599}
600.mikio-sub-navbar ul,
601.mikio-sub-navbar ol {
602  list-style: none;
603}
604.mikio-sub-navbar li {
605  display: inline-block;
606  padding: 0 .2rem;
607  margin: 0 .5rem;
608}
609.mikio-sub-navbar a,
610.mikio-sub-navbar a:visited,
611.mikio-sub-navbar a:active {
612  color: var(--subnavbar-link-color);
613}
614.mikio-sub-navbar a:hover,
615.mikio-sub-navbar a:visited:hover,
616.mikio-sub-navbar a:active:hover {
617  color: var(--subnavbar-link-hover-color);
618}
619.mikio-hero {
620  background-color: var(--hero-background-color);
621}
622.mikio-hero .mikio-container {
623  display: flex;
624  flex: 1;
625}
626.mikio-hero .mikio-hero-text {
627  flex: 1;
628  min-height: 5rem;
629  padding: 2rem;
630}
631.mikio-hero .mikio-hero-text .mikio-breadcrumbs,
632.mikio-hero .mikio-hero-text .mikio-youarehere {
633  background-color: transparent;
634  border-color: transparent;
635  padding: 0;
636  margin: 0;
637}
638.mikio-hero .mikio-hero-text h1 {
639  margin: .75rem 0 1rem 0;
640  color: var(--hero-title-color);
641  line-height: 1.2;
642}
643.mikio-hero .mikio-hero-text h2 {
644  margin: 0;
645  font-weight: normal;
646  font-size: 1.25rem;
647  color: var(--hero-subtitle-color);
648}
649.mikio-hero .mikio-hero-image {
650  display: flex;
651  flex: 0 0 33%;
652  background-repeat: no-repeat;
653  background-position: center;
654  background-size: cover;
655  align-items: flex-end;
656}
657.mikio-hero .mikio-hero-image-resize {
658  height: 15rem;
659}
660.mikio .mikio-tags {
661  display: block;
662  width: 100%;
663  text-align: right;
664  padding-right: .5rem;
665  margin-bottom: .5rem;
666}
667.mikio .mikio-tags a,
668.mikio .mikio-tags a:visited,
669.mikio .mikio-tags a:active {
670  margin: 0 .25rem;
671  font-size: 80%;
672  padding: .25rem .75rem;
673  border: 1px solid var(--tag-background-color);
674  border-radius: 1rem;
675  background-color: var(--tag-background-color);
676  color: var(--tag-text-color);
677  -webkit-text-decoration: none;
678  text-decoration: none;
679  transition: all .15s ease-in-out;
680}
681.mikio .mikio-tags a:hover,
682.mikio .mikio-tags a:visited:hover,
683.mikio .mikio-tags a:active:hover {
684  background-color: transparent;
685  color: var(--tag-background-color);
686}
687.mikio-sidebar {
688  width: 14rem;
689  flex-shrink: 0;
690  background-color: var(--sidebar-background-color);
691  padding: 1rem;
692  font-size: 90%;
693  color: var(--sidebar-text-color);
694}
695.mikio-sidebar.mikio-sidebar-left {
696  border-left-width: 0;
697  border-right: 1px solid var(--sidebar-border-color);
698}
699.mikio-sidebar.mikio-sidebar-right {
700  border-left: 1px solid var(--sidebar-border-color);
701  border-right-width: 0;
702}
703.mikio-sidebar .mikio-sidebar-toggle {
704  display: none;
705  margin: 0 1rem;
706  -webkit-text-decoration: none;
707  text-decoration: none;
708  text-align: center;
709  color: rgba(0,0,0,0.6);
710}
711.mikio-sidebar .mikio-sidebar-toggle .icon:before,
712.mikio-sidebar .mikio-sidebar-toggle .icon:after {
713  content: "";
714  display: inline-block;
715  width: 0.5rem;
716  height: 0.1em;
717  margin: 0 0 0.2em;
718  transition: transform .15s ease-in-out;
719  border-radius: 0.05em;
720  background: rgba(0,0,0,0.6);
721}
722.mikio-sidebar .mikio-sidebar-toggle .icon:before {
723  transform: translateX(0.1rem) translateY(0) rotate(-135deg);
724}
725.mikio-sidebar .mikio-sidebar-toggle .icon:after {
726  transform: translateX(-0.1rem) translateY(0) rotate(135deg);
727}
728.mikio-sidebar .mikio-sidebar-toggle .open .icon:before {
729  transform: translateX(0.1rem) rotate(135deg);
730}
731.mikio-sidebar .mikio-sidebar-toggle .open .icon:after {
732  transform: translateX(-0.1rem) rotate(-135deg);
733}
734.mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse {
735  display: block;
736}
737.mikio-sidebar .mikio-user-info {
738  margin-bottom: 1rem;
739  margin: 0 -1rem;
740  padding: 0 1rem 1rem 1rem;
741  border-bottom: 1px solid var(--sidebar-border-color);
742}
743.mikio-sidebar .mikio-search {
744  margin: 1rem 0 1rem 0;
745}
746.mikio-sidebar .mikio-sidebar-content {
747  overflow-wrap: break-word;
748  margin-bottom: 1rem;
749}
750.mikio-sidebar .mikio-sidebar-content a,
751.mikio-sidebar .mikio-sidebar-content a:visited,
752.mikio-sidebar .mikio-sidebar-content a:active {
753  display: block;
754  margin: 1rem 0;
755  color: var(--sidebar-link-color);
756  -webkit-text-decoration: none;
757  text-decoration: none;
758}
759.mikio-sidebar .mikio-sidebar-content a:hover,
760.mikio-sidebar .mikio-sidebar-content a:visited:hover,
761.mikio-sidebar .mikio-sidebar-content a:active:hover {
762  color: var(--sidebar-link-hover-color);
763}
764.mikio-sidebar .mikio-sidebar-content ul,
765.mikio-sidebar .mikio-sidebar-content ul.idx {
766  margin: 0;
767  padding: 0;
768}
769.mikio-sidebar .mikio-sidebar-content ul ul,
770.mikio-sidebar .mikio-sidebar-content ul.idx ul {
771  padding-left: 1rem;
772}
773.mikio-sidebar .mikio-sidebar-content ul li,
774.mikio-sidebar .mikio-sidebar-content ul li.closed,
775.mikio-sidebar .mikio-sidebar-content ul li.open,
776.mikio-sidebar .mikio-sidebar-content ul.idx li,
777.mikio-sidebar .mikio-sidebar-content ul.idx li.closed,
778.mikio-sidebar .mikio-sidebar-content ul.idx li.open {
779  list-style: none;
780}
781.mikio-sidebar .mikio-tags {
782  margin: 0 0 1rem 0;
783  text-align: center;
784}
785.mikio-sidebar .mikio-tags a {
786  display: inline-block;
787  margin: 0 .25rem .25rem .25rem;
788}
789.mikio-page .mikio-container {
790  display: flex;
791  padding: 0;
792}
793.mikio-page a {
794  color: var(--link);
795  transition: all .15s ease-in-out;
796}
797.mikio-page a.wikilink1 {
798  color: var(--existing);
799}
800.mikio-page a.wikilink1:hover {
801  color: var(--existing-hover);
802}
803.mikio-page a.wikilink1:visited {
804  color: var(--existing-visited);
805}
806.mikio-page a.wikilink1:visited:hover {
807  color: var(--existing-hover);
808}
809.mikio-page a.wikilink1:active {
810  color: var(--existing-active);
811}
812.mikio-page a.wikilink2 {
813  color: var(--missing);
814}
815.mikio-page a.wikilink2:hover {
816  color: var(--missing-hover);
817}
818.mikio-page a.wikilink2:visited {
819  color: var(--missing-visited);
820}
821.mikio-page a.wikilink2:visited:hover {
822  color: var(--missing-hover);
823}
824.mikio-page a.wikilink2:active {
825  color: var(--missing-active);
826}
827.mikio-page a:hover {
828  color: var(--link-hover);
829}
830.mikio-page a:visited {
831  color: var(--link-visited);
832}
833.mikio-page a:visited:hover {
834  color: var(--link-hover);
835}
836.mikio-page a:active {
837  color: var(--link-active);
838}
839.mikio-page-fill {
840  display: flex;
841  flex: 1;
842}
843.mikio .mikio-content .mikio-article {
844  margin: 0 auto;
845}
846.mikio .mikio-content .mikio-article.toc-full {
847  display: flex;
848}
849.mikio .mikio-content .mikio-article.toc-full .mikio-toc {
850  margin-top: 1rem;
851  order: 2;
852  position: sticky;
853  position: -webkit-sticky;
854  top: 1rem;
855  align-self: flex-start;
856  overflow: scroll;
857  max-height: 95vh;
858  scroll-behavior: smooth;
859  scrollbar-width: none;
860}
861.mikio .mikio-content .mikio-article.toc-full .mikio-toc::-webkit-scrollbar {
862  display: none;
863}
864.mikio .mikio-content .mikio-article.toc-full .mikio-article-content {
865  flex: 1;
866}
867.mikio-content {
868  box-sizing: border-box;
869  width: 100%;
870  max-width: 100%;
871  background-color: var(--content-background);
872  padding: .5rem 2rem;
873}
874.mikio.dokuwiki div.preview {
875  background-color: var(--content-background);
876  padding: 1rem 2rem;
877}
878.mikio-footer {
879  padding: 2rem;
880  color: var(--footer-text-color);
881  background-color: var(--footer-background-color);
882  font-size: 80%;
883  text-align: center;
884}
885.mikio-footer a,
886.mikio-footer a:visited,
887.mikio-footer a:active {
888  color: var(--footer-link-color);
889}
890.mikio-footer a:hover,
891.mikio-footer a:visited:hover,
892.mikio-footer a:active:hover {
893  color: var(--footer-link-hover-color);
894}
895.mikio-footer .dw__pagetools {
896  margin-top: 1rem;
897}
898.mikio-footer .dw__pagetools .tools {
899  list-style-type: none;
900}
901.mikio-footer .dw__pagetools .tools li {
902  display: inline-block;
903  margin: 0 .5rem;
904}
905.mikio-footer .dw__pagetools .tools a svg,
906.mikio-footer .dw__pagetools .tools a:visited svg,
907.mikio-footer .dw__pagetools .tools a:active svg {
908  fill: var(--footer-link-color);
909}
910.mikio-footer .dw__pagetools .tools a:hover svg,
911.mikio-footer .dw__pagetools .tools a:visited:hover svg,
912.mikio-footer .dw__pagetools .tools a:active:hover svg {
913  fill: var(--footer-link-hover-color);
914}
915.mikio-footer .mikio-nav {
916  margin-top: 1rem;
917}
918.mikio-footer .mikio-footer-search {
919  margin-top: .5rem;
920  display: inline-block;
921}
922.mikio-footer .license {
923  margin-top: .5rem;
924}
925.mikio-footer .license img {
926  vertical-align: middle;
927  margin: 0 1rem;
928}
929.mikio .site > div.no {
930  display: none;
931}
932.mikio-control {
933  margin: 0;
934  font-family: inherit;
935  font-size: inherit;
936  font-weight: 400;
937  border-width: 1px;
938  border-style: solid;
939  border-color: transparent;
940  border-radius: .25rem;
941  box-sizing: border-box;
942  vertical-align: middle;
943  padding: .375rem .75rem;
944  color: var(--control-text-color);
945  background-color: var(--control-background-color);
946}
947.mikio-control[type=color] {
948  padding: 0;
949}
950.mikio-button,
951.mikio-button:visited,
952.mikio-button:active {
953  display: inline-block;
954  text-align: center;
955  color: var(--button-text-color);
956  background-color: var(--button-background-color);
957  border-color: var(--button-border-color);
958  line-height: 1.5;
959  -webkit-text-decoration: none;
960  text-decoration: none;
961  text-transform: capitalize;
962  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
963}
964.mikio-button:hover:not(:disabled),
965.mikio-button:visited:hover:not(:disabled),
966.mikio-button:active:hover:not(:disabled) {
967  -webkit-text-decoration: none;
968  text-decoration: none;
969  color: var(--button-text-hover-color);
970  background-color: var(--button-background-hover-color);
971  border-color: var(--button-border-hover-color);
972}
973.mikio-button:disabled,
974.mikio-button:visited:disabled,
975.mikio-button:active:disabled {
976  opacity: .65;
977}
978.mikio-button-small {
979  padding: .1rem .75rem;
980  font-size: 80% !important;
981  min-width: 3rem;
982}
983.mikio-button-submit,
984.mikio-button-submit:visited,
985.mikio-button-submit:active {
986  color: var(--button-default-text-color);
987  background-color: var(--button-default-background-color);
988  border-color: var(--button-default-border-color);
989}
990.mikio-button-submit:hover,
991.mikio-button-submit:visited:hover,
992.mikio-button-submit:active:hover {
993  color: var(--button-default-text-hover-color);
994  background-color: var(--button-default-background-hover-color);
995  border-color: var(--button-default-border-hover-color);
996}
997.mikio-button-danger,
998.mikio-button-danger:visited,
999.mikio-button-danger:active {
1000  color: #fff;
1001  border-color: #dc3545;
1002  background-color: #dc3545;
1003}
1004.mikio-button-danger:hover,
1005.mikio-button-danger:visited:hover,
1006.mikio-button-danger:active:hover {
1007  color: #fff;
1008  background-color: #c03040;
1009  border-color: #c03040;
1010}
1011.mikio-input-text {
1012  border-color: var(--input-border-color);
1013  line-height: inherit;
1014}
1015.mikio-select {
1016  -webkit-user-select: none;
1017  -moz-user-select: none;
1018  -ms-user-select: none;
1019  height: 2.25rem;
1020}
1021.mikio-toolbar-button {
1022  border-radius: 0;
1023  border-right-width: 0;
1024  border-color: var(--input-border-color);
1025}
1026.mikio-toolbar-button:first-of-type {
1027  border-radius: .25rem 0 0 .25rem;
1028}
1029.mikio-toolbar-button:last-of-type {
1030  border-radius: 0 .25rem .25rem 0;
1031  border-right-width: 1px;
1032}
1033.mikio-dialog .mikio-article {
1034  max-width: 40rem;
1035}
1036.mikio-dialog fieldset legend {
1037  font-size: 1.75rem;
1038  font-weight: 400;
1039}
1040.mikio-dialog fieldset label.block input.edit,
1041.mikio-dialog fieldset select {
1042  width: 100%;
1043}
1044.mikio-dialog fieldset label {
1045  text-align: left;
1046  font-weight: normal;
1047  display: block;
1048}
1049.mikio-dialog fieldset label.simple {
1050  text-align: center;
1051}
1052.mikio-dialog fieldset label.block {
1053  position: relative;
1054}
1055.mikio-dialog fieldset label.block span {
1056  position: absolute;
1057  padding: .4rem .9rem;
1058  color: rgba(0,0,0,0.3);
1059}
1060.mikio-dialog fieldset button {
1061  display: block;
1062  width: 100%;
1063}
1064.mikio-dialog fieldset button[type=submit] {
1065  color: var(--button-default-text-color);
1066  background-color: var(--button-default-background-color);
1067  border-color: var(--button-default-border-color);
1068}
1069.mikio-dialog fieldset button[type=submit]:hover {
1070  color: var(--button-default-text-hover-color);
1071  background-color: var(--button-default-background-hover-color);
1072  border-color: var(--button-default-border-hover-color);
1073}
1074.mikio-dialog fieldset input[type=checkbox] {
1075  vertical-align: middle;
1076}
1077.mikio .mikio-navbar .mikio-search,
1078.mikio .mikio-sidebar .mikio-search,
1079.mikio .mikio-footer .mikio-search,
1080.mikio .mikio-search {
1081  display: flex;
1082}
1083.mikio .mikio-navbar .mikio-search input,
1084.mikio .mikio-sidebar .mikio-search input,
1085.mikio .mikio-footer .mikio-search input,
1086.mikio .mikio-search input {
1087  width: 1%;
1088  flex: 1 1 auto;
1089  border-radius: .25rem 0 0 .25rem;
1090}
1091.mikio .mikio-navbar .mikio-search button,
1092.mikio .mikio-sidebar .mikio-search button,
1093.mikio .mikio-footer .mikio-search button,
1094.mikio .mikio-search button {
1095  color: var(--button-search-text-color);
1096  background-color: var(--button-search-background-color);
1097  border-radius: 0 .25rem .25rem 0;
1098  border-color: var(--button-search-border-color);
1099}
1100.mikio .mikio-navbar .mikio-search button:hover,
1101.mikio .mikio-sidebar .mikio-search button:hover,
1102.mikio .mikio-footer .mikio-search button:hover,
1103.mikio .mikio-search button:hover {
1104  color: var(--button-search-text-hover-color);
1105  background-color: var(--button-search-background--hover-color);
1106  border-color: var(--button-search-border-hover-color);
1107}
1108.mikio .mikio-navbar .mikio-search .mikio-iicon,
1109.mikio .mikio-sidebar .mikio-search .mikio-iicon,
1110.mikio .mikio-footer .mikio-search .mikio-iicon,
1111.mikio .mikio-search .mikio-iicon {
1112  margin: 0 -4px 0 -4px;
1113}
1114#dw__pagetools {
1115  position: -webkit-sticky;
1116  position: sticky;
1117  top: 0;
1118  align-self: flex-start;
1119  padding: 3rem .5rem 0 .5rem;
1120}
1121#dw__pagetools ul {
1122  list-style: none;
1123  padding: 0;
1124  margin: 0;
1125}
1126#dw__pagetools a,
1127#dw__pagetools a:visited,
1128#dw__pagetools a:active {
1129  display: block;
1130}
1131#dw__pagetools a svg,
1132#dw__pagetools a:visited svg,
1133#dw__pagetools a:active svg {
1134  fill: var(--pagetools-color);
1135}
1136#dw__pagetools a:hover svg,
1137#dw__pagetools a:visited:hover svg,
1138#dw__pagetools a:active:hover svg {
1139  fill: var(--pagetools-hover-color);
1140}
1141.toolbar.group {
1142  margin-bottom: .5rem;
1143}
1144#wiki__editbar {
1145  overflow: hidden;
1146  margin-bottom: .5em;
1147}
1148#wiki__editbar #size__ctl {
1149  float: right;
1150}
1151#wiki__editbar .editButtons {
1152  display: inline;
1153  margin-right: 1rem;
1154}
1155#wiki__editbar .summary {
1156  display: inline;
1157}
1158.mode_admin .mikio-toc {
1159  background-color: var(--admin-background-color);
1160}
1161.mode_admin .mikio-toc #dw__toc {
1162  background-color: var(--toc-background-color);
1163}
1164.mikio .mode_admin .mikio-toc #dw__toc {
1165  background-color: var(--toc-background-color);
1166}
1167.mikio .mikio-toc {
1168  float: right;
1169  padding-left: 1rem;
1170  padding-bottom: 1rem;
1171  margin-top: 1rem;
1172}
1173.mikio .mikio-toc #dw__toc {
1174  color: var(--toc-link-color);
1175  background-color: var(--toc-background-color);
1176  border: 1px solid var(--toc-border-color);
1177  border-radius: .25rem;
1178  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
1179  padding: .5rem;
1180  max-width: 12rem;
1181  float: none;
1182  width: auto;
1183  margin: 0;
1184}
1185.mikio .mikio-toc #dw__toc ul {
1186  padding-left: 0;
1187  margin: 0;
1188  list-style-type: none;
1189}
1190.mikio .mikio-toc #dw__toc ul ul {
1191  padding-left: .5rem;
1192}
1193.mikio .mikio-toc #dw__toc> div {
1194  padding: .2em .5em;
1195}
1196.mikio .mikio-toc h3.toggle {
1197  margin: 0;
1198  padding-right: 2rem;
1199  font-size: 80%;
1200  position: relative;
1201  height: 1rem;
1202}
1203.mikio .mikio-toc h3.toggle .hamburger {
1204  width: 1rem;
1205  height: 1rem;
1206}
1207.mikio .mikio-toc h3.toggle .down-arrow {
1208  position: absolute;
1209  top: 0;
1210  bottom: 0;
1211  right: 0;
1212  margin: auto 0;
1213}
1214.mikio .mikio-toc h3.toggle.open .hamburger {
1215  display: none;
1216}
1217.mikio .mikio-toc h3.toggle.closed {
1218  font-size: 0;
1219  width: 2rem;
1220  padding-right: 0;
1221}
1222.mikio .mikio-toc h3.toggle.closed .down-arrow {
1223  right: -4px;
1224}
1225.mikio .mikio-toc h3.toggle span {
1226  display: none;
1227}
1228.mikio .mikio-toc a,
1229.mikio .mikio-toc a:visited,
1230.mikio .mikio-toc a:active {
1231  display: block;
1232  font-size: 80%;
1233  color: var(--toc-link-color);
1234  -webkit-text-decoration: none;
1235  text-decoration: none;
1236  padding: .2rem 0;
1237}
1238.mikio .mikio-toc a:hover,
1239.mikio .mikio-toc a:visited:hover,
1240.mikio .mikio-toc a:active:hover {
1241  color: var(--toc-link-hover-color);
1242}
1243.mikio-icon {
1244  margin-right: .25rem;
1245}
1246.mikio-icon svg {
1247  vertical-align: middle;
1248  fill: currentColor;
1249}
1250.mikio-iicon {
1251  display: inline-block;
1252  width: 1.2rem;
1253  height: 1.2rem;
1254  background-size: 1.2rem;
1255  background-position: center;
1256  background-repeat: no-repeat;
1257  vertical-align: middle;
1258  margin-right: .25rem;
1259  fill: currentColor;
1260}
1261.mikio .mode_show table,
1262.mikio.dokuwiki .mode_showtag table.ul,
1263.mikio .mode_admin table {
1264  width: 100%;
1265  border-collapse: collapse;
1266  margin-bottom: 1rem;
1267  font-size: 90%;
1268  border-bottom: 1px solid var(--table-row-border-color);
1269}
1270.mikio .mode_show table tr,
1271.mikio.dokuwiki .mode_showtag table.ul tr,
1272.mikio .mode_admin table tr {
1273  border-top: 1px solid var(--table-row-border-color);
1274}
1275.mikio .mode_show table td,
1276.mikio .mode_show table th,
1277.mikio.dokuwiki .mode_showtag table.ul td,
1278.mikio.dokuwiki .mode_showtag table.ul th,
1279.mikio .mode_admin table td,
1280.mikio .mode_admin table th {
1281  padding: .75rem;
1282  text-align: left;
1283}
1284.mikio .mode_show table thead tr,
1285.mikio.dokuwiki .mode_showtag table.ul thead tr,
1286.mikio .mode_admin table thead tr {
1287  background-color: var(--table-header-row-background-color);
1288  color: var(--table-header-row-text-color);
1289}
1290.mikio .mode_show table tbody tr:nth-child(odd),
1291.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd),
1292.mikio .mode_admin table tbody tr:nth-child(odd) {
1293  background-color: var(--table-odd-row-background-color);
1294  color: var(--table-odd-row-text-color);
1295}
1296.mikio .mode_show table tbody tr:nth-child(even),
1297.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even),
1298.mikio .mode_admin table tbody tr:nth-child(even) {
1299  background-color: var(--table-even-row-background-color);
1300  color: var(--table-even-row-text-color);
1301}
1302.mikio-nav {
1303  list-style: none;
1304  margin: 0;
1305  padding: 0;
1306  display: flex;
1307}
1308.mikio-nav .mikio-nav-item,
1309.mikio-nav .mikio-nav-dropdown {
1310  display: inline-block;
1311  padding: .5rem .2rem;
1312  margin: 0 .5rem;
1313}
1314.mikio-nav .mikio-nav-dropdown {
1315  position: relative;
1316}
1317.mikio-nav .mikio-nav-dropdown > a {
1318  display: inline-block;
1319  padding: .2rem 1.2rem .2rem 0rem;
1320  position: relative;
1321}
1322.mikio-nav .mikio-nav-dropdown > a::after {
1323  position: absolute;
1324  content: '';
1325  top: 10px;
1326  right: 6px;
1327  width: 6px;
1328  height: 6px;
1329  border-left: 2px solid var(--text);
1330  border-bottom: 2px solid var(--text);
1331  transform: rotateZ(-45deg);
1332}
1333.mikio-nav a {
1334  -webkit-text-decoration: none;
1335  text-decoration: none;
1336}
1337.mikio-dropdown {
1338  display: block;
1339  position: absolute;
1340  z-index: 10000;
1341  min-width: 12rem;
1342  right: 0;
1343  padding: 1rem 1.5rem;
1344  border: 1px solid var(--dropdown-border-color);
1345  border-radius: 4px;
1346  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
1347  background-color: var(--dropdown-background-color);
1348  color: var(--dropdown-color);
1349}
1350.mikio-dropdown.closed {
1351  display: none;
1352}
1353.mikio-dropdown .mikio-dropdown-item {
1354  display: flex;
1355  align-items: center;
1356  margin-top: .5rem;
1357  margin-bottom: .5rem;
1358}
1359.mikio-dropdown .mikio-dropdown-header {
1360  margin: 0 0 1rem 0;
1361}
1362.mikio-dropdown .mikio-dropdown-divider {
1363  margin: 1rem -1rem;
1364  border-bottom: 1px solid var(--dropdown-border-color);
1365}
1366.mikio-dropdown .mikio-nav-link,
1367.mikio-dropdown .mikio-nav-link:visited,
1368.mikio-dropdown .mikio-nav-link.active {
1369  margin: 0rem -1rem 0rem -1rem;
1370  padding: .25rem 1rem .25rem 1rem;
1371  transition: all .15s ease-in-out;
1372  color: var(--dropdown-color);
1373}
1374.mikio-dropdown .mikio-nav-link:hover,
1375.mikio-dropdown .mikio-nav-link:visited:hover,
1376.mikio-dropdown .mikio-nav-link.active:hover {
1377  color: var(--dropdown-color);
1378  background-color: var(--dropdown-hover-color);
1379}
1380.typeahead.mikio-dropdown a.mikio-dropdown-item {
1381  display: inline;
1382}
1383.typeahead.mikio-dropdown .mikio-dropdown-header {
1384  margin-bottom: 0em;
1385  overflow: hidden;
1386  text-overflow: ellipsis;
1387  color: var(--dropdown-color);
1388}
1389.typeahead.mikio-dropdown .mikio-dropdown-divider {
1390  margin-top: 0.5rem;
1391  margin-bottom: 0.5rem;
1392}
1393.mikio-tabs {
1394  padding: 0;
1395  margin-top: 1rem;
1396  margin-bottom: -1px;
1397  list-style-type: none;
1398}
1399.mikio-tabs li {
1400  float: none;
1401  display: inline-block;
1402  font-size: 1rem;
1403  line-height: 1.4rem;
1404  position: relative;
1405  z-index: 2;
1406}
1407.mikio-tabs li strong {
1408  display: inline-block;
1409  background-color: var(--tab-active-background-color);
1410  font-weight: normal;
1411  color: var(--tab-active-color);
1412  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
1413  border-radius: .5rem .5rem 0 0;
1414  border-width: 1px;
1415  border-style: solid;
1416  padding: .5rem 1rem;
1417  margin: 0;
1418  bottom: -1px;
1419}
1420.mikio-tabs li a,
1421.mikio-tabs li a:visited,
1422.mikio-tabs li a:active {
1423  display: inline-block;
1424  padding: .5rem 1rem;
1425  border: 1px solid var(--tab-border-color);
1426  color: var(--tab-color);
1427  -webkit-text-decoration: none;
1428  text-decoration: none;
1429  margin: 0;
1430  background-color: var(--tab-background-color);
1431}
1432.mikio-tabs li a:hover,
1433.mikio-tabs li a:visited:hover,
1434.mikio-tabs li a:active:hover {
1435  color: var(--tab-hover-color);
1436  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
1437  border-radius: .5rem .5rem 0 0;
1438  background-color: var(--tab-background-hover-color);
1439}
1440.mikio-tabs:after {
1441  border-bottom: 0;
1442}
1443.mikio-tab-active {
1444  display: inline-block;
1445  background-color: var(--tab-active-background-color);
1446  font-weight: normal;
1447  color: var(--tab-active-color);
1448  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
1449  border-radius: .5rem .5rem 0 0;
1450  border-width: 1px;
1451  border-style: solid;
1452  padding: .5rem 1rem;
1453  margin: 0;
1454  bottom: -1px;
1455}
1456.mikio-tab {
1457  background-color: var(--tab-background-color);
1458  font-weight: normal;
1459  color: var(--tab-color);
1460  border-color: var(--tab-border-color) var(--tab-border-color) var(--tab-background-color);
1461  padding: .5rem 1rem;
1462  margin: 0;
1463  bottom: -1px;
1464}
1465.mikio-tab-panel {
1466  margin-bottom: 0 !important;
1467  background-color: var(--tab-active-background-color);
1468  border-width: 1px 1px 1px 1px;
1469  border-style: solid;
1470  border-color: var(--tab-active-border-color) !important;
1471  word-wrap: break-word;
1472  word-break: break-word;
1473}
1474.mikio.dokuwiki div.section_highlight {
1475  background-color: var(--section-edit-highlight);
1476  border-width: 0;
1477  margin: 0 -1rem;
1478  padding: 0 1rem;
1479}
1480.mikio-input-file {
1481  position: absolute;
1482  margin-top: -0.5rem;
1483  top: 0;
1484  right: 0;
1485  left: 0;
1486  z-index: 5;
1487  padding: .25rem 1rem;
1488  line-height: 1.5;
1489  text-align: left;
1490  color: var(--control-text-color);
1491  background-color: var(--control-background-color);
1492  border: .1px solid var(--input-border-color);
1493  border-radius: .25rem;
1494  -webkit-user-select: none;
1495  -moz-user-select: none;
1496  -ms-user-select: none;
1497  user-select: none;
1498  white-space: nowrap;
1499  overflow: hidden;
1500  text-overflow: ellipsis;
1501  box-sizing: border-box;
1502}
1503.mikio-input-file:before {
1504  position: absolute;
1505  top: 0;
1506  right: 0;
1507  bottom: 0;
1508  z-index: 6;
1509  display: block;
1510  content: "Browse";
1511  padding: .25rem 1rem;
1512  line-height: 1.5;
1513  color: var(--button-text-color);
1514  background-color: var(--button-background-color);
1515  border-radius: 0 .25rem .25rem 0;
1516  border: 1px solid var(--button-border-color);
1517  transition: all .15s ease-in-out;
1518}
1519.mikio-input-file:hover:before {
1520  background-color: var(--button-background-hover-color);
1521  border-color: var(--button-border-hover-color);
1522  color: var(--button-text-hover-color);
1523}
1524code,
1525pre {
1526  overflow-x: auto;
1527  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1528  font-size: 87.5%;
1529  color: var(--code-text-color);
1530  background-color: var(--code-background-color);
1531  word-wrap: break-word;
1532  white-space: pre-wrap;
1533  white-space: -moz-pre-wrap;
1534  white-space: -pre-wrap;
1535  white-space: -o-pre-wrap;
1536  line-height: 1.75;
1537}
1538.mode_show code,
1539.mode_show pre {
1540  border: 1px solid var(--code-border-color);
1541  padding: 1em;
1542}
1543.mikio .mikio-search button,
1544.mikio .mikio-search input,
1545.mikio .mikio-search optgroup,
1546.mikio .mikio-search select,
1547.mikio .mikio-search textarea,
1548.mikio.dokuwiki fieldset button,
1549.mikio.dokuwiki fieldset input,
1550.mikio.dokuwiki fieldset optgroup,
1551.mikio.dokuwiki fieldset select,
1552.mikio.dokuwiki fieldset textarea,
1553.mikio.dokuwiki .secedit button,
1554.mikio.dokuwiki .secedit input,
1555.mikio.dokuwiki .secedit optgroup,
1556.mikio.dokuwiki .secedit select,
1557.mikio.dokuwiki .secedit textarea,
1558.mikio .mode_revisions button,
1559.mikio .mode_revisions input,
1560.mikio .mode_revisions optgroup,
1561.mikio .mode_revisions select,
1562.mikio .mode_revisions textarea,
1563.mikio .mode_edit button,
1564.mikio .mode_edit input,
1565.mikio .mode_edit optgroup,
1566.mikio .mode_edit select,
1567.mikio .mode_edit textarea,
1568.mikio .mode_draft button,
1569.mikio .mode_draft input,
1570.mikio .mode_draft optgroup,
1571.mikio .mode_draft select,
1572.mikio .mode_draft textarea,
1573.mikio .mode_preview button,
1574.mikio .mode_preview input,
1575.mikio .mode_preview optgroup,
1576.mikio .mode_preview select,
1577.mikio .mode_preview textarea,
1578.mikio .mode_showtag button,
1579.mikio .mode_showtag input,
1580.mikio .mode_showtag optgroup,
1581.mikio .mode_showtag select,
1582.mikio .mode_showtag textarea,
1583.mikio .mode_admin button,
1584.mikio .mode_admin input,
1585.mikio .mode_admin optgroup,
1586.mikio .mode_admin select,
1587.mikio .mode_admin textarea {
1588  margin: 0;
1589  font-family: inherit;
1590  font-size: inherit;
1591  font-weight: 400;
1592  border-width: 1px;
1593  border-style: solid;
1594  border-color: transparent;
1595  border-radius: .25rem;
1596  box-sizing: border-box;
1597  vertical-align: middle;
1598  padding: .375rem .75rem;
1599  color: var(--control-text-color);
1600  background-color: var(--control-background-color);
1601  border-color: var(--input-border-color);
1602  line-height: inherit;
1603}
1604.mikio .mikio-search button[type=color],
1605.mikio .mikio-search input[type=color],
1606.mikio .mikio-search optgroup[type=color],
1607.mikio .mikio-search select[type=color],
1608.mikio .mikio-search textarea[type=color],
1609.mikio.dokuwiki fieldset button[type=color],
1610.mikio.dokuwiki fieldset input[type=color],
1611.mikio.dokuwiki fieldset optgroup[type=color],
1612.mikio.dokuwiki fieldset select[type=color],
1613.mikio.dokuwiki fieldset textarea[type=color],
1614.mikio.dokuwiki .secedit button[type=color],
1615.mikio.dokuwiki .secedit input[type=color],
1616.mikio.dokuwiki .secedit optgroup[type=color],
1617.mikio.dokuwiki .secedit select[type=color],
1618.mikio.dokuwiki .secedit textarea[type=color],
1619.mikio .mode_revisions button[type=color],
1620.mikio .mode_revisions input[type=color],
1621.mikio .mode_revisions optgroup[type=color],
1622.mikio .mode_revisions select[type=color],
1623.mikio .mode_revisions textarea[type=color],
1624.mikio .mode_edit button[type=color],
1625.mikio .mode_edit input[type=color],
1626.mikio .mode_edit optgroup[type=color],
1627.mikio .mode_edit select[type=color],
1628.mikio .mode_edit textarea[type=color],
1629.mikio .mode_draft button[type=color],
1630.mikio .mode_draft input[type=color],
1631.mikio .mode_draft optgroup[type=color],
1632.mikio .mode_draft select[type=color],
1633.mikio .mode_draft textarea[type=color],
1634.mikio .mode_preview button[type=color],
1635.mikio .mode_preview input[type=color],
1636.mikio .mode_preview optgroup[type=color],
1637.mikio .mode_preview select[type=color],
1638.mikio .mode_preview textarea[type=color],
1639.mikio .mode_showtag button[type=color],
1640.mikio .mode_showtag input[type=color],
1641.mikio .mode_showtag optgroup[type=color],
1642.mikio .mode_showtag select[type=color],
1643.mikio .mode_showtag textarea[type=color],
1644.mikio .mode_admin button[type=color],
1645.mikio .mode_admin input[type=color],
1646.mikio .mode_admin optgroup[type=color],
1647.mikio .mode_admin select[type=color],
1648.mikio .mode_admin textarea[type=color] {
1649  padding: 0;
1650}
1651.mikio .mikio-search button,
1652.mikio .mikio-search input[type=button],
1653.mikio .mikio-search input[type=image],
1654.mikio.dokuwiki fieldset button,
1655.mikio.dokuwiki fieldset input[type=button],
1656.mikio.dokuwiki fieldset input[type=image],
1657.mikio.dokuwiki .secedit button,
1658.mikio.dokuwiki .secedit input[type=button],
1659.mikio.dokuwiki .secedit input[type=image],
1660.mikio .mode_revisions button,
1661.mikio .mode_revisions input[type=button],
1662.mikio .mode_revisions input[type=image],
1663.mikio .mode_edit button,
1664.mikio .mode_edit input[type=button],
1665.mikio .mode_edit input[type=image],
1666.mikio .mode_draft button,
1667.mikio .mode_draft input[type=button],
1668.mikio .mode_draft input[type=image],
1669.mikio .mode_preview button,
1670.mikio .mode_preview input[type=button],
1671.mikio .mode_preview input[type=image],
1672.mikio .mode_showtag button,
1673.mikio .mode_showtag input[type=button],
1674.mikio .mode_showtag input[type=image],
1675.mikio .mode_admin button,
1676.mikio .mode_admin input[type=button],
1677.mikio .mode_admin input[type=image] {
1678  display: inline-block;
1679  text-align: center;
1680  color: var(--button-text-color);
1681  background-color: var(--button-background-color);
1682  border-color: var(--button-border-color);
1683  line-height: 1.5;
1684  -webkit-text-decoration: none;
1685  text-decoration: none;
1686  text-transform: capitalize;
1687  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1688}
1689.mikio .mikio-search button:hover:not(:disabled),
1690.mikio .mikio-search input[type=button]:hover:not(:disabled),
1691.mikio .mikio-search input[type=image]:hover:not(:disabled),
1692.mikio.dokuwiki fieldset button:hover:not(:disabled),
1693.mikio.dokuwiki fieldset input[type=button]:hover:not(:disabled),
1694.mikio.dokuwiki fieldset input[type=image]:hover:not(:disabled),
1695.mikio.dokuwiki .secedit button:hover:not(:disabled),
1696.mikio.dokuwiki .secedit input[type=button]:hover:not(:disabled),
1697.mikio.dokuwiki .secedit input[type=image]:hover:not(:disabled),
1698.mikio .mode_revisions button:hover:not(:disabled),
1699.mikio .mode_revisions input[type=button]:hover:not(:disabled),
1700.mikio .mode_revisions input[type=image]:hover:not(:disabled),
1701.mikio .mode_edit button:hover:not(:disabled),
1702.mikio .mode_edit input[type=button]:hover:not(:disabled),
1703.mikio .mode_edit input[type=image]:hover:not(:disabled),
1704.mikio .mode_draft button:hover:not(:disabled),
1705.mikio .mode_draft input[type=button]:hover:not(:disabled),
1706.mikio .mode_draft input[type=image]:hover:not(:disabled),
1707.mikio .mode_preview button:hover:not(:disabled),
1708.mikio .mode_preview input[type=button]:hover:not(:disabled),
1709.mikio .mode_preview input[type=image]:hover:not(:disabled),
1710.mikio .mode_showtag button:hover:not(:disabled),
1711.mikio .mode_showtag input[type=button]:hover:not(:disabled),
1712.mikio .mode_showtag input[type=image]:hover:not(:disabled),
1713.mikio .mode_admin button:hover:not(:disabled),
1714.mikio .mode_admin input[type=button]:hover:not(:disabled),
1715.mikio .mode_admin input[type=image]:hover:not(:disabled) {
1716  -webkit-text-decoration: none;
1717  text-decoration: none;
1718  color: var(--button-text-hover-color);
1719  background-color: var(--button-background-hover-color);
1720  border-color: var(--button-border-hover-color);
1721}
1722.mikio .mikio-search button:disabled,
1723.mikio .mikio-search input[type=button]:disabled,
1724.mikio .mikio-search input[type=image]:disabled,
1725.mikio.dokuwiki fieldset button:disabled,
1726.mikio.dokuwiki fieldset input[type=button]:disabled,
1727.mikio.dokuwiki fieldset input[type=image]:disabled,
1728.mikio.dokuwiki .secedit button:disabled,
1729.mikio.dokuwiki .secedit input[type=button]:disabled,
1730.mikio.dokuwiki .secedit input[type=image]:disabled,
1731.mikio .mode_revisions button:disabled,
1732.mikio .mode_revisions input[type=button]:disabled,
1733.mikio .mode_revisions input[type=image]:disabled,
1734.mikio .mode_edit button:disabled,
1735.mikio .mode_edit input[type=button]:disabled,
1736.mikio .mode_edit input[type=image]:disabled,
1737.mikio .mode_draft button:disabled,
1738.mikio .mode_draft input[type=button]:disabled,
1739.mikio .mode_draft input[type=image]:disabled,
1740.mikio .mode_preview button:disabled,
1741.mikio .mode_preview input[type=button]:disabled,
1742.mikio .mode_preview input[type=image]:disabled,
1743.mikio .mode_showtag button:disabled,
1744.mikio .mode_showtag input[type=button]:disabled,
1745.mikio .mode_showtag input[type=image]:disabled,
1746.mikio .mode_admin button:disabled,
1747.mikio .mode_admin input[type=button]:disabled,
1748.mikio .mode_admin input[type=image]:disabled {
1749  opacity: .65;
1750}
1751.mikio .mikio-search button#edbtn__save,
1752.mikio .mikio-search button[name="run[save]"],
1753.mikio.dokuwiki fieldset button#edbtn__save,
1754.mikio.dokuwiki fieldset button[name="run[save]"],
1755.mikio.dokuwiki .secedit button#edbtn__save,
1756.mikio.dokuwiki .secedit button[name="run[save]"],
1757.mikio .mode_revisions button#edbtn__save,
1758.mikio .mode_revisions button[name="run[save]"],
1759.mikio .mode_edit button#edbtn__save,
1760.mikio .mode_edit button[name="run[save]"],
1761.mikio .mode_draft button#edbtn__save,
1762.mikio .mode_draft button[name="run[save]"],
1763.mikio .mode_preview button#edbtn__save,
1764.mikio .mode_preview button[name="run[save]"],
1765.mikio .mode_showtag button#edbtn__save,
1766.mikio .mode_showtag button[name="run[save]"],
1767.mikio .mode_admin button#edbtn__save,
1768.mikio .mode_admin button[name="run[save]"] {
1769  color: var(--button-default-text-color);
1770  background-color: var(--button-default-background-color);
1771  border-color: var(--button-default-border-color);
1772}
1773.mikio .mikio-search button#edbtn__save:hover,
1774.mikio .mikio-search button[name="run[save]"]:hover,
1775.mikio.dokuwiki fieldset button#edbtn__save:hover,
1776.mikio.dokuwiki fieldset button[name="run[save]"]:hover,
1777.mikio.dokuwiki .secedit button#edbtn__save:hover,
1778.mikio.dokuwiki .secedit button[name="run[save]"]:hover,
1779.mikio .mode_revisions button#edbtn__save:hover,
1780.mikio .mode_revisions button[name="run[save]"]:hover,
1781.mikio .mode_edit button#edbtn__save:hover,
1782.mikio .mode_edit button[name="run[save]"]:hover,
1783.mikio .mode_draft button#edbtn__save:hover,
1784.mikio .mode_draft button[name="run[save]"]:hover,
1785.mikio .mode_preview button#edbtn__save:hover,
1786.mikio .mode_preview button[name="run[save]"]:hover,
1787.mikio .mode_showtag button#edbtn__save:hover,
1788.mikio .mode_showtag button[name="run[save]"]:hover,
1789.mikio .mode_admin button#edbtn__save:hover,
1790.mikio .mode_admin button[name="run[save]"]:hover {
1791  color: var(--button-default-text-hover-color);
1792  background-color: var(--button-default-background-hover-color);
1793  border-color: var(--button-default-border-hover-color);
1794}
1795.mikio .mikio-search input[type=text],
1796.mikio .mikio-search input[type=search],
1797.mikio .mikio-search input[type=password],
1798.mikio .mikio-search input[type=email],
1799.mikio.dokuwiki fieldset input[type=text],
1800.mikio.dokuwiki fieldset input[type=search],
1801.mikio.dokuwiki fieldset input[type=password],
1802.mikio.dokuwiki fieldset input[type=email],
1803.mikio.dokuwiki .secedit input[type=text],
1804.mikio.dokuwiki .secedit input[type=search],
1805.mikio.dokuwiki .secedit input[type=password],
1806.mikio.dokuwiki .secedit input[type=email],
1807.mikio .mode_revisions input[type=text],
1808.mikio .mode_revisions input[type=search],
1809.mikio .mode_revisions input[type=password],
1810.mikio .mode_revisions input[type=email],
1811.mikio .mode_edit input[type=text],
1812.mikio .mode_edit input[type=search],
1813.mikio .mode_edit input[type=password],
1814.mikio .mode_edit input[type=email],
1815.mikio .mode_draft input[type=text],
1816.mikio .mode_draft input[type=search],
1817.mikio .mode_draft input[type=password],
1818.mikio .mode_draft input[type=email],
1819.mikio .mode_preview input[type=text],
1820.mikio .mode_preview input[type=search],
1821.mikio .mode_preview input[type=password],
1822.mikio .mode_preview input[type=email],
1823.mikio .mode_showtag input[type=text],
1824.mikio .mode_showtag input[type=search],
1825.mikio .mode_showtag input[type=password],
1826.mikio .mode_showtag input[type=email],
1827.mikio .mode_admin input[type=text],
1828.mikio .mode_admin input[type=search],
1829.mikio .mode_admin input[type=password],
1830.mikio .mode_admin input[type=email] {
1831  -webkit-appearance: none;
1832  -moz-appearance: none;
1833  -ms-appearance: none;
1834}
1835.mikio .mikio-search textarea,
1836.mikio.dokuwiki fieldset textarea,
1837.mikio.dokuwiki .secedit textarea,
1838.mikio .mode_revisions textarea,
1839.mikio .mode_edit textarea,
1840.mikio .mode_draft textarea,
1841.mikio .mode_preview textarea,
1842.mikio .mode_showtag textarea,
1843.mikio .mode_admin textarea {
1844  margin-bottom: 1rem;
1845  width: 100%;
1846  word-wrap: break-word;
1847  overflow: auto;
1848  resize: vertical;
1849  white-space: pre-wrap;
1850}
1851.mikio .mikio-search select,
1852.mikio.dokuwiki fieldset select,
1853.mikio.dokuwiki .secedit select,
1854.mikio .mode_revisions select,
1855.mikio .mode_edit select,
1856.mikio .mode_draft select,
1857.mikio .mode_preview select,
1858.mikio .mode_showtag select,
1859.mikio .mode_admin select {
1860  -webkit-user-select: none;
1861  -moz-user-select: none;
1862  -ms-user-select: none;
1863  height: 2.25rem;
1864}
1865.mikio .mikio-search .toolbutton,
1866.mikio.dokuwiki fieldset .toolbutton,
1867.mikio.dokuwiki .secedit .toolbutton,
1868.mikio .mode_revisions .toolbutton,
1869.mikio .mode_edit .toolbutton,
1870.mikio .mode_draft .toolbutton,
1871.mikio .mode_preview .toolbutton,
1872.mikio .mode_showtag .toolbutton,
1873.mikio .mode_admin .toolbutton {
1874  border-radius: 0;
1875  border-right-width: 0;
1876  border-color: var(--input-border-color);
1877}
1878.mikio .mikio-search .toolbutton:first-of-type,
1879.mikio.dokuwiki fieldset .toolbutton:first-of-type,
1880.mikio.dokuwiki .secedit .toolbutton:first-of-type,
1881.mikio .mode_revisions .toolbutton:first-of-type,
1882.mikio .mode_edit .toolbutton:first-of-type,
1883.mikio .mode_draft .toolbutton:first-of-type,
1884.mikio .mode_preview .toolbutton:first-of-type,
1885.mikio .mode_showtag .toolbutton:first-of-type,
1886.mikio .mode_admin .toolbutton:first-of-type {
1887  border-radius: .25rem 0 0 .25rem;
1888}
1889.mikio .mikio-search .toolbutton:last-of-type,
1890.mikio.dokuwiki fieldset .toolbutton:last-of-type,
1891.mikio.dokuwiki .secedit .toolbutton:last-of-type,
1892.mikio .mode_revisions .toolbutton:last-of-type,
1893.mikio .mode_edit .toolbutton:last-of-type,
1894.mikio .mode_draft .toolbutton:last-of-type,
1895.mikio .mode_preview .toolbutton:last-of-type,
1896.mikio .mode_showtag .toolbutton:last-of-type,
1897.mikio .mode_admin .toolbutton:last-of-type {
1898  border-radius: 0 .25rem .25rem 0;
1899  border-right-width: 1px;
1900}
1901.mikio.dokuwiki .secedit {
1902  float: none;
1903  margin-top: 0;
1904  text-align: right;
1905}
1906.mikio.dokuwiki fieldset {
1907  margin: 2rem auto;
1908  border: 0;
1909  width: auto;
1910  max-width: 40rem;
1911}
1912.mikio.dokuwiki fieldset label.block {
1913  display: flex;
1914  flex-direction: row;
1915  text-align: right;
1916}
1917.mikio.dokuwiki fieldset label.block span {
1918  margin-right: 1rem;
1919  width: 15rem;
1920  align-self: center;
1921}
1922.mikio.dokuwiki fieldset label.block input {
1923  flex-grow: 1;
1924}
1925.mikio.dokuwiki .mode_login .mikio-article,
1926.mikio.dokuwiki .mode_denied .mikio-article {
1927  max-width: 40rem;
1928}
1929.mikio.dokuwiki .mode_login fieldset legend,
1930.mikio.dokuwiki .mode_denied fieldset legend {
1931  font-size: 1.75rem;
1932  font-weight: 400;
1933}
1934.mikio.dokuwiki .mode_login fieldset label.block input.edit,
1935.mikio.dokuwiki .mode_login fieldset select,
1936.mikio.dokuwiki .mode_denied fieldset label.block input.edit,
1937.mikio.dokuwiki .mode_denied fieldset select {
1938  width: 100%;
1939}
1940.mikio.dokuwiki .mode_login fieldset label,
1941.mikio.dokuwiki .mode_denied fieldset label {
1942  text-align: left;
1943  font-weight: normal;
1944  display: block;
1945}
1946.mikio.dokuwiki .mode_login fieldset label.simple,
1947.mikio.dokuwiki .mode_denied fieldset label.simple {
1948  text-align: center;
1949}
1950.mikio.dokuwiki .mode_login fieldset label.block,
1951.mikio.dokuwiki .mode_denied fieldset label.block {
1952  position: relative;
1953}
1954.mikio.dokuwiki .mode_login fieldset label.block span,
1955.mikio.dokuwiki .mode_denied fieldset label.block span {
1956  position: absolute;
1957  padding: .4rem .9rem;
1958  color: rgba(0,0,0,0.3);
1959}
1960.mikio.dokuwiki .mode_login fieldset button,
1961.mikio.dokuwiki .mode_denied fieldset button {
1962  display: block;
1963  width: 100%;
1964}
1965.mikio.dokuwiki .mode_login fieldset button[type=submit],
1966.mikio.dokuwiki .mode_denied fieldset button[type=submit] {
1967  color: var(--button-default-text-color);
1968  background-color: var(--button-default-background-color);
1969  border-color: var(--button-default-border-color);
1970}
1971.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover,
1972.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover {
1973  color: var(--button-default-text-hover-color);
1974  background-color: var(--button-default-background-hover-color);
1975  border-color: var(--button-default-border-hover-color);
1976}
1977.mikio.dokuwiki .mode_login fieldset input[type=checkbox],
1978.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] {
1979  vertical-align: middle;
1980}
1981.mikio .mode_admin input[type=text],
1982.mikio .mode_admin input[type=password],
1983.mikio .mode_admin input[type=email] {
1984  width: 100%;
1985}
1986.mikio .mode_admin p button + button {
1987  margin-left: .5rem;
1988}
1989.mikio .mode_admin div.ui-admin ul.admin_tasks,
1990.mikio .mode_admin div.ui-admin ul.admin_plugins {
1991  float: none;
1992  display: grid;
1993  grid-template-columns: repeat(auto-fit,15rem);
1994  width: auto;
1995  padding: 0;
1996  margin: 0;
1997  justify-content: center;
1998}
1999.mikio .mode_admin div.ui-admin ul.admin_tasks li,
2000.mikio .mode_admin div.ui-admin ul.admin_plugins li {
2001  border: 1px solid var(--button-border-color);
2002  border-radius: .25rem;
2003  margin: 1rem 1rem;
2004  background-color: var(--button-background-color);
2005}
2006.mikio .mode_admin div.ui-admin ul.admin_tasks li a,
2007.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited,
2008.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active,
2009.mikio .mode_admin div.ui-admin ul.admin_plugins li a,
2010.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited,
2011.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active {
2012  display: flex;
2013  flex-direction: column;
2014  align-items: center;
2015  justify-content: center;
2016  text-align: center;
2017  height: 4rem;
2018  font-size: 1rem;
2019  font-weight: normal;
2020  padding: 1rem 2rem;
2021  color: var(--button-text-color);
2022  -webkit-text-decoration: none;
2023  text-decoration: none;
2024  overflow: hidden;
2025  transition: all .15s ease-in-out;
2026}
2027.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon,
2028.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited span.icon,
2029.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active span.icon,
2030.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon,
2031.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited span.icon,
2032.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active span.icon {
2033  width: auto;
2034  height: auto;
2035  min-height: auto;
2036}
2037.mikio .mode_admin div.ui-admin ul.admin_tasks li a svg,
2038.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited svg,
2039.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active svg,
2040.mikio .mode_admin div.ui-admin ul.admin_plugins li a svg,
2041.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited svg,
2042.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active svg {
2043  fill: var(--button-text-color);
2044}
2045.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover,
2046.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover,
2047.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover,
2048.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover,
2049.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover,
2050.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover {
2051  -webkit-text-decoration: none;
2052  text-decoration: none;
2053  color: var(--button-text-hover-color);
2054  background-color: var(--button-background-hover-color);
2055  border-color: var(--button-border-hover-color);
2056}
2057.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg,
2058.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover svg,
2059.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover svg,
2060.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg,
2061.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover svg,
2062.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover svg {
2063  fill: var(--button-text-hover-color);
2064}
2065.mikio .mode_admin .mikio-config-table-header {
2066  background-color: var(--table-header-row-background-color);
2067  color: var(--table-header-row-text-color);
2068  font-weight: bold;
2069}
2070.mikio .mode_admin .mikio-config-table-header .mikio-iicon {
2071  vertical-align: text-bottom;
2072}
2073.mikio .mode_admin #extension__list ul.extensionList li {
2074  border-width: 0 0 1px 0;
2075  border-style: solid;
2076  border-color: var(--table-row-border-color);
2077  padding: .75rem;
2078  margin: 0;
2079  text-align: left;
2080}
2081.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) {
2082  background-color: var(--table-odd-row-background-color);
2083  color: var(--table-odd-row-text-color);
2084}
2085.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) {
2086  background-color: var(--table-even-row-background-color);
2087  color: var(--table-even-row-text-color);
2088}
2089.mikio .mode_admin button#usrmgr__del {
2090  color: #fff;
2091  border-color: #dc3545;
2092  background-color: #dc3545;
2093  margin-right: .5rem;
2094}
2095.mikio .mode_admin button#usrmgr__del:hover {
2096  color: #fff;
2097  background-color: #c03040;
2098  border-color: #c03040;
2099}
2100.mikio .mode_admin #acl__detail div#acl__user {
2101  border-color: var(--toc-border-color);
2102}
2103.mikio .mode_admin #acl__tree {
2104  background-color: var(--tree-background-color);
2105  border-color: var(--tree-border-color);
2106  color: var(--control-text-color);
2107}
2108.mikio .mode_admin #acl__tree a.cur {
2109  background-color: var(--section-edit-highlight);
2110}
2111.mikio .mode_admin #acl_manager table tr:nth-child(odd) {
2112  background-color: var(--table-odd-row-background-color);
2113  color: var(--table-odd-row-text-color);
2114}
2115.mikio .mode_admin #acl_manager table tr:nth-child(even) {
2116  background-color: var(--table-even-row-background-color);
2117  color: var(--table-even-row-text-color);
2118}
2119.mode_admin .mikio-content,
2120.mode_admin .mikio-page-fill,
2121.mode_login .mikio-content,
2122.mode_login .mikio-page-fill,
2123.mode_denied .mikio-content,
2124.mode_denied .mikio-page-fill,
2125.mode_revisions .mikio-content,
2126.mode_revisions .mikio-page-fill,
2127.mode_recent .mikio-content,
2128.mode_recent .mikio-page-fill,
2129.mode_backlink .mikio-content,
2130.mode_backlink .mikio-page-fill,
2131.mode_media .mikio-content,
2132.mode_media .mikio-page-fill,
2133.mode_index .mikio-content,
2134.mode_index .mikio-page-fill,
2135.mode_search .mikio-content,
2136.mode_search .mikio-page-fill,
2137.mode_edit .mikio-content,
2138.mode_edit .mikio-page-fill,
2139.mode_draft .mikio-content,
2140.mode_draft .mikio-page-fill,
2141.mode_preview .mikio-content,
2142.mode_preview .mikio-page-fill,
2143.mode_showtag .mikio-content,
2144.mode_showtag .mikio-page-fill {
2145  background-color: var(--admin-background-color);
2146}
2147.mikio #plugin__styling button.primary {
2148  font-weight: inherit;
2149}
2150.mikio.dokuwiki .secedit button {
2151  padding: .1rem .75rem;
2152  font-size: 80% !important;
2153  min-width: 3rem;
2154}
2155.mikio img {
2156  max-width: 100%;
2157}
2158.mikio img.media {
2159  margin: .2rem 0;
2160}
2161.mikio img.medialeft {
2162  margin: .2rem 1em .2rem 0;
2163}
2164.mikio img.mediaright {
2165  margin: .2rem 0 .2rem 1rem;
2166}
2167.mikio img.mediacenter {
2168  margin: .2rem auto;
2169}
2170.mikio div.dokuwiki div.inclmeta {
2171  margin-top: .5rem;
2172  padding-top: .5rem;
2173}
2174.mikio #dw__login label[for=remember__me] {
2175  margin-left: 0;
2176}
2177.mikio #config__manager fieldset {
2178  color: var(--text);
2179  background-color: transparent;
2180  margin: 0;
2181  padding: 0;
2182}
2183.mikio #config__manager fieldset legend {
2184  text-align: left;
2185}
2186.mikio #config__manager tr textarea {
2187  color: inherit;
2188  background-color: var(--control-background-color);
2189}
2190.mikio #config__manager tr select {
2191  width: 100%;
2192  background-color: var(--control-background-color);
2193}
2194.mikio #config__manager td.label {
2195  display: grid;
2196  grid-template-columns: auto 2rem;
2197}
2198.mikio #config__manager td.label span.outkey {
2199  float: none;
2200  font-size: 100%;
2201  background-color: transparent;
2202  margin: 0;
2203  grid-column: 1 / span 1;
2204  grid-row: 1 / span 1;
2205}
2206.mikio #config__manager td.label label {
2207  grid-column: 1 / span 1;
2208  grid-row: 2 / span 1;
2209}
2210.mikio #config__manager td.label img {
2211  float: none;
2212  grid-column: 2 / span 1;
2213  grid-row: 1 / span 2;
2214  align-self: center;
2215}
2216.mikio #config__manager td input.edit {
2217  width: 100%;
2218}
2219.mikio #config__manager button[type=submit] {
2220  color: var(--button-default-text-color);
2221  background-color: var(--button-default-background-color);
2222  border-color: var(--button-default-border-color);
2223}
2224.mikio #config__manager button[type=submit]:hover {
2225  color: var(--button-default-text-hover-color);
2226  background-color: var(--button-default-background-hover-color);
2227  border-color: var(--button-default-border-hover-color);
2228}
2229.mode_revisions .mikio-article li {
2230  padding: .5rem 1rem;
2231  border-top: 1px solid var(--table-row-border-color);
2232  background-color: var(--table-even-row-background-color);
2233  color: --table-even-row-text-color;
2234}
2235.mode_revisions .mikio-article li:nth-child(odd) {
2236  background-color: var(--table-odd-row-background-color);
2237  color: var(--table-odd-row-text-color);
2238}
2239.mode_revisions .mikio-article .li {
2240  display: grid;
2241  grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem;
2242  align-items: center;
2243  text-align: center;
2244  font-size: 90%;
2245}
2246.mode_revisions .mikio-article .li a.wikilink1 {
2247  text-align: left;
2248}
2249.mode_revisions .mikio-article .li span.sizechange {
2250  width: 100%;
2251  font-size: 80%;
2252  border-radius: .2em;
2253  padding: .1em .2em;
2254  color: var(--control-text-color) !important;
2255}
2256.mode_revisions .mikio-article .sum {
2257  display: block;
2258}
2259.mode_recent .mikio-article ul {
2260  list-style-type: none;
2261}
2262.mode_recent .mikio-article li {
2263  padding: .5rem 1rem;
2264  border-top: 1px solid var(--table-row-border-color);
2265  background-color: var(--table-even-row-background-color);
2266  color: var(--table-even-row-text-color);
2267}
2268.mode_recent .mikio-article li:nth-child(odd) {
2269  background-color: var(--table-odd-row-background-color);
2270  color: var(--table-odd-row-text-color);
2271}
2272.mode_recent .mikio-article .li {
2273  display: grid;
2274  grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem;
2275  align-items: center;
2276  text-align: center;
2277  font-size: 90%;
2278}
2279.mode_recent .mikio-article .li a.wikilink1,
2280.mode_recent .mikio-article .li span.curid {
2281  text-align: left;
2282}
2283.mode_recent .mikio-article .li span.sizechange {
2284  width: 100%;
2285  font-size: 80%;
2286  border-radius: .2em;
2287  padding: .1em .2em;
2288  color: var(--control-text-color);
2289}
2290.mode_recent .mikio-article .li span.sizechange.positive {
2291  background-color: #cfc;
2292}
2293.mode_recent .mikio-article .li span.sizechange.negative {
2294  background-color: #fdd;
2295}
2296.mode_recent .mikio-article select {
2297  margin: 0;
2298  font-family: inherit;
2299  font-size: inherit;
2300  font-weight: 400;
2301  border-width: 1px;
2302  border-style: solid;
2303  border-color: transparent;
2304  border-radius: .25rem;
2305  box-sizing: border-box;
2306  vertical-align: middle;
2307  padding: .375rem .75rem;
2308  color: var(--control-text-color);
2309  background-color: var(--control-background-color);
2310  -webkit-user-select: none;
2311  -moz-user-select: none;
2312  -ms-user-select: none;
2313  height: 2.25rem;
2314}
2315.mode_recent .mikio-article select[type=color] {
2316  padding: 0;
2317}
2318.mikio #mediamanager__page,
2319#media__manager {
2320  width: 100%;
2321  min-width: 100%;
2322}
2323.mikio #mediamanager__page button,
2324.mikio #mediamanager__page .qq-upload-button,
2325.mikio #mediamanager__page .qq-upload-list a,
2326#media__manager button,
2327#media__manager .qq-upload-button,
2328#media__manager .qq-upload-list a {
2329  margin: 0;
2330  font-family: inherit;
2331  font-size: inherit;
2332  font-weight: 400;
2333  border-width: 1px;
2334  border-style: solid;
2335  border-color: transparent;
2336  border-radius: .25rem;
2337  box-sizing: border-box;
2338  vertical-align: middle;
2339  padding: .375rem .75rem;
2340  color: var(--control-text-color);
2341  background-color: var(--control-background-color);
2342  display: inline-block;
2343  text-align: center;
2344  color: var(--button-text-color);
2345  background-color: var(--button-background-color);
2346  border-color: var(--button-border-color);
2347  line-height: 1.5;
2348  -webkit-text-decoration: none;
2349  text-decoration: none;
2350  text-transform: capitalize;
2351  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
2352}
2353.mikio #mediamanager__page button[type=color],
2354.mikio #mediamanager__page .qq-upload-button[type=color],
2355.mikio #mediamanager__page .qq-upload-list a[type=color],
2356#media__manager button[type=color],
2357#media__manager .qq-upload-button[type=color],
2358#media__manager .qq-upload-list a[type=color] {
2359  padding: 0;
2360}
2361.mikio #mediamanager__page button:hover:not(:disabled),
2362.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled),
2363.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled),
2364#media__manager button:hover:not(:disabled),
2365#media__manager .qq-upload-button:hover:not(:disabled),
2366#media__manager .qq-upload-list a:hover:not(:disabled) {
2367  -webkit-text-decoration: none;
2368  text-decoration: none;
2369  color: var(--button-text-hover-color);
2370  background-color: var(--button-background-hover-color);
2371  border-color: var(--button-border-hover-color);
2372}
2373.mikio #mediamanager__page button:disabled,
2374.mikio #mediamanager__page .qq-upload-button:disabled,
2375.mikio #mediamanager__page .qq-upload-list a:disabled,
2376#media__manager button:disabled,
2377#media__manager .qq-upload-button:disabled,
2378#media__manager .qq-upload-list a:disabled {
2379  opacity: .65;
2380}
2381.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel,
2382#media__manager .qq-upload-list a.qq-upload-cancel {
2383  color: #fff;
2384  border-color: #dc3545;
2385  background-color: #dc3545;
2386}
2387.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover,
2388#media__manager .qq-upload-list a.qq-upload-cancel:hover {
2389  color: #fff;
2390  background-color: #c03040;
2391  border-color: #c03040;
2392}
2393.mikio #mediamanager__page button.qq-upload-action,
2394#media__manager button.qq-upload-action {
2395  color: var(--button-default-text-color);
2396  background-color: var(--button-default-background-color);
2397  border-color: var(--button-default-border-color);
2398}
2399.mikio #mediamanager__page button.qq-upload-action:hover,
2400#media__manager button.qq-upload-action:hover {
2401  color: var(--button-default-text-hover-color);
2402  background-color: var(--button-default-background-hover-color);
2403  border-color: var(--button-default-border-hover-color);
2404}
2405.mikio #mediamanager__page input[type=text],
2406.mikio #mediamanager__page input[type=search],
2407.mikio #mediamanager__page textarea,
2408#media__manager input[type=text],
2409#media__manager input[type=search],
2410#media__manager textarea {
2411  margin: 0;
2412  font-family: inherit;
2413  font-size: inherit;
2414  font-weight: 400;
2415  border-width: 1px;
2416  border-style: solid;
2417  border-color: transparent;
2418  border-radius: .25rem;
2419  box-sizing: border-box;
2420  vertical-align: middle;
2421  padding: .375rem .75rem;
2422  color: var(--control-text-color);
2423  background-color: var(--control-background-color);
2424  border-color: var(--input-border-color);
2425  line-height: inherit;
2426}
2427.mikio #mediamanager__page input[type=text][type=color],
2428.mikio #mediamanager__page input[type=search][type=color],
2429.mikio #mediamanager__page textarea[type=color],
2430#media__manager input[type=text][type=color],
2431#media__manager input[type=search][type=color],
2432#media__manager textarea[type=color] {
2433  padding: 0;
2434}
2435.mikio #mediamanager__page .ui-resizable-e,
2436#media__manager .ui-resizable-e {
2437  background: transparent;
2438  width: 6px;
2439  right: 2px;
2440}
2441.mikio #mediamanager__page .ui-resizable-e:hover,
2442#media__manager .ui-resizable-e:hover {
2443  background-color: #999;
2444}
2445.mikio #mediamanager__page .namespaces,
2446#media__manager .namespaces {
2447  width: 20%;
2448  min-width: 10em;
2449  left: 0 !important;
2450}
2451.mikio #mediamanager__page .namespaces h2,
2452#media__manager .namespaces h2 {
2453  display: inline-block;
2454  background-color: var(--tab-active-background-color);
2455  font-weight: normal;
2456  color: var(--tab-active-color);
2457  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
2458  border-radius: .5rem .5rem 0 0;
2459  border-width: 1px;
2460  border-style: solid;
2461  padding: .5rem 1rem;
2462  margin: 0;
2463  bottom: -1px;
2464  font-size: 1rem;
2465}
2466.mikio #mediamanager__page #media__tree,
2467#media__manager #media__tree {
2468  background-color: var(--tree-background-color);
2469  border-color: var(--tree-border-color);
2470}
2471.mikio #mediamanager__page #media__tree ul,
2472.mikio #mediamanager__page #media__tree ul.idx,
2473#media__manager #media__tree ul,
2474#media__manager #media__tree ul.idx {
2475  margin-top: 0;
2476  margin-bottom: 0;
2477  padding: 0;
2478  list-style-type: none;
2479}
2480.mikio #mediamanager__page #media__tree ul ul,
2481.mikio #mediamanager__page #media__tree ul.idx ul,
2482#media__manager #media__tree ul ul,
2483#media__manager #media__tree ul.idx ul {
2484  margin-left: 1rem;
2485}
2486.mikio #mediamanager__page #media__tree ul li,
2487.mikio #mediamanager__page #media__tree ul.idx li,
2488#media__manager #media__tree ul li,
2489#media__manager #media__tree ul.idx li {
2490  margin: .25rem 0;
2491  white-space: nowrap;
2492}
2493.mikio #mediamanager__page #media__tree ul li img,
2494.mikio #mediamanager__page #media__tree ul.idx li img,
2495#media__manager #media__tree ul li img,
2496#media__manager #media__tree ul.idx li img {
2497  margin-right: .2rem;
2498}
2499.mikio #mediamanager__page #media__tree ul a,
2500.mikio #mediamanager__page #media__tree ul.idx a,
2501#media__manager #media__tree ul a,
2502#media__manager #media__tree ul.idx a {
2503  -webkit-text-decoration: none;
2504  text-decoration: none;
2505}
2506.mikio #mediamanager__page #media__tree ul div,
2507.mikio #mediamanager__page #media__tree ul.idx div,
2508#media__manager #media__tree ul div,
2509#media__manager #media__tree ul.idx div {
2510  display: inline-block;
2511}
2512.mikio #mediamanager__page .panelHeader,
2513#media__manager .panelHeader {
2514  margin-bottom: 0 !important;
2515  background-color: var(--tab-active-background-color);
2516  border-width: 1px 1px 1px 1px;
2517  border-style: solid;
2518  border-color: var(--tab-active-border-color) !important;
2519  word-wrap: break-word;
2520  word-break: break-word;
2521}
2522.mikio #mediamanager__page .filelist,
2523#media__manager .filelist {
2524  width: 50%;
2525  min-width: 25em;
2526  left: 0 !important;
2527}
2528.mikio #mediamanager__page .filelist .panelHeader,
2529.mikio #mediamanager__page .qq-uploader .panelHeader,
2530#media__manager .filelist .panelHeader,
2531#media__manager .qq-uploader .panelHeader {
2532  margin-bottom: 0 !important;
2533  background-color: var(--tab-active-background-color);
2534  border-width: 1px 1px 1px 1px;
2535  border-style: solid;
2536  border-color: var(--tab-active-border-color) !important;
2537  word-wrap: break-word;
2538  word-break: break-word;
2539}
2540.mikio #mediamanager__page .filelist .panelHeader h3,
2541.mikio #mediamanager__page .qq-uploader .panelHeader h3,
2542#media__manager .filelist .panelHeader h3,
2543#media__manager .qq-uploader .panelHeader h3 {
2544  width: 100%;
2545}
2546.mikio #mediamanager__page .filelist form.options,
2547.mikio #mediamanager__page .qq-uploader form.options,
2548#media__manager .filelist form.options,
2549#media__manager .qq-uploader form.options {
2550  margin-top: 0;
2551}
2552.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label,
2553.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label,
2554#media__manager .filelist form.options .ui-controlgroup-horizontal label,
2555#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label {
2556  margin-right: 0;
2557}
2558.mikio #mediamanager__page .filelist .panelContent,
2559.mikio #mediamanager__page .qq-uploader .panelContent,
2560#media__manager .filelist .panelContent,
2561#media__manager .qq-uploader .panelContent {
2562  text-align: center;
2563}
2564.mikio #mediamanager__page .filelist .panelContent ul li:hover,
2565.mikio #mediamanager__page .qq-uploader .panelContent ul li:hover,
2566#media__manager .filelist .panelContent ul li:hover,
2567#media__manager .qq-uploader .panelContent ul li:hover {
2568  background-color: initial;
2569}
2570.mikio #mediamanager__page .filelist ul,
2571.mikio #mediamanager__page .qq-uploader ul,
2572#media__manager .filelist ul,
2573#media__manager .qq-uploader ul {
2574  margin: 1rem 0 -1px 0;
2575}
2576.mikio #mediamanager__page .filelist ul.thumbs,
2577.mikio #mediamanager__page .qq-uploader ul.thumbs,
2578#media__manager .filelist ul.thumbs,
2579#media__manager .qq-uploader ul.thumbs {
2580  margin: 0;
2581}
2582.mikio #mediamanager__page .filelist ul.thumbs li,
2583.mikio #mediamanager__page .qq-uploader ul.thumbs li,
2584#media__manager .filelist ul.thumbs li,
2585#media__manager .qq-uploader ul.thumbs li {
2586  display: inline-block;
2587  width: 200px;
2588  background-color: var(--tab-active-background-color);
2589  color: var(--tab-active-color);
2590}
2591.mikio #mediamanager__page .filelist ul.thumbs li dt,
2592.mikio #mediamanager__page .qq-uploader ul.thumbs li dt,
2593#media__manager .filelist ul.thumbs li dt,
2594#media__manager .qq-uploader ul.thumbs li dt {
2595  text-align: center;
2596}
2597.mikio #mediamanager__page .filelist ul.thumbs li dt a,
2598.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a,
2599#media__manager .filelist ul.thumbs li dt a,
2600#media__manager .qq-uploader ul.thumbs li dt a {
2601  display: block;
2602  width: 100%;
2603}
2604.mikio #mediamanager__page .filelist ul.thumbs li dt a img,
2605.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a img,
2606#media__manager .filelist ul.thumbs li dt a img,
2607#media__manager .qq-uploader ul.thumbs li dt a img {
2608  min-height: 90px;
2609  min-width: 90px;
2610}
2611.mikio #mediamanager__page .filelist ul.thumbs li dd,
2612.mikio #mediamanager__page .qq-uploader ul.thumbs li dd,
2613#media__manager .filelist ul.thumbs li dd,
2614#media__manager .qq-uploader ul.thumbs li dd {
2615  width: auto;
2616  font-size: 80%;
2617  margin-bottom: .25rem;
2618  margin-inline-start: 0;
2619}
2620.mikio #mediamanager__page .filelist ul.thumbs li .name,
2621.mikio #mediamanager__page .qq-uploader ul.thumbs li .name,
2622#media__manager .filelist ul.thumbs li .name,
2623#media__manager .qq-uploader ul.thumbs li .name {
2624  font-weight: normal;
2625}
2626.mikio #mediamanager__page .filelist ul.rows,
2627.mikio #mediamanager__page .qq-uploader ul.rows,
2628#media__manager .filelist ul.rows,
2629#media__manager .qq-uploader ul.rows {
2630  list-style-type: none;
2631  padding: 0;
2632}
2633.mikio #mediamanager__page .filelist ul.rows li,
2634.mikio #mediamanager__page .qq-uploader ul.rows li,
2635#media__manager .filelist ul.rows li,
2636#media__manager .qq-uploader ul.rows li {
2637  background-color: var(--table-odd-row-background-color);
2638  color: var(--table-odd-row-text-color);
2639  max-height: none;
2640  font-size: 90%;
2641  overflow: auto;
2642}
2643.mikio #mediamanager__page .filelist ul.rows li:nth-child(2n+1),
2644.mikio #mediamanager__page .qq-uploader ul.rows li:nth-child(2n+1),
2645#media__manager .filelist ul.rows li:nth-child(2n+1),
2646#media__manager .qq-uploader ul.rows li:nth-child(2n+1) {
2647  background-color: var(--table-even-row-background-color);
2648  color: var(--table-even-row-text-color);
2649}
2650.mikio #mediamanager__page .filelist ul.rows li a,
2651.mikio #mediamanager__page .qq-uploader ul.rows li a,
2652#media__manager .filelist ul.rows li a,
2653#media__manager .qq-uploader ul.rows li a {
2654  font-weight: normal;
2655}
2656.mikio #mediamanager__page .filelist ul.rows li dl,
2657.mikio #mediamanager__page .qq-uploader ul.rows li dl,
2658#media__manager .filelist ul.rows li dl,
2659#media__manager .qq-uploader ul.rows li dl {
2660  display: flex;
2661  align-items: center;
2662}
2663.mikio #mediamanager__page .filelist ul.rows li dt,
2664.mikio #mediamanager__page .qq-uploader ul.rows li dt,
2665#media__manager .filelist ul.rows li dt,
2666#media__manager .qq-uploader ul.rows li dt {
2667  display: flex;
2668  align-items: center;
2669  justify-content: center;
2670  width: 10%;
2671}
2672.mikio #mediamanager__page .filelist ul.rows li dt a,
2673.mikio #mediamanager__page .qq-uploader ul.rows li dt a,
2674#media__manager .filelist ul.rows li dt a,
2675#media__manager .qq-uploader ul.rows li dt a {
2676  height: auto;
2677  width: auto;
2678}
2679.mikio #mediamanager__page .filelist ul.rows li dt a img,
2680.mikio #mediamanager__page .qq-uploader ul.rows li dt a img,
2681#media__manager .filelist ul.rows li dt a img,
2682#media__manager .qq-uploader ul.rows li dt a img {
2683  display: block;
2684  max-width: 40px;
2685  max-height: 40px;
2686}
2687.mikio #mediamanager__page .filelist ul.rows li dd.name,
2688.mikio #mediamanager__page .qq-uploader ul.rows li dd.name,
2689#media__manager .filelist ul.rows li dd.name,
2690#media__manager .qq-uploader ul.rows li dd.name {
2691  text-align: left;
2692  width: 30%;
2693  overflow: hidden;
2694  text-overflow: ellipsis;
2695  float: left;
2696  margin-left: 1%;
2697  white-space: nowrap;
2698}
2699.mikio #mediamanager__page .filelist ul.rows li dd.size,
2700.mikio #mediamanager__page .qq-uploader ul.rows li dd.size,
2701#media__manager .filelist ul.rows li dd.size,
2702#media__manager .qq-uploader ul.rows li dd.size {
2703  width: 15%;
2704}
2705.mikio #mediamanager__page .filelist ul.rows li dd.date,
2706.mikio #mediamanager__page .qq-uploader ul.rows li dd.date,
2707#media__manager .filelist ul.rows li dd.date,
2708#media__manager .qq-uploader ul.rows li dd.date {
2709  width: 20%;
2710}
2711.mikio #mediamanager__page .filelist ul.rows li dd.filesize,
2712.mikio #mediamanager__page .qq-uploader ul.rows li dd.filesize,
2713#media__manager .filelist ul.rows li dd.filesize,
2714#media__manager .qq-uploader ul.rows li dd.filesize {
2715  width: 15%;
2716}
2717.mikio #mediamanager__page .filelist ul.rows li dd,
2718.mikio #mediamanager__page .qq-uploader ul.rows li dd,
2719#media__manager .filelist ul.rows li dd,
2720#media__manager .qq-uploader ul.rows li dd {
2721  margin: 0;
2722  font-size: 90%;
2723}
2724.mikio #mediamanager__page .filelist .qq-upload-list,
2725.mikio #mediamanager__page .qq-uploader .qq-upload-list,
2726#media__manager .filelist .qq-upload-list,
2727#media__manager .qq-uploader .qq-upload-list {
2728  margin-top: 1rem;
2729}
2730.mikio #mediamanager__page .filelist .qq-upload-list li:hover,
2731.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover,
2732#media__manager .filelist .qq-upload-list li:hover,
2733#media__manager .qq-uploader .qq-upload-list li:hover {
2734  background-color: transparent;
2735}
2736.mikio #mediamanager__page .filelist .qq-action-container,
2737.mikio #mediamanager__page .qq-uploader .qq-action-container,
2738#media__manager .filelist .qq-action-container,
2739#media__manager .qq-uploader .qq-action-container {
2740  margin-top: 1rem;
2741  padding-top: 1rem;
2742  border-top: 1px solid #dee2e6;
2743}
2744.mikio #mediamanager__page .file .panelHeader,
2745#media__manager .file .panelHeader {
2746  margin-bottom: 0 !important;
2747  background-color: var(--tab-active-background-color);
2748  border-width: 1px 1px 1px 1px;
2749  border-style: solid;
2750  border-color: var(--tab-active-border-color) !important;
2751  word-wrap: break-word;
2752  word-break: break-word;
2753}
2754.mikio #mediamanager__page .file .panelHeader a,
2755#media__manager .file .panelHeader a {
2756  font-weight: normal;
2757  color: #333;
2758}
2759.mikio #mediamanager__page .file ul.tabs,
2760#media__manager .file ul.tabs {
2761  padding: 0;
2762  margin-top: 1rem;
2763  margin-bottom: -1px;
2764  list-style-type: none;
2765}
2766.mikio #mediamanager__page .file ul.tabs li,
2767#media__manager .file ul.tabs li {
2768  float: none;
2769  display: inline-block;
2770  font-size: 1rem;
2771  line-height: 1.4rem;
2772  position: relative;
2773  z-index: 2;
2774}
2775.mikio #mediamanager__page .file ul.tabs li strong,
2776#media__manager .file ul.tabs li strong {
2777  display: inline-block;
2778  background-color: var(--tab-active-background-color);
2779  font-weight: normal;
2780  color: var(--tab-active-color);
2781  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
2782  border-radius: .5rem .5rem 0 0;
2783  border-width: 1px;
2784  border-style: solid;
2785  padding: .5rem 1rem;
2786  margin: 0;
2787  bottom: -1px;
2788}
2789.mikio #mediamanager__page .file ul.tabs li a,
2790.mikio #mediamanager__page .file ul.tabs li a:visited,
2791.mikio #mediamanager__page .file ul.tabs li a:active,
2792#media__manager .file ul.tabs li a,
2793#media__manager .file ul.tabs li a:visited,
2794#media__manager .file ul.tabs li a:active {
2795  display: inline-block;
2796  padding: .5rem 1rem;
2797  border: 1px solid var(--tab-border-color);
2798  color: var(--tab-color);
2799  -webkit-text-decoration: none;
2800  text-decoration: none;
2801  margin: 0;
2802  background-color: var(--tab-background-color);
2803}
2804.mikio #mediamanager__page .file ul.tabs li a:hover,
2805.mikio #mediamanager__page .file ul.tabs li a:visited:hover,
2806.mikio #mediamanager__page .file ul.tabs li a:active:hover,
2807#media__manager .file ul.tabs li a:hover,
2808#media__manager .file ul.tabs li a:visited:hover,
2809#media__manager .file ul.tabs li a:active:hover {
2810  color: var(--tab-hover-color);
2811  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
2812  border-radius: .5rem .5rem 0 0;
2813  background-color: var(--tab-background-hover-color);
2814}
2815.mikio #mediamanager__page .file ul.tabs:after,
2816#media__manager .file ul.tabs:after {
2817  border-bottom: 0;
2818}
2819.mikio #mediamanager__page .file #mediamanager__btn_delete button,
2820#media__manager .file #mediamanager__btn_delete button {
2821  color: #fff;
2822  border-color: #dc3545;
2823  background-color: #dc3545;
2824}
2825.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover,
2826#media__manager .file #mediamanager__btn_delete button:hover {
2827  color: #fff;
2828  background-color: #c03040;
2829  border-color: #c03040;
2830}
2831.mikio #mediamanager__page .file dl,
2832#media__manager .file dl {
2833  font-size: 90%;
2834}
2835.mikio #mediamanager__page .file dl dt,
2836#media__manager .file dl dt {
2837  padding: .25rem .5rem;
2838  background-color: #f0f0f0;
2839}
2840.mikio #mediamanager__page .file dl dd,
2841#media__manager .file dl dd {
2842  padding: .25rem .5rem;
2843  background-color: #f8f8f8;
2844}
2845.mikio #mediamanager__page .file input[type=text],
2846.mikio #mediamanager__page .file form.meta textarea.edit,
2847#media__manager .file input[type=text],
2848#media__manager .file form.meta textarea.edit {
2849  width: 100%;
2850  min-width: 100%;
2851  max-width: 100%;
2852}
2853.mikio #mediamanager__page .file button[name="mediado[save]"],
2854#media__manager .file button[name="mediado[save]"] {
2855  color: var(--button-default-text-color);
2856  background-color: var(--button-default-background-color);
2857  border-color: var(--button-default-border-color);
2858}
2859.mikio #mediamanager__page .file button[name="mediado[save]"]:hover,
2860#media__manager .file button[name="mediado[save]"]:hover {
2861  color: var(--button-default-text-hover-color);
2862  background-color: var(--button-default-background-hover-color);
2863  border-color: var(--button-default-border-hover-color);
2864}
2865.mikio #mediamanager__page .panel,
2866#media__manager .panel {
2867  float: left;
2868}
2869.mikio #mediamanager__page .panelHeader,
2870#media__manager .panelHeader {
2871  margin: 0 10px 10px 0;
2872  padding: 10px 10px 8px;
2873  font-size: .9rem;
2874  overflow: hidden;
2875}
2876.mikio #mediamanager__page .panelHeader h3,
2877#media__manager .panelHeader h3 {
2878  float: left;
2879  font-weight: normal;
2880  font-size: 1em;
2881  padding: 0;
2882  margin: 0 0 3px;
2883}
2884.mikio #mediamanager__page .panelHeader form.options,
2885#media__manager .panelHeader form.options {
2886  float: right;
2887}
2888.mikio #mediamanager__page .panelContent,
2889#media__manager .panelContent {
2890  background-color: var(--tab-active-background-color);
2891  margin: 0 10px 0 0;
2892  border-width: 0 1px 1px 1px;
2893  border-style: solid;
2894  border-color: var(--tab-active-border-color);
2895  padding: .5rem;
2896}
2897.mikio #mediamanager__page #media__opts,
2898#media__manager #media__opts {
2899  border-bottom: 1px solid var(--tab-active-border-color);
2900  padding-bottom: .75rem;
2901}
2902.mikio #mediamanager__page #media__content .odd,
2903.mikio #mediamanager__page #media__content .even,
2904#media__manager #media__content .odd,
2905#media__manager #media__content .even {
2906  border-top: 1px solid var(--table-row-border-color);
2907  font-size: 90%;
2908  display: grid;
2909  grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem;
2910  align-items: center;
2911}
2912.mikio #mediamanager__page #media__content .odd a.mediafile,
2913.mikio #mediamanager__page #media__content .even a.mediafile,
2914#media__manager #media__content .odd a.mediafile,
2915#media__manager #media__content .even a.mediafile {
2916  grid-column: 2 / span 1;
2917  grid-row: 1 / span 1;
2918  margin: 0;
2919  word-break: break-word;
2920}
2921.mikio #mediamanager__page #media__content .odd span.info,
2922.mikio #mediamanager__page #media__content .even span.info,
2923#media__manager #media__content .odd span.info,
2924#media__manager #media__content .even span.info {
2925  grid-column: 3 / span 1;
2926  grid-row: 1 / span 1;
2927  text-align: center;
2928}
2929.mikio #mediamanager__page #media__content .odd span.info br,
2930.mikio #mediamanager__page #media__content .even span.info br,
2931#media__manager #media__content .odd span.info br,
2932#media__manager #media__content .even span.info br {
2933  display: inline-block;
2934}
2935.mikio #mediamanager__page #media__content .odd a:nth-child(2),
2936.mikio #mediamanager__page #media__content .even a:nth-child(2),
2937#media__manager #media__content .odd a:nth-child(2),
2938#media__manager #media__content .even a:nth-child(2) {
2939  grid-column: 4 / span 1;
2940  grid-row: 1 / span 1;
2941  text-align: center;
2942}
2943.mikio #mediamanager__page #media__content .odd a:nth-child(3),
2944.mikio #mediamanager__page #media__content .even a:nth-child(3),
2945#media__manager #media__content .odd a:nth-child(3),
2946#media__manager #media__content .even a:nth-child(3) {
2947  grid-column: 5 / span 1;
2948  grid-row: 1 / span 1;
2949  text-align: center;
2950}
2951.mikio #mediamanager__page #media__content .odd a.btn_media_delete,
2952.mikio #mediamanager__page #media__content .even a.btn_media_delete,
2953#media__manager #media__content .odd a.btn_media_delete,
2954#media__manager #media__content .even a.btn_media_delete {
2955  grid-column: 6 / span 1;
2956  grid-row: 1 / span 1;
2957  text-align: center;
2958}
2959.mikio #mediamanager__page #media__content .odd div.example,
2960.mikio #mediamanager__page #media__content .odd div.clearer,
2961.mikio #mediamanager__page #media__content .odd br,
2962.mikio #mediamanager__page #media__content .even div.example,
2963.mikio #mediamanager__page #media__content .even div.clearer,
2964.mikio #mediamanager__page #media__content .even br,
2965#media__manager #media__content .odd div.example,
2966#media__manager #media__content .odd div.clearer,
2967#media__manager #media__content .odd br,
2968#media__manager #media__content .even div.example,
2969#media__manager #media__content .even div.clearer,
2970#media__manager #media__content .even br {
2971  display: none;
2972}
2973.mikio #mediamanager__page #media__content .odd div.detail,
2974.mikio #mediamanager__page #media__content .even div.detail,
2975#media__manager #media__content .odd div.detail,
2976#media__manager #media__content .even div.detail {
2977  grid-column: 1 / span 1;
2978  grid-row: 1 / span 1;
2979  padding: 0;
2980}
2981.mikio #mediamanager__page #media__content .odd div.detail div.thumb,
2982.mikio #mediamanager__page #media__content .even div.detail div.thumb,
2983#media__manager #media__content .odd div.detail div.thumb,
2984#media__manager #media__content .even div.detail div.thumb {
2985  float: none;
2986  margin: 0;
2987}
2988.mikio #mediamanager__page #media__content .odd div.detail div.thumb img,
2989.mikio #mediamanager__page #media__content .even div.detail div.thumb img,
2990#media__manager #media__content .odd div.detail div.thumb img,
2991#media__manager #media__content .even div.detail div.thumb img {
2992  max-width: 48px;
2993  max-height: 48px;
2994}
2995.mikio #mediamanager__page #media__content .odd,
2996#media__manager #media__content .odd {
2997  background-color: var(--table-odd-row-background-color);
2998  color: var(--table-odd-row-text-color);
2999}
3000.mikio #mediamanager__page #media__content .even,
3001#media__manager #media__content .even {
3002  background-color: var(--table-even-row-background-color);
3003  color: var(--table-even-row-text-color);
3004}
3005.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form {
3006  display: grid;
3007  margin: 0 auto;
3008  width: auto;
3009  max-width: 800px;
3010  grid-template-columns: auto 10rem 10rem;
3011  grid-gap: 1rem;
3012}
3013.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] {
3014  grid-column: 1 / span 1;
3015  grid-row: 1 / span 1;
3016  width: 100%;
3017}
3018.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] {
3019  color: var(--button-default-text-color);
3020  background-color: var(--button-default-background-color);
3021  border-color: var(--button-default-border-color);
3022  grid-column: 2 / span 1;
3023  grid-row: 1 / span 1;
3024}
3025.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover {
3026  color: var(--button-default-text-hover-color);
3027  background-color: var(--button-default-background-hover-color);
3028  border-color: var(--button-default-border-hover-color);
3029}
3030.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant {
3031  padding: .1rem .75rem;
3032  font-size: 80% !important;
3033  min-width: 3rem;
3034  grid-column: 3 / span 1;
3035  grid-row: 1 / span 1;
3036  flex: 0;
3037}
3038.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions {
3039  grid-column: 1 / span 3;
3040  grid-row: 2 / span 1;
3041  text-align: center;
3042}
3043.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle {
3044  position: relative;
3045  display: inline-block;
3046  border: 1px solid var(--dropdown-border-color);
3047  background-color: var(--dropdown-background-color);
3048  color: var(--dropdown-color);
3049  border-radius: .25rem;
3050  padding: .375rem .75rem;
3051  text-align: left;
3052}
3053.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current {
3054  padding: .2rem 2.2rem .2rem .2rem;
3055  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" style="fill:inherit"><path d="M16.003 18.626l7.081-7.081L25 13.46l-8.997 8.998-9.003-9 1.917-1.916z"/></svg>');
3056  background-size: 1.2rem;
3057  background-position: right;
3058  background-repeat: no-repeat;
3059}
3060.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after {
3061  content: "";
3062}
3063.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul {
3064  position: absolute;
3065  right: 0;
3066  top: .5rem;
3067  padding: .5rem 2rem;
3068  border: 1px solid var(--dropdown-border-color);
3069  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
3070  background-color: var(--dropdown-background-color);
3071  color: #999;
3072  list-style-type: none;
3073}
3074.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li {
3075  margin: 0rem;
3076  white-space: nowrap;
3077}
3078.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li.active {
3079  padding: .2rem 0;
3080  display: block;
3081}
3082.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a,
3083.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited,
3084.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active {
3085  transition: all 0.15s ease-in-out;
3086  color: var(--dropdown-color);
3087  -webkit-text-decoration: none;
3088  text-decoration: none;
3089  font-style: normal;
3090  display: block;
3091  padding: .2rem 2rem;
3092  margin: 0 -2rem;
3093}
3094.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover,
3095.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited:hover,
3096.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active:hover {
3097  background-color: var(--dropdown-hover-color);
3098}
3099.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul[aria-expanded="false"] {
3100  display: none;
3101}
3102.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle + .toggle {
3103  margin-left: 1rem;
3104}
3105.mikio.dokuwiki .mode_search .mikio-article h2 {
3106  margin-top: .5rem;
3107  padding-top: 1rem;
3108  border-top: 1px solid #dee2e6;
3109}
3110.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul {
3111  background-color: #fff;
3112  padding: .5rem 1rem;
3113  list-style-type: none;
3114}
3115.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li {
3116  float: none;
3117  text-align: left;
3118  padding-left: 0;
3119}
3120.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before {
3121  font-size: 1.2rem;
3122  content: '\2022';
3123  margin-right: 0.5em;
3124}
3125.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li {
3126  display: inline-block;
3127}
3128.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li {
3129  width: auto;
3130}
3131.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result {
3132  border-top: 1px solid var(--table-row-border-color);
3133  padding: .75rem;
3134  background-color: var(--table-odd-row-background-color);
3135  color: var(--table-odd-row-text-color);
3136}
3137.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) {
3138  background-color: var(--table-even-row-background-color);
3139  color: var(--table-even-row-text-color);
3140}
3141.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet {
3142  font-size: 90%;
3143  margin-bottom: 0;
3144}
3145#index__tree {
3146  background-color: var(--tree-background-color);
3147  border: 1px solid var(--tree-border-color);
3148  padding: 0 1rem;
3149}
3150#index__tree ul {
3151  padding-left: 1rem;
3152}
3153#index__tree a {
3154  -webkit-text-decoration: none;
3155  text-decoration: none;
3156}
3157#index__tree .curid a {
3158  color: var(--section-edit-highlight);
3159}
3160.mikio.dokuwiki ul.tabs {
3161  padding: 0;
3162  margin-top: 1rem;
3163  margin-bottom: -1px;
3164  list-style-type: none;
3165}
3166.mikio.dokuwiki ul.tabs li {
3167  float: none;
3168  display: inline-block;
3169  font-size: 1rem;
3170  line-height: 1.4rem;
3171  position: relative;
3172  z-index: 2;
3173}
3174.mikio.dokuwiki ul.tabs li strong {
3175  display: inline-block;
3176  background-color: var(--tab-active-background-color);
3177  font-weight: normal;
3178  color: var(--tab-active-color);
3179  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
3180  border-radius: .5rem .5rem 0 0;
3181  border-width: 1px;
3182  border-style: solid;
3183  padding: .5rem 1rem;
3184  margin: 0;
3185  bottom: -1px;
3186}
3187.mikio.dokuwiki ul.tabs li a,
3188.mikio.dokuwiki ul.tabs li a:visited,
3189.mikio.dokuwiki ul.tabs li a:active {
3190  display: inline-block;
3191  padding: .5rem 1rem;
3192  border: 1px solid var(--tab-border-color);
3193  color: var(--tab-color);
3194  -webkit-text-decoration: none;
3195  text-decoration: none;
3196  margin: 0;
3197  background-color: var(--tab-background-color);
3198}
3199.mikio.dokuwiki ul.tabs li a:hover,
3200.mikio.dokuwiki ul.tabs li a:visited:hover,
3201.mikio.dokuwiki ul.tabs li a:active:hover {
3202  color: var(--tab-hover-color);
3203  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
3204  border-radius: .5rem .5rem 0 0;
3205  background-color: var(--tab-background-hover-color);
3206}
3207.mikio.dokuwiki ul.tabs:after {
3208  border-bottom: 0;
3209}
3210.mikio .mode_draft table {
3211  margin-bottom: 1rem;
3212}
3213#dokuwiki__detail {
3214  background-color: var(--admin-background-color);
3215  height: 100vh;
3216  padding: 0 2rem;
3217}
3218#dokuwiki__detail .content {
3219  display: flex;
3220}
3221#dokuwiki__detail .content .img_detail dl {
3222  display: grid;
3223  grid-template-columns: 4rem auto;
3224  align-items: center;
3225}
3226#dokuwiki__detail .content .img_detail dl dt {
3227  font-weight: bold;
3228}
3229.mikio .content_partial button,
3230.mikio .content_partial input,
3231.mikio .content_partial optgroup,
3232.mikio .content_partial select,
3233.mikio .content_partial textarea {
3234  margin: 0;
3235  font-family: inherit;
3236  font-size: inherit;
3237  font-weight: 400;
3238  border-width: 1px;
3239  border-style: solid;
3240  border-color: transparent;
3241  border-radius: .25rem;
3242  box-sizing: border-box;
3243  vertical-align: middle;
3244  padding: .375rem .75rem;
3245  color: var(--control-text-color);
3246  background-color: var(--control-background-color);
3247  border-color: var(--input-border-color);
3248  line-height: inherit;
3249}
3250.mikio .content_partial button[type=color],
3251.mikio .content_partial input[type=color],
3252.mikio .content_partial optgroup[type=color],
3253.mikio .content_partial select[type=color],
3254.mikio .content_partial textarea[type=color] {
3255  padding: 0;
3256}
3257.mikio .content_partial button,
3258.mikio .content_partial input[type=button],
3259.mikio .content_partial input[type=image] {
3260  display: inline-block;
3261  text-align: center;
3262  color: var(--button-text-color);
3263  background-color: var(--button-background-color);
3264  border-color: var(--button-border-color);
3265  line-height: 1.5;
3266  -webkit-text-decoration: none;
3267  text-decoration: none;
3268  text-transform: capitalize;
3269  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3270}
3271.mikio .content_partial button:hover:not(:disabled),
3272.mikio .content_partial input[type=button]:hover:not(:disabled),
3273.mikio .content_partial input[type=image]:hover:not(:disabled) {
3274  -webkit-text-decoration: none;
3275  text-decoration: none;
3276  color: var(--button-text-hover-color);
3277  background-color: var(--button-background-hover-color);
3278  border-color: var(--button-border-hover-color);
3279}
3280.mikio .content_partial button:disabled,
3281.mikio .content_partial input[type=button]:disabled,
3282.mikio .content_partial input[type=image]:disabled {
3283  opacity: .65;
3284}
3285.mikio .content_partial button#edbtn__save,
3286.mikio .content_partial button[name="run[save]"] {
3287  color: var(--button-default-text-color);
3288  background-color: var(--button-default-background-color);
3289  border-color: var(--button-default-border-color);
3290}
3291.mikio .content_partial button#edbtn__save:hover,
3292.mikio .content_partial button[name="run[save]"]:hover {
3293  color: var(--button-default-text-hover-color);
3294  background-color: var(--button-default-background-hover-color);
3295  border-color: var(--button-default-border-hover-color);
3296}
3297.mikio .content_partial input[type=text],
3298.mikio .content_partial input[type=search],
3299.mikio .content_partial input[type=password],
3300.mikio .content_partial input[type=email] {
3301  -webkit-appearance: none;
3302  -moz-appearance: none;
3303  -ms-appearance: none;
3304}
3305.mikio .content_partial textarea {
3306  margin-bottom: 1rem;
3307  width: 100%;
3308  word-wrap: break-word;
3309  overflow: auto;
3310  resize: vertical;
3311  white-space: pre-wrap;
3312}
3313.mikio .content_partial select {
3314  -webkit-user-select: none;
3315  -moz-user-select: none;
3316  -ms-user-select: none;
3317  height: 2.25rem;
3318}
3319.mikio .content_partial .toolbutton {
3320  border-radius: 0;
3321  border-right-width: 0;
3322  border-color: var(--input-border-color);
3323}
3324.mikio .content_partial .toolbutton:first-of-type {
3325  border-radius: .25rem 0 0 .25rem;
3326}
3327.mikio .content_partial .toolbutton:last-of-type {
3328  border-radius: 0 .25rem .25rem 0;
3329  border-right-width: 1px;
3330}
3331.mikio div.dokuwiki div.comment_wrapper {
3332  padding: 1em;
3333}
3334.mikio div.dokuwiki div.comment_wrapper button,
3335.mikio div.dokuwiki div.comment_wrapper input,
3336.mikio div.dokuwiki div.comment_wrapper optgroup,
3337.mikio div.dokuwiki div.comment_wrapper select,
3338.mikio div.dokuwiki div.comment_wrapper textarea {
3339  margin: 0;
3340  font-family: inherit;
3341  font-size: inherit;
3342  font-weight: 400;
3343  border-width: 1px;
3344  border-style: solid;
3345  border-color: transparent;
3346  border-radius: .25rem;
3347  box-sizing: border-box;
3348  vertical-align: middle;
3349  padding: .375rem .75rem;
3350  color: var(--control-text-color);
3351  background-color: var(--control-background-color);
3352  border-color: var(--input-border-color);
3353  line-height: inherit;
3354}
3355.mikio div.dokuwiki div.comment_wrapper button[type=color],
3356.mikio div.dokuwiki div.comment_wrapper input[type=color],
3357.mikio div.dokuwiki div.comment_wrapper optgroup[type=color],
3358.mikio div.dokuwiki div.comment_wrapper select[type=color],
3359.mikio div.dokuwiki div.comment_wrapper textarea[type=color] {
3360  padding: 0;
3361}
3362.mikio div.dokuwiki div.comment_wrapper button,
3363.mikio div.dokuwiki div.comment_wrapper input[type=button],
3364.mikio div.dokuwiki div.comment_wrapper input[type=image] {
3365  display: inline-block;
3366  text-align: center;
3367  color: var(--button-text-color);
3368  background-color: var(--button-background-color);
3369  border-color: var(--button-border-color);
3370  line-height: 1.5;
3371  -webkit-text-decoration: none;
3372  text-decoration: none;
3373  text-transform: capitalize;
3374  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3375}
3376.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled),
3377.mikio div.dokuwiki div.comment_wrapper input[type=button]:hover:not(:disabled),
3378.mikio div.dokuwiki div.comment_wrapper input[type=image]:hover:not(:disabled) {
3379  -webkit-text-decoration: none;
3380  text-decoration: none;
3381  color: var(--button-text-hover-color);
3382  background-color: var(--button-background-hover-color);
3383  border-color: var(--button-border-hover-color);
3384}
3385.mikio div.dokuwiki div.comment_wrapper button:disabled,
3386.mikio div.dokuwiki div.comment_wrapper input[type=button]:disabled,
3387.mikio div.dokuwiki div.comment_wrapper input[type=image]:disabled {
3388  opacity: .65;
3389}
3390.mikio div.dokuwiki div.comment_wrapper button#edbtn__save,
3391.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] {
3392  color: var(--button-default-text-color);
3393  background-color: var(--button-default-background-color);
3394  border-color: var(--button-default-border-color);
3395}
3396.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover,
3397.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover {
3398  color: var(--button-default-text-hover-color);
3399  background-color: var(--button-default-background-hover-color);
3400  border-color: var(--button-default-border-hover-color);
3401}
3402.mikio div.dokuwiki div.comment_wrapper input[type=text],
3403.mikio div.dokuwiki div.comment_wrapper input[type=search],
3404.mikio div.dokuwiki div.comment_wrapper input[type=password],
3405.mikio div.dokuwiki div.comment_wrapper input[type=email] {
3406  -webkit-appearance: none;
3407  -moz-appearance: none;
3408  -ms-appearance: none;
3409}
3410.mikio div.dokuwiki div.comment_wrapper textarea {
3411  margin-bottom: 1rem;
3412  width: 100%;
3413  word-wrap: break-word;
3414  overflow: auto;
3415  resize: vertical;
3416  white-space: pre-wrap;
3417}
3418.mikio div.dokuwiki div.comment_wrapper select {
3419  -webkit-user-select: none;
3420  -moz-user-select: none;
3421  -ms-user-select: none;
3422  height: 2.25rem;
3423}
3424.mikio div.dokuwiki div.comment_wrapper .toolbutton {
3425  border-radius: 0;
3426  border-right-width: 0;
3427  border-color: var(--input-border-color);
3428}
3429.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type {
3430  border-radius: .25rem 0 0 .25rem;
3431}
3432.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type {
3433  border-radius: 0 .25rem .25rem 0;
3434  border-right-width: 1px;
3435}
3436.mikio div.dokuwiki div.comment_wrapper input[type=submit] {
3437  margin: 0;
3438  font-family: inherit;
3439  font-size: inherit;
3440  font-weight: 400;
3441  border-width: 1px;
3442  border-style: solid;
3443  border-color: transparent;
3444  border-radius: .25rem;
3445  box-sizing: border-box;
3446  vertical-align: middle;
3447  padding: .375rem .75rem;
3448  color: var(--control-text-color);
3449  background-color: var(--control-background-color);
3450  display: inline-block;
3451  text-align: center;
3452  color: var(--button-text-color);
3453  background-color: var(--button-background-color);
3454  border-color: var(--button-border-color);
3455  line-height: 1.5;
3456  -webkit-text-decoration: none;
3457  text-decoration: none;
3458  text-transform: capitalize;
3459  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3460}
3461.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] {
3462  padding: 0;
3463}
3464.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) {
3465  -webkit-text-decoration: none;
3466  text-decoration: none;
3467  color: var(--button-text-hover-color);
3468  background-color: var(--button-background-hover-color);
3469  border-color: var(--button-border-hover-color);
3470}
3471.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled {
3472  opacity: .65;
3473}
3474.mikio div.dokuwiki div.comment_wrapper h2 {
3475  margin: 0;
3476}
3477.mikio div.dokuwiki div.comment_wrapper .comment_form {
3478  margin-top: 0;
3479}
3480.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input {
3481  float: none;
3482}
3483.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label {
3484  float: none;
3485  display: inline-block;
3486}
3487.mikio div.dokuwiki div.comment_wrapper .comment_buttons {
3488  float: none;
3489  text-align: right;
3490  margin-top: 1em;
3491}
3492@media (max-width: 768px) {
3493  .mikio-small-only {
3494    display: inline-block;
3495  }
3496  .mikio-navbar {
3497    padding-bottom: 0;
3498  }
3499  .mikio-navbar .mikio-container {
3500    display: grid;
3501    grid-template-columns: auto 3rem;
3502  }
3503  .mikio-navbar .mikio-navbar-brand {
3504    grid-column: 1 / span 1;
3505    grid-row: 1 / span 1;
3506    margin-bottom: .5rem;
3507  }
3508  .mikio-navbar .mikio-navbar-toggle {
3509    display: block;
3510    margin-bottom: .5rem;
3511    grid-column: 2 / span 1;
3512    grid-row: 1 / span 1;
3513  }
3514  .mikio-navbar .mikio-navbar-toggle.closed + .mikio-navbar-collapse {
3515    display: none;
3516  }
3517  .mikio-navbar .mikio-navbar-collapse {
3518    grid-column: 1 / span 2;
3519    grid-row: 2 / span 1;
3520    flex-direction: column;
3521    margin: 0 -2rem;
3522    padding-top: .5rem;
3523    padding-right: 1rem;
3524    padding-bottom: .5rem;
3525    border-top: 1px solid rgba(0,0,0,0.1);
3526  }
3527  .mikio-navbar .mikio-nav-item {
3528    display: block;
3529    width: 100%;
3530    padding: .5rem 2rem;
3531    box-sizing: border-box;
3532    text-align: center;
3533  }
3534  .mikio-navbar .mikio-dropdown-item {
3535    justify-content: center;
3536  }
3537  .mikio-navbar .mikio-nav {
3538    width: 100%;
3539  }
3540  .mikio-navbar .mikio-nav-dropdown {
3541    width: 100%;
3542    text-align: center;
3543    margin: 0;
3544    box-sizing: border-box;
3545  }
3546  .mikio-navbar .mikio-nav-dropdown .mikio-dropdown {
3547    position: relative;
3548    border: 0;
3549    box-shadow: none;
3550  }
3551  .mikio-hero .mikio-container {
3552    flex-direction: column;
3553  }
3554  .mikio-hero .mikio-hero-image-resize {
3555    height: auto;
3556  }
3557  .mikio-hero .mikio-hero-image {
3558    background-image: none !important;
3559  }
3560  .mode_show .mikio-page .mikio-container {
3561    display: grid;
3562    grid-template-columns: auto 2.5rem;
3563  }
3564  .mode_revisions .mikio-page,
3565  .mode_edit .mikio-page,
3566  .mode_login .mikio-page,
3567  .mode_denied .mikio-page,
3568  .mode_draft .mikio-page,
3569  .mode_preview .mikio-page,
3570  .mode_showtag .mikio-page,
3571  .mode_admin .mikio-page {
3572    grid-template-columns: auto;
3573  }
3574  .mikio #config__manager td .input,
3575  .mikio #config__manager td input.edit,
3576  .mikio #config__manager tr select {
3577    width: auto;
3578  }
3579  .mikio-content {
3580    grid-column: 1 / span 1;
3581    grid-row: 2 / span 1;
3582    padding-bottom: 1rem;
3583  }
3584  .mikio .mikio-content .mikio-article.toc-full {
3585    display: block;
3586  }
3587  .mikio .mikio-content .mikio-article .mikio-toc {
3588    float: none;
3589  }
3590  .mikio .mikio-content .mikio-article .mikio-toc #dw__toc {
3591    max-width: none;
3592  }
3593  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle {
3594    background-position: 99% 50%;
3595    text-align: center;
3596  }
3597  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed {
3598    font-size: 80%;
3599    width: auto;
3600  }
3601  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before {
3602    display: none;
3603  }
3604  .mikio-sidebar {
3605    grid-column: 1 / span 2;
3606    width: auto;
3607  }
3608  .mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse {
3609    display: none;
3610  }
3611  .mikio-sidebar.mikio-sidebar-left {
3612    grid-row: 1 / span 1;
3613    border-right: 0;
3614    border-bottom: 1px solid rgba(0,0,0,0.1);
3615  }
3616  .mikio-sidebar.mikio-sidebar-right {
3617    grid-row: 3 / span 1;
3618    border-left: 0;
3619    border-top: 1px solid rgba(0,0,0,0.2);
3620  }
3621  .mikio-sidebar .mikio-sidebar-toggle {
3622    display: block;
3623  }
3624  #dw__pagetools {
3625    grid-column: 2 / span 1;
3626    grid-row: 2 / span 1;
3627  }
3628  .mikio.dokuwiki div.ui-admin #admin__version {
3629    padding-right: 1rem;
3630  }
3631  .mikio-page-fill .mikio-sidebar {
3632    display: none;
3633  }
3634  .mikio #mediamanager__page,
3635  #media__manager {
3636    display: flex;
3637    flex-direction: column;
3638  }
3639  .mikio #mediamanager__page .ui-resizable-e,
3640  #media__manager .ui-resizable-e {
3641    display: none !important;
3642  }
3643  .mikio #mediamanager__page .namespaces,
3644  .mikio #mediamanager__page .filelist,
3645  #media__manager .namespaces,
3646  #media__manager .filelist {
3647    width: auto;
3648    min-width: auto;
3649  }
3650  .mikio #mediamanager__page .panelHeader,
3651  .mikio #mediamanager__page .panelContent,
3652  #media__manager .panelHeader,
3653  #media__manager .panelContent {
3654    margin-right: 0;
3655  }
3656}
3657@media print {
3658  .mikio .mikio-navbar-collapse,
3659  .mikio .mikio-toc,
3660  .mikio .mikio-sidebar,
3661  .mikio #dw__pagetools,
3662  .mikio .mikio-search {
3663    display: none !important;
3664  }
3665  .mikio .mikio-navbar {
3666    box-shadow: none !important;
3667  }
3668  .mikio .mikio-hero .mikio-hero-text {
3669    min-height: auto;
3670    padding-bottom: 0;
3671  }
3672  .mikio .mikio-breadcrumbs,
3673  .mikio .mikio-youarehere,
3674  .mikio .mikio-hero,
3675  .mikio .mikio-footer {
3676    background-color: #fff !important;
3677  }
3678}
3679.mikio .bookcreator__bookbar {
3680  font-size: 0.8rem;
3681  display: flex;
3682  width: auto !important;
3683}
3684.mikio-sidebar .mikio-sidebar-content .dtree {
3685  font-size: inherit;
3686}
3687.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode {
3688  margin: 0.5rem 0;
3689}
3690.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode .indexmenu_tocbullet {
3691  margin-top: 2px;
3692  margin-left: 2px;
3693}
3694.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a,
3695.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl,
3696.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel,
3697.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node,
3698.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
3699  display: initial;
3700  margin: initial;
3701  color: #666;
3702  background: transparent;
3703}
3704.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited,
3705.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:active,
3706.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited,
3707.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:active,
3708.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited,
3709.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:active,
3710.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited,
3711.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:active,
3712.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited,
3713.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:active {
3714  display: initial;
3715  margin: initial;
3716  color: #666;
3717  background: transparent;
3718}
3719.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:hover,
3720.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited:hover,
3721.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover,
3722.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited:hover,
3723.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover,
3724.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited:hover,
3725.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover,
3726.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited:hover,
3727.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:hover,
3728.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited:hover {
3729  color: #333;
3730  text-decoration: none;
3731  background-color: transparent;
3732}
3733.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
3734  font-weight: bold;
3735  color: #333;
3736}
3737.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode img:last-of-type {
3738  margin-right: 0.2rem;
3739  opacity: 0.5;
3740}
3741.mikio .indexmenu_toc {
3742  padding: 0 4px 4px 0;
3743}
3744.mikio .indexmenu_toc> div {
3745  border: 1px solid #999;
3746  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
3747  position: relative;
3748  z-index: 10;
3749}
3750.mikio .indexmenu_toc .tocheader {
3751  padding: 0.2rem;
3752  border-bottom: 1px solid #ccc;
3753}
3754.mikio .indexmenu_toc .indexmenu_toc_inside {
3755  border: 0;
3756  padding: 0.2rem;
3757}
3758.mikio .indexmenu_toc .indexmenu_toc_inside ul {
3759  margin: 0;
3760  padding: 0 0 0 1.5rem;
3761}
3762.mikio .indexmenu_toc .indexmenu_toc_inside ul .li {
3763  margin-bottom: 0.4rem;
3764}
3765.mikio .mode_admin table.jsoneditor-values {
3766  width: auto;
3767}
3768.mikio .mode_admin table.jsoneditor-tree,
3769.mikio .mode_admin table.jsoneditor-values {
3770  border-bottom: 0;
3771}
3772.mikio .mode_admin table.jsoneditor-tree tbody tr,
3773.mikio .mode_admin table.jsoneditor-values tbody tr {
3774  background: transparent;
3775}
3776.mikio .mode_admin table.jsoneditor-tree tbody td,
3777.mikio .mode_admin table.jsoneditor-values tbody td {
3778  padding: 0;
3779}
3780.mikio .mode_admin table.jsoneditor-tree tbody td.jsoneditor-separator,
3781.mikio .mode_admin table.jsoneditor-values tbody td.jsoneditor-separator {
3782  vertical-align: middle;
3783}
3784.mikio .mode_admin table.jsoneditor-tree button,
3785.mikio .mode_admin table.jsoneditor-values button {
3786  background-color: transparent;
3787  border: 0;
3788  transition: none;
3789}
3790.mikio .mode_admin table.jsoneditor-tree button:hover,
3791.mikio .mode_admin table.jsoneditor-values button:hover {
3792  transition: none;
3793}
3794.mikio .mode_admin table.jsoneditor-tree div.jsoneditor-value,
3795.mikio .mode_admin table.jsoneditor-values div.jsoneditor-value {
3796  background-color: var(--background);
3797}
3798.ui-controlgroup-horizontal label {
3799  display: inline-block;
3800  text-align: center;
3801  color: var(--button-text-color);
3802  background-color: var(--button-background-color);
3803  border-color: var(--button-border-color);
3804  line-height: 1.5;
3805  -webkit-text-decoration: none;
3806  text-decoration: none;
3807  text-transform: capitalize;
3808  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3809  padding: .1rem .75rem;
3810  font-size: 80% !important;
3811  min-width: 3rem;
3812  background-image: none;
3813  border-left-width: 0 !important;
3814  border-right-width: 0 !important;
3815}
3816.ui-controlgroup-horizontal label:hover:not(:disabled) {
3817  -webkit-text-decoration: none;
3818  text-decoration: none;
3819  color: var(--button-text-hover-color);
3820  background-color: var(--button-background-hover-color);
3821  border-color: var(--button-border-hover-color);
3822}
3823.ui-controlgroup-horizontal label:disabled {
3824  opacity: .65;
3825}
3826.ui-controlgroup-horizontal label:first-of-type {
3827  border-left-width: 1px !important;
3828}
3829.ui-controlgroup-horizontal label:last-of-type {
3830  border-right-width: 1px !important;
3831}
3832.ui-controlgroup-horizontal label:hover {
3833  background-image: none !important;
3834  border-left-width: 0 !important;
3835  border-right-width: 0 !important;
3836}
3837.ui-controlgroup-horizontal label:hover:first-of-type {
3838  border-left-width: 1px !important;
3839}
3840.ui-controlgroup-horizontal label:hover:last-of-type {
3841  border-right-width: 1px !important;
3842}
3843.ui-controlgroup-horizontal label.ui-state-active {
3844  color: var(--button-default-text-color);
3845  background-color: var(--button-default-background-color);
3846  border-color: var(--button-default-border-color);
3847}
3848.ui-controlgroup-horizontal label.ui-state-active:hover {
3849  color: var(--button-default-text-hover-color);
3850  background-color: var(--button-default-background-hover-color);
3851  border-color: var(--button-default-border-hover-color);
3852}
3853.mikio .mikio-darklight {
3854  display: inline-block;
3855  align-self: center;
3856}
3857.mikio .mikio-darklight .mikio-darklight-light {
3858  display: var(--display-theme-light);
3859}
3860.mikio .mikio-darklight .mikio-darklight-dark {
3861  display: var(--display-theme-dark);
3862}
3863.mikio .mikio-darklight .mikio-darklight-auto {
3864  display: var(--display-theme-auto);
3865}
3866.mikio .mikio-darklight-button {
3867  display: flex;
3868  justify-content: center;
3869  align-items: center;
3870  width: 2.2rem;
3871  height: 2.2rem;
3872  padding: 0;
3873}
3874.mikio .mikio-darklight-button .mikio-iicon {
3875  margin: 0;
3876}
3877.mikio.dokuwiki #mikio__translate .mikio-dropdown {
3878  min-width: auto;
3879}
3880.mikio.dokuwiki div.plugin_translation {
3881  text-align: left;
3882}
3883.mikio.dokuwiki div.plugin_translation.is-dropdown {
3884  padding-bottom: 0;
3885}
3886.mikio.dokuwiki div.plugin_translation.is-dropdown ul {
3887  position: relative;
3888  display: block;
3889}
3890.mikio.dokuwiki div.plugin_translation.is-dropdown ul li a {
3891  display: block;
3892}
3893.mikio.dokuwiki div.plugin_translation .title {
3894  display: none;
3895}
3896.mikio.dokuwiki div.plugin_translation ul li {
3897  margin: 0;
3898  display: block;
3899}
3900.mikio.dokuwiki div.plugin_translation ul li a,
3901.mikio.dokuwiki div.plugin_translation ul li span {
3902  margin: 0 -1rem 0 -1rem;
3903  padding: .25rem 1rem .25rem 1rem !important;
3904  background-color: var(--dropdown-background-color) !important;
3905  color: var(--dropdown-color) !important;
3906}
3907.mikio.dokuwiki div.plugin_translation ul li a:hover {
3908  background-color: var(--dropdown-hover-color) !important;
3909}
3910.mikio.dokuwiki div.plugin_translation ul li span {
3911  margin-right: 0.1rem;
3912  position: relative;
3913}
3914.mikio.dokuwiki div.plugin_translation ul li span:after {
3915  content: "";
3916  display: inline-block;
3917  position: absolute;
3918  height: 0.75rem;
3919  width: 0.25rem;
3920  margin-top: 0.2rem;
3921  margin-left: 0.75rem;
3922  border-right: 2px solid var(--dropdown-color);
3923  border-bottom: 2px solid var(--dropdown-color);
3924  transform: rotateZ(45deg);
3925}
3926