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