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