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