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