xref: /template/mikio/assets/mikio.css (revision 1f735f4bd4f37c57c9db0b477fcace7a2f302ac7) 
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.mikio-sticky {
10  position: -webkit-sticky;
11  position: sticky;
12}
13.mikio-pre-wrap {
14  white-space: pre-wrap;
15  white-space: -moz-pre-wrap;
16  white-space: -pre-wrap;
17  white-space: -o-pre-wrap;
18}
19.mikio-controls button,
20.mikio-controls input,
21.mikio-controls optgroup,
22.mikio-controls select,
23.mikio-controls textarea {
24  margin: 0;
25  font-family: inherit;
26  font-size: inherit;
27  font-weight: 400;
28  border-width: 1px;
29  border-style: solid;
30  border-color: transparent;
31  border-radius: .25rem;
32  box-sizing: border-box;
33  vertical-align: middle;
34  padding: .375rem .75rem;
35  color: #495057;
36  background-color: #fff;
37  border-color: #ced4da;
38  line-height: inherit;
39}
40.mikio-controls button[type=color],
41.mikio-controls input[type=color],
42.mikio-controls optgroup[type=color],
43.mikio-controls select[type=color],
44.mikio-controls textarea[type=color] {
45  padding: 0;
46}
47.mikio-controls button {
48  display: inline-block;
49  text-align: center;
50  border-color: #6c757d;
51  line-height: 1.5;
52  -webkit-text-decoration: none;
53  text-decoration: none;
54  text-transform: capitalize;
55  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
56}
57.mikio-controls button:hover:not(:disabled) {
58  -webkit-text-decoration: none;
59  text-decoration: none;
60  color: #fff;
61  background-color: #6c757d;
62  border-color: #6c757d;
63}
64.mikio-controls button:disabled {
65  opacity: .65;
66}
67.mikio-controls button#edbtn__save,
68.mikio-controls button[name="run[save]"] {
69  color: #fff;
70  background-color: #007bff;
71  border-color: #007bff;
72}
73.mikio-controls button#edbtn__save:hover,
74.mikio-controls button[name="run[save]"]:hover {
75  color: #fff;
76  background-color: #0069d9;
77  border-color: #0062cc;
78}
79.mikio-controls input[type=text],
80.mikio-controls input[type=search],
81.mikio-controls input[type=password],
82.mikio-controls input[type=email] {
83  -webkit-appearance: none;
84  -moz-appearance: none;
85  -ms-appearance: none;
86}
87.mikio-controls textarea {
88  margin-bottom: 1rem;
89  width: 100%;
90  word-wrap: break-word;
91  overflow: auto;
92  resize: vertical;
93  white-space: pre-wrap;
94}
95.mikio-controls select {
96  -webkit-user-select: none;
97  -moz-user-select: none;
98  -ms-user-select: none;
99  height: 2.25rem;
100}
101.mikio-controls .toolbutton {
102  border-radius: 0;
103  border-right-width: 0;
104  border-color: #ced4da;
105}
106.mikio-controls .toolbutton:first-of-type {
107  border-radius: .25rem 0 0 .25rem;
108}
109.mikio-controls .toolbutton:last-of-type {
110  border-radius: 0 .25rem .25rem 0;
111  border-right-width: 1px;
112}
113html {
114  overflow-x: auto;
115  overflow-y: scroll;
116  display: block;
117  padding: 0;
118  font-size: 1rem;
119  line-height: 1.5;
120}
121body {
122  display: flex;
123  flex-direction: column;
124  min-height: 100vh;
125  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
126  letter-spacing: -0.01em;
127  padding: 0;
128}
129html,
130body {
131  background-color: #fff;
132  color: #333;
133  margin: 0;
134}
135#dokuwiki__site {
136  min-height: 100vh;
137}
138.mikio .site {
139  min-height: 100vh;
140  display: flex;
141  flex-direction: column;
142}
143.mikio-page-topheader {
144  padding: 0 2rem;
145  border-bottom: 1px solid #e5e5e5;
146}
147.mikio-page-header {
148  padding: 0 2rem;
149}
150.mikio-sidebar-header {
151  border-bottom: 1px solid #e5e5e5;
152}
153.mikio-sidebar-footer {
154  border-top: 1px solid #e5e5e5;
155}
156.mikio-admin {
157  background-color: #f2f2f2;
158}
159.mikio-small-only {
160  display: none;
161}
162.mikio .mikio-breadcrumbs {
163  padding: .75rem 2rem;
164  background-color: #ccc;
165  font-size: 80%;
166  color: #808080;
167}
168.mikio .mikio-breadcrumbs span.curid a,
169.mikio .mikio-breadcrumbs a {
170  -webkit-text-decoration: none;
171  text-decoration: none;
172  color: #666;
173  font-weight: normal;
174}
175.mikio .mikio-breadcrumbs span.curid a:hover,
176.mikio .mikio-breadcrumbs a:hover {
177  color: #000;
178}
179.mikio .mikio-breadcrumbs ul {
180  list-style: none;
181  margin: 0;
182  padding: 0;
183}
184.mikio .mikio-breadcrumbs li {
185  display: inline-block;
186  margin-right: .5rem;
187  vertical-align: text-bottom;
188}
189.mikio .mikio-breadcrumbs svg {
190  width: .9rem;
191  height: .9rem;
192}
193.mikio-navbar {
194  position: relative;
195  display: flex;
196  align-items: center;
197  padding: .5rem 1rem .5rem 2rem;
198  border-bottom-width: 1px;
199  border-bottom-style: solid;
200  border-bottom-color: #e5e5e5;
201  background-color: #fff;
202  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
203}
204.mikio-navbar .mikio-navbar-brand {
205  display: flex;
206}
207.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-image {
208  max-width: 3rem;
209  max-height: 3rem;
210  margin-right: .5rem;
211}
212.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title {
213  display: flex;
214  flex-direction: column;
215  align-items: stretch;
216  justify-content: center;
217}
218.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-text {
219  color: #1a1a1a;
220  margin: 0;
221  font-weight: 500;
222  font-size: 1.2rem;
223}
224.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-tagline {
225  margin: 0;
226  color: #6c757d;
227}
228.mikio-navbar .mikio-navbar-toggle {
229  display: none;
230  font-size: 1rem;
231  position: absolute;
232  top: 1.2rem;
233  right: 1.2rem;
234  width: 1rem;
235  height: 1rem;
236  padding: 0;
237  cursor: pointer;
238  transition: transform 0.2s ease-in-out;
239  vertical-align: middle;
240  border: 0 none;
241  background: transparent;
242}
243.mikio-navbar .mikio-navbar-toggle:before, .mikio-navbar .mikio-navbar-toggle:after {
244  content: "";
245}
246.mikio-navbar .mikio-navbar-toggle:before, .mikio-navbar .mikio-navbar-toggle .icon, .mikio-navbar .mikio-navbar-toggle:after {
247  display: block;
248  width: 100%;
249  height: 0.2em;
250  margin: 0 0 0.2em;
251  transition: transform 0.2s ease-in-out;
252  border-radius: 0.05em;
253  background: #333;
254}
255.mikio-navbar .mikio-navbar-toggle.open .icon {
256  transform: scale(0);
257}
258.mikio-navbar .mikio-navbar-toggle.open:before {
259  transform: translateY(0.4em) rotate(135deg);
260}
261.mikio-navbar .mikio-navbar-toggle.open:after {
262  transform: translateY(-0.4em) rotate(-135deg);
263}
264.mikio-navbar .mikio-navbar-collapse {
265  display: flex;
266  flex: 1;
267  align-items: center;
268  justify-content: flex-end;
269}
270.mikio-navbar a {
271  -webkit-text-decoration: none;
272  text-decoration: none;
273  color: inherit;
274}
275.mikio-navbar .mikio-search {
276  margin: 0 .5rem;
277}
278.mikio-sub-navbar {
279  color: #666;
280  justify-content: center;
281  padding: .75rem 1rem;
282  border-color: #e5e5e5;
283  background-color: #f8f8f8;
284}
285.mikio-sub-navbar ul,
286.mikio-sub-navbar ol,
287.mikio-sub-navbar p {
288  list-style: none;
289  margin: 0;
290  padding: 0;
291}
292.mikio-sub-navbar ul,
293.mikio-sub-navbar ol {
294  list-style: none;
295}
296.mikio-sub-navbar li {
297  display: inline-block;
298  padding: 0 .2rem;
299  margin: 0 .5rem;
300}
301.mikio-sub-navbar a {
302  color: #666;
303}
304.mikio-sub-navbar a:hover {
305  color: #000;
306}
307.mikio-hero {
308  display: flex;
309  background-color: #ddf7fb;
310}
311.mikio-hero .mikio-hero-text {
312  flex: 1;
313  min-height: 5rem;
314  padding: 2rem;
315}
316.mikio-hero .mikio-hero-text .mikio-breadcrumbs {
317  background-color: transparent;
318  padding: 0;
319  margin: 0 0 .75rem 0;
320}
321.mikio-hero .mikio-hero-text h1 {
322  margin: 0 0 1rem 0;
323  color: #000;
324  line-height: 1.2;
325}
326.mikio-hero .mikio-hero-text h2 {
327  margin: 0;
328  font-weight: normal;
329  font-size: 1.25rem;
330  color: #666;
331}
332.mikio-hero .mikio-hero-image {
333  display: flex;
334  flex: 0 0 33%;
335  background-repeat: no-repeat;
336  background-position: center;
337  background-size: cover;
338  align-items: flex-end;
339}
340.mikio-hero .mikio-hero-image-resize {
341  height: 15rem;
342}
343.mikio-tags {
344  display: block;
345  width: 100%;
346  text-align: right;
347  padding-right: .5rem;
348  margin-bottom: .5rem;
349}
350.mikio-tags a {
351  margin: 0 .25rem;
352  font-size: 80%;
353  padding: .25rem .75rem;
354  border: 1px solid #999;
355  border-radius: 1rem;
356  background-color: #999;
357  color: #fff;
358  -webkit-text-decoration: none;
359  text-decoration: none;
360  transition: all .15s ease-in-out;
361}
362.mikio-tags a:hover {
363  background-color: transparent;
364  color: #999;
365}
366.mikio-sidebar {
367  width: 14rem;
368  flex-shrink: 0;
369  background-color: #f2f2f2;
370  padding: 1rem;
371  font-size: 90%;
372  color: #666;
373}
374.mikio-sidebar.mikio-sidebar-left {
375  border-right: 1px solid #e5e5e5;
376}
377.mikio-sidebar.mikio-sidebar-right {
378  border-left: 1px solid #e5e5e5;
379}
380.mikio-sidebar .mikio-sidebar-toggle {
381  display: none;
382  margin: 0 1rem;
383  -webkit-text-decoration: none;
384  text-decoration: none;
385  text-align: center;
386  color: rgba(0,0,0,0.6);
387}
388
389.mikio-sidebar .mikio-sidebar-toggle .icon:before {
390  content: "";
391  display: inline-block;
392
393  width: 0.5rem;
394  height: 0.1em;
395  margin: 0 0 0.2em;
396
397  transition: transform 0.2s ease-in-out;
398  transform: translateX(0.1rem) translateY(0) rotate(-135deg);
399
400  border-radius: 0.05em;
401  background: rgba(0,0,0,0.6);
402}
403
404.mikio-sidebar .mikio-sidebar-toggle .icon:after {
405  content: "";
406  display: inline-block;
407
408  width: 0.5rem;
409  height: 0.1em;
410  margin: 0 0 0.2em;
411
412  transition: transform 0.2s ease-in-out;
413  transform: translateX(-0.1rem) translateY(0) rotate(135deg);
414
415  border-radius: 0.05em;
416  background: rgba(0,0,0,0.6);
417}
418
419.mikio-sidebar .mikio-sidebar-toggle.open .icon:before {
420  transform: translateX(0.1rem) rotate(135deg);
421}
422
423.mikio-sidebar .mikio-sidebar-toggle.open .icon:after {
424  transform: translateX(-0.1rem) rotate(-135deg);
425}
426
427.mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse {
428  display: block;
429}
430.mikio-sidebar .mikio-user-info {
431  margin-bottom: 1rem;
432  margin: 0 -1rem;
433  padding: 0 1rem 1rem 1rem;
434  border-bottom: 1px solid #e5e5e5;
435}
436.mikio-sidebar .mikio-search {
437  margin: 1rem 0 1rem 0;
438}
439.mikio-sidebar .mikio-sidebar-content {
440  overflow-wrap: break-word;
441  margin-bottom: 1rem;
442}
443.mikio-sidebar .mikio-sidebar-content a {
444  display: block;
445  margin: 1rem 0;
446  color: #666;
447  -webkit-text-decoration: none;
448  text-decoration: none;
449}
450.mikio-sidebar .mikio-sidebar-content a:hover {
451  color: #333;
452}
453.mikio-sidebar .mikio-sidebar-content ul,
454.mikio-sidebar .mikio-sidebar-content ul.idx {
455  margin: 0;
456  padding: 0;
457}
458.mikio-sidebar .mikio-sidebar-content ul ul,
459.mikio-sidebar .mikio-sidebar-content ul.idx ul {
460  padding-left: 1rem;
461}
462.mikio-sidebar .mikio-sidebar-content ul li,
463.mikio-sidebar .mikio-sidebar-content ul li.closed,
464.mikio-sidebar .mikio-sidebar-content ul li.open,
465.mikio-sidebar .mikio-sidebar-content ul.idx li,
466.mikio-sidebar .mikio-sidebar-content ul.idx li.closed,
467.mikio-sidebar .mikio-sidebar-content ul.idx li.open {
468  list-style: none;
469}
470.mikio-sidebar .mikio-tags {
471  margin: 0 0 1rem 0;
472  text-align: center;
473}
474.mikio-sidebar .mikio-tags a {
475  display: inline-block;
476  margin: 0 .25rem .25rem .25rem;
477}
478.mikio-page {
479  display: flex;
480  padding: 0;
481}
482.mikio-page a {
483  color: #2b73b7;
484}
485.mikio-page-fill {
486  display: flex;
487  flex: 1;
488}
489.mikio .mikio-content .mikio-article {
490  margin: 0 auto;
491}
492.mikio .mikio-content .mikio-article ul,
493.mikio .mikio-content .mikio-article ul.idx {
494  padding-left: 1rem;
495}
496.mikio .mikio-content .mikio-article.toc-full {
497  display: flex;
498}
499.mikio .mikio-content .mikio-article.toc-full .mikio-toc {
500  margin-top: 1rem;
501  order: 2;
502}
503.mikio .mikio-content .mikio-article.toc-full .mikio-article-content {
504  flex: 1;
505}
506.mikio-content {
507  box-sizing: border-box;
508  width: 100%;
509  max-width: 100%;
510  background-color: #fff;
511  padding: .5rem 2rem;
512}
513.mikio.dokuwiki div.preview {
514  background-color: #fff;
515  padding: 1rem 2rem;
516}
517.mikio-footer {
518  padding: 2rem;
519  color: #737373;
520  background-color: #ccc;
521  font-size: 80%;
522  text-align: center;
523}
524.mikio-footer a {
525  color: #666;
526}
527.mikio-footer a:hover {
528  color: #333;
529}
530.mikio-footer .dw__pagetools {
531  margin-top: 1rem;
532}
533.mikio-footer .dw__pagetools a {
534  margin: 0 .5rem;
535}
536.mikio-footer .dw__pagetools a svg {
537  fill: #666;
538}
539.mikio-footer .dw__pagetools a:hover svg {
540  fill: #333;
541}
542.mikio-footer .mikio-nav {
543  margin-top: 1rem;
544}
545.mikio-footer .mikio-footer-search {
546  margin-top: .5rem;
547  display: inline-block;
548}
549.mikio-footer .license {
550  margin-top: .5rem;
551}
552.mikio-footer .license img {
553  vertical-align: middle;
554  margin: 0 1rem;
555}
556.mikio .site > div.no {
557  display: none;
558}
559.mikio-control {
560  margin: 0;
561  font-family: inherit;
562  font-size: inherit;
563  font-weight: 400;
564  border-width: 1px;
565  border-style: solid;
566  border-color: transparent;
567  border-radius: .25rem;
568  box-sizing: border-box;
569  vertical-align: middle;
570  padding: .375rem .75rem;
571  color: #495057;
572  background-color: #fff;
573}
574.mikio-control[type=color] {
575  padding: 0;
576}
577.mikio-button {
578  display: inline-block;
579  text-align: center;
580  border-color: #6c757d;
581  line-height: 1.5;
582  -webkit-text-decoration: none;
583  text-decoration: none;
584  text-transform: capitalize;
585  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
586}
587.mikio-button:hover:not(:disabled) {
588  -webkit-text-decoration: none;
589  text-decoration: none;
590  color: #fff;
591  background-color: #6c757d;
592  border-color: #6c757d;
593}
594.mikio-button:disabled {
595  opacity: .65;
596}
597.mikio-button-small {
598  padding: .1rem .2rem;
599  font-size: 80%;
600  min-width: 3rem;
601}
602.mikio-button-submit {
603  color: #fff;
604  background-color: #007bff;
605  border-color: #007bff;
606}
607.mikio-button-submit:hover {
608  color: #fff;
609  background-color: #0069d9;
610  border-color: #0062cc;
611}
612.mikio-button-danger {
613  color: #dc3545;
614  border-color: #dc3545;
615}
616.mikio-button-danger:hover {
617  color: #fff;
618  background-color: #dc3545;
619  border-color: #dc3545;
620}
621.mikio-input-text {
622  border-color: #ced4da;
623  line-height: inherit;
624}
625.mikio-select {
626  -webkit-user-select: none;
627  -moz-user-select: none;
628  -ms-user-select: none;
629  height: 2.25rem;
630}
631.mikio-toolbar-button {
632  border-radius: 0;
633  border-right-width: 0;
634  border-color: #ced4da;
635}
636.mikio-toolbar-button:first-of-type {
637  border-radius: .25rem 0 0 .25rem;
638}
639.mikio-toolbar-button:last-of-type {
640  border-radius: 0 .25rem .25rem 0;
641  border-right-width: 1px;
642}
643.mikio-dialog .mikio-article {
644  max-width: 40rem;
645}
646.mikio-dialog fieldset legend {
647  font-size: 1.75rem;
648  font-weight: 400;
649}
650.mikio-dialog fieldset label.block input.edit,
651.mikio-dialog fieldset select {
652  width: 100%;
653}
654.mikio-dialog fieldset label {
655  text-align: left;
656  font-weight: normal;
657  display: block;
658}
659.mikio-dialog fieldset label.simple {
660  text-align: center;
661}
662.mikio-dialog fieldset label.block {
663  position: relative;
664}
665.mikio-dialog fieldset label.block span {
666  position: absolute;
667  padding: .4rem .9rem;
668  color: rgba(0,0,0,0.3);
669}
670.mikio-dialog fieldset button {
671  display: block;
672  width: 100%;
673}
674.mikio-dialog fieldset button[type=submit] {
675  color: #fff;
676  background-color: #007bff;
677  border-color: #007bff;
678}
679.mikio-dialog fieldset button[type=submit]:hover {
680  color: #fff;
681  background-color: #0069d9;
682  border-color: #0062cc;
683}
684.mikio-dialog fieldset input[type=checkbox] {
685  vertical-align: middle;
686}
687.mikio .mikio-navbar .mikio-search,
688.mikio .mikio-sidebar .mikio-search,
689.mikio .mikio-footer .mikio-search,
690.mikio .mikio-search {
691  display: flex;
692}
693.mikio .mikio-navbar .mikio-search input,
694.mikio .mikio-sidebar .mikio-search input,
695.mikio .mikio-footer .mikio-search input,
696.mikio .mikio-search input {
697  width: 1%;
698  flex: 1 1 auto;
699  border-radius: .25rem 0 0 .25rem;
700}
701.mikio .mikio-navbar .mikio-search button,
702.mikio .mikio-sidebar .mikio-search button,
703.mikio .mikio-footer .mikio-search button,
704.mikio .mikio-search button {
705  color: #fff;
706  background-color: #6c757d;
707  border-radius: 0 .25rem .25rem 0;
708  border-color: #6c757d;
709}
710.mikio .mikio-navbar .mikio-search button:hover,
711.mikio .mikio-sidebar .mikio-search button:hover,
712.mikio .mikio-footer .mikio-search button:hover,
713.mikio .mikio-search button:hover {
714  background-color: #fff;
715  color: #495057;
716}
717.mikio .mikio-navbar .mikio-search .mikio-iicon,
718.mikio .mikio-sidebar .mikio-search .mikio-iicon,
719.mikio .mikio-footer .mikio-search .mikio-iicon,
720.mikio .mikio-search .mikio-iicon {
721  margin: 0 -4px 0 -4px;
722}
723#dw__pagetools {
724  position: -webkit-sticky;
725  position: sticky;
726  top: 0;
727  align-self: flex-start;
728  padding: 3rem .5rem 0 .5rem;
729}
730#dw__pagetools ul {
731  list-style: none;
732  padding: 0;
733  margin: 0;
734}
735#dw__pagetools a {
736  display: block;
737}
738#dw__pagetools a svg {
739  fill: #ccc;
740}
741#dw__pagetools a:hover svg {
742  fill: #666;
743}
744.mode_admin .mikio-toc {
745  background-color: #f2f2f2;
746}
747.mode_admin .mikio-toc #dw__toc {
748  background-color: #fff;
749}
750.mikio .mode_admin .mikio-toc #dw__toc {
751  background-color: #fff;
752}
753.mikio .mikio-toc {
754  float: right;
755  padding-left: 1rem;
756  padding-bottom: 1rem;
757  margin-top: 1rem;
758}
759.mikio .mikio-toc #dw__toc {
760  background-color: #f2f2f2;
761  border: 1px solid #e5e5e5;
762  border-radius: .25rem;
763  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
764  padding: .5rem;
765  max-width: 12rem;
766  float: none;
767  width: auto;
768  margin: 0;
769}
770.mikio .mikio-toc #dw__toc ul {
771  padding-left: 0;
772  margin-left: 0;
773}
774.mikio .mikio-toc #dw__toc ul ul {
775  padding-left: .5rem;
776}
777.mikio .mikio-toc h3.toggle {
778  margin: 0;
779  padding-right: 2rem;
780  font-size: 80%;
781  background-size: 1rem;
782  background-position: 95% 50%;
783  background-repeat: no-repeat;
784  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>');
785}
786.mikio .mikio-toc h3.toggle.closed {
787  font-size: 0;
788  height: 1rem;
789  width: 2rem;
790  padding-right: 0;
791}
792.mikio .mikio-toc h3.toggle.closed:before {
793  display: inline-block;
794  content: "";
795  width: .8rem;
796  height: .8rem;
797  margin-right: .5rem;
798  margin-top: .1rem;
799  background-size: .8rem;
800  background-position: center;
801  background-repeat: no-repeat;
802  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="fill:inherit"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>');
803}
804.mikio .mikio-toc h3.toggle span {
805  display: none;
806}
807.mikio .mikio-toc a {
808  display: block;
809  font-size: 80%;
810  color: #666;
811  -webkit-text-decoration: none;
812  text-decoration: none;
813  padding: .2rem 0;
814}
815.mikio .mikio-toc a:hover {
816  color: #000;
817}
818.mikio-icon {
819  margin-right: .25rem;
820}
821.mikio-icon svg {
822  vertical-align: middle;
823}
824.mikio-iicon {
825  display: inline-block;
826  width: 1.2rem;
827  height: 1.2rem;
828  background-size: 1.2rem;
829  background-position: center;
830  background-repeat: no-repeat;
831  vertical-align: middle;
832  margin-right: .25rem;
833  fill: currentColor;
834}
835.mikio .mode_show table,
836.mikio.dokuwiki .mode_showtag table.ul,
837.mikio .mode_admin table {
838  width: 100%;
839  border-collapse: collapse;
840  margin-bottom: 1rem;
841  font-size: 90%;
842}
843.mikio .mode_show table tr,
844.mikio.dokuwiki .mode_showtag table.ul tr,
845.mikio .mode_admin table tr {
846  border-top: 1px solid #e5e5e5;
847}
848.mikio .mode_show table td,
849.mikio .mode_show table th,
850.mikio.dokuwiki .mode_showtag table.ul td,
851.mikio.dokuwiki .mode_showtag table.ul th,
852.mikio .mode_admin table td,
853.mikio .mode_admin table th {
854  padding: .75rem;
855  text-align: left;
856}
857.mikio .mode_show table tbody tr:nth-child(odd),
858.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd),
859.mikio .mode_admin table tbody tr:nth-child(odd) {
860  background-color: #fff;
861}
862.mikio .mode_show table tbody tr:nth-child(even),
863.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even),
864.mikio .mode_admin table tbody tr:nth-child(even) {
865  background-color: #f2f2f2;
866}
867.mikio-nav {
868  list-style: none;
869  margin: 0;
870  padding: 0;
871}
872.mikio-nav .mikio-nav-item,
873.mikio-nav .mikio-nav-dropdown {
874  display: inline-block;
875  padding: .5rem .2rem;
876  margin: 0 .5rem;
877}
878.mikio-nav .mikio-nav-dropdown {
879  position: relative;
880}
881.mikio-nav .mikio-nav-dropdown > a {
882  display: inline-block;
883  padding: .2rem 1.2rem .2rem 0rem;
884  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>');
885  background-size: 1.2rem;
886  background-position: right;
887  background-repeat: no-repeat;
888}
889.mikio-nav a {
890  -webkit-text-decoration: none;
891  text-decoration: none;
892}
893.mikio-dropdown {
894  display: block;
895  position: absolute;
896  z-index: 10000;
897  min-width: 12rem;
898  right: 0;
899  padding: 1rem 1.5rem;
900  border: 1px solid #e5e5e5;
901  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
902  background-color: #fff;
903  color: #1a1a1a;
904}
905.mikio-dropdown.closed {
906  display: none;
907}
908.mikio-dropdown .mikio-dropdown-item {
909  display: flex;
910  align-items: center;
911  margin-top: .5rem;
912  margin-bottom: .5rem;
913}
914.mikio-dropdown .mikio-dropdown-header {
915  margin: 0 0 1rem 0;
916}
917.mikio-dropdown .mikio-dropdown-divider {
918  margin: 1rem -1rem;
919  border-bottom: 1px solid #e5e5e5;
920}
921.mikio-dropdown .mikio-nav-link {
922  margin: 0rem -1rem 0rem -1rem;
923  padding: .25rem 1rem .25rem 1rem;
924  transition: all 0.15s ease-in-out;
925}
926.mikio-dropdown .mikio-nav-link:hover {
927  background-color: #e5e5e5;
928}
929.mikio-tabs {
930  padding: 0;
931  margin-bottom: -1px;
932}
933.mikio-tabs li strong {
934  background-color: #fff;
935  font-weight: normal;
936  color: #495057;
937  border-color: #dee2e6 #dee2e6 #fff;
938  padding: .5rem 1rem;
939  margin: 0;
940  bottom: -1px;
941}
942.mikio-tabs li a {
943  padding: .5rem 1rem;
944  border: 1px solid transparent;
945  color: #007bff;
946  -webkit-text-decoration: none;
947  text-decoration: none;
948  margin: 0;
949  background-color: transparent;
950}
951.mikio-tabs li a:hover {
952  color: #0056b3;
953  border-color: #dee2e6 #dee2e6 #dee2e6;
954  background-color: transparent;
955}
956.mikio-tabs:after {
957  border-bottom: 0;
958}
959.mikio-tab-active {
960  background-color: #fff;
961  font-weight: normal;
962  color: #495057;
963  border-color: #dee2e6 #dee2e6 #fff;
964  padding: .5rem 1rem;
965  margin: 0;
966  bottom: -1px;
967}
968.mikio-tab-panel {
969  margin-bottom: 0;
970  background-color: #fff;
971  border-width: 1px 1px 1px 1px;
972  border-style: solid;
973  border-color: #dee2e6;
974  word-wrap: break-word;
975  word-break: break-word;
976}
977.mikio.dokuwiki div.section_highlight {
978  background-color: rgba(255,255,0,0.3);
979  border-width: 0;
980  margin: 0 -1rem;
981  padding: 0 1rem;
982}
983.mikio-input-file {
984  position: absolute;
985  top: 0;
986  right: 0;
987  left: 0;
988  z-index: 5;
989  padding: .25rem 1rem;
990  line-height: 1.5;
991  text-align: left;
992  color: #495057;
993  background-color: #fff;
994  border: .1px solid #ced4da;
995  border-radius: .25rem;
996  -webkit-user-select: none;
997  -moz-user-select: none;
998  -ms-user-select: none;
999  user-select: none;
1000  white-space: nowrap;
1001  overflow: hidden;
1002  text-overflow: ellipsis;
1003  box-sizing: border-box;
1004}
1005.mikio-input-file:before {
1006  position: absolute;
1007  top: 0;
1008  right: 0;
1009  bottom: 0;
1010  z-index: 6;
1011  display: block;
1012  content: "Browse";
1013  padding: .25rem 1rem;
1014  line-height: 1.5;
1015  color: #fff;
1016  background-color: #6c757d;
1017  border-radius: 0 .25rem .25rem 0;
1018  border: 1px solid #6c757d;
1019  transition: all .15s ease-in-out;
1020}
1021.mikio-input-file:hover:before {
1022  background-color: #fff;
1023  color: #495057;
1024}
1025code,
1026pre {
1027  overflow-x: auto;
1028  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1029  font-size: 87.5%;
1030  color: #e83e8c;
1031  background-color: transparent;
1032  word-wrap: break-word;
1033  white-space: pre-wrap;
1034  white-space: -moz-pre-wrap;
1035  white-space: -pre-wrap;
1036  white-space: -o-pre-wrap;
1037  line-height: 1.75;
1038}
1039.mode_show code,
1040.mode_show pre {
1041  border: 1px solid transparent;
1042  padding: 1em;
1043}
1044.mikio-search button,
1045.mikio-search input,
1046.mikio-search optgroup,
1047.mikio-search select,
1048.mikio-search textarea,
1049.mikio .dokuwiki fieldset button,
1050.mikio .dokuwiki fieldset input,
1051.mikio .dokuwiki fieldset optgroup,
1052.mikio .dokuwiki fieldset select,
1053.mikio .dokuwiki fieldset textarea,
1054.mikio.dokuwiki .secedit button,
1055.mikio.dokuwiki .secedit input,
1056.mikio.dokuwiki .secedit optgroup,
1057.mikio.dokuwiki .secedit select,
1058.mikio.dokuwiki .secedit textarea,
1059.mikio .mode_revisions button,
1060.mikio .mode_revisions input,
1061.mikio .mode_revisions optgroup,
1062.mikio .mode_revisions select,
1063.mikio .mode_revisions textarea,
1064.mikio .mode_edit button,
1065.mikio .mode_edit input,
1066.mikio .mode_edit optgroup,
1067.mikio .mode_edit select,
1068.mikio .mode_edit textarea,
1069.mikio .mode_draft button,
1070.mikio .mode_draft input,
1071.mikio .mode_draft optgroup,
1072.mikio .mode_draft select,
1073.mikio .mode_draft textarea,
1074.mikio .mode_preview button,
1075.mikio .mode_preview input,
1076.mikio .mode_preview optgroup,
1077.mikio .mode_preview select,
1078.mikio .mode_preview textarea,
1079.mikio .mode_showtag button,
1080.mikio .mode_showtag input,
1081.mikio .mode_showtag optgroup,
1082.mikio .mode_showtag select,
1083.mikio .mode_showtag textarea,
1084.mikio .mode_admin button,
1085.mikio .mode_admin input,
1086.mikio .mode_admin optgroup,
1087.mikio .mode_admin select,
1088.mikio .mode_admin textarea {
1089  margin: 0;
1090  font-family: inherit;
1091  font-size: inherit;
1092  font-weight: 400;
1093  border-width: 1px;
1094  border-style: solid;
1095  border-color: transparent;
1096  border-radius: .25rem;
1097  box-sizing: border-box;
1098  vertical-align: middle;
1099  padding: .375rem .75rem;
1100  color: #495057;
1101  background-color: #fff;
1102  border-color: #ced4da;
1103  line-height: inherit;
1104}
1105.mikio-search button[type=color],
1106.mikio-search input[type=color],
1107.mikio-search optgroup[type=color],
1108.mikio-search select[type=color],
1109.mikio-search textarea[type=color],
1110.mikio .dokuwiki fieldset button[type=color],
1111.mikio .dokuwiki fieldset input[type=color],
1112.mikio .dokuwiki fieldset optgroup[type=color],
1113.mikio .dokuwiki fieldset select[type=color],
1114.mikio .dokuwiki fieldset textarea[type=color],
1115.mikio.dokuwiki .secedit button[type=color],
1116.mikio.dokuwiki .secedit input[type=color],
1117.mikio.dokuwiki .secedit optgroup[type=color],
1118.mikio.dokuwiki .secedit select[type=color],
1119.mikio.dokuwiki .secedit textarea[type=color],
1120.mikio .mode_revisions button[type=color],
1121.mikio .mode_revisions input[type=color],
1122.mikio .mode_revisions optgroup[type=color],
1123.mikio .mode_revisions select[type=color],
1124.mikio .mode_revisions textarea[type=color],
1125.mikio .mode_edit button[type=color],
1126.mikio .mode_edit input[type=color],
1127.mikio .mode_edit optgroup[type=color],
1128.mikio .mode_edit select[type=color],
1129.mikio .mode_edit textarea[type=color],
1130.mikio .mode_draft button[type=color],
1131.mikio .mode_draft input[type=color],
1132.mikio .mode_draft optgroup[type=color],
1133.mikio .mode_draft select[type=color],
1134.mikio .mode_draft textarea[type=color],
1135.mikio .mode_preview button[type=color],
1136.mikio .mode_preview input[type=color],
1137.mikio .mode_preview optgroup[type=color],
1138.mikio .mode_preview select[type=color],
1139.mikio .mode_preview textarea[type=color],
1140.mikio .mode_showtag button[type=color],
1141.mikio .mode_showtag input[type=color],
1142.mikio .mode_showtag optgroup[type=color],
1143.mikio .mode_showtag select[type=color],
1144.mikio .mode_showtag textarea[type=color],
1145.mikio .mode_admin button[type=color],
1146.mikio .mode_admin input[type=color],
1147.mikio .mode_admin optgroup[type=color],
1148.mikio .mode_admin select[type=color],
1149.mikio .mode_admin textarea[type=color] {
1150  padding: 0;
1151}
1152.mikio-search button,
1153.mikio .dokuwiki fieldset button,
1154.mikio.dokuwiki .secedit button,
1155.mikio .mode_revisions button,
1156.mikio .mode_edit button,
1157.mikio .mode_draft button,
1158.mikio .mode_preview button,
1159.mikio .mode_showtag button,
1160.mikio .mode_admin button {
1161  display: inline-block;
1162  text-align: center;
1163  border-color: #6c757d;
1164  line-height: 1.5;
1165  -webkit-text-decoration: none;
1166  text-decoration: none;
1167  text-transform: capitalize;
1168  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1169}
1170.mikio-search button:hover:not(:disabled),
1171.mikio .dokuwiki fieldset button:hover:not(:disabled),
1172.mikio.dokuwiki .secedit button:hover:not(:disabled),
1173.mikio .mode_revisions button:hover:not(:disabled),
1174.mikio .mode_edit button:hover:not(:disabled),
1175.mikio .mode_draft button:hover:not(:disabled),
1176.mikio .mode_preview button:hover:not(:disabled),
1177.mikio .mode_showtag button:hover:not(:disabled),
1178.mikio .mode_admin button:hover:not(:disabled) {
1179  -webkit-text-decoration: none;
1180  text-decoration: none;
1181  color: #fff;
1182  background-color: #6c757d;
1183  border-color: #6c757d;
1184}
1185.mikio-search button:disabled,
1186.mikio .dokuwiki fieldset button:disabled,
1187.mikio.dokuwiki .secedit button:disabled,
1188.mikio .mode_revisions button:disabled,
1189.mikio .mode_edit button:disabled,
1190.mikio .mode_draft button:disabled,
1191.mikio .mode_preview button:disabled,
1192.mikio .mode_showtag button:disabled,
1193.mikio .mode_admin button:disabled {
1194  opacity: .65;
1195}
1196.mikio-search button#edbtn__save,
1197.mikio-search button[name="run[save]"],
1198.mikio .dokuwiki fieldset button#edbtn__save,
1199.mikio .dokuwiki fieldset button[name="run[save]"],
1200.mikio.dokuwiki .secedit button#edbtn__save,
1201.mikio.dokuwiki .secedit button[name="run[save]"],
1202.mikio .mode_revisions button#edbtn__save,
1203.mikio .mode_revisions button[name="run[save]"],
1204.mikio .mode_edit button#edbtn__save,
1205.mikio .mode_edit button[name="run[save]"],
1206.mikio .mode_draft button#edbtn__save,
1207.mikio .mode_draft button[name="run[save]"],
1208.mikio .mode_preview button#edbtn__save,
1209.mikio .mode_preview button[name="run[save]"],
1210.mikio .mode_showtag button#edbtn__save,
1211.mikio .mode_showtag button[name="run[save]"],
1212.mikio .mode_admin button#edbtn__save,
1213.mikio .mode_admin button[name="run[save]"] {
1214  color: #fff;
1215  background-color: #007bff;
1216  border-color: #007bff;
1217}
1218.mikio-search button#edbtn__save:hover,
1219.mikio-search button[name="run[save]"]:hover,
1220.mikio .dokuwiki fieldset button#edbtn__save:hover,
1221.mikio .dokuwiki fieldset button[name="run[save]"]:hover,
1222.mikio.dokuwiki .secedit button#edbtn__save:hover,
1223.mikio.dokuwiki .secedit button[name="run[save]"]:hover,
1224.mikio .mode_revisions button#edbtn__save:hover,
1225.mikio .mode_revisions button[name="run[save]"]:hover,
1226.mikio .mode_edit button#edbtn__save:hover,
1227.mikio .mode_edit button[name="run[save]"]:hover,
1228.mikio .mode_draft button#edbtn__save:hover,
1229.mikio .mode_draft button[name="run[save]"]:hover,
1230.mikio .mode_preview button#edbtn__save:hover,
1231.mikio .mode_preview button[name="run[save]"]:hover,
1232.mikio .mode_showtag button#edbtn__save:hover,
1233.mikio .mode_showtag button[name="run[save]"]:hover,
1234.mikio .mode_admin button#edbtn__save:hover,
1235.mikio .mode_admin button[name="run[save]"]:hover {
1236  color: #fff;
1237  background-color: #0069d9;
1238  border-color: #0062cc;
1239}
1240.mikio-search input[type=text],
1241.mikio-search input[type=search],
1242.mikio-search input[type=password],
1243.mikio-search input[type=email],
1244.mikio .dokuwiki fieldset input[type=text],
1245.mikio .dokuwiki fieldset input[type=search],
1246.mikio .dokuwiki fieldset input[type=password],
1247.mikio .dokuwiki fieldset input[type=email],
1248.mikio.dokuwiki .secedit input[type=text],
1249.mikio.dokuwiki .secedit input[type=search],
1250.mikio.dokuwiki .secedit input[type=password],
1251.mikio.dokuwiki .secedit input[type=email],
1252.mikio .mode_revisions input[type=text],
1253.mikio .mode_revisions input[type=search],
1254.mikio .mode_revisions input[type=password],
1255.mikio .mode_revisions input[type=email],
1256.mikio .mode_edit input[type=text],
1257.mikio .mode_edit input[type=search],
1258.mikio .mode_edit input[type=password],
1259.mikio .mode_edit input[type=email],
1260.mikio .mode_draft input[type=text],
1261.mikio .mode_draft input[type=search],
1262.mikio .mode_draft input[type=password],
1263.mikio .mode_draft input[type=email],
1264.mikio .mode_preview input[type=text],
1265.mikio .mode_preview input[type=search],
1266.mikio .mode_preview input[type=password],
1267.mikio .mode_preview input[type=email],
1268.mikio .mode_showtag input[type=text],
1269.mikio .mode_showtag input[type=search],
1270.mikio .mode_showtag input[type=password],
1271.mikio .mode_showtag input[type=email],
1272.mikio .mode_admin input[type=text],
1273.mikio .mode_admin input[type=search],
1274.mikio .mode_admin input[type=password],
1275.mikio .mode_admin input[type=email] {
1276  -webkit-appearance: none;
1277  -moz-appearance: none;
1278  -ms-appearance: none;
1279}
1280.mikio-search textarea,
1281.mikio .dokuwiki fieldset textarea,
1282.mikio.dokuwiki .secedit textarea,
1283.mikio .mode_revisions textarea,
1284.mikio .mode_edit textarea,
1285.mikio .mode_draft textarea,
1286.mikio .mode_preview textarea,
1287.mikio .mode_showtag textarea,
1288.mikio .mode_admin textarea {
1289  margin-bottom: 1rem;
1290  width: 100%;
1291  word-wrap: break-word;
1292  overflow: auto;
1293  resize: vertical;
1294  white-space: pre-wrap;
1295}
1296.mikio-search select,
1297.mikio .dokuwiki fieldset select,
1298.mikio.dokuwiki .secedit select,
1299.mikio .mode_revisions select,
1300.mikio .mode_edit select,
1301.mikio .mode_draft select,
1302.mikio .mode_preview select,
1303.mikio .mode_showtag select,
1304.mikio .mode_admin select {
1305  -webkit-user-select: none;
1306  -moz-user-select: none;
1307  -ms-user-select: none;
1308  height: 2.25rem;
1309}
1310.mikio-search .toolbutton,
1311.mikio .dokuwiki fieldset .toolbutton,
1312.mikio.dokuwiki .secedit .toolbutton,
1313.mikio .mode_revisions .toolbutton,
1314.mikio .mode_edit .toolbutton,
1315.mikio .mode_draft .toolbutton,
1316.mikio .mode_preview .toolbutton,
1317.mikio .mode_showtag .toolbutton,
1318.mikio .mode_admin .toolbutton {
1319  border-radius: 0;
1320  border-right-width: 0;
1321  border-color: #ced4da;
1322}
1323.mikio-search .toolbutton:first-of-type,
1324.mikio .dokuwiki fieldset .toolbutton:first-of-type,
1325.mikio.dokuwiki .secedit .toolbutton:first-of-type,
1326.mikio .mode_revisions .toolbutton:first-of-type,
1327.mikio .mode_edit .toolbutton:first-of-type,
1328.mikio .mode_draft .toolbutton:first-of-type,
1329.mikio .mode_preview .toolbutton:first-of-type,
1330.mikio .mode_showtag .toolbutton:first-of-type,
1331.mikio .mode_admin .toolbutton:first-of-type {
1332  border-radius: .25rem 0 0 .25rem;
1333}
1334.mikio-search .toolbutton:last-of-type,
1335.mikio .dokuwiki fieldset .toolbutton:last-of-type,
1336.mikio.dokuwiki .secedit .toolbutton:last-of-type,
1337.mikio .mode_revisions .toolbutton:last-of-type,
1338.mikio .mode_edit .toolbutton:last-of-type,
1339.mikio .mode_draft .toolbutton:last-of-type,
1340.mikio .mode_preview .toolbutton:last-of-type,
1341.mikio .mode_showtag .toolbutton:last-of-type,
1342.mikio .mode_admin .toolbutton:last-of-type {
1343  border-radius: 0 .25rem .25rem 0;
1344  border-right-width: 1px;
1345}
1346.mikio.dokuwiki .secedit {
1347  float: none;
1348  margin-top: 0;
1349  text-align: right;
1350}
1351.mikio.dokuwiki fieldset {
1352  margin: 2rem auto;
1353  border: 0;
1354}
1355.mikio.dokuwiki .mode_login .mikio-article,
1356.mikio.dokuwiki .mode_denied .mikio-article {
1357  max-width: 40rem;
1358}
1359.mikio.dokuwiki .mode_login fieldset legend,
1360.mikio.dokuwiki .mode_denied fieldset legend {
1361  font-size: 1.75rem;
1362  font-weight: 400;
1363}
1364.mikio.dokuwiki .mode_login fieldset label.block input.edit,
1365.mikio.dokuwiki .mode_login fieldset select,
1366.mikio.dokuwiki .mode_denied fieldset label.block input.edit,
1367.mikio.dokuwiki .mode_denied fieldset select {
1368  width: 100%;
1369}
1370.mikio.dokuwiki .mode_login fieldset label,
1371.mikio.dokuwiki .mode_denied fieldset label {
1372  text-align: left;
1373  font-weight: normal;
1374  display: block;
1375}
1376.mikio.dokuwiki .mode_login fieldset label.simple,
1377.mikio.dokuwiki .mode_denied fieldset label.simple {
1378  text-align: center;
1379}
1380.mikio.dokuwiki .mode_login fieldset label.block,
1381.mikio.dokuwiki .mode_denied fieldset label.block {
1382  position: relative;
1383}
1384.mikio.dokuwiki .mode_login fieldset label.block span,
1385.mikio.dokuwiki .mode_denied fieldset label.block span {
1386  position: absolute;
1387  padding: .4rem .9rem;
1388  color: rgba(0,0,0,0.3);
1389}
1390.mikio.dokuwiki .mode_login fieldset button,
1391.mikio.dokuwiki .mode_denied fieldset button {
1392  display: block;
1393  width: 100%;
1394}
1395.mikio.dokuwiki .mode_login fieldset button[type=submit],
1396.mikio.dokuwiki .mode_denied fieldset button[type=submit] {
1397  color: #fff;
1398  background-color: #007bff;
1399  border-color: #007bff;
1400}
1401.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover,
1402.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover {
1403  color: #fff;
1404  background-color: #0069d9;
1405  border-color: #0062cc;
1406}
1407.mikio.dokuwiki .mode_login fieldset input[type=checkbox],
1408.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] {
1409  vertical-align: middle;
1410}
1411.mikio .mode_admin input[type=text],
1412.mikio .mode_admin input[type=password],
1413.mikio .mode_admin input[type=email] {
1414  width: 100%;
1415}
1416.mikio .mode_admin p button + button {
1417  margin-left: .5rem;
1418}
1419.mikio .mode_admin div.ui-admin ul.admin_tasks,
1420.mikio .mode_admin div.ui-admin ul.admin_plugins {
1421  float: none;
1422  display: grid;
1423  grid-template-columns: repeat(auto-fit,15rem);
1424  width: auto;
1425  padding: 0;
1426  margin: 0;
1427  justify-content: center;
1428}
1429.mikio .mode_admin div.ui-admin ul.admin_tasks li,
1430.mikio .mode_admin div.ui-admin ul.admin_plugins li {
1431  border: 1px solid #6c757d;
1432  border-radius: .25rem;
1433  margin: 1rem 1rem;
1434  background-color: #fff;
1435}
1436.mikio .mode_admin div.ui-admin ul.admin_tasks li a,
1437.mikio .mode_admin div.ui-admin ul.admin_plugins li a {
1438  display: flex;
1439  flex-direction: column;
1440  align-items: center;
1441  justify-content: center;
1442  text-align: center;
1443  height: 4rem;
1444  font-size: 1rem;
1445  font-weight: normal;
1446  padding: 1rem 2rem;
1447  color: #333;
1448  -webkit-text-decoration: none;
1449  text-decoration: none;
1450  overflow: hidden;
1451  transition: all .15s ease-in-out;
1452}
1453.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon,
1454.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon {
1455  width: auto;
1456  height: auto;
1457  min-height: auto;
1458}
1459.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover,
1460.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover {
1461  -webkit-text-decoration: none;
1462  text-decoration: none;
1463  color: #fff;
1464  background-color: #6c757d;
1465  border-color: #6c757d;
1466}
1467.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg,
1468.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg {
1469  fill: #fff;
1470}
1471.mikio .mode_admin .mikio-config-table-header {
1472  background-color: #ddd;
1473  font-weight: bold;
1474}
1475.mikio .mode_admin .mikio-config-table-header .mikio-iicon {
1476  vertical-align: text-bottom;
1477}
1478.mikio .mode_admin #extension__list ul.extensionList li {
1479  border-width: 0 0 1px 0;
1480  border-style: solid;
1481  border-color: #e5e5e5;
1482  padding: .75rem;
1483  margin: 0;
1484  text-align: left;
1485}
1486.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) {
1487  background-color: #fff;
1488}
1489.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) {
1490  background-color: #f2f2f2;
1491}
1492.mikio .mode_admin button#usrmgr__del {
1493  color: #dc3545;
1494  border-color: #dc3545;
1495  margin-right: .5rem;
1496}
1497.mikio .mode_admin button#usrmgr__del:hover {
1498  color: #fff;
1499  background-color: #dc3545;
1500  border-color: #dc3545;
1501}
1502.mikio .mode_admin #acl__tree {
1503  background-color: #fff;
1504}
1505.mikio .mode_admin #acl_manager table tr:nth-child(odd) {
1506  background-color: #fff;
1507}
1508.mikio .mode_admin #acl_manager table tr:nth-child(even) {
1509  background-color: #f2f2f2;
1510}
1511.mode_admin .mikio-content,
1512.mode_admin .mikio-page-fill,
1513.mode_login .mikio-content,
1514.mode_login .mikio-page-fill,
1515.mode_denied .mikio-content,
1516.mode_denied .mikio-page-fill,
1517.mode_revisions .mikio-content,
1518.mode_revisions .mikio-page-fill,
1519.mode_recent .mikio-content,
1520.mode_recent .mikio-page-fill,
1521.mode_backlink .mikio-content,
1522.mode_backlink .mikio-page-fill,
1523.mode_media .mikio-content,
1524.mode_media .mikio-page-fill,
1525.mode_index .mikio-content,
1526.mode_index .mikio-page-fill,
1527.mode_search .mikio-content,
1528.mode_search .mikio-page-fill,
1529.mode_edit .mikio-content,
1530.mode_edit .mikio-page-fill,
1531.mode_draft .mikio-content,
1532.mode_draft .mikio-page-fill,
1533.mode_preview .mikio-content,
1534.mode_preview .mikio-page-fill,
1535.mode_showtag .mikio-content,
1536.mode_showtag .mikio-page-fill {
1537  background-color: #f2f2f2;
1538}
1539.mikio #plugin__styling button.primary {
1540  font-weight: inherit;
1541}
1542.mikio.dokuwiki .secedit button {
1543  padding: .1rem .2rem;
1544  font-size: 80%;
1545  min-width: 3rem;
1546}
1547.mikio img {
1548  max-width: 100%;
1549}
1550.mikio img.media {
1551  margin: .2rem 0;
1552}
1553.mikio img.medialeft {
1554  margin: .2rem 1em .2rem 0;
1555}
1556.mikio img.mediaright {
1557  margin: .2rem 0 .2rem 1rem;
1558}
1559.mikio img.mediacenter {
1560  margin: .2rem auto;
1561}
1562.mikio div.dokuwiki div.inclmeta {
1563  margin-top: .5rem;
1564  padding-top: .5rem;
1565}
1566.mikio #dw__login label[for=remember__me] {
1567  margin-left: 0;
1568}
1569.mikio #config__manager fieldset {
1570  background-color: transparent;
1571  margin: 0;
1572  padding: 0;
1573}
1574.mikio #config__manager fieldset legend {
1575  text-align: left;
1576}
1577.mikio #config__manager tr .input,
1578.mikio #config__manager tr input {
1579  color: inherit;
1580  background-color: transparent;
1581}
1582.mikio #config__manager tr textarea,
1583.mikio #config__manager tr select {
1584  color: inherit;
1585  background-color: #fff;
1586}
1587.mikio #config__manager tr select {
1588  width: 100%;
1589}
1590.mikio #config__manager td.label {
1591  display: grid;
1592  grid-template-columns: auto 2rem;
1593}
1594.mikio #config__manager td.label span.outkey {
1595  float: none;
1596  font-size: 100%;
1597  background-color: transparent;
1598  margin: 0;
1599  grid-column: 1 / span 1;
1600  grid-row: 1 / span 1;
1601}
1602.mikio #config__manager td.label label {
1603  grid-column: 1 / span 1;
1604  grid-row: 2 / span 1;
1605}
1606.mikio #config__manager td.label img {
1607  float: none;
1608  grid-column: 2 / span 1;
1609  grid-row: 1 / span 2;
1610  align-self: center;
1611}
1612.mikio #config__manager td input.edit {
1613  width: 100%;
1614}
1615.mikio #config__manager button[type=submit] {
1616  color: #fff;
1617  background-color: #007bff;
1618  border-color: #007bff;
1619}
1620.mikio #config__manager button[type=submit]:hover {
1621  color: #fff;
1622  background-color: #0069d9;
1623  border-color: #0062cc;
1624}
1625.mode_revisions .mikio-article li {
1626  padding: .5rem 1rem;
1627  border-top: 1px solid #e5e5e5;
1628}
1629.mode_revisions .mikio-article li:nth-child(odd) {
1630  background-color: #fff;
1631}
1632.mode_revisions .mikio-article .li {
1633  display: grid;
1634  grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem;
1635  align-items: center;
1636  text-align: center;
1637  font-size: 90%;
1638}
1639.mode_revisions .mikio-article .li a.wikilink1 {
1640  text-align: left;
1641}
1642.mode_revisions .mikio-article .li span.sizechange {
1643  width: 100%;
1644}
1645.mode_revisions .mikio-article .sum {
1646  display: block;
1647}
1648.mode_recent .mikio-article li {
1649  padding: .5rem 1rem;
1650  border-top: 1px solid #e5e5e5;
1651}
1652.mode_recent .mikio-article li:nth-child(odd) {
1653  background-color: #fff;
1654}
1655.mode_recent .mikio-article .li {
1656  display: grid;
1657  grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem;
1658  align-items: center;
1659  text-align: center;
1660  font-size: 90%;
1661}
1662.mode_recent .mikio-article .li a.wikilink1,
1663.mode_recent .mikio-article .li span.curid {
1664  text-align: left;
1665}
1666.mode_recent .mikio-article .li span.sizechange {
1667  width: 100%;
1668}
1669.mode_recent .mikio-article select {
1670  margin: 0;
1671  font-family: inherit;
1672  font-size: inherit;
1673  font-weight: 400;
1674  border-width: 1px;
1675  border-style: solid;
1676  border-color: transparent;
1677  border-radius: .25rem;
1678  box-sizing: border-box;
1679  vertical-align: middle;
1680  padding: .375rem .75rem;
1681  color: #495057;
1682  background-color: #fff;
1683  -webkit-user-select: none;
1684  -moz-user-select: none;
1685  -ms-user-select: none;
1686  height: 2.25rem;
1687}
1688.mode_recent .mikio-article select[type=color] {
1689  padding: 0;
1690}
1691.mikio #mediamanager__page button,
1692.mikio #mediamanager__page .qq-upload-button,
1693.mikio #mediamanager__page .qq-upload-list a,
1694#media__manager button,
1695#media__manager .qq-upload-button,
1696#media__manager .qq-upload-list a {
1697  margin: 0;
1698  font-family: inherit;
1699  font-size: inherit;
1700  font-weight: 400;
1701  border-width: 1px;
1702  border-style: solid;
1703  border-color: transparent;
1704  border-radius: .25rem;
1705  box-sizing: border-box;
1706  vertical-align: middle;
1707  padding: .375rem .75rem;
1708  color: #495057;
1709  background-color: #fff;
1710  display: inline-block;
1711  text-align: center;
1712  border-color: #6c757d;
1713  line-height: 1.5;
1714  -webkit-text-decoration: none;
1715  text-decoration: none;
1716  text-transform: capitalize;
1717  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1718}
1719.mikio #mediamanager__page button[type=color],
1720.mikio #mediamanager__page .qq-upload-button[type=color],
1721.mikio #mediamanager__page .qq-upload-list a[type=color],
1722#media__manager button[type=color],
1723#media__manager .qq-upload-button[type=color],
1724#media__manager .qq-upload-list a[type=color] {
1725  padding: 0;
1726}
1727.mikio #mediamanager__page button:hover:not(:disabled),
1728.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled),
1729.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled),
1730#media__manager button:hover:not(:disabled),
1731#media__manager .qq-upload-button:hover:not(:disabled),
1732#media__manager .qq-upload-list a:hover:not(:disabled) {
1733  -webkit-text-decoration: none;
1734  text-decoration: none;
1735  color: #fff;
1736  background-color: #6c757d;
1737  border-color: #6c757d;
1738}
1739.mikio #mediamanager__page button:disabled,
1740.mikio #mediamanager__page .qq-upload-button:disabled,
1741.mikio #mediamanager__page .qq-upload-list a:disabled,
1742#media__manager button:disabled,
1743#media__manager .qq-upload-button:disabled,
1744#media__manager .qq-upload-list a:disabled {
1745  opacity: .65;
1746}
1747.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel,
1748#media__manager .qq-upload-list a.qq-upload-cancel {
1749  color: #dc3545;
1750  border-color: #dc3545;
1751}
1752.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover,
1753#media__manager .qq-upload-list a.qq-upload-cancel:hover {
1754  color: #fff;
1755  background-color: #dc3545;
1756  border-color: #dc3545;
1757}
1758.mikio #mediamanager__page button.qq-upload-action,
1759#media__manager button.qq-upload-action {
1760  color: #fff;
1761  background-color: #007bff;
1762  border-color: #007bff;
1763}
1764.mikio #mediamanager__page button.qq-upload-action:hover,
1765#media__manager button.qq-upload-action:hover {
1766  color: #fff;
1767  background-color: #0069d9;
1768  border-color: #0062cc;
1769}
1770.mikio #mediamanager__page input[type=text],
1771.mikio #mediamanager__page input[type=search],
1772.mikio #mediamanager__page textarea,
1773#media__manager input[type=text],
1774#media__manager input[type=search],
1775#media__manager textarea {
1776  margin: 0;
1777  font-family: inherit;
1778  font-size: inherit;
1779  font-weight: 400;
1780  border-width: 1px;
1781  border-style: solid;
1782  border-color: transparent;
1783  border-radius: .25rem;
1784  box-sizing: border-box;
1785  vertical-align: middle;
1786  padding: .375rem .75rem;
1787  color: #495057;
1788  background-color: #fff;
1789  border-color: #ced4da;
1790  line-height: inherit;
1791}
1792.mikio #mediamanager__page input[type=text][type=color],
1793.mikio #mediamanager__page input[type=search][type=color],
1794.mikio #mediamanager__page textarea[type=color],
1795#media__manager input[type=text][type=color],
1796#media__manager input[type=search][type=color],
1797#media__manager textarea[type=color] {
1798  padding: 0;
1799}
1800.mikio #mediamanager__page .ui-resizable-e,
1801#media__manager .ui-resizable-e {
1802  background: transparent;
1803}
1804.mikio #mediamanager__page .ui-resizable-e:hover,
1805#media__manager .ui-resizable-e:hover {
1806  background-color: #999;
1807}
1808.mikio #mediamanager__page .namespaces h2,
1809.mikio #mediamanager__page #media__tree h2,
1810#media__manager .namespaces h2,
1811#media__manager #media__tree h2 {
1812  background-color: #fff;
1813  font-weight: normal;
1814  color: #495057;
1815  border-color: #dee2e6 #dee2e6 #fff;
1816  padding: .5rem 1rem;
1817  margin: 0;
1818  bottom: -1px;
1819}
1820.mikio #mediamanager__page .namespaces .panelHeader,
1821.mikio #mediamanager__page #media__tree .panelHeader,
1822#media__manager .namespaces .panelHeader,
1823#media__manager #media__tree .panelHeader {
1824  margin-bottom: 0;
1825  background-color: #fff;
1826  border-width: 1px 1px 1px 1px;
1827  border-style: solid;
1828  border-color: #dee2e6;
1829  word-wrap: break-word;
1830  word-break: break-word;
1831}
1832.mikio #mediamanager__page .namespaces ul,
1833.mikio #mediamanager__page .namespaces ul.idx,
1834.mikio #mediamanager__page #media__tree ul,
1835.mikio #mediamanager__page #media__tree ul.idx,
1836#media__manager .namespaces ul,
1837#media__manager .namespaces ul.idx,
1838#media__manager #media__tree ul,
1839#media__manager #media__tree ul.idx {
1840  margin-top: 0;
1841}
1842.mikio #mediamanager__page .namespaces ul ul,
1843.mikio #mediamanager__page .namespaces ul.idx ul,
1844.mikio #mediamanager__page #media__tree ul ul,
1845.mikio #mediamanager__page #media__tree ul.idx ul,
1846#media__manager .namespaces ul ul,
1847#media__manager .namespaces ul.idx ul,
1848#media__manager #media__tree ul ul,
1849#media__manager #media__tree ul.idx ul {
1850  margin-left: 1rem;
1851}
1852.mikio #mediamanager__page .namespaces ul li,
1853.mikio #mediamanager__page .namespaces ul.idx li,
1854.mikio #mediamanager__page #media__tree ul li,
1855.mikio #mediamanager__page #media__tree ul.idx li,
1856#media__manager .namespaces ul li,
1857#media__manager .namespaces ul.idx li,
1858#media__manager #media__tree ul li,
1859#media__manager #media__tree ul.idx li {
1860  margin: .25rem 0;
1861  white-space: nowrap;
1862}
1863.mikio #mediamanager__page .namespaces ul a,
1864.mikio #mediamanager__page .namespaces ul.idx a,
1865.mikio #mediamanager__page #media__tree ul a,
1866.mikio #mediamanager__page #media__tree ul.idx a,
1867#media__manager .namespaces ul a,
1868#media__manager .namespaces ul.idx a,
1869#media__manager #media__tree ul a,
1870#media__manager #media__tree ul.idx a {
1871  -webkit-text-decoration: none;
1872  text-decoration: none;
1873  color: #333;
1874}
1875.mikio #mediamanager__page .filelist .panelHeader,
1876.mikio #mediamanager__page .qq-uploader .panelHeader,
1877#media__manager .filelist .panelHeader,
1878#media__manager .qq-uploader .panelHeader {
1879  margin-bottom: 0;
1880  background-color: #fff;
1881  border-width: 1px 1px 1px 1px;
1882  border-style: solid;
1883  border-color: #dee2e6;
1884  word-wrap: break-word;
1885  word-break: break-word;
1886}
1887.mikio #mediamanager__page .filelist form.options,
1888.mikio #mediamanager__page .qq-uploader form.options,
1889#media__manager .filelist form.options,
1890#media__manager .qq-uploader form.options {
1891  margin-top: 0;
1892}
1893.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label,
1894.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label,
1895#media__manager .filelist form.options .ui-controlgroup-horizontal label,
1896#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label {
1897  margin-right: 0;
1898}
1899.mikio #mediamanager__page .filelist .panelContent,
1900.mikio #mediamanager__page .qq-uploader .panelContent,
1901#media__manager .filelist .panelContent,
1902#media__manager .qq-uploader .panelContent {
1903  padding-top: 1rem;
1904  text-align: center;
1905}
1906.mikio #mediamanager__page .filelist ul.thumbs,
1907.mikio #mediamanager__page .qq-uploader ul.thumbs,
1908#media__manager .filelist ul.thumbs,
1909#media__manager .qq-uploader ul.thumbs {
1910  margin: 0;
1911}
1912.mikio #mediamanager__page .filelist ul.thumbs li,
1913.mikio #mediamanager__page .qq-uploader ul.thumbs li,
1914#media__manager .filelist ul.thumbs li,
1915#media__manager .qq-uploader ul.thumbs li {
1916  width: 200px;
1917  background-color: #fff;
1918}
1919.mikio #mediamanager__page .filelist ul.thumbs li dt a,
1920.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a,
1921#media__manager .filelist ul.thumbs li dt a,
1922#media__manager .qq-uploader ul.thumbs li dt a {
1923  display: inline;
1924}
1925.mikio #mediamanager__page .filelist ul.thumbs li dd,
1926.mikio #mediamanager__page .qq-uploader ul.thumbs li dd,
1927#media__manager .filelist ul.thumbs li dd,
1928#media__manager .qq-uploader ul.thumbs li dd {
1929  width: auto;
1930  font-size: 90%;
1931  color: #666;
1932  margin-bottom: .25rem;
1933}
1934.mikio #mediamanager__page .filelist ul.thumbs li .name,
1935.mikio #mediamanager__page .qq-uploader ul.thumbs li .name,
1936#media__manager .filelist ul.thumbs li .name,
1937#media__manager .qq-uploader ul.thumbs li .name {
1938  font-weight: normal;
1939}
1940.mikio #mediamanager__page .filelist ul.thumbs li .name a,
1941.mikio #mediamanager__page .qq-uploader ul.thumbs li .name a,
1942#media__manager .filelist ul.thumbs li .name a,
1943#media__manager .qq-uploader ul.thumbs li .name a {
1944  color: #000;
1945}
1946.mikio #mediamanager__page .filelist ul.tabs,
1947.mikio #mediamanager__page .qq-uploader ul.tabs,
1948#media__manager .filelist ul.tabs,
1949#media__manager .qq-uploader ul.tabs {
1950  padding: 0;
1951  margin-bottom: -1px;
1952}
1953.mikio #mediamanager__page .filelist ul.tabs li strong,
1954.mikio #mediamanager__page .qq-uploader ul.tabs li strong,
1955#media__manager .filelist ul.tabs li strong,
1956#media__manager .qq-uploader ul.tabs li strong {
1957  background-color: #fff;
1958  font-weight: normal;
1959  color: #495057;
1960  border-color: #dee2e6 #dee2e6 #fff;
1961  padding: .5rem 1rem;
1962  margin: 0;
1963  bottom: -1px;
1964}
1965.mikio #mediamanager__page .filelist ul.tabs li a,
1966.mikio #mediamanager__page .qq-uploader ul.tabs li a,
1967#media__manager .filelist ul.tabs li a,
1968#media__manager .qq-uploader ul.tabs li a {
1969  padding: .5rem 1rem;
1970  border: 1px solid transparent;
1971  color: #007bff;
1972  -webkit-text-decoration: none;
1973  text-decoration: none;
1974  margin: 0;
1975  background-color: transparent;
1976}
1977.mikio #mediamanager__page .filelist ul.tabs li a:hover,
1978.mikio #mediamanager__page .qq-uploader ul.tabs li a:hover,
1979#media__manager .filelist ul.tabs li a:hover,
1980#media__manager .qq-uploader ul.tabs li a:hover {
1981  color: #0056b3;
1982  border-color: #dee2e6 #dee2e6 #dee2e6;
1983  background-color: transparent;
1984}
1985.mikio #mediamanager__page .filelist ul.tabs:after,
1986.mikio #mediamanager__page .qq-uploader ul.tabs:after,
1987#media__manager .filelist ul.tabs:after,
1988#media__manager .qq-uploader ul.tabs:after {
1989  border-bottom: 0;
1990}
1991.mikio #mediamanager__page .filelist .rows li,
1992.mikio #mediamanager__page .qq-uploader .rows li,
1993#media__manager .filelist .rows li,
1994#media__manager .qq-uploader .rows li {
1995  background-color: #fff;
1996  max-height: none;
1997  font-size: 90%;
1998}
1999.mikio #mediamanager__page .filelist .rows li:nth-child(2n+1),
2000.mikio #mediamanager__page .qq-uploader .rows li:nth-child(2n+1),
2001#media__manager .filelist .rows li:nth-child(2n+1),
2002#media__manager .qq-uploader .rows li:nth-child(2n+1) {
2003  background-color: #f2f2f2;
2004}
2005.mikio #mediamanager__page .filelist .rows li a,
2006.mikio #mediamanager__page .qq-uploader .rows li a,
2007#media__manager .filelist .rows li a,
2008#media__manager .qq-uploader .rows li a {
2009  font-weight: normal;
2010  color: #333;
2011}
2012.mikio #mediamanager__page .filelist .rows li dt a,
2013.mikio #mediamanager__page .qq-uploader .rows li dt a,
2014#media__manager .filelist .rows li dt a,
2015#media__manager .qq-uploader .rows li dt a {
2016  height: auto;
2017}
2018.mikio #mediamanager__page .filelist .rows li dd.name,
2019.mikio #mediamanager__page .qq-uploader .rows li dd.name,
2020#media__manager .filelist .rows li dd.name,
2021#media__manager .qq-uploader .rows li dd.name {
2022  text-align: left;
2023}
2024.mikio #mediamanager__page .filelist .qq-upload-list,
2025.mikio #mediamanager__page .qq-uploader .qq-upload-list,
2026#media__manager .filelist .qq-upload-list,
2027#media__manager .qq-uploader .qq-upload-list {
2028  margin-top: 1rem;
2029}
2030.mikio #mediamanager__page .filelist .qq-upload-list li:hover,
2031.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover,
2032#media__manager .filelist .qq-upload-list li:hover,
2033#media__manager .qq-uploader .qq-upload-list li:hover {
2034  background-color: transparent;
2035}
2036.mikio #mediamanager__page .filelist .qq-action-container,
2037.mikio #mediamanager__page .qq-uploader .qq-action-container,
2038#media__manager .filelist .qq-action-container,
2039#media__manager .qq-uploader .qq-action-container {
2040  margin-top: 1rem;
2041  padding-top: 1rem;
2042  border-top: 1px solid #dee2e6;
2043}
2044.mikio #mediamanager__page .file .panelHeader,
2045#media__manager .file .panelHeader {
2046  margin-bottom: 0;
2047  background-color: #fff;
2048  border-width: 1px 1px 1px 1px;
2049  border-style: solid;
2050  border-color: #dee2e6;
2051  word-wrap: break-word;
2052  word-break: break-word;
2053}
2054.mikio #mediamanager__page .file .panelHeader a,
2055#media__manager .file .panelHeader a {
2056  font-weight: normal;
2057  color: #333;
2058}
2059.mikio #mediamanager__page .file ul.tabs,
2060#media__manager .file ul.tabs {
2061  padding: 0;
2062  margin-bottom: -1px;
2063}
2064.mikio #mediamanager__page .file ul.tabs li strong,
2065#media__manager .file ul.tabs li strong {
2066  background-color: #fff;
2067  font-weight: normal;
2068  color: #495057;
2069  border-color: #dee2e6 #dee2e6 #fff;
2070  padding: .5rem 1rem;
2071  margin: 0;
2072  bottom: -1px;
2073}
2074.mikio #mediamanager__page .file ul.tabs li a,
2075#media__manager .file ul.tabs li a {
2076  padding: .5rem 1rem;
2077  border: 1px solid transparent;
2078  color: #007bff;
2079  -webkit-text-decoration: none;
2080  text-decoration: none;
2081  margin: 0;
2082  background-color: transparent;
2083}
2084.mikio #mediamanager__page .file ul.tabs li a:hover,
2085#media__manager .file ul.tabs li a:hover {
2086  color: #0056b3;
2087  border-color: #dee2e6 #dee2e6 #dee2e6;
2088  background-color: transparent;
2089}
2090.mikio #mediamanager__page .file ul.tabs:after,
2091#media__manager .file ul.tabs:after {
2092  border-bottom: 0;
2093}
2094.mikio #mediamanager__page .file #mediamanager__btn_delete button,
2095#media__manager .file #mediamanager__btn_delete button {
2096  color: #dc3545;
2097  border-color: #dc3545;
2098}
2099.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover,
2100#media__manager .file #mediamanager__btn_delete button:hover {
2101  color: #fff;
2102  background-color: #dc3545;
2103  border-color: #dc3545;
2104}
2105.mikio #mediamanager__page .file dl,
2106#media__manager .file dl {
2107  font-size: 90%;
2108}
2109.mikio #mediamanager__page .file dl dt,
2110#media__manager .file dl dt {
2111  padding: .25rem .5rem;
2112  background-color: #f0f0f0;
2113}
2114.mikio #mediamanager__page .file dl dd,
2115#media__manager .file dl dd {
2116  padding: .25rem .5rem;
2117  background-color: #f8f8f8;
2118}
2119.mikio #mediamanager__page .file input[type=text],
2120.mikio #mediamanager__page .file form.meta textarea.edit,
2121#media__manager .file input[type=text],
2122#media__manager .file form.meta textarea.edit {
2123  width: 100%;
2124  min-width: 100%;
2125  max-width: 100%;
2126}
2127.mikio #mediamanager__page .file button[name="mediado[save]"],
2128#media__manager .file button[name="mediado[save]"] {
2129  color: #fff;
2130  background-color: #007bff;
2131  border-color: #007bff;
2132}
2133.mikio #mediamanager__page .file button[name="mediado[save]"]:hover,
2134#media__manager .file button[name="mediado[save]"]:hover {
2135  color: #fff;
2136  background-color: #0069d9;
2137  border-color: #0062cc;
2138}
2139.mikio #mediamanager__page .panelContent,
2140#media__manager .panelContent {
2141  background-color: #fff;
2142  margin: 0 10px 0 0;
2143  border-width: 0 1px 1px 1px;
2144  border-style: solid;
2145  border-color: #dee2e6;
2146  padding: .5rem;
2147}
2148.mikio #mediamanager__page #media__opts,
2149#media__manager #media__opts {
2150  border-bottom: 1px solid #dee2e6;
2151  padding-bottom: .75rem;
2152}
2153.mikio #mediamanager__page #media__content .odd,
2154.mikio #mediamanager__page #media__content .even,
2155#media__manager #media__content .odd,
2156#media__manager #media__content .even {
2157  border-top: 1px solid #e5e5e5;
2158  font-size: 90%;
2159  display: grid;
2160  grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem;
2161  align-items: center;
2162}
2163.mikio #mediamanager__page #media__content .odd a.mediafile,
2164.mikio #mediamanager__page #media__content .even a.mediafile,
2165#media__manager #media__content .odd a.mediafile,
2166#media__manager #media__content .even a.mediafile {
2167  grid-column: 2 / span 1;
2168  grid-row: 1 / span 1;
2169  margin: 0;
2170  word-break: break-word;
2171}
2172.mikio #mediamanager__page #media__content .odd span.info,
2173.mikio #mediamanager__page #media__content .even span.info,
2174#media__manager #media__content .odd span.info,
2175#media__manager #media__content .even span.info {
2176  grid-column: 3 / span 1;
2177  grid-row: 1 / span 1;
2178  text-align: center;
2179}
2180.mikio #mediamanager__page #media__content .odd span.info br,
2181.mikio #mediamanager__page #media__content .even span.info br,
2182#media__manager #media__content .odd span.info br,
2183#media__manager #media__content .even span.info br {
2184  display: inline-block;
2185}
2186.mikio #mediamanager__page #media__content .odd a:nth-child(2),
2187.mikio #mediamanager__page #media__content .even a:nth-child(2),
2188#media__manager #media__content .odd a:nth-child(2),
2189#media__manager #media__content .even a:nth-child(2) {
2190  grid-column: 4 / span 1;
2191  grid-row: 1 / span 1;
2192  text-align: center;
2193}
2194.mikio #mediamanager__page #media__content .odd a:nth-child(3),
2195.mikio #mediamanager__page #media__content .even a:nth-child(3),
2196#media__manager #media__content .odd a:nth-child(3),
2197#media__manager #media__content .even a:nth-child(3) {
2198  grid-column: 5 / span 1;
2199  grid-row: 1 / span 1;
2200  text-align: center;
2201}
2202.mikio #mediamanager__page #media__content .odd a.btn_media_delete,
2203.mikio #mediamanager__page #media__content .even a.btn_media_delete,
2204#media__manager #media__content .odd a.btn_media_delete,
2205#media__manager #media__content .even a.btn_media_delete {
2206  grid-column: 6 / span 1;
2207  grid-row: 1 / span 1;
2208  text-align: center;
2209}
2210.mikio #mediamanager__page #media__content .odd div.example,
2211.mikio #mediamanager__page #media__content .odd div.clearer,
2212.mikio #mediamanager__page #media__content .odd br,
2213.mikio #mediamanager__page #media__content .even div.example,
2214.mikio #mediamanager__page #media__content .even div.clearer,
2215.mikio #mediamanager__page #media__content .even br,
2216#media__manager #media__content .odd div.example,
2217#media__manager #media__content .odd div.clearer,
2218#media__manager #media__content .odd br,
2219#media__manager #media__content .even div.example,
2220#media__manager #media__content .even div.clearer,
2221#media__manager #media__content .even br {
2222  display: none;
2223}
2224.mikio #mediamanager__page #media__content .odd div.detail,
2225.mikio #mediamanager__page #media__content .even div.detail,
2226#media__manager #media__content .odd div.detail,
2227#media__manager #media__content .even div.detail {
2228  grid-column: 1 / span 1;
2229  grid-row: 1 / span 1;
2230  padding: 0;
2231}
2232.mikio #mediamanager__page #media__content .odd div.detail div.thumb,
2233.mikio #mediamanager__page #media__content .even div.detail div.thumb,
2234#media__manager #media__content .odd div.detail div.thumb,
2235#media__manager #media__content .even div.detail div.thumb {
2236  float: none;
2237  margin: 0;
2238}
2239.mikio #mediamanager__page #media__content .odd div.detail div.thumb img,
2240.mikio #mediamanager__page #media__content .even div.detail div.thumb img,
2241#media__manager #media__content .odd div.detail div.thumb img,
2242#media__manager #media__content .even div.detail div.thumb img {
2243  max-width: 48px;
2244  max-height: 48px;
2245}
2246.mikio #mediamanager__page #media__content .odd,
2247#media__manager #media__content .odd {
2248  background-color: #fff;
2249}
2250.mikio #mediamanager__page #media__content .even,
2251#media__manager #media__content .even {
2252  background-color: #f2f2f2;
2253}
2254.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form {
2255  display: grid;
2256  margin: 0 auto;
2257  max-width: 800px;
2258  grid-template-columns: auto 10rem 10rem;
2259  grid-gap: 1rem;
2260}
2261.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] {
2262  grid-column: 1 / span 1;
2263  grid-row: 1 / span 1;
2264  width: 100%;
2265}
2266.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] {
2267  color: #fff;
2268  background-color: #007bff;
2269  border-color: #007bff;
2270  grid-column: 2 / span 1;
2271  grid-row: 1 / span 1;
2272}
2273.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover {
2274  color: #fff;
2275  background-color: #0069d9;
2276  border-color: #0062cc;
2277}
2278.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant {
2279  padding: .1rem .2rem;
2280  font-size: 80%;
2281  min-width: 3rem;
2282  grid-column: 3 / span 1;
2283  grid-row: 1 / span 1;
2284  flex: 0;
2285}
2286.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions {
2287  grid-column: 1 / span 3;
2288  grid-row: 2 / span 1;
2289}
2290.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current {
2291  padding: .2rem 1.2rem .2rem 0rem;
2292  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>');
2293  background-size: 1.2rem;
2294  background-position: right;
2295  background-repeat: no-repeat;
2296}
2297.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after {
2298  content: "";
2299}
2300.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul {
2301  position: absolute;
2302  right: 0;
2303  top: .5rem;
2304  padding: 1rem 1.5rem;
2305  border: 1px solid #e5e5e5;
2306  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
2307  background-color: #fff;
2308  color: #999;
2309}
2310.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a {
2311  transition: all 0.15s ease-in-out;
2312  color: #1a1a1a;
2313  -webkit-text-decoration: none;
2314  text-decoration: none;
2315  font-style: normal;
2316  margin: 0 -1rem;
2317  padding: 0 1rem;
2318}
2319.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover {
2320  background-color: #e5e5e5;
2321}
2322.mikio.dokuwiki .mode_search .mikio-article h2 {
2323  margin-top: .5rem;
2324  padding-top: 1rem;
2325  border-top: 1px solid #dee2e6;
2326}
2327.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul {
2328  background-color: #fff;
2329  padding: .5rem 1rem;
2330}
2331.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li {
2332  float: none;
2333  display: inline-block;
2334  text-align: left;
2335  padding-left: 0;
2336}
2337.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before {
2338  font-size: 1.2rem;
2339  content: '\2022';
2340  margin-right: 0.5em;
2341}
2342.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li {
2343  display: inline-block;
2344}
2345.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li {
2346  width: auto;
2347}
2348.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result {
2349  border-top: 1px solid #e5e5e5;
2350  padding: .75rem;
2351  background-color: #fff;
2352}
2353.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) {
2354  background-color: #f2f2f2;
2355}
2356.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet {
2357  font-size: 90%;
2358  margin-bottom: 0;
2359}
2360#index__tree {
2361  background-color: #fff;
2362  border: 1px solid #dee2e6;
2363  padding: 0 .5rem;
2364}
2365#index__tree a {
2366  color: #333;
2367  -webkit-text-decoration: none;
2368  text-decoration: none;
2369}
2370#index__tree .curid a {
2371  color: red;
2372}
2373.mikio.dokuwiki ul.tabs {
2374  padding: 0;
2375  margin-bottom: -1px;
2376}
2377.mikio.dokuwiki ul.tabs li strong {
2378  background-color: #fff;
2379  font-weight: normal;
2380  color: #495057;
2381  border-color: #dee2e6 #dee2e6 #fff;
2382  padding: .5rem 1rem;
2383  margin: 0;
2384  bottom: -1px;
2385}
2386.mikio.dokuwiki ul.tabs li a {
2387  padding: .5rem 1rem;
2388  border: 1px solid transparent;
2389  color: #007bff;
2390  -webkit-text-decoration: none;
2391  text-decoration: none;
2392  margin: 0;
2393  background-color: transparent;
2394}
2395.mikio.dokuwiki ul.tabs li a:hover {
2396  color: #0056b3;
2397  border-color: #dee2e6 #dee2e6 #dee2e6;
2398  background-color: transparent;
2399}
2400.mikio.dokuwiki ul.tabs:after {
2401  border-bottom: 0;
2402}
2403.mikio .mode_draft table {
2404  margin-bottom: 1rem;
2405}
2406#dokuwiki__detail {
2407  background-color: #f2f2f2;
2408  height: 100vh;
2409  padding: 0 2rem;
2410}
2411#dokuwiki__detail .content {
2412  display: flex;
2413}
2414#dokuwiki__detail .content .img_detail dl {
2415  display: grid;
2416  grid-template-columns: 4rem auto;
2417  align-items: center;
2418}
2419#dokuwiki__detail .content .img_detail dl dt {
2420  font-weight: bold;
2421}
2422.mikio .content_partial button,
2423.mikio .content_partial input,
2424.mikio .content_partial optgroup,
2425.mikio .content_partial select,
2426.mikio .content_partial textarea {
2427  margin: 0;
2428  font-family: inherit;
2429  font-size: inherit;
2430  font-weight: 400;
2431  border-width: 1px;
2432  border-style: solid;
2433  border-color: transparent;
2434  border-radius: .25rem;
2435  box-sizing: border-box;
2436  vertical-align: middle;
2437  padding: .375rem .75rem;
2438  color: #495057;
2439  background-color: #fff;
2440  border-color: #ced4da;
2441  line-height: inherit;
2442}
2443.mikio .content_partial button[type=color],
2444.mikio .content_partial input[type=color],
2445.mikio .content_partial optgroup[type=color],
2446.mikio .content_partial select[type=color],
2447.mikio .content_partial textarea[type=color] {
2448  padding: 0;
2449}
2450.mikio .content_partial button {
2451  display: inline-block;
2452  text-align: center;
2453  border-color: #6c757d;
2454  line-height: 1.5;
2455  -webkit-text-decoration: none;
2456  text-decoration: none;
2457  text-transform: capitalize;
2458  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
2459}
2460.mikio .content_partial button:hover:not(:disabled) {
2461  -webkit-text-decoration: none;
2462  text-decoration: none;
2463  color: #fff;
2464  background-color: #6c757d;
2465  border-color: #6c757d;
2466}
2467.mikio .content_partial button:disabled {
2468  opacity: .65;
2469}
2470.mikio .content_partial button#edbtn__save,
2471.mikio .content_partial button[name="run[save]"] {
2472  color: #fff;
2473  background-color: #007bff;
2474  border-color: #007bff;
2475}
2476.mikio .content_partial button#edbtn__save:hover,
2477.mikio .content_partial button[name="run[save]"]:hover {
2478  color: #fff;
2479  background-color: #0069d9;
2480  border-color: #0062cc;
2481}
2482.mikio .content_partial input[type=text],
2483.mikio .content_partial input[type=search],
2484.mikio .content_partial input[type=password],
2485.mikio .content_partial input[type=email] {
2486  -webkit-appearance: none;
2487  -moz-appearance: none;
2488  -ms-appearance: none;
2489}
2490.mikio .content_partial textarea {
2491  margin-bottom: 1rem;
2492  width: 100%;
2493  word-wrap: break-word;
2494  overflow: auto;
2495  resize: vertical;
2496  white-space: pre-wrap;
2497}
2498.mikio .content_partial select {
2499  -webkit-user-select: none;
2500  -moz-user-select: none;
2501  -ms-user-select: none;
2502  height: 2.25rem;
2503}
2504.mikio .content_partial .toolbutton {
2505  border-radius: 0;
2506  border-right-width: 0;
2507  border-color: #ced4da;
2508}
2509.mikio .content_partial .toolbutton:first-of-type {
2510  border-radius: .25rem 0 0 .25rem;
2511}
2512.mikio .content_partial .toolbutton:last-of-type {
2513  border-radius: 0 .25rem .25rem 0;
2514  border-right-width: 1px;
2515}
2516.mikio div.dokuwiki div.comment_wrapper {
2517  padding: 1em;
2518}
2519.mikio div.dokuwiki div.comment_wrapper button,
2520.mikio div.dokuwiki div.comment_wrapper input,
2521.mikio div.dokuwiki div.comment_wrapper optgroup,
2522.mikio div.dokuwiki div.comment_wrapper select,
2523.mikio div.dokuwiki div.comment_wrapper textarea {
2524  margin: 0;
2525  font-family: inherit;
2526  font-size: inherit;
2527  font-weight: 400;
2528  border-width: 1px;
2529  border-style: solid;
2530  border-color: transparent;
2531  border-radius: .25rem;
2532  box-sizing: border-box;
2533  vertical-align: middle;
2534  padding: .375rem .75rem;
2535  color: #495057;
2536  background-color: #fff;
2537  border-color: #ced4da;
2538  line-height: inherit;
2539}
2540.mikio div.dokuwiki div.comment_wrapper button[type=color],
2541.mikio div.dokuwiki div.comment_wrapper input[type=color],
2542.mikio div.dokuwiki div.comment_wrapper optgroup[type=color],
2543.mikio div.dokuwiki div.comment_wrapper select[type=color],
2544.mikio div.dokuwiki div.comment_wrapper textarea[type=color] {
2545  padding: 0;
2546}
2547.mikio div.dokuwiki div.comment_wrapper button {
2548  display: inline-block;
2549  text-align: center;
2550  border-color: #6c757d;
2551  line-height: 1.5;
2552  -webkit-text-decoration: none;
2553  text-decoration: none;
2554  text-transform: capitalize;
2555  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
2556}
2557.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled) {
2558  -webkit-text-decoration: none;
2559  text-decoration: none;
2560  color: #fff;
2561  background-color: #6c757d;
2562  border-color: #6c757d;
2563}
2564.mikio div.dokuwiki div.comment_wrapper button:disabled {
2565  opacity: .65;
2566}
2567.mikio div.dokuwiki div.comment_wrapper button#edbtn__save,
2568.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] {
2569  color: #fff;
2570  background-color: #007bff;
2571  border-color: #007bff;
2572}
2573.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover,
2574.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover {
2575  color: #fff;
2576  background-color: #0069d9;
2577  border-color: #0062cc;
2578}
2579.mikio div.dokuwiki div.comment_wrapper input[type=text],
2580.mikio div.dokuwiki div.comment_wrapper input[type=search],
2581.mikio div.dokuwiki div.comment_wrapper input[type=password],
2582.mikio div.dokuwiki div.comment_wrapper input[type=email] {
2583  -webkit-appearance: none;
2584  -moz-appearance: none;
2585  -ms-appearance: none;
2586}
2587.mikio div.dokuwiki div.comment_wrapper textarea {
2588  margin-bottom: 1rem;
2589  width: 100%;
2590  word-wrap: break-word;
2591  overflow: auto;
2592  resize: vertical;
2593  white-space: pre-wrap;
2594}
2595.mikio div.dokuwiki div.comment_wrapper select {
2596  -webkit-user-select: none;
2597  -moz-user-select: none;
2598  -ms-user-select: none;
2599  height: 2.25rem;
2600}
2601.mikio div.dokuwiki div.comment_wrapper .toolbutton {
2602  border-radius: 0;
2603  border-right-width: 0;
2604  border-color: #ced4da;
2605}
2606.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type {
2607  border-radius: .25rem 0 0 .25rem;
2608}
2609.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type {
2610  border-radius: 0 .25rem .25rem 0;
2611  border-right-width: 1px;
2612}
2613.mikio div.dokuwiki div.comment_wrapper input[type=submit] {
2614  margin: 0;
2615  font-family: inherit;
2616  font-size: inherit;
2617  font-weight: 400;
2618  border-width: 1px;
2619  border-style: solid;
2620  border-color: transparent;
2621  border-radius: .25rem;
2622  box-sizing: border-box;
2623  vertical-align: middle;
2624  padding: .375rem .75rem;
2625  color: #495057;
2626  background-color: #fff;
2627  display: inline-block;
2628  text-align: center;
2629  border-color: #6c757d;
2630  line-height: 1.5;
2631  -webkit-text-decoration: none;
2632  text-decoration: none;
2633  text-transform: capitalize;
2634  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
2635}
2636.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] {
2637  padding: 0;
2638}
2639.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) {
2640  -webkit-text-decoration: none;
2641  text-decoration: none;
2642  color: #fff;
2643  background-color: #6c757d;
2644  border-color: #6c757d;
2645}
2646.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled {
2647  opacity: .65;
2648}
2649.mikio div.dokuwiki div.comment_wrapper h2 {
2650  margin: 0;
2651}
2652.mikio div.dokuwiki div.comment_wrapper .comment_form {
2653  margin-top: 0;
2654}
2655.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input {
2656  float: none;
2657}
2658.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label {
2659  float: none;
2660  display: inline-block;
2661}
2662.mikio div.dokuwiki div.comment_wrapper .comment_buttons {
2663  float: none;
2664  text-align: right;
2665  margin-top: 1em;
2666}
2667@media (max-width: 768px) {
2668  .mikio-small-only {
2669    display: inline-block;
2670  }
2671  .mikio-navbar {
2672    display: grid;
2673    grid-template-columns: auto 3rem;
2674  }
2675  .mikio-navbar .mikio-navbar-brand {
2676    grid-column: 1 / span 1;
2677    grid-row: 1 / span 1;
2678    margin-bottom: .5rem;
2679  }
2680  .mikio-navbar .mikio-navbar-toggle {
2681    display: block;
2682    margin-bottom: .5rem;
2683    grid-column: 2 / span 1;
2684    grid-row: 1 / span 1;
2685  }
2686  .mikio-navbar .mikio-navbar-toggle.closed + .mikio-navbar-collapse {
2687    display: none;
2688  }
2689  .mikio-navbar .mikio-navbar-collapse {
2690    grid-column: 1 / span 2;
2691    grid-row: 2 / span 1;
2692    flex-direction: column;
2693    margin: 0 -2rem;
2694    padding-top: .5rem;
2695    padding-right: 1rem;
2696    border-top: 1px solid rgba(0,0,0,0.1);
2697  }
2698  .mikio-navbar .mikio-nav-item {
2699    display: block;
2700    width: 100%;
2701    padding: .5rem 2rem;
2702    box-sizing: border-box;
2703    text-align: center;
2704  }
2705  .mikio-navbar .mikio-dropdown-item {
2706    justify-content: center;
2707  }
2708  .mikio-navbar .mikio-nav {
2709    width: 100%;
2710  }
2711  .mikio-navbar .mikio-nav-dropdown {
2712    width: 100%;
2713    text-align: center;
2714    margin: 0;
2715    box-sizing: border-box;
2716  }
2717  .mikio-navbar .mikio-nav-dropdown .mikio-dropdown {
2718    position: relative;
2719    border: 0;
2720    box-shadow: none;
2721  }
2722  .mikio-hero {
2723    flex-direction: column;
2724  }
2725  .mikio-hero .mikio-hero-image-resize {
2726    height: auto;
2727  }
2728  .mikio-hero .mikio-hero-image {
2729    background-image: none !important;
2730  }
2731  .mikio-page {
2732    display: grid;
2733    grid-template-columns: auto 2.5rem;
2734  }
2735  .mode_revisions .mikio-page,
2736  .mode_edit .mikio-page,
2737  .mode_login .mikio-page,
2738  .mode_denied .mikio-page,
2739  .mode_draft .mikio-page,
2740  .mode_preview .mikio-page,
2741  .mode_showtag .mikio-page,
2742  .mode_admin .mikio-page {
2743    grid-template-columns: auto;
2744  }
2745  .mikio #config__manager td .input,
2746  .mikio #config__manager td input.edit,
2747  .mikio #config__manager tr select {
2748    width: auto;
2749  }
2750  .mikio-content {
2751    grid-column: 1 / span 1;
2752    grid-row: 2 / span 1;
2753    padding-bottom: 1rem;
2754    width: auto;
2755  }
2756  .mikio-sidebar {
2757    grid-column: 1 / span 2;
2758    width: auto;
2759  }
2760  .mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse {
2761    display: none;
2762  }
2763  .mikio-sidebar.mikio-sidebar-left {
2764    grid-row: 1 / span 1;
2765    border-right: 0;
2766    border-bottom: 1px solid rgba(0,0,0,0.1);
2767  }
2768  .mikio-sidebar.mikio-sidebar-right {
2769    grid-row: 3 / span 1;
2770    border-left: 0;
2771    border-top: 1px solid rgba(0,0,0,0.2);
2772  }
2773  .mikio-sidebar .mikio-sidebar-toggle {
2774    display: block;
2775  }
2776  #dw__pagetools {
2777    grid-column: 2 / span 1;
2778    grid-row: 2 / span 1;
2779  }
2780  .mikio.dokuwiki div.ui-admin #admin__version {
2781    padding-right: 1rem;
2782  }
2783  .mikio-page-fill .mikio-sidebar {
2784    display: none;
2785  }
2786}
2787@media print {
2788  .mikio .mikio-navbar-collapse,
2789  .mikio .mikio-toc,
2790  .mikio .mikio-sidebar,
2791  .mikio #dw__pagetools,
2792  .mikio .mikio-search {
2793    display: none !important;
2794  }
2795  .mikio .mikio-navbar {
2796    box-shadow: none !important;
2797  }
2798  .mikio .mikio-hero .mikio-hero-text {
2799    min-height: auto;
2800    padding-bottom: 0;
2801  }
2802  .mikio .mikio-breadcrumbs,
2803  .mikio .mikio-hero,
2804  .mikio .mikio-footer {
2805    background-color: #fff !important;
2806  }
2807}