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