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