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