xref: /template/mikio/assets/mikio.css (revision f8860b0b1630b1a8b64f288bde7b7d0091455541) 
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 p button + button {
1993  margin-left: .5rem;
1994}
1995.mikio .mode_admin div.ui-admin ul.admin_tasks,
1996.mikio .mode_admin div.ui-admin ul.admin_plugins {
1997  float: none;
1998  display: grid;
1999  grid-template-columns: repeat(auto-fit,15rem);
2000  width: auto;
2001  padding: 0;
2002  margin: 0;
2003  justify-content: center;
2004}
2005.mikio .mode_admin div.ui-admin ul.admin_tasks li,
2006.mikio .mode_admin div.ui-admin ul.admin_plugins li {
2007  border: 1px solid var(--button-border-color);
2008  border-radius: .25rem;
2009  margin: 1rem 1rem;
2010  background-color: var(--button-background-color);
2011}
2012.mikio .mode_admin div.ui-admin ul.admin_tasks li a,
2013.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited,
2014.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active,
2015.mikio .mode_admin div.ui-admin ul.admin_plugins li a,
2016.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited,
2017.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active {
2018  display: flex;
2019  flex-direction: column;
2020  align-items: center;
2021  justify-content: center;
2022  text-align: center;
2023  height: 4rem;
2024  font-size: 1rem;
2025  font-weight: normal;
2026  padding: 1rem 2rem;
2027  color: var(--button-text-color);
2028  -webkit-text-decoration: none;
2029  text-decoration: none;
2030  overflow: hidden;
2031  transition: all .15s ease-in-out;
2032}
2033.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon,
2034.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited span.icon,
2035.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active span.icon,
2036.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon,
2037.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited span.icon,
2038.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active span.icon {
2039  width: auto;
2040  height: auto;
2041  min-height: auto;
2042}
2043.mikio .mode_admin div.ui-admin ul.admin_tasks li a svg,
2044.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited svg,
2045.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active svg,
2046.mikio .mode_admin div.ui-admin ul.admin_plugins li a svg,
2047.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited svg,
2048.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active svg {
2049  fill: var(--button-text-color);
2050}
2051.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover,
2052.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover,
2053.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover,
2054.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover,
2055.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover,
2056.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover {
2057  -webkit-text-decoration: none;
2058  text-decoration: none;
2059  color: var(--button-text-hover-color);
2060  background-color: var(--button-background-hover-color);
2061  border-color: var(--button-border-hover-color);
2062}
2063.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg,
2064.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover svg,
2065.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover svg,
2066.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg,
2067.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover svg,
2068.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover svg {
2069  fill: var(--button-text-hover-color);
2070}
2071.mikio .mode_admin .mikio-config-table-header {
2072  background-color: var(--table-header-row-background-color);
2073  color: var(--table-header-row-text-color);
2074  font-weight: bold;
2075}
2076.mikio .mode_admin .mikio-config-table-header .mikio-iicon {
2077  vertical-align: text-bottom;
2078}
2079.mikio .mode_admin #extension__list ul.extensionList li {
2080  border-width: 0 0 1px 0;
2081  border-style: solid;
2082  border-color: var(--table-row-border-color);
2083  padding: .75rem;
2084  margin: 0;
2085  text-align: left;
2086}
2087.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) {
2088  background-color: var(--table-odd-row-background-color);
2089  color: var(--table-odd-row-text-color);
2090}
2091.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) {
2092  background-color: var(--table-even-row-background-color);
2093  color: var(--table-even-row-text-color);
2094}
2095.mikio .mode_admin button#usrmgr__del {
2096  color: #fff;
2097  border-color: #dc3545;
2098  background-color: #dc3545;
2099  margin-right: .5rem;
2100}
2101.mikio .mode_admin button#usrmgr__del:hover {
2102  color: #fff;
2103  background-color: #c03040;
2104  border-color: #c03040;
2105}
2106.mikio .mode_admin #acl__detail div#acl__user {
2107  border-color: var(--toc-border-color);
2108}
2109.mikio .mode_admin #acl__tree {
2110  background-color: var(--tree-background-color);
2111  border-color: var(--tree-border-color);
2112  color: var(--control-text-color);
2113}
2114.mikio .mode_admin #acl__tree a.cur {
2115  background-color: var(--section-edit-highlight);
2116}
2117.mikio .mode_admin #acl_manager table tr:nth-child(odd) {
2118  background-color: var(--table-odd-row-background-color);
2119  color: var(--table-odd-row-text-color);
2120}
2121.mikio .mode_admin #acl_manager table tr:nth-child(even) {
2122  background-color: var(--table-even-row-background-color);
2123  color: var(--table-even-row-text-color);
2124}
2125.mode_admin .mikio-content,
2126.mode_admin .mikio-page-fill,
2127.mode_login .mikio-content,
2128.mode_login .mikio-page-fill,
2129.mode_denied .mikio-content,
2130.mode_denied .mikio-page-fill,
2131.mode_revisions .mikio-content,
2132.mode_revisions .mikio-page-fill,
2133.mode_recent .mikio-content,
2134.mode_recent .mikio-page-fill,
2135.mode_backlink .mikio-content,
2136.mode_backlink .mikio-page-fill,
2137.mode_media .mikio-content,
2138.mode_media .mikio-page-fill,
2139.mode_index .mikio-content,
2140.mode_index .mikio-page-fill,
2141.mode_search .mikio-content,
2142.mode_search .mikio-page-fill,
2143.mode_edit .mikio-content,
2144.mode_edit .mikio-page-fill,
2145.mode_draft .mikio-content,
2146.mode_draft .mikio-page-fill,
2147.mode_preview .mikio-content,
2148.mode_preview .mikio-page-fill,
2149.mode_showtag .mikio-content,
2150.mode_showtag .mikio-page-fill {
2151  background-color: var(--admin-background-color);
2152}
2153.mikio #plugin__styling button.primary {
2154  font-weight: inherit;
2155}
2156.mikio.dokuwiki .secedit button {
2157  padding: .1rem .75rem;
2158  font-size: 80% !important;
2159  min-width: 3rem;
2160}
2161.mikio img {
2162  max-width: 100%;
2163}
2164.mikio img.media {
2165  margin: .2rem 0;
2166}
2167.mikio img.medialeft {
2168  margin: .2rem 1em .2rem 0;
2169}
2170.mikio img.mediaright {
2171  margin: .2rem 0 .2rem 1rem;
2172}
2173.mikio img.mediacenter {
2174  margin: .2rem auto;
2175}
2176.mikio div.dokuwiki div.inclmeta {
2177  margin-top: .5rem;
2178  padding-top: .5rem;
2179}
2180.mikio #dw__login label[for=remember__me] {
2181  margin-left: 0;
2182}
2183.mikio #config__manager fieldset {
2184  color: var(--text);
2185  background-color: transparent;
2186  margin: 0;
2187  padding: 0;
2188}
2189.mikio #config__manager fieldset legend {
2190  text-align: left;
2191}
2192.mikio #config__manager tr textarea {
2193  color: inherit;
2194  background-color: var(--control-background-color);
2195}
2196.mikio #config__manager tr select {
2197  width: 100%;
2198  background-color: var(--control-background-color);
2199}
2200.mikio #config__manager td.label {
2201  display: grid;
2202  grid-template-columns: auto 2rem;
2203}
2204.mikio #config__manager td.label span.outkey {
2205  float: none;
2206  font-size: 100%;
2207  background-color: transparent;
2208  margin: 0;
2209  grid-column: 1 / span 1;
2210  grid-row: 1 / span 1;
2211}
2212.mikio #config__manager td.label label {
2213  grid-column: 1 / span 1;
2214  grid-row: 2 / span 1;
2215}
2216.mikio #config__manager td.label img {
2217  float: none;
2218  grid-column: 2 / span 1;
2219  grid-row: 1 / span 2;
2220  align-self: center;
2221}
2222.mikio #config__manager td input.edit {
2223  width: 100%;
2224}
2225.mikio #config__manager button[type=submit] {
2226  color: var(--button-default-text-color);
2227  background-color: var(--button-default-background-color);
2228  border-color: var(--button-default-border-color);
2229}
2230.mikio #config__manager button[type=submit]:hover {
2231  color: var(--button-default-text-hover-color);
2232  background-color: var(--button-default-background-hover-color);
2233  border-color: var(--button-default-border-hover-color);
2234}
2235.mode_revisions .mikio-article li {
2236  padding: .5rem 1rem;
2237  border-top: 1px solid var(--table-row-border-color);
2238  background-color: var(--table-even-row-background-color);
2239  color: --table-even-row-text-color;
2240}
2241.mode_revisions .mikio-article li:nth-child(odd) {
2242  background-color: var(--table-odd-row-background-color);
2243  color: var(--table-odd-row-text-color);
2244}
2245.mode_revisions .mikio-article .li {
2246  display: grid;
2247  grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem;
2248  align-items: center;
2249  text-align: center;
2250  font-size: 90%;
2251}
2252.mode_revisions .mikio-article .li a.wikilink1 {
2253  text-align: left;
2254}
2255.mode_revisions .mikio-article .li span.sizechange {
2256  width: 100%;
2257  font-size: 80%;
2258  border-radius: .2em;
2259  padding: .1em .2em;
2260  color: var(--control-text-color) !important;
2261}
2262.mode_revisions .mikio-article .sum {
2263  display: block;
2264}
2265.mode_recent .mikio-article ul {
2266  list-style-type: none;
2267}
2268.mode_recent .mikio-article li {
2269  padding: .5rem 1rem;
2270  border-top: 1px solid var(--table-row-border-color);
2271  background-color: var(--table-even-row-background-color);
2272  color: var(--table-even-row-text-color);
2273}
2274.mode_recent .mikio-article li:nth-child(odd) {
2275  background-color: var(--table-odd-row-background-color);
2276  color: var(--table-odd-row-text-color);
2277}
2278.mode_recent .mikio-article .li {
2279  display: grid;
2280  grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem;
2281  align-items: center;
2282  text-align: center;
2283  font-size: 90%;
2284}
2285.mode_recent .mikio-article .li a.wikilink1,
2286.mode_recent .mikio-article .li span.curid {
2287  text-align: left;
2288}
2289.mode_recent .mikio-article .li span.sizechange {
2290  width: 100%;
2291  font-size: 80%;
2292  border-radius: .2em;
2293  padding: .1em .2em;
2294  color: var(--control-text-color);
2295}
2296.mode_recent .mikio-article .li span.sizechange.positive {
2297  background-color: #cfc;
2298}
2299.mode_recent .mikio-article .li span.sizechange.negative {
2300  background-color: #fdd;
2301}
2302.mode_recent .mikio-article select {
2303  margin: 0;
2304  font-family: inherit;
2305  font-size: inherit;
2306  font-weight: 400;
2307  border-width: 1px;
2308  border-style: solid;
2309  border-color: transparent;
2310  border-radius: .25rem;
2311  box-sizing: border-box;
2312  vertical-align: middle;
2313  padding: .375rem .75rem;
2314  color: var(--control-text-color);
2315  background-color: var(--control-background-color);
2316  -webkit-user-select: none;
2317  -moz-user-select: none;
2318  -ms-user-select: none;
2319  height: 2.25rem;
2320}
2321.mode_recent .mikio-article select[type=color] {
2322  padding: 0;
2323}
2324.mikio #mediamanager__page,
2325#media__manager {
2326  width: 100%;
2327  min-width: 100%;
2328}
2329.mikio #mediamanager__page button,
2330.mikio #mediamanager__page .qq-upload-button,
2331.mikio #mediamanager__page .qq-upload-list a,
2332#media__manager button,
2333#media__manager .qq-upload-button,
2334#media__manager .qq-upload-list a {
2335  margin: 0;
2336  font-family: inherit;
2337  font-size: inherit;
2338  font-weight: 400;
2339  border-width: 1px;
2340  border-style: solid;
2341  border-color: transparent;
2342  border-radius: .25rem;
2343  box-sizing: border-box;
2344  vertical-align: middle;
2345  padding: .375rem .75rem;
2346  color: var(--control-text-color);
2347  background-color: var(--control-background-color);
2348  display: inline-block;
2349  text-align: center;
2350  color: var(--button-text-color);
2351  background-color: var(--button-background-color);
2352  border-color: var(--button-border-color);
2353  line-height: 1.5;
2354  -webkit-text-decoration: none;
2355  text-decoration: none;
2356  text-transform: capitalize;
2357  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
2358}
2359.mikio #mediamanager__page button[type=color],
2360.mikio #mediamanager__page .qq-upload-button[type=color],
2361.mikio #mediamanager__page .qq-upload-list a[type=color],
2362#media__manager button[type=color],
2363#media__manager .qq-upload-button[type=color],
2364#media__manager .qq-upload-list a[type=color] {
2365  padding: 0;
2366}
2367.mikio #mediamanager__page button:hover:not(:disabled),
2368.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled),
2369.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled),
2370#media__manager button:hover:not(:disabled),
2371#media__manager .qq-upload-button:hover:not(:disabled),
2372#media__manager .qq-upload-list a:hover:not(:disabled) {
2373  -webkit-text-decoration: none;
2374  text-decoration: none;
2375  color: var(--button-text-hover-color);
2376  background-color: var(--button-background-hover-color);
2377  border-color: var(--button-border-hover-color);
2378}
2379.mikio #mediamanager__page button:disabled,
2380.mikio #mediamanager__page .qq-upload-button:disabled,
2381.mikio #mediamanager__page .qq-upload-list a:disabled,
2382#media__manager button:disabled,
2383#media__manager .qq-upload-button:disabled,
2384#media__manager .qq-upload-list a:disabled {
2385  opacity: .65;
2386}
2387.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel,
2388#media__manager .qq-upload-list a.qq-upload-cancel {
2389  color: #fff;
2390  border-color: #dc3545;
2391  background-color: #dc3545;
2392}
2393.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover,
2394#media__manager .qq-upload-list a.qq-upload-cancel:hover {
2395  color: #fff;
2396  background-color: #c03040;
2397  border-color: #c03040;
2398}
2399.mikio #mediamanager__page button.qq-upload-action,
2400#media__manager button.qq-upload-action {
2401  color: var(--button-default-text-color);
2402  background-color: var(--button-default-background-color);
2403  border-color: var(--button-default-border-color);
2404}
2405.mikio #mediamanager__page button.qq-upload-action:hover,
2406#media__manager button.qq-upload-action:hover {
2407  color: var(--button-default-text-hover-color);
2408  background-color: var(--button-default-background-hover-color);
2409  border-color: var(--button-default-border-hover-color);
2410}
2411.mikio #mediamanager__page input[type=text],
2412.mikio #mediamanager__page input[type=search],
2413.mikio #mediamanager__page textarea,
2414#media__manager input[type=text],
2415#media__manager input[type=search],
2416#media__manager textarea {
2417  margin: 0;
2418  font-family: inherit;
2419  font-size: inherit;
2420  font-weight: 400;
2421  border-width: 1px;
2422  border-style: solid;
2423  border-color: transparent;
2424  border-radius: .25rem;
2425  box-sizing: border-box;
2426  vertical-align: middle;
2427  padding: .375rem .75rem;
2428  color: var(--control-text-color);
2429  background-color: var(--control-background-color);
2430  border-color: var(--input-border-color);
2431  line-height: inherit;
2432}
2433.mikio #mediamanager__page input[type=text][type=color],
2434.mikio #mediamanager__page input[type=search][type=color],
2435.mikio #mediamanager__page textarea[type=color],
2436#media__manager input[type=text][type=color],
2437#media__manager input[type=search][type=color],
2438#media__manager textarea[type=color] {
2439  padding: 0;
2440}
2441.mikio #mediamanager__page .ui-resizable-e,
2442#media__manager .ui-resizable-e {
2443  background: transparent;
2444  width: 6px;
2445  right: 2px;
2446}
2447.mikio #mediamanager__page .ui-resizable-e:hover,
2448#media__manager .ui-resizable-e:hover {
2449  background-color: #999;
2450}
2451.mikio #mediamanager__page .namespaces,
2452#media__manager .namespaces {
2453  width: 20%;
2454  min-width: 10em;
2455  left: 0 !important;
2456}
2457.mikio #mediamanager__page .namespaces h2,
2458#media__manager .namespaces h2 {
2459  display: inline-block;
2460  background-color: var(--tab-active-background-color);
2461  font-weight: normal;
2462  color: var(--tab-active-color);
2463  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
2464  border-radius: .5rem .5rem 0 0;
2465  border-width: 1px;
2466  border-style: solid;
2467  padding: .5rem 1rem;
2468  margin: 0;
2469  bottom: -1px;
2470  font-size: 1rem;
2471}
2472.mikio #mediamanager__page #media__tree,
2473#media__manager #media__tree {
2474  background-color: var(--tree-background-color);
2475  border-color: var(--tree-border-color);
2476}
2477.mikio #mediamanager__page #media__tree ul,
2478.mikio #mediamanager__page #media__tree ul.idx,
2479#media__manager #media__tree ul,
2480#media__manager #media__tree ul.idx {
2481  margin-top: 0;
2482  margin-bottom: 0;
2483  padding: 0;
2484  list-style-type: none;
2485}
2486.mikio #mediamanager__page #media__tree ul ul,
2487.mikio #mediamanager__page #media__tree ul.idx ul,
2488#media__manager #media__tree ul ul,
2489#media__manager #media__tree ul.idx ul {
2490  margin-left: 1rem;
2491}
2492.mikio #mediamanager__page #media__tree ul li,
2493.mikio #mediamanager__page #media__tree ul.idx li,
2494#media__manager #media__tree ul li,
2495#media__manager #media__tree ul.idx li {
2496  margin: .25rem 0;
2497  white-space: nowrap;
2498}
2499.mikio #mediamanager__page #media__tree ul li img,
2500.mikio #mediamanager__page #media__tree ul.idx li img,
2501#media__manager #media__tree ul li img,
2502#media__manager #media__tree ul.idx li img {
2503  margin-right: .2rem;
2504}
2505.mikio #mediamanager__page #media__tree ul a,
2506.mikio #mediamanager__page #media__tree ul.idx a,
2507#media__manager #media__tree ul a,
2508#media__manager #media__tree ul.idx a {
2509  -webkit-text-decoration: none;
2510  text-decoration: none;
2511}
2512.mikio #mediamanager__page #media__tree ul div,
2513.mikio #mediamanager__page #media__tree ul.idx div,
2514#media__manager #media__tree ul div,
2515#media__manager #media__tree ul.idx div {
2516  display: inline-block;
2517}
2518.mikio #mediamanager__page .panelHeader,
2519#media__manager .panelHeader {
2520  margin-bottom: 0 !important;
2521  background-color: var(--tab-active-background-color);
2522  border-width: 1px 1px 1px 1px;
2523  border-style: solid;
2524  border-color: var(--tab-active-border-color) !important;
2525  word-wrap: break-word;
2526  word-break: break-word;
2527}
2528.mikio #mediamanager__page .filelist,
2529#media__manager .filelist {
2530  width: 50%;
2531  min-width: 25em;
2532  left: 0 !important;
2533}
2534.mikio #mediamanager__page .filelist .panelHeader,
2535.mikio #mediamanager__page .qq-uploader .panelHeader,
2536#media__manager .filelist .panelHeader,
2537#media__manager .qq-uploader .panelHeader {
2538  margin-bottom: 0 !important;
2539  background-color: var(--tab-active-background-color);
2540  border-width: 1px 1px 1px 1px;
2541  border-style: solid;
2542  border-color: var(--tab-active-border-color) !important;
2543  word-wrap: break-word;
2544  word-break: break-word;
2545}
2546.mikio #mediamanager__page .filelist .panelHeader h3,
2547.mikio #mediamanager__page .qq-uploader .panelHeader h3,
2548#media__manager .filelist .panelHeader h3,
2549#media__manager .qq-uploader .panelHeader h3 {
2550  width: 100%;
2551}
2552.mikio #mediamanager__page .filelist form.options,
2553.mikio #mediamanager__page .qq-uploader form.options,
2554#media__manager .filelist form.options,
2555#media__manager .qq-uploader form.options {
2556  margin-top: 0;
2557}
2558.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label,
2559.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label,
2560#media__manager .filelist form.options .ui-controlgroup-horizontal label,
2561#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label {
2562  margin-right: 0;
2563}
2564.mikio #mediamanager__page .filelist .panelContent,
2565.mikio #mediamanager__page .qq-uploader .panelContent,
2566#media__manager .filelist .panelContent,
2567#media__manager .qq-uploader .panelContent {
2568  text-align: center;
2569}
2570.mikio #mediamanager__page .filelist .panelContent ul li:hover,
2571.mikio #mediamanager__page .qq-uploader .panelContent ul li:hover,
2572#media__manager .filelist .panelContent ul li:hover,
2573#media__manager .qq-uploader .panelContent ul li:hover {
2574  background-color: initial;
2575}
2576.mikio #mediamanager__page .filelist ul,
2577.mikio #mediamanager__page .qq-uploader ul,
2578#media__manager .filelist ul,
2579#media__manager .qq-uploader ul {
2580  margin: 1rem 0 -1px 0;
2581}
2582.mikio #mediamanager__page .filelist ul.thumbs,
2583.mikio #mediamanager__page .qq-uploader ul.thumbs,
2584#media__manager .filelist ul.thumbs,
2585#media__manager .qq-uploader ul.thumbs {
2586  margin: 0;
2587}
2588.mikio #mediamanager__page .filelist ul.thumbs li,
2589.mikio #mediamanager__page .qq-uploader ul.thumbs li,
2590#media__manager .filelist ul.thumbs li,
2591#media__manager .qq-uploader ul.thumbs li {
2592  display: inline-block;
2593  width: 200px;
2594  background-color: var(--tab-active-background-color);
2595  color: var(--tab-active-color);
2596}
2597.mikio #mediamanager__page .filelist ul.thumbs li dt,
2598.mikio #mediamanager__page .qq-uploader ul.thumbs li dt,
2599#media__manager .filelist ul.thumbs li dt,
2600#media__manager .qq-uploader ul.thumbs li dt {
2601  text-align: center;
2602}
2603.mikio #mediamanager__page .filelist ul.thumbs li dt a,
2604.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a,
2605#media__manager .filelist ul.thumbs li dt a,
2606#media__manager .qq-uploader ul.thumbs li dt a {
2607  display: block;
2608  width: 100%;
2609}
2610.mikio #mediamanager__page .filelist ul.thumbs li dt a img,
2611.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a img,
2612#media__manager .filelist ul.thumbs li dt a img,
2613#media__manager .qq-uploader ul.thumbs li dt a img {
2614  min-height: 90px;
2615  min-width: 90px;
2616}
2617.mikio #mediamanager__page .filelist ul.thumbs li dd,
2618.mikio #mediamanager__page .qq-uploader ul.thumbs li dd,
2619#media__manager .filelist ul.thumbs li dd,
2620#media__manager .qq-uploader ul.thumbs li dd {
2621  width: auto;
2622  font-size: 80%;
2623  margin-bottom: .25rem;
2624  margin-inline-start: 0;
2625}
2626.mikio #mediamanager__page .filelist ul.thumbs li .name,
2627.mikio #mediamanager__page .qq-uploader ul.thumbs li .name,
2628#media__manager .filelist ul.thumbs li .name,
2629#media__manager .qq-uploader ul.thumbs li .name {
2630  font-weight: normal;
2631}
2632.mikio #mediamanager__page .filelist ul.rows,
2633.mikio #mediamanager__page .qq-uploader ul.rows,
2634#media__manager .filelist ul.rows,
2635#media__manager .qq-uploader ul.rows {
2636  list-style-type: none;
2637  padding: 0;
2638}
2639.mikio #mediamanager__page .filelist ul.rows li,
2640.mikio #mediamanager__page .qq-uploader ul.rows li,
2641#media__manager .filelist ul.rows li,
2642#media__manager .qq-uploader ul.rows li {
2643  background-color: var(--table-odd-row-background-color);
2644  color: var(--table-odd-row-text-color);
2645  max-height: none;
2646  font-size: 90%;
2647  overflow: auto;
2648}
2649.mikio #mediamanager__page .filelist ul.rows li:nth-child(2n+1),
2650.mikio #mediamanager__page .qq-uploader ul.rows li:nth-child(2n+1),
2651#media__manager .filelist ul.rows li:nth-child(2n+1),
2652#media__manager .qq-uploader ul.rows li:nth-child(2n+1) {
2653  background-color: var(--table-even-row-background-color);
2654  color: var(--table-even-row-text-color);
2655}
2656.mikio #mediamanager__page .filelist ul.rows li a,
2657.mikio #mediamanager__page .qq-uploader ul.rows li a,
2658#media__manager .filelist ul.rows li a,
2659#media__manager .qq-uploader ul.rows li a {
2660  font-weight: normal;
2661}
2662.mikio #mediamanager__page .filelist ul.rows li dl,
2663.mikio #mediamanager__page .qq-uploader ul.rows li dl,
2664#media__manager .filelist ul.rows li dl,
2665#media__manager .qq-uploader ul.rows li dl {
2666  display: flex;
2667  align-items: center;
2668}
2669.mikio #mediamanager__page .filelist ul.rows li dt,
2670.mikio #mediamanager__page .qq-uploader ul.rows li dt,
2671#media__manager .filelist ul.rows li dt,
2672#media__manager .qq-uploader ul.rows li dt {
2673  display: flex;
2674  align-items: center;
2675  justify-content: center;
2676  width: 10%;
2677}
2678.mikio #mediamanager__page .filelist ul.rows li dt a,
2679.mikio #mediamanager__page .qq-uploader ul.rows li dt a,
2680#media__manager .filelist ul.rows li dt a,
2681#media__manager .qq-uploader ul.rows li dt a {
2682  height: auto;
2683  width: auto;
2684}
2685.mikio #mediamanager__page .filelist ul.rows li dt a img,
2686.mikio #mediamanager__page .qq-uploader ul.rows li dt a img,
2687#media__manager .filelist ul.rows li dt a img,
2688#media__manager .qq-uploader ul.rows li dt a img {
2689  display: block;
2690  max-width: 40px;
2691  max-height: 40px;
2692}
2693.mikio #mediamanager__page .filelist ul.rows li dd.name,
2694.mikio #mediamanager__page .qq-uploader ul.rows li dd.name,
2695#media__manager .filelist ul.rows li dd.name,
2696#media__manager .qq-uploader ul.rows li dd.name {
2697  text-align: left;
2698  width: 30%;
2699  overflow: hidden;
2700  text-overflow: ellipsis;
2701  float: left;
2702  margin-left: 1%;
2703  white-space: nowrap;
2704}
2705.mikio #mediamanager__page .filelist ul.rows li dd.size,
2706.mikio #mediamanager__page .qq-uploader ul.rows li dd.size,
2707#media__manager .filelist ul.rows li dd.size,
2708#media__manager .qq-uploader ul.rows li dd.size {
2709  width: 15%;
2710}
2711.mikio #mediamanager__page .filelist ul.rows li dd.date,
2712.mikio #mediamanager__page .qq-uploader ul.rows li dd.date,
2713#media__manager .filelist ul.rows li dd.date,
2714#media__manager .qq-uploader ul.rows li dd.date {
2715  width: 20%;
2716}
2717.mikio #mediamanager__page .filelist ul.rows li dd.filesize,
2718.mikio #mediamanager__page .qq-uploader ul.rows li dd.filesize,
2719#media__manager .filelist ul.rows li dd.filesize,
2720#media__manager .qq-uploader ul.rows li dd.filesize {
2721  width: 15%;
2722}
2723.mikio #mediamanager__page .filelist ul.rows li dd,
2724.mikio #mediamanager__page .qq-uploader ul.rows li dd,
2725#media__manager .filelist ul.rows li dd,
2726#media__manager .qq-uploader ul.rows li dd {
2727  margin: 0;
2728  font-size: 90%;
2729}
2730.mikio #mediamanager__page .filelist .qq-upload-list,
2731.mikio #mediamanager__page .qq-uploader .qq-upload-list,
2732#media__manager .filelist .qq-upload-list,
2733#media__manager .qq-uploader .qq-upload-list {
2734  margin-top: 1rem;
2735}
2736.mikio #mediamanager__page .filelist .qq-upload-list li:hover,
2737.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover,
2738#media__manager .filelist .qq-upload-list li:hover,
2739#media__manager .qq-uploader .qq-upload-list li:hover {
2740  background-color: transparent;
2741}
2742.mikio #mediamanager__page .filelist .qq-action-container,
2743.mikio #mediamanager__page .qq-uploader .qq-action-container,
2744#media__manager .filelist .qq-action-container,
2745#media__manager .qq-uploader .qq-action-container {
2746  margin-top: 1rem;
2747  padding-top: 1rem;
2748  border-top: 1px solid #dee2e6;
2749}
2750.mikio #mediamanager__page .file .panelHeader,
2751#media__manager .file .panelHeader {
2752  margin-bottom: 0 !important;
2753  background-color: var(--tab-active-background-color);
2754  border-width: 1px 1px 1px 1px;
2755  border-style: solid;
2756  border-color: var(--tab-active-border-color) !important;
2757  word-wrap: break-word;
2758  word-break: break-word;
2759}
2760.mikio #mediamanager__page .file .panelHeader a,
2761#media__manager .file .panelHeader a {
2762  font-weight: normal;
2763  color: #333;
2764}
2765.mikio #mediamanager__page .file ul.tabs,
2766#media__manager .file ul.tabs {
2767  padding: 0;
2768  margin-top: 1rem;
2769  margin-bottom: -1px;
2770  list-style-type: none;
2771}
2772.mikio #mediamanager__page .file ul.tabs li,
2773#media__manager .file ul.tabs li {
2774  float: none;
2775  display: inline-block;
2776  font-size: 1rem;
2777  line-height: 1.4rem;
2778  position: relative;
2779  z-index: 2;
2780}
2781.mikio #mediamanager__page .file ul.tabs li strong,
2782#media__manager .file ul.tabs li strong {
2783  display: inline-block;
2784  background-color: var(--tab-active-background-color);
2785  font-weight: normal;
2786  color: var(--tab-active-color);
2787  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
2788  border-radius: .5rem .5rem 0 0;
2789  border-width: 1px;
2790  border-style: solid;
2791  padding: .5rem 1rem;
2792  margin: 0;
2793  bottom: -1px;
2794}
2795.mikio #mediamanager__page .file ul.tabs li a,
2796.mikio #mediamanager__page .file ul.tabs li a:visited,
2797.mikio #mediamanager__page .file ul.tabs li a:active,
2798#media__manager .file ul.tabs li a,
2799#media__manager .file ul.tabs li a:visited,
2800#media__manager .file ul.tabs li a:active {
2801  display: inline-block;
2802  padding: .5rem 1rem;
2803  border: 1px solid var(--tab-border-color);
2804  color: var(--tab-color);
2805  -webkit-text-decoration: none;
2806  text-decoration: none;
2807  margin: 0;
2808  background-color: var(--tab-background-color);
2809}
2810.mikio #mediamanager__page .file ul.tabs li a:hover,
2811.mikio #mediamanager__page .file ul.tabs li a:visited:hover,
2812.mikio #mediamanager__page .file ul.tabs li a:active:hover,
2813#media__manager .file ul.tabs li a:hover,
2814#media__manager .file ul.tabs li a:visited:hover,
2815#media__manager .file ul.tabs li a:active:hover {
2816  color: var(--tab-hover-color);
2817  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
2818  border-radius: .5rem .5rem 0 0;
2819  background-color: var(--tab-background-hover-color);
2820}
2821.mikio #mediamanager__page .file ul.tabs:after,
2822#media__manager .file ul.tabs:after {
2823  border-bottom: 0;
2824}
2825.mikio #mediamanager__page .file #mediamanager__btn_delete button,
2826#media__manager .file #mediamanager__btn_delete button {
2827  color: #fff;
2828  border-color: #dc3545;
2829  background-color: #dc3545;
2830}
2831.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover,
2832#media__manager .file #mediamanager__btn_delete button:hover {
2833  color: #fff;
2834  background-color: #c03040;
2835  border-color: #c03040;
2836}
2837.mikio #mediamanager__page .file dl,
2838#media__manager .file dl {
2839  font-size: 90%;
2840}
2841.mikio #mediamanager__page .file dl dt,
2842#media__manager .file dl dt {
2843  padding: .25rem .5rem;
2844  background-color: #f0f0f0;
2845}
2846.mikio #mediamanager__page .file dl dd,
2847#media__manager .file dl dd {
2848  padding: .25rem .5rem;
2849  background-color: #f8f8f8;
2850}
2851.mikio #mediamanager__page .file input[type=text],
2852.mikio #mediamanager__page .file form.meta textarea.edit,
2853#media__manager .file input[type=text],
2854#media__manager .file form.meta textarea.edit {
2855  width: 100%;
2856  min-width: 100%;
2857  max-width: 100%;
2858}
2859.mikio #mediamanager__page .file button[name="mediado[save]"],
2860#media__manager .file button[name="mediado[save]"] {
2861  color: var(--button-default-text-color);
2862  background-color: var(--button-default-background-color);
2863  border-color: var(--button-default-border-color);
2864}
2865.mikio #mediamanager__page .file button[name="mediado[save]"]:hover,
2866#media__manager .file button[name="mediado[save]"]:hover {
2867  color: var(--button-default-text-hover-color);
2868  background-color: var(--button-default-background-hover-color);
2869  border-color: var(--button-default-border-hover-color);
2870}
2871.mikio #mediamanager__page .panel,
2872#media__manager .panel {
2873  float: left;
2874}
2875.mikio #mediamanager__page .panelHeader,
2876#media__manager .panelHeader {
2877  margin: 0 10px 10px 0;
2878  padding: 10px 10px 8px;
2879  font-size: .9rem;
2880  overflow: hidden;
2881}
2882.mikio #mediamanager__page .panelHeader h3,
2883#media__manager .panelHeader h3 {
2884  float: left;
2885  font-weight: normal;
2886  font-size: 1em;
2887  padding: 0;
2888  margin: 0 0 3px;
2889}
2890.mikio #mediamanager__page .panelHeader form.options,
2891#media__manager .panelHeader form.options {
2892  float: right;
2893}
2894.mikio #mediamanager__page .panelContent,
2895#media__manager .panelContent {
2896  background-color: var(--tab-active-background-color);
2897  margin: 0 10px 0 0;
2898  border-width: 0 1px 1px 1px;
2899  border-style: solid;
2900  border-color: var(--tab-active-border-color);
2901  padding: .5rem;
2902}
2903.mikio #mediamanager__page #media__opts,
2904#media__manager #media__opts {
2905  border-bottom: 1px solid var(--tab-active-border-color);
2906  padding-bottom: .75rem;
2907}
2908.mikio #mediamanager__page #media__content .odd,
2909.mikio #mediamanager__page #media__content .even,
2910#media__manager #media__content .odd,
2911#media__manager #media__content .even {
2912  border-top: 1px solid var(--table-row-border-color);
2913  font-size: 90%;
2914  display: grid;
2915  grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem;
2916  align-items: center;
2917}
2918.mikio #mediamanager__page #media__content .odd a.mediafile,
2919.mikio #mediamanager__page #media__content .even a.mediafile,
2920#media__manager #media__content .odd a.mediafile,
2921#media__manager #media__content .even a.mediafile {
2922  grid-column: 2 / span 1;
2923  grid-row: 1 / span 1;
2924  margin: 0;
2925  word-break: break-word;
2926}
2927.mikio #mediamanager__page #media__content .odd span.info,
2928.mikio #mediamanager__page #media__content .even span.info,
2929#media__manager #media__content .odd span.info,
2930#media__manager #media__content .even span.info {
2931  grid-column: 3 / span 1;
2932  grid-row: 1 / span 1;
2933  text-align: center;
2934}
2935.mikio #mediamanager__page #media__content .odd span.info br,
2936.mikio #mediamanager__page #media__content .even span.info br,
2937#media__manager #media__content .odd span.info br,
2938#media__manager #media__content .even span.info br {
2939  display: inline-block;
2940}
2941.mikio #mediamanager__page #media__content .odd a:nth-child(2),
2942.mikio #mediamanager__page #media__content .even a:nth-child(2),
2943#media__manager #media__content .odd a:nth-child(2),
2944#media__manager #media__content .even a:nth-child(2) {
2945  grid-column: 4 / span 1;
2946  grid-row: 1 / span 1;
2947  text-align: center;
2948}
2949.mikio #mediamanager__page #media__content .odd a:nth-child(3),
2950.mikio #mediamanager__page #media__content .even a:nth-child(3),
2951#media__manager #media__content .odd a:nth-child(3),
2952#media__manager #media__content .even a:nth-child(3) {
2953  grid-column: 5 / span 1;
2954  grid-row: 1 / span 1;
2955  text-align: center;
2956}
2957.mikio #mediamanager__page #media__content .odd a.btn_media_delete,
2958.mikio #mediamanager__page #media__content .even a.btn_media_delete,
2959#media__manager #media__content .odd a.btn_media_delete,
2960#media__manager #media__content .even a.btn_media_delete {
2961  grid-column: 6 / span 1;
2962  grid-row: 1 / span 1;
2963  text-align: center;
2964}
2965.mikio #mediamanager__page #media__content .odd div.example,
2966.mikio #mediamanager__page #media__content .odd div.clearer,
2967.mikio #mediamanager__page #media__content .odd br,
2968.mikio #mediamanager__page #media__content .even div.example,
2969.mikio #mediamanager__page #media__content .even div.clearer,
2970.mikio #mediamanager__page #media__content .even br,
2971#media__manager #media__content .odd div.example,
2972#media__manager #media__content .odd div.clearer,
2973#media__manager #media__content .odd br,
2974#media__manager #media__content .even div.example,
2975#media__manager #media__content .even div.clearer,
2976#media__manager #media__content .even br {
2977  display: none;
2978}
2979.mikio #mediamanager__page #media__content .odd div.detail,
2980.mikio #mediamanager__page #media__content .even div.detail,
2981#media__manager #media__content .odd div.detail,
2982#media__manager #media__content .even div.detail {
2983  grid-column: 1 / span 1;
2984  grid-row: 1 / span 1;
2985  padding: 0;
2986}
2987.mikio #mediamanager__page #media__content .odd div.detail div.thumb,
2988.mikio #mediamanager__page #media__content .even div.detail div.thumb,
2989#media__manager #media__content .odd div.detail div.thumb,
2990#media__manager #media__content .even div.detail div.thumb {
2991  float: none;
2992  margin: 0;
2993}
2994.mikio #mediamanager__page #media__content .odd div.detail div.thumb img,
2995.mikio #mediamanager__page #media__content .even div.detail div.thumb img,
2996#media__manager #media__content .odd div.detail div.thumb img,
2997#media__manager #media__content .even div.detail div.thumb img {
2998  max-width: 48px;
2999  max-height: 48px;
3000}
3001.mikio #mediamanager__page #media__content .odd,
3002#media__manager #media__content .odd {
3003  background-color: var(--table-odd-row-background-color);
3004  color: var(--table-odd-row-text-color);
3005}
3006.mikio #mediamanager__page #media__content .even,
3007#media__manager #media__content .even {
3008  background-color: var(--table-even-row-background-color);
3009  color: var(--table-even-row-text-color);
3010}
3011.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form {
3012  display: grid;
3013  margin: 0 auto;
3014  width: auto;
3015  max-width: 800px;
3016  grid-template-columns: auto 10rem 10rem;
3017  grid-gap: 1rem;
3018}
3019.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] {
3020  grid-column: 1 / span 1;
3021  grid-row: 1 / span 1;
3022  width: 100%;
3023}
3024.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] {
3025  color: var(--button-default-text-color);
3026  background-color: var(--button-default-background-color);
3027  border-color: var(--button-default-border-color);
3028  grid-column: 2 / span 1;
3029  grid-row: 1 / span 1;
3030}
3031.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover {
3032  color: var(--button-default-text-hover-color);
3033  background-color: var(--button-default-background-hover-color);
3034  border-color: var(--button-default-border-hover-color);
3035}
3036.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant {
3037  padding: .1rem .75rem;
3038  font-size: 80% !important;
3039  min-width: 3rem;
3040  grid-column: 3 / span 1;
3041  grid-row: 1 / span 1;
3042  flex: 0;
3043}
3044.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions {
3045  grid-column: 1 / span 3;
3046  grid-row: 2 / span 1;
3047  text-align: center;
3048}
3049.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle {
3050  position: relative;
3051  display: inline-block;
3052  border: 1px solid var(--dropdown-border-color);
3053  background-color: var(--dropdown-background-color);
3054  color: var(--dropdown-color);
3055  border-radius: .25rem;
3056  padding: .375rem .75rem;
3057  text-align: left;
3058}
3059.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current {
3060  padding: .2rem 2.2rem .2rem .2rem;
3061  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>');
3062  background-size: 1.2rem;
3063  background-position: right;
3064  background-repeat: no-repeat;
3065}
3066.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after {
3067  content: "";
3068}
3069.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul {
3070  position: absolute;
3071  right: 0;
3072  top: .5rem;
3073  padding: .5rem 2rem;
3074  border: 1px solid var(--dropdown-border-color);
3075  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
3076  background-color: var(--dropdown-background-color);
3077  color: #999;
3078  list-style-type: none;
3079}
3080.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li {
3081  margin: 0rem;
3082  white-space: nowrap;
3083}
3084.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li.active {
3085  padding: .2rem 0;
3086  display: block;
3087}
3088.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a,
3089.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited,
3090.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active {
3091  transition: all 0.15s ease-in-out;
3092  color: var(--dropdown-color);
3093  -webkit-text-decoration: none;
3094  text-decoration: none;
3095  font-style: normal;
3096  display: block;
3097  padding: .2rem 2rem;
3098  margin: 0 -2rem;
3099}
3100.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover,
3101.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited:hover,
3102.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active:hover {
3103  background-color: var(--dropdown-hover-color);
3104}
3105.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul[aria-expanded="false"] {
3106  display: none;
3107}
3108.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle + .toggle {
3109  margin-left: 1rem;
3110}
3111.mikio.dokuwiki .mode_search .mikio-article h2 {
3112  margin-top: .5rem;
3113  padding-top: 1rem;
3114  border-top: 1px solid #dee2e6;
3115}
3116.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul {
3117  background-color: #fff;
3118  padding: .5rem 1rem;
3119  list-style-type: none;
3120}
3121.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li {
3122  float: none;
3123  text-align: left;
3124  padding-left: 0;
3125}
3126.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before {
3127  font-size: 1.2rem;
3128  content: '\2022';
3129  margin-right: 0.5em;
3130}
3131.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li {
3132  display: inline-block;
3133}
3134.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li {
3135  width: auto;
3136}
3137.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result {
3138  border-top: 1px solid var(--table-row-border-color);
3139  padding: .75rem;
3140  background-color: var(--table-odd-row-background-color);
3141  color: var(--table-odd-row-text-color);
3142}
3143.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) {
3144  background-color: var(--table-even-row-background-color);
3145  color: var(--table-even-row-text-color);
3146}
3147.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet {
3148  font-size: 90%;
3149  margin-bottom: 0;
3150}
3151#index__tree {
3152  background-color: var(--tree-background-color);
3153  border: 1px solid var(--tree-border-color);
3154  padding: 0 1rem;
3155}
3156#index__tree ul {
3157  padding-left: 1rem;
3158}
3159#index__tree a {
3160  -webkit-text-decoration: none;
3161  text-decoration: none;
3162}
3163#index__tree .curid a {
3164  color: var(--section-edit-highlight);
3165}
3166.mikio.dokuwiki ul.tabs {
3167  padding: 0;
3168  margin-top: 1rem;
3169  margin-bottom: -1px;
3170  list-style-type: none;
3171}
3172.mikio.dokuwiki ul.tabs li {
3173  float: none;
3174  display: inline-block;
3175  font-size: 1rem;
3176  line-height: 1.4rem;
3177  position: relative;
3178  z-index: 2;
3179}
3180.mikio.dokuwiki ul.tabs li strong {
3181  display: inline-block;
3182  background-color: var(--tab-active-background-color);
3183  font-weight: normal;
3184  color: var(--tab-active-color);
3185  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
3186  border-radius: .5rem .5rem 0 0;
3187  border-width: 1px;
3188  border-style: solid;
3189  padding: .5rem 1rem;
3190  margin: 0;
3191  bottom: -1px;
3192}
3193.mikio.dokuwiki ul.tabs li a,
3194.mikio.dokuwiki ul.tabs li a:visited,
3195.mikio.dokuwiki ul.tabs li a:active {
3196  display: inline-block;
3197  padding: .5rem 1rem;
3198  border: 1px solid var(--tab-border-color);
3199  color: var(--tab-color);
3200  -webkit-text-decoration: none;
3201  text-decoration: none;
3202  margin: 0;
3203  background-color: var(--tab-background-color);
3204}
3205.mikio.dokuwiki ul.tabs li a:hover,
3206.mikio.dokuwiki ul.tabs li a:visited:hover,
3207.mikio.dokuwiki ul.tabs li a:active:hover {
3208  color: var(--tab-hover-color);
3209  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
3210  border-radius: .5rem .5rem 0 0;
3211  background-color: var(--tab-background-hover-color);
3212}
3213.mikio.dokuwiki ul.tabs:after {
3214  border-bottom: 0;
3215}
3216.mikio .mode_draft table {
3217  margin-bottom: 1rem;
3218}
3219#dokuwiki__detail {
3220  background-color: var(--admin-background-color);
3221  height: 100vh;
3222  padding: 0 2rem;
3223}
3224#dokuwiki__detail .content {
3225  display: flex;
3226}
3227#dokuwiki__detail .content .img_detail dl {
3228  display: grid;
3229  grid-template-columns: 4rem auto;
3230  align-items: center;
3231}
3232#dokuwiki__detail .content .img_detail dl dt {
3233  font-weight: bold;
3234}
3235.mikio .content_partial button,
3236.mikio .content_partial input,
3237.mikio .content_partial optgroup,
3238.mikio .content_partial select,
3239.mikio .content_partial textarea {
3240  margin: 0;
3241  font-family: inherit;
3242  font-size: inherit;
3243  font-weight: 400;
3244  border-width: 1px;
3245  border-style: solid;
3246  border-color: transparent;
3247  border-radius: .25rem;
3248  box-sizing: border-box;
3249  vertical-align: middle;
3250  padding: .375rem .75rem;
3251  color: var(--control-text-color);
3252  background-color: var(--control-background-color);
3253  border-color: var(--input-border-color);
3254  line-height: inherit;
3255}
3256.mikio .content_partial button[type=color],
3257.mikio .content_partial input[type=color],
3258.mikio .content_partial optgroup[type=color],
3259.mikio .content_partial select[type=color],
3260.mikio .content_partial textarea[type=color] {
3261  padding: 0;
3262}
3263.mikio .content_partial button,
3264.mikio .content_partial input[type=button],
3265.mikio .content_partial input[type=image] {
3266  display: inline-block;
3267  text-align: center;
3268  color: var(--button-text-color);
3269  background-color: var(--button-background-color);
3270  border-color: var(--button-border-color);
3271  line-height: 1.5;
3272  -webkit-text-decoration: none;
3273  text-decoration: none;
3274  text-transform: capitalize;
3275  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3276}
3277.mikio .content_partial button:hover:not(:disabled),
3278.mikio .content_partial input[type=button]:hover:not(:disabled),
3279.mikio .content_partial input[type=image]:hover:not(:disabled) {
3280  -webkit-text-decoration: none;
3281  text-decoration: none;
3282  color: var(--button-text-hover-color);
3283  background-color: var(--button-background-hover-color);
3284  border-color: var(--button-border-hover-color);
3285}
3286.mikio .content_partial button:disabled,
3287.mikio .content_partial input[type=button]:disabled,
3288.mikio .content_partial input[type=image]:disabled {
3289  opacity: .65;
3290}
3291.mikio .content_partial button#edbtn__save,
3292.mikio .content_partial button[name="run[save]"] {
3293  color: var(--button-default-text-color);
3294  background-color: var(--button-default-background-color);
3295  border-color: var(--button-default-border-color);
3296}
3297.mikio .content_partial button#edbtn__save:hover,
3298.mikio .content_partial button[name="run[save]"]:hover {
3299  color: var(--button-default-text-hover-color);
3300  background-color: var(--button-default-background-hover-color);
3301  border-color: var(--button-default-border-hover-color);
3302}
3303.mikio .content_partial input[type=text],
3304.mikio .content_partial input[type=search],
3305.mikio .content_partial input[type=password],
3306.mikio .content_partial input[type=email] {
3307  -webkit-appearance: none;
3308  -moz-appearance: none;
3309  -ms-appearance: none;
3310}
3311.mikio .content_partial textarea {
3312  margin-bottom: 1rem;
3313  width: 100%;
3314  word-wrap: break-word;
3315  overflow: auto;
3316  resize: vertical;
3317  white-space: pre-wrap;
3318}
3319.mikio .content_partial select {
3320  -webkit-user-select: none;
3321  -moz-user-select: none;
3322  -ms-user-select: none;
3323  height: 2.25rem;
3324}
3325.mikio .content_partial .toolbutton {
3326  border-radius: 0;
3327  border-right-width: 0;
3328  border-color: var(--input-border-color);
3329}
3330.mikio .content_partial .toolbutton:first-of-type {
3331  border-radius: .25rem 0 0 .25rem;
3332}
3333.mikio .content_partial .toolbutton:last-of-type {
3334  border-radius: 0 .25rem .25rem 0;
3335  border-right-width: 1px;
3336}
3337.mikio div.dokuwiki div.comment_wrapper {
3338  padding: 1em;
3339}
3340.mikio div.dokuwiki div.comment_wrapper button,
3341.mikio div.dokuwiki div.comment_wrapper input,
3342.mikio div.dokuwiki div.comment_wrapper optgroup,
3343.mikio div.dokuwiki div.comment_wrapper select,
3344.mikio div.dokuwiki div.comment_wrapper textarea {
3345  margin: 0;
3346  font-family: inherit;
3347  font-size: inherit;
3348  font-weight: 400;
3349  border-width: 1px;
3350  border-style: solid;
3351  border-color: transparent;
3352  border-radius: .25rem;
3353  box-sizing: border-box;
3354  vertical-align: middle;
3355  padding: .375rem .75rem;
3356  color: var(--control-text-color);
3357  background-color: var(--control-background-color);
3358  border-color: var(--input-border-color);
3359  line-height: inherit;
3360}
3361.mikio div.dokuwiki div.comment_wrapper button[type=color],
3362.mikio div.dokuwiki div.comment_wrapper input[type=color],
3363.mikio div.dokuwiki div.comment_wrapper optgroup[type=color],
3364.mikio div.dokuwiki div.comment_wrapper select[type=color],
3365.mikio div.dokuwiki div.comment_wrapper textarea[type=color] {
3366  padding: 0;
3367}
3368.mikio div.dokuwiki div.comment_wrapper button,
3369.mikio div.dokuwiki div.comment_wrapper input[type=button],
3370.mikio div.dokuwiki div.comment_wrapper input[type=image] {
3371  display: inline-block;
3372  text-align: center;
3373  color: var(--button-text-color);
3374  background-color: var(--button-background-color);
3375  border-color: var(--button-border-color);
3376  line-height: 1.5;
3377  -webkit-text-decoration: none;
3378  text-decoration: none;
3379  text-transform: capitalize;
3380  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3381}
3382.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled),
3383.mikio div.dokuwiki div.comment_wrapper input[type=button]:hover:not(:disabled),
3384.mikio div.dokuwiki div.comment_wrapper input[type=image]:hover:not(:disabled) {
3385  -webkit-text-decoration: none;
3386  text-decoration: none;
3387  color: var(--button-text-hover-color);
3388  background-color: var(--button-background-hover-color);
3389  border-color: var(--button-border-hover-color);
3390}
3391.mikio div.dokuwiki div.comment_wrapper button:disabled,
3392.mikio div.dokuwiki div.comment_wrapper input[type=button]:disabled,
3393.mikio div.dokuwiki div.comment_wrapper input[type=image]:disabled {
3394  opacity: .65;
3395}
3396.mikio div.dokuwiki div.comment_wrapper button#edbtn__save,
3397.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] {
3398  color: var(--button-default-text-color);
3399  background-color: var(--button-default-background-color);
3400  border-color: var(--button-default-border-color);
3401}
3402.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover,
3403.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover {
3404  color: var(--button-default-text-hover-color);
3405  background-color: var(--button-default-background-hover-color);
3406  border-color: var(--button-default-border-hover-color);
3407}
3408.mikio div.dokuwiki div.comment_wrapper input[type=text],
3409.mikio div.dokuwiki div.comment_wrapper input[type=search],
3410.mikio div.dokuwiki div.comment_wrapper input[type=password],
3411.mikio div.dokuwiki div.comment_wrapper input[type=email] {
3412  -webkit-appearance: none;
3413  -moz-appearance: none;
3414  -ms-appearance: none;
3415}
3416.mikio div.dokuwiki div.comment_wrapper textarea {
3417  margin-bottom: 1rem;
3418  width: 100%;
3419  word-wrap: break-word;
3420  overflow: auto;
3421  resize: vertical;
3422  white-space: pre-wrap;
3423}
3424.mikio div.dokuwiki div.comment_wrapper select {
3425  -webkit-user-select: none;
3426  -moz-user-select: none;
3427  -ms-user-select: none;
3428  height: 2.25rem;
3429}
3430.mikio div.dokuwiki div.comment_wrapper .toolbutton {
3431  border-radius: 0;
3432  border-right-width: 0;
3433  border-color: var(--input-border-color);
3434}
3435.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type {
3436  border-radius: .25rem 0 0 .25rem;
3437}
3438.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type {
3439  border-radius: 0 .25rem .25rem 0;
3440  border-right-width: 1px;
3441}
3442.mikio div.dokuwiki div.comment_wrapper input[type=submit] {
3443  margin: 0;
3444  font-family: inherit;
3445  font-size: inherit;
3446  font-weight: 400;
3447  border-width: 1px;
3448  border-style: solid;
3449  border-color: transparent;
3450  border-radius: .25rem;
3451  box-sizing: border-box;
3452  vertical-align: middle;
3453  padding: .375rem .75rem;
3454  color: var(--control-text-color);
3455  background-color: var(--control-background-color);
3456  display: inline-block;
3457  text-align: center;
3458  color: var(--button-text-color);
3459  background-color: var(--button-background-color);
3460  border-color: var(--button-border-color);
3461  line-height: 1.5;
3462  -webkit-text-decoration: none;
3463  text-decoration: none;
3464  text-transform: capitalize;
3465  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3466}
3467.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] {
3468  padding: 0;
3469}
3470.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) {
3471  -webkit-text-decoration: none;
3472  text-decoration: none;
3473  color: var(--button-text-hover-color);
3474  background-color: var(--button-background-hover-color);
3475  border-color: var(--button-border-hover-color);
3476}
3477.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled {
3478  opacity: .65;
3479}
3480.mikio div.dokuwiki div.comment_wrapper h2 {
3481  margin: 0;
3482}
3483.mikio div.dokuwiki div.comment_wrapper .comment_form {
3484  margin-top: 0;
3485}
3486.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input {
3487  float: none;
3488}
3489.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label {
3490  float: none;
3491  display: inline-block;
3492}
3493.mikio div.dokuwiki div.comment_wrapper .comment_buttons {
3494  float: none;
3495  text-align: right;
3496  margin-top: 1em;
3497}
3498@media (max-width: 768px) {
3499  .mikio-small-only {
3500    display: inline-block;
3501  }
3502  .mikio-navbar {
3503    padding-bottom: 0;
3504  }
3505  .mikio-navbar .mikio-container {
3506    display: grid;
3507    grid-template-columns: auto 3rem;
3508  }
3509  .mikio-navbar .mikio-navbar-brand {
3510    grid-column: 1 / span 1;
3511    grid-row: 1 / span 1;
3512    margin-bottom: .5rem;
3513  }
3514  .mikio-navbar .mikio-navbar-toggle {
3515    display: block;
3516    margin-bottom: .5rem;
3517    grid-column: 2 / span 1;
3518    grid-row: 1 / span 1;
3519  }
3520  .mikio-navbar .mikio-navbar-toggle.closed + .mikio-navbar-collapse {
3521    display: none;
3522  }
3523  .mikio-navbar .mikio-navbar-collapse {
3524    grid-column: 1 / span 2;
3525    grid-row: 2 / span 1;
3526    flex-direction: column;
3527    margin: 0 -2rem;
3528    padding-top: .5rem;
3529    padding-right: 1rem;
3530    padding-bottom: .5rem;
3531    border-top: 1px solid rgba(0,0,0,0.1);
3532  }
3533  .mikio-navbar .mikio-nav-item {
3534    display: block;
3535    width: 100%;
3536    padding: .5rem 2rem;
3537    box-sizing: border-box;
3538    text-align: center;
3539  }
3540  .mikio-navbar .mikio-dropdown-item {
3541    justify-content: center;
3542  }
3543  .mikio-navbar .mikio-nav {
3544    width: 100%;
3545    flex-direction: column;
3546  }
3547  .mikio-navbar .mikio-nav-dropdown {
3548    width: 100%;
3549    text-align: center;
3550    margin: 0;
3551    box-sizing: border-box;
3552  }
3553  .mikio-navbar .mikio-nav-dropdown .mikio-dropdown {
3554    position: relative;
3555    border: 0;
3556    box-shadow: none;
3557  }
3558  .mikio-hero .mikio-container {
3559    flex-direction: column;
3560  }
3561  .mikio-hero .mikio-hero-image-resize {
3562    height: auto;
3563  }
3564  .mikio-hero .mikio-hero-image {
3565    background-image: none !important;
3566  }
3567  .mode_show .mikio-page .mikio-container {
3568    display: grid;
3569    grid-template-columns: auto 2.5rem;
3570  }
3571  .mode_revisions .mikio-page,
3572  .mode_edit .mikio-page,
3573  .mode_login .mikio-page,
3574  .mode_denied .mikio-page,
3575  .mode_draft .mikio-page,
3576  .mode_preview .mikio-page,
3577  .mode_showtag .mikio-page,
3578  .mode_admin .mikio-page {
3579    grid-template-columns: auto;
3580  }
3581  .mikio #config__manager td .input,
3582  .mikio #config__manager td input.edit,
3583  .mikio #config__manager tr select {
3584    width: auto;
3585  }
3586  .mikio-content {
3587    grid-column: 1 / span 1;
3588    grid-row: 2 / span 1;
3589    padding-bottom: 1rem;
3590  }
3591  .mikio .mikio-content .mikio-article.toc-full {
3592    display: block;
3593  }
3594  .mikio .mikio-content .mikio-article .mikio-toc {
3595    float: none;
3596  }
3597  .mikio .mikio-content .mikio-article .mikio-toc #dw__toc {
3598    max-width: none;
3599  }
3600  .mikio .mikio-content .mikio-article .mikio-toc #dw__toc .mikio-iicon.hamburger {
3601    display: none;
3602  }
3603  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle {
3604    background-position: 99% 50%;
3605    text-align: center;
3606  }
3607  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed {
3608    font-size: 80%;
3609    width: auto;
3610  }
3611  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before {
3612    display: none;
3613  }
3614  .mikio-sidebar {
3615    grid-column: 1 / span 2;
3616    width: auto;
3617  }
3618  .mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse {
3619    display: none;
3620  }
3621  .mikio-sidebar.mikio-sidebar-left {
3622    grid-row: 1 / span 1;
3623    border-right: 0;
3624    border-bottom: 1px solid rgba(0,0,0,0.1);
3625  }
3626  .mikio-sidebar.mikio-sidebar-right {
3627    grid-row: 3 / span 1;
3628    border-left: 0;
3629    border-top: 1px solid rgba(0,0,0,0.2);
3630  }
3631  .mikio-sidebar .mikio-sidebar-toggle {
3632    display: block;
3633  }
3634  #dw__pagetools {
3635    grid-column: 2 / span 1;
3636    grid-row: 2 / span 1;
3637  }
3638  .mikio.dokuwiki div.ui-admin #admin__version {
3639    padding-right: 1rem;
3640  }
3641  .mikio-page-fill .mikio-sidebar {
3642    display: none;
3643  }
3644  .mikio #mediamanager__page,
3645  #media__manager {
3646    display: flex;
3647    flex-direction: column;
3648  }
3649  .mikio #mediamanager__page .ui-resizable-e,
3650  #media__manager .ui-resizable-e {
3651    display: none !important;
3652  }
3653  .mikio #mediamanager__page .namespaces,
3654  .mikio #mediamanager__page .filelist,
3655  #media__manager .namespaces,
3656  #media__manager .filelist {
3657    width: auto;
3658    min-width: auto;
3659  }
3660  .mikio #mediamanager__page .panelHeader,
3661  .mikio #mediamanager__page .panelContent,
3662  #media__manager .panelHeader,
3663  #media__manager .panelContent {
3664    margin-right: 0;
3665  }
3666}
3667@media print {
3668  .mikio .mikio-navbar-collapse,
3669  .mikio .mikio-toc,
3670  .mikio .mikio-sidebar,
3671  .mikio #dw__pagetools,
3672  .mikio .mikio-search {
3673    display: none !important;
3674  }
3675  .mikio .mikio-navbar {
3676    box-shadow: none !important;
3677  }
3678  .mikio .mikio-hero .mikio-hero-text {
3679    min-height: auto;
3680    padding-bottom: 0;
3681  }
3682  .mikio .mikio-breadcrumbs,
3683  .mikio .mikio-youarehere,
3684  .mikio .mikio-hero,
3685  .mikio .mikio-footer {
3686    background-color: #fff !important;
3687  }
3688}
3689.mikio .bookcreator__bookbar {
3690  font-size: 0.8rem;
3691  display: flex;
3692  width: auto !important;
3693}
3694.mikio-sidebar .mikio-sidebar-content .dtree {
3695  font-size: inherit;
3696}
3697.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode {
3698  margin: 0.5rem 0;
3699}
3700.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode .indexmenu_tocbullet {
3701  margin-top: 2px;
3702  margin-left: 2px;
3703}
3704.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a,
3705.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl,
3706.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel,
3707.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node,
3708.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
3709  display: initial;
3710  margin: initial;
3711  color: #666;
3712  background: transparent;
3713}
3714.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited,
3715.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:active,
3716.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited,
3717.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:active,
3718.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited,
3719.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:active,
3720.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited,
3721.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:active,
3722.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited,
3723.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:active {
3724  display: initial;
3725  margin: initial;
3726  color: #666;
3727  background: transparent;
3728}
3729.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:hover,
3730.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited:hover,
3731.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover,
3732.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited:hover,
3733.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover,
3734.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited:hover,
3735.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover,
3736.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited:hover,
3737.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:hover,
3738.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited:hover {
3739  color: #333;
3740  text-decoration: none;
3741  background-color: transparent;
3742}
3743.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
3744  font-weight: bold;
3745  color: #333;
3746}
3747.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode img:last-of-type {
3748  margin-right: 0.2rem;
3749  opacity: 0.5;
3750}
3751.mikio .indexmenu_toc {
3752  padding: 0 4px 4px 0;
3753}
3754.mikio .indexmenu_toc> div {
3755  border: 1px solid #999;
3756  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
3757  position: relative;
3758  z-index: 10;
3759}
3760.mikio .indexmenu_toc .tocheader {
3761  padding: 0.2rem;
3762  border-bottom: 1px solid #ccc;
3763}
3764.mikio .indexmenu_toc .indexmenu_toc_inside {
3765  border: 0;
3766  padding: 0.2rem;
3767}
3768.mikio .indexmenu_toc .indexmenu_toc_inside ul {
3769  margin: 0;
3770  padding: 0 0 0 1.5rem;
3771}
3772.mikio .indexmenu_toc .indexmenu_toc_inside ul .li {
3773  margin-bottom: 0.4rem;
3774}
3775.mikio .mode_admin table.jsoneditor-values {
3776  width: auto;
3777}
3778.mikio .mode_admin table.jsoneditor-tree,
3779.mikio .mode_admin table.jsoneditor-values {
3780  border-bottom: 0;
3781}
3782.mikio .mode_admin table.jsoneditor-tree tbody tr,
3783.mikio .mode_admin table.jsoneditor-values tbody tr {
3784  background: transparent;
3785}
3786.mikio .mode_admin table.jsoneditor-tree tbody td,
3787.mikio .mode_admin table.jsoneditor-values tbody td {
3788  padding: 0;
3789}
3790.mikio .mode_admin table.jsoneditor-tree tbody td.jsoneditor-separator,
3791.mikio .mode_admin table.jsoneditor-values tbody td.jsoneditor-separator {
3792  vertical-align: middle;
3793}
3794.mikio .mode_admin table.jsoneditor-tree button,
3795.mikio .mode_admin table.jsoneditor-values button {
3796  background-color: transparent;
3797  border: 0;
3798  transition: none;
3799}
3800.mikio .mode_admin table.jsoneditor-tree button:hover,
3801.mikio .mode_admin table.jsoneditor-values button:hover {
3802  transition: none;
3803}
3804.mikio .mode_admin table.jsoneditor-tree div.jsoneditor-value,
3805.mikio .mode_admin table.jsoneditor-values div.jsoneditor-value {
3806  background-color: var(--background);
3807}
3808.ui-controlgroup-horizontal label {
3809  display: inline-block;
3810  text-align: center;
3811  color: var(--button-text-color);
3812  background-color: var(--button-background-color);
3813  border-color: var(--button-border-color);
3814  line-height: 1.5;
3815  -webkit-text-decoration: none;
3816  text-decoration: none;
3817  text-transform: capitalize;
3818  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3819  padding: .1rem .75rem;
3820  font-size: 80% !important;
3821  min-width: 3rem;
3822  background-image: none;
3823  border-left-width: 0 !important;
3824  border-right-width: 0 !important;
3825}
3826.ui-controlgroup-horizontal label:hover:not(:disabled) {
3827  -webkit-text-decoration: none;
3828  text-decoration: none;
3829  color: var(--button-text-hover-color);
3830  background-color: var(--button-background-hover-color);
3831  border-color: var(--button-border-hover-color);
3832}
3833.ui-controlgroup-horizontal label:disabled {
3834  opacity: .65;
3835}
3836.ui-controlgroup-horizontal label:first-of-type {
3837  border-left-width: 1px !important;
3838}
3839.ui-controlgroup-horizontal label:last-of-type {
3840  border-right-width: 1px !important;
3841}
3842.ui-controlgroup-horizontal label:hover {
3843  background-image: none !important;
3844  border-left-width: 0 !important;
3845  border-right-width: 0 !important;
3846}
3847.ui-controlgroup-horizontal label:hover:first-of-type {
3848  border-left-width: 1px !important;
3849}
3850.ui-controlgroup-horizontal label:hover:last-of-type {
3851  border-right-width: 1px !important;
3852}
3853.ui-controlgroup-horizontal label.ui-state-active {
3854  color: var(--button-default-text-color);
3855  background-color: var(--button-default-background-color);
3856  border-color: var(--button-default-border-color);
3857}
3858.ui-controlgroup-horizontal label.ui-state-active:hover {
3859  color: var(--button-default-text-hover-color);
3860  background-color: var(--button-default-background-hover-color);
3861  border-color: var(--button-default-border-hover-color);
3862}
3863.mikio .mikio-darklight {
3864  display: inline-block;
3865  align-self: center;
3866}
3867.mikio .mikio-darklight .mikio-darklight-light {
3868  display: var(--display-theme-light);
3869}
3870.mikio .mikio-darklight .mikio-darklight-dark {
3871  display: var(--display-theme-dark);
3872}
3873.mikio .mikio-darklight .mikio-darklight-auto {
3874  display: var(--display-theme-auto);
3875}
3876.mikio .mikio-darklight-button {
3877  display: flex;
3878  justify-content: center;
3879  align-items: center;
3880  width: 2.2rem;
3881  height: 2.2rem;
3882  padding: 0;
3883}
3884.mikio .mikio-darklight-button .mikio-iicon {
3885  margin: 0;
3886}
3887.mikio.dokuwiki #mikio__translate .mikio-dropdown {
3888  min-width: auto;
3889}
3890.mikio.dokuwiki div.plugin_translation {
3891  text-align: left;
3892}
3893.mikio.dokuwiki div.plugin_translation.is-dropdown {
3894  padding-bottom: 0;
3895}
3896.mikio.dokuwiki div.plugin_translation.is-dropdown ul {
3897  position: relative;
3898  display: block;
3899}
3900.mikio.dokuwiki div.plugin_translation.is-dropdown ul li a {
3901  display: block;
3902}
3903.mikio.dokuwiki div.plugin_translation .title {
3904  display: none;
3905}
3906.mikio.dokuwiki div.plugin_translation ul li {
3907  margin: 0;
3908  display: block;
3909}
3910.mikio.dokuwiki div.plugin_translation ul li a,
3911.mikio.dokuwiki div.plugin_translation ul li span {
3912  margin: 0 -1rem 0 -1rem;
3913  padding: .25rem 1rem .25rem 1rem !important;
3914  background-color: var(--dropdown-background-color) !important;
3915  color: var(--dropdown-color) !important;
3916}
3917.mikio.dokuwiki div.plugin_translation ul li a:hover {
3918  background-color: var(--dropdown-hover-color) !important;
3919}
3920.mikio.dokuwiki div.plugin_translation ul li span {
3921  margin-right: 0.1rem;
3922  position: relative;
3923}
3924.mikio.dokuwiki div.plugin_translation ul li span:after {
3925  content: "";
3926  display: inline-block;
3927  position: absolute;
3928  height: 0.75rem;
3929  width: 0.25rem;
3930  margin-top: 0.2rem;
3931  margin-left: 0.75rem;
3932  border-right: 2px solid var(--dropdown-color);
3933  border-bottom: 2px solid var(--dropdown-color);
3934  transform: rotateZ(45deg);
3935}