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