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