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-left: 0; 778} 779.mikio .mikio-toc #dw__toc ul ul { 780 padding-left: .5rem; 781} 782.mikio .mikio-toc h3.toggle { 783 margin: 0; 784 padding-right: 2rem; 785 font-size: 80%; 786 background-size: 1rem; 787 background-position: 95% 50%; 788 background-repeat: no-repeat; 789 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>'); 790} 791.mikio .mikio-toc h3.toggle.closed { 792 font-size: 0; 793 height: 1rem; 794 width: 2rem; 795 padding-right: 0; 796} 797.mikio .mikio-toc h3.toggle.closed:before { 798 display: inline-block; 799 content: ""; 800 width: .8rem; 801 height: .8rem; 802 margin-right: .5rem; 803 margin-top: .1rem; 804 background-size: .8rem; 805 background-position: center; 806 background-repeat: no-repeat; 807 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>'); 808} 809.mikio .mikio-toc h3.toggle span { 810 display: none; 811} 812.mikio .mikio-toc a { 813 display: block; 814 font-size: 80%; 815 color: #666; 816 -webkit-text-decoration: none; 817 text-decoration: none; 818 padding: .2rem 0; 819} 820.mikio .mikio-toc a:hover { 821 color: #000; 822} 823.mikio-icon { 824 margin-right: .25rem; 825} 826.mikio-icon svg { 827 vertical-align: middle; 828} 829.mikio-iicon { 830 display: inline-block; 831 width: 1.2rem; 832 height: 1.2rem; 833 background-size: 1.2rem; 834 background-position: center; 835 background-repeat: no-repeat; 836 vertical-align: middle; 837 margin-right: .25rem; 838 fill: currentColor; 839} 840.mikio .mode_show table, 841.mikio.dokuwiki .mode_showtag table.ul, 842.mikio .mode_admin table { 843 width: 100%; 844 border-collapse: collapse; 845 margin-bottom: 1rem; 846 font-size: 90%; 847} 848.mikio .mode_show table tr, 849.mikio.dokuwiki .mode_showtag table.ul tr, 850.mikio .mode_admin table tr { 851 border-top: 1px solid #e5e5e5; 852} 853.mikio .mode_show table td, 854.mikio .mode_show table th, 855.mikio.dokuwiki .mode_showtag table.ul td, 856.mikio.dokuwiki .mode_showtag table.ul th, 857.mikio .mode_admin table td, 858.mikio .mode_admin table th { 859 padding: .75rem; 860 text-align: left; 861} 862.mikio .mode_show table tbody tr:nth-child(odd), 863.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd), 864.mikio .mode_admin table tbody tr:nth-child(odd) { 865 background-color: #fff; 866} 867.mikio .mode_show table tbody tr:nth-child(even), 868.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even), 869.mikio .mode_admin table tbody tr:nth-child(even) { 870 background-color: #f2f2f2; 871} 872.mikio-nav { 873 list-style: none; 874 margin: 0; 875 padding: 0; 876} 877.mikio-nav .mikio-nav-item, 878.mikio-nav .mikio-nav-dropdown { 879 display: inline-block; 880 padding: .5rem .2rem; 881 margin: 0 .5rem; 882} 883.mikio-nav .mikio-nav-dropdown { 884 position: relative; 885} 886.mikio-nav .mikio-nav-dropdown > a { 887 display: inline-block; 888 padding: .2rem 1.2rem .2rem 0rem; 889 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>'); 890 background-size: 1.2rem; 891 background-position: right; 892 background-repeat: no-repeat; 893} 894.mikio-nav a { 895 -webkit-text-decoration: none; 896 text-decoration: none; 897} 898.mikio-dropdown { 899 display: block; 900 position: absolute; 901 z-index: 10000; 902 min-width: 12rem; 903 right: 0; 904 padding: 1rem 1.5rem; 905 border: 1px solid #e5e5e5; 906 box-shadow: 0 4px 10px rgba(0,0,0,0.3); 907 background-color: #fff; 908 color: #1a1a1a; 909} 910.mikio-dropdown.closed { 911 display: none; 912} 913.mikio-dropdown .mikio-dropdown-item { 914 display: flex; 915 align-items: center; 916 margin-top: .5rem; 917 margin-bottom: .5rem; 918} 919.mikio-dropdown .mikio-dropdown-header { 920 margin: 0 0 1rem 0; 921} 922.mikio-dropdown .mikio-dropdown-divider { 923 margin: 1rem -1rem; 924 border-bottom: 1px solid #e5e5e5; 925} 926.mikio-dropdown .mikio-nav-link { 927 margin: 0rem -1rem 0rem -1rem; 928 padding: .25rem 1rem .25rem 1rem; 929 transition: all 0.15s ease-in-out; 930} 931.mikio-dropdown .mikio-nav-link:hover { 932 background-color: #e5e5e5; 933} 934.mikio-tabs { 935 padding: 0; 936 margin-bottom: -1px; 937} 938.mikio-tabs li strong { 939 background-color: #fff; 940 font-weight: normal; 941 color: #495057; 942 border-color: #dee2e6 #dee2e6 #fff; 943 padding: .5rem 1rem; 944 margin: 0; 945 bottom: -1px; 946} 947.mikio-tabs li a { 948 padding: .5rem 1rem; 949 border: 1px solid transparent; 950 color: #007bff; 951 -webkit-text-decoration: none; 952 text-decoration: none; 953 margin: 0; 954 background-color: transparent; 955} 956.mikio-tabs li a:hover { 957 color: #0056b3; 958 border-color: #dee2e6 #dee2e6 #dee2e6; 959 background-color: transparent; 960} 961.mikio-tabs:after { 962 border-bottom: 0; 963} 964.mikio-tab-active { 965 background-color: #fff; 966 font-weight: normal; 967 color: #495057; 968 border-color: #dee2e6 #dee2e6 #fff; 969 padding: .5rem 1rem; 970 margin: 0; 971 bottom: -1px; 972} 973.mikio-tab-panel { 974 margin-bottom: 0; 975 background-color: #fff; 976 border-width: 1px 1px 1px 1px; 977 border-style: solid; 978 border-color: #dee2e6; 979 word-wrap: break-word; 980 word-break: break-word; 981} 982.mikio.dokuwiki div.section_highlight { 983 background-color: rgba(255,255,0,0.3); 984 border-width: 0; 985 margin: 0 -1rem; 986 padding: 0 1rem; 987} 988.mikio-input-file { 989 position: absolute; 990 top: 0; 991 right: 0; 992 left: 0; 993 z-index: 5; 994 padding: .25rem 1rem; 995 line-height: 1.5; 996 text-align: left; 997 color: #495057; 998 background-color: #fff; 999 border: .1px solid #ced4da; 1000 border-radius: .25rem; 1001 -webkit-user-select: none; 1002 -moz-user-select: none; 1003 -ms-user-select: none; 1004 user-select: none; 1005 white-space: nowrap; 1006 overflow: hidden; 1007 text-overflow: ellipsis; 1008 box-sizing: border-box; 1009} 1010.mikio-input-file:before { 1011 position: absolute; 1012 top: 0; 1013 right: 0; 1014 bottom: 0; 1015 z-index: 6; 1016 display: block; 1017 content: "Browse"; 1018 padding: .25rem 1rem; 1019 line-height: 1.5; 1020 color: #fff; 1021 background-color: #6c757d; 1022 border-radius: 0 .25rem .25rem 0; 1023 border: 1px solid #6c757d; 1024 transition: all .15s ease-in-out; 1025} 1026.mikio-input-file:hover:before { 1027 background-color: #fff; 1028 color: #495057; 1029} 1030code, 1031pre { 1032 overflow-x: auto; 1033 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 1034 font-size: 87.5%; 1035 color: #e83e8c; 1036 background-color: transparent; 1037 word-wrap: break-word; 1038 white-space: pre-wrap; 1039 white-space: -moz-pre-wrap; 1040 white-space: -pre-wrap; 1041 white-space: -o-pre-wrap; 1042 line-height: 1.75; 1043} 1044.mode_show code, 1045.mode_show pre { 1046 border: 1px solid transparent; 1047 padding: 1em; 1048} 1049.mikio-search button, 1050.mikio-search input, 1051.mikio-search optgroup, 1052.mikio-search select, 1053.mikio-search textarea, 1054.mikio .dokuwiki fieldset button, 1055.mikio .dokuwiki fieldset input, 1056.mikio .dokuwiki fieldset optgroup, 1057.mikio .dokuwiki fieldset select, 1058.mikio .dokuwiki fieldset textarea, 1059.mikio.dokuwiki .secedit button, 1060.mikio.dokuwiki .secedit input, 1061.mikio.dokuwiki .secedit optgroup, 1062.mikio.dokuwiki .secedit select, 1063.mikio.dokuwiki .secedit textarea, 1064.mikio .mode_revisions button, 1065.mikio .mode_revisions input, 1066.mikio .mode_revisions optgroup, 1067.mikio .mode_revisions select, 1068.mikio .mode_revisions textarea, 1069.mikio .mode_edit button, 1070.mikio .mode_edit input, 1071.mikio .mode_edit optgroup, 1072.mikio .mode_edit select, 1073.mikio .mode_edit textarea, 1074.mikio .mode_draft button, 1075.mikio .mode_draft input, 1076.mikio .mode_draft optgroup, 1077.mikio .mode_draft select, 1078.mikio .mode_draft textarea, 1079.mikio .mode_preview button, 1080.mikio .mode_preview input, 1081.mikio .mode_preview optgroup, 1082.mikio .mode_preview select, 1083.mikio .mode_preview textarea, 1084.mikio .mode_showtag button, 1085.mikio .mode_showtag input, 1086.mikio .mode_showtag optgroup, 1087.mikio .mode_showtag select, 1088.mikio .mode_showtag textarea, 1089.mikio .mode_admin button, 1090.mikio .mode_admin input, 1091.mikio .mode_admin optgroup, 1092.mikio .mode_admin select, 1093.mikio .mode_admin textarea { 1094 margin: 0; 1095 font-family: inherit; 1096 font-size: inherit; 1097 font-weight: 400; 1098 border-width: 1px; 1099 border-style: solid; 1100 border-color: transparent; 1101 border-radius: .25rem; 1102 box-sizing: border-box; 1103 vertical-align: middle; 1104 padding: .375rem .75rem; 1105 color: #495057; 1106 background-color: #fff; 1107 border-color: #ced4da; 1108 line-height: inherit; 1109} 1110.mikio-search button[type=color], 1111.mikio-search input[type=color], 1112.mikio-search optgroup[type=color], 1113.mikio-search select[type=color], 1114.mikio-search textarea[type=color], 1115.mikio .dokuwiki fieldset button[type=color], 1116.mikio .dokuwiki fieldset input[type=color], 1117.mikio .dokuwiki fieldset optgroup[type=color], 1118.mikio .dokuwiki fieldset select[type=color], 1119.mikio .dokuwiki fieldset textarea[type=color], 1120.mikio.dokuwiki .secedit button[type=color], 1121.mikio.dokuwiki .secedit input[type=color], 1122.mikio.dokuwiki .secedit optgroup[type=color], 1123.mikio.dokuwiki .secedit select[type=color], 1124.mikio.dokuwiki .secedit textarea[type=color], 1125.mikio .mode_revisions button[type=color], 1126.mikio .mode_revisions input[type=color], 1127.mikio .mode_revisions optgroup[type=color], 1128.mikio .mode_revisions select[type=color], 1129.mikio .mode_revisions textarea[type=color], 1130.mikio .mode_edit button[type=color], 1131.mikio .mode_edit input[type=color], 1132.mikio .mode_edit optgroup[type=color], 1133.mikio .mode_edit select[type=color], 1134.mikio .mode_edit textarea[type=color], 1135.mikio .mode_draft button[type=color], 1136.mikio .mode_draft input[type=color], 1137.mikio .mode_draft optgroup[type=color], 1138.mikio .mode_draft select[type=color], 1139.mikio .mode_draft textarea[type=color], 1140.mikio .mode_preview button[type=color], 1141.mikio .mode_preview input[type=color], 1142.mikio .mode_preview optgroup[type=color], 1143.mikio .mode_preview select[type=color], 1144.mikio .mode_preview textarea[type=color], 1145.mikio .mode_showtag button[type=color], 1146.mikio .mode_showtag input[type=color], 1147.mikio .mode_showtag optgroup[type=color], 1148.mikio .mode_showtag select[type=color], 1149.mikio .mode_showtag textarea[type=color], 1150.mikio .mode_admin button[type=color], 1151.mikio .mode_admin input[type=color], 1152.mikio .mode_admin optgroup[type=color], 1153.mikio .mode_admin select[type=color], 1154.mikio .mode_admin textarea[type=color] { 1155 padding: 0; 1156} 1157.mikio-search button, 1158.mikio .dokuwiki fieldset button, 1159.mikio.dokuwiki .secedit button, 1160.mikio .mode_revisions button, 1161.mikio .mode_edit button, 1162.mikio .mode_draft button, 1163.mikio .mode_preview button, 1164.mikio .mode_showtag button, 1165.mikio .mode_admin button { 1166 display: inline-block; 1167 text-align: center; 1168 border-color: #6c757d; 1169 line-height: 1.5; 1170 -webkit-text-decoration: none; 1171 text-decoration: none; 1172 text-transform: capitalize; 1173 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1174} 1175.mikio-search button:hover:not(:disabled), 1176.mikio .dokuwiki fieldset button:hover:not(:disabled), 1177.mikio.dokuwiki .secedit button:hover:not(:disabled), 1178.mikio .mode_revisions button:hover:not(:disabled), 1179.mikio .mode_edit button:hover:not(:disabled), 1180.mikio .mode_draft button:hover:not(:disabled), 1181.mikio .mode_preview button:hover:not(:disabled), 1182.mikio .mode_showtag button:hover:not(:disabled), 1183.mikio .mode_admin button:hover:not(:disabled) { 1184 -webkit-text-decoration: none; 1185 text-decoration: none; 1186 color: #fff; 1187 background-color: #6c757d; 1188 border-color: #6c757d; 1189} 1190.mikio-search button:disabled, 1191.mikio .dokuwiki fieldset button:disabled, 1192.mikio.dokuwiki .secedit button:disabled, 1193.mikio .mode_revisions button:disabled, 1194.mikio .mode_edit button:disabled, 1195.mikio .mode_draft button:disabled, 1196.mikio .mode_preview button:disabled, 1197.mikio .mode_showtag button:disabled, 1198.mikio .mode_admin button:disabled { 1199 opacity: .65; 1200} 1201.mikio-search button#edbtn__save, 1202.mikio-search button[name="run[save]"], 1203.mikio .dokuwiki fieldset button#edbtn__save, 1204.mikio .dokuwiki fieldset button[name="run[save]"], 1205.mikio.dokuwiki .secedit button#edbtn__save, 1206.mikio.dokuwiki .secedit button[name="run[save]"], 1207.mikio .mode_revisions button#edbtn__save, 1208.mikio .mode_revisions button[name="run[save]"], 1209.mikio .mode_edit button#edbtn__save, 1210.mikio .mode_edit button[name="run[save]"], 1211.mikio .mode_draft button#edbtn__save, 1212.mikio .mode_draft button[name="run[save]"], 1213.mikio .mode_preview button#edbtn__save, 1214.mikio .mode_preview button[name="run[save]"], 1215.mikio .mode_showtag button#edbtn__save, 1216.mikio .mode_showtag button[name="run[save]"], 1217.mikio .mode_admin button#edbtn__save, 1218.mikio .mode_admin button[name="run[save]"] { 1219 color: #fff; 1220 background-color: #007bff; 1221 border-color: #007bff; 1222} 1223.mikio-search button#edbtn__save:hover, 1224.mikio-search button[name="run[save]"]:hover, 1225.mikio .dokuwiki fieldset button#edbtn__save:hover, 1226.mikio .dokuwiki fieldset button[name="run[save]"]:hover, 1227.mikio.dokuwiki .secedit button#edbtn__save:hover, 1228.mikio.dokuwiki .secedit button[name="run[save]"]:hover, 1229.mikio .mode_revisions button#edbtn__save:hover, 1230.mikio .mode_revisions button[name="run[save]"]:hover, 1231.mikio .mode_edit button#edbtn__save:hover, 1232.mikio .mode_edit button[name="run[save]"]:hover, 1233.mikio .mode_draft button#edbtn__save:hover, 1234.mikio .mode_draft button[name="run[save]"]:hover, 1235.mikio .mode_preview button#edbtn__save:hover, 1236.mikio .mode_preview button[name="run[save]"]:hover, 1237.mikio .mode_showtag button#edbtn__save:hover, 1238.mikio .mode_showtag button[name="run[save]"]:hover, 1239.mikio .mode_admin button#edbtn__save:hover, 1240.mikio .mode_admin button[name="run[save]"]:hover { 1241 color: #fff; 1242 background-color: #0069d9; 1243 border-color: #0062cc; 1244} 1245.mikio-search input[type=text], 1246.mikio-search input[type=search], 1247.mikio-search input[type=password], 1248.mikio-search input[type=email], 1249.mikio .dokuwiki fieldset input[type=text], 1250.mikio .dokuwiki fieldset input[type=search], 1251.mikio .dokuwiki fieldset input[type=password], 1252.mikio .dokuwiki fieldset input[type=email], 1253.mikio.dokuwiki .secedit input[type=text], 1254.mikio.dokuwiki .secedit input[type=search], 1255.mikio.dokuwiki .secedit input[type=password], 1256.mikio.dokuwiki .secedit input[type=email], 1257.mikio .mode_revisions input[type=text], 1258.mikio .mode_revisions input[type=search], 1259.mikio .mode_revisions input[type=password], 1260.mikio .mode_revisions input[type=email], 1261.mikio .mode_edit input[type=text], 1262.mikio .mode_edit input[type=search], 1263.mikio .mode_edit input[type=password], 1264.mikio .mode_edit input[type=email], 1265.mikio .mode_draft input[type=text], 1266.mikio .mode_draft input[type=search], 1267.mikio .mode_draft input[type=password], 1268.mikio .mode_draft input[type=email], 1269.mikio .mode_preview input[type=text], 1270.mikio .mode_preview input[type=search], 1271.mikio .mode_preview input[type=password], 1272.mikio .mode_preview input[type=email], 1273.mikio .mode_showtag input[type=text], 1274.mikio .mode_showtag input[type=search], 1275.mikio .mode_showtag input[type=password], 1276.mikio .mode_showtag input[type=email], 1277.mikio .mode_admin input[type=text], 1278.mikio .mode_admin input[type=search], 1279.mikio .mode_admin input[type=password], 1280.mikio .mode_admin input[type=email] { 1281 -webkit-appearance: none; 1282 -moz-appearance: none; 1283 -ms-appearance: none; 1284} 1285.mikio-search textarea, 1286.mikio .dokuwiki fieldset textarea, 1287.mikio.dokuwiki .secedit textarea, 1288.mikio .mode_revisions textarea, 1289.mikio .mode_edit textarea, 1290.mikio .mode_draft textarea, 1291.mikio .mode_preview textarea, 1292.mikio .mode_showtag textarea, 1293.mikio .mode_admin textarea { 1294 margin-bottom: 1rem; 1295 width: 100%; 1296 word-wrap: break-word; 1297 overflow: auto; 1298 resize: vertical; 1299 white-space: pre-wrap; 1300} 1301.mikio-search select, 1302.mikio .dokuwiki fieldset select, 1303.mikio.dokuwiki .secedit select, 1304.mikio .mode_revisions select, 1305.mikio .mode_edit select, 1306.mikio .mode_draft select, 1307.mikio .mode_preview select, 1308.mikio .mode_showtag select, 1309.mikio .mode_admin select { 1310 -webkit-user-select: none; 1311 -moz-user-select: none; 1312 -ms-user-select: none; 1313 height: 2.25rem; 1314} 1315.mikio-search .toolbutton, 1316.mikio .dokuwiki fieldset .toolbutton, 1317.mikio.dokuwiki .secedit .toolbutton, 1318.mikio .mode_revisions .toolbutton, 1319.mikio .mode_edit .toolbutton, 1320.mikio .mode_draft .toolbutton, 1321.mikio .mode_preview .toolbutton, 1322.mikio .mode_showtag .toolbutton, 1323.mikio .mode_admin .toolbutton { 1324 border-radius: 0; 1325 border-right-width: 0; 1326 border-color: #ced4da; 1327} 1328.mikio-search .toolbutton:first-of-type, 1329.mikio .dokuwiki fieldset .toolbutton:first-of-type, 1330.mikio.dokuwiki .secedit .toolbutton:first-of-type, 1331.mikio .mode_revisions .toolbutton:first-of-type, 1332.mikio .mode_edit .toolbutton:first-of-type, 1333.mikio .mode_draft .toolbutton:first-of-type, 1334.mikio .mode_preview .toolbutton:first-of-type, 1335.mikio .mode_showtag .toolbutton:first-of-type, 1336.mikio .mode_admin .toolbutton:first-of-type { 1337 border-radius: .25rem 0 0 .25rem; 1338} 1339.mikio-search .toolbutton:last-of-type, 1340.mikio .dokuwiki fieldset .toolbutton:last-of-type, 1341.mikio.dokuwiki .secedit .toolbutton:last-of-type, 1342.mikio .mode_revisions .toolbutton:last-of-type, 1343.mikio .mode_edit .toolbutton:last-of-type, 1344.mikio .mode_draft .toolbutton:last-of-type, 1345.mikio .mode_preview .toolbutton:last-of-type, 1346.mikio .mode_showtag .toolbutton:last-of-type, 1347.mikio .mode_admin .toolbutton:last-of-type { 1348 border-radius: 0 .25rem .25rem 0; 1349 border-right-width: 1px; 1350} 1351.mikio.dokuwiki .secedit { 1352 float: none; 1353 margin-top: 0; 1354 text-align: right; 1355} 1356.mikio.dokuwiki fieldset { 1357 margin: 2rem auto; 1358 border: 0; 1359} 1360.mikio.dokuwiki .mode_login .mikio-article, 1361.mikio.dokuwiki .mode_denied .mikio-article { 1362 max-width: 40rem; 1363} 1364.mikio.dokuwiki .mode_login fieldset legend, 1365.mikio.dokuwiki .mode_denied fieldset legend { 1366 font-size: 1.75rem; 1367 font-weight: 400; 1368} 1369.mikio.dokuwiki .mode_login fieldset label.block input.edit, 1370.mikio.dokuwiki .mode_login fieldset select, 1371.mikio.dokuwiki .mode_denied fieldset label.block input.edit, 1372.mikio.dokuwiki .mode_denied fieldset select { 1373 width: 100%; 1374} 1375.mikio.dokuwiki .mode_login fieldset label, 1376.mikio.dokuwiki .mode_denied fieldset label { 1377 text-align: left; 1378 font-weight: normal; 1379 display: block; 1380} 1381.mikio.dokuwiki .mode_login fieldset label.simple, 1382.mikio.dokuwiki .mode_denied fieldset label.simple { 1383 text-align: center; 1384} 1385.mikio.dokuwiki .mode_login fieldset label.block, 1386.mikio.dokuwiki .mode_denied fieldset label.block { 1387 position: relative; 1388} 1389.mikio.dokuwiki .mode_login fieldset label.block span, 1390.mikio.dokuwiki .mode_denied fieldset label.block span { 1391 position: absolute; 1392 padding: .4rem .9rem; 1393 color: rgba(0,0,0,0.3); 1394} 1395.mikio.dokuwiki .mode_login fieldset button, 1396.mikio.dokuwiki .mode_denied fieldset button { 1397 display: block; 1398 width: 100%; 1399} 1400.mikio.dokuwiki .mode_login fieldset button[type=submit], 1401.mikio.dokuwiki .mode_denied fieldset button[type=submit] { 1402 color: #fff; 1403 background-color: #007bff; 1404 border-color: #007bff; 1405} 1406.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover, 1407.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover { 1408 color: #fff; 1409 background-color: #0069d9; 1410 border-color: #0062cc; 1411} 1412.mikio.dokuwiki .mode_login fieldset input[type=checkbox], 1413.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] { 1414 vertical-align: middle; 1415} 1416.mikio .mode_admin input[type=text], 1417.mikio .mode_admin input[type=password], 1418.mikio .mode_admin input[type=email] { 1419 width: 100%; 1420} 1421.mikio .mode_admin p button + button { 1422 margin-left: .5rem; 1423} 1424.mikio .mode_admin div.ui-admin ul.admin_tasks, 1425.mikio .mode_admin div.ui-admin ul.admin_plugins { 1426 float: none; 1427 display: grid; 1428 grid-template-columns: repeat(auto-fit,15rem); 1429 width: auto; 1430 padding: 0; 1431 margin: 0; 1432 justify-content: center; 1433} 1434.mikio .mode_admin div.ui-admin ul.admin_tasks li, 1435.mikio .mode_admin div.ui-admin ul.admin_plugins li { 1436 border: 1px solid #6c757d; 1437 border-radius: .25rem; 1438 margin: 1rem 1rem; 1439 background-color: #fff; 1440} 1441.mikio .mode_admin div.ui-admin ul.admin_tasks li a, 1442.mikio .mode_admin div.ui-admin ul.admin_plugins li a { 1443 display: flex; 1444 flex-direction: column; 1445 align-items: center; 1446 justify-content: center; 1447 text-align: center; 1448 height: 4rem; 1449 font-size: 1rem; 1450 font-weight: normal; 1451 padding: 1rem 2rem; 1452 color: #333; 1453 -webkit-text-decoration: none; 1454 text-decoration: none; 1455 overflow: hidden; 1456 transition: all .15s ease-in-out; 1457} 1458.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon, 1459.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon { 1460 width: auto; 1461 height: auto; 1462 min-height: auto; 1463} 1464.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover, 1465.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover { 1466 -webkit-text-decoration: none; 1467 text-decoration: none; 1468 color: #fff; 1469 background-color: #6c757d; 1470 border-color: #6c757d; 1471} 1472.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg, 1473.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg { 1474 fill: #fff; 1475} 1476.mikio .mode_admin .mikio-config-table-header { 1477 background-color: #ddd; 1478 font-weight: bold; 1479} 1480.mikio .mode_admin .mikio-config-table-header .mikio-iicon { 1481 vertical-align: text-bottom; 1482} 1483.mikio .mode_admin #extension__list ul.extensionList li { 1484 border-width: 0 0 1px 0; 1485 border-style: solid; 1486 border-color: #e5e5e5; 1487 padding: .75rem; 1488 margin: 0; 1489 text-align: left; 1490} 1491.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) { 1492 background-color: #fff; 1493} 1494.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) { 1495 background-color: #f2f2f2; 1496} 1497.mikio .mode_admin button#usrmgr__del { 1498 color: #dc3545; 1499 border-color: #dc3545; 1500 margin-right: .5rem; 1501} 1502.mikio .mode_admin button#usrmgr__del:hover { 1503 color: #fff; 1504 background-color: #dc3545; 1505 border-color: #dc3545; 1506} 1507.mikio .mode_admin #acl__tree { 1508 background-color: #fff; 1509} 1510.mikio .mode_admin #acl_manager table tr:nth-child(odd) { 1511 background-color: #fff; 1512} 1513.mikio .mode_admin #acl_manager table tr:nth-child(even) { 1514 background-color: #f2f2f2; 1515} 1516.mode_admin .mikio-content, 1517.mode_admin .mikio-page-fill, 1518.mode_login .mikio-content, 1519.mode_login .mikio-page-fill, 1520.mode_denied .mikio-content, 1521.mode_denied .mikio-page-fill, 1522.mode_revisions .mikio-content, 1523.mode_revisions .mikio-page-fill, 1524.mode_recent .mikio-content, 1525.mode_recent .mikio-page-fill, 1526.mode_backlink .mikio-content, 1527.mode_backlink .mikio-page-fill, 1528.mode_media .mikio-content, 1529.mode_media .mikio-page-fill, 1530.mode_index .mikio-content, 1531.mode_index .mikio-page-fill, 1532.mode_search .mikio-content, 1533.mode_search .mikio-page-fill, 1534.mode_edit .mikio-content, 1535.mode_edit .mikio-page-fill, 1536.mode_draft .mikio-content, 1537.mode_draft .mikio-page-fill, 1538.mode_preview .mikio-content, 1539.mode_preview .mikio-page-fill, 1540.mode_showtag .mikio-content, 1541.mode_showtag .mikio-page-fill { 1542 background-color: #f2f2f2; 1543} 1544.mikio #plugin__styling button.primary { 1545 font-weight: inherit; 1546} 1547.mikio.dokuwiki .secedit button { 1548 padding: .1rem .2rem; 1549 font-size: 80%; 1550 min-width: 3rem; 1551} 1552.mikio img { 1553 max-width: 100%; 1554} 1555.mikio img.media { 1556 margin: .2rem 0; 1557} 1558.mikio img.medialeft { 1559 margin: .2rem 1em .2rem 0; 1560} 1561.mikio img.mediaright { 1562 margin: .2rem 0 .2rem 1rem; 1563} 1564.mikio img.mediacenter { 1565 margin: .2rem auto; 1566} 1567.mikio div.dokuwiki div.inclmeta { 1568 margin-top: .5rem; 1569 padding-top: .5rem; 1570} 1571.mikio #dw__login label[for=remember__me] { 1572 margin-left: 0; 1573} 1574.mikio #config__manager fieldset { 1575 background-color: transparent; 1576 margin: 0; 1577 padding: 0; 1578} 1579.mikio #config__manager fieldset legend { 1580 text-align: left; 1581} 1582.mikio #config__manager tr .input, 1583.mikio #config__manager tr input { 1584 color: inherit; 1585 background-color: transparent; 1586} 1587.mikio #config__manager tr textarea, 1588.mikio #config__manager tr select { 1589 color: inherit; 1590 background-color: #fff; 1591} 1592.mikio #config__manager tr select { 1593 width: 100%; 1594} 1595.mikio #config__manager td.label { 1596 display: grid; 1597 grid-template-columns: auto 2rem; 1598} 1599.mikio #config__manager td.label span.outkey { 1600 float: none; 1601 font-size: 100%; 1602 background-color: transparent; 1603 margin: 0; 1604 grid-column: 1 / span 1; 1605 grid-row: 1 / span 1; 1606} 1607.mikio #config__manager td.label label { 1608 grid-column: 1 / span 1; 1609 grid-row: 2 / span 1; 1610} 1611.mikio #config__manager td.label img { 1612 float: none; 1613 grid-column: 2 / span 1; 1614 grid-row: 1 / span 2; 1615 align-self: center; 1616} 1617.mikio #config__manager td input.edit { 1618 width: 100%; 1619} 1620.mikio #config__manager button[type=submit] { 1621 color: #fff; 1622 background-color: #007bff; 1623 border-color: #007bff; 1624} 1625.mikio #config__manager button[type=submit]:hover { 1626 color: #fff; 1627 background-color: #0069d9; 1628 border-color: #0062cc; 1629} 1630.mode_revisions .mikio-article li { 1631 padding: .5rem 1rem; 1632 border-top: 1px solid #e5e5e5; 1633} 1634.mode_revisions .mikio-article li:nth-child(odd) { 1635 background-color: #fff; 1636} 1637.mode_revisions .mikio-article .li { 1638 display: grid; 1639 grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem; 1640 align-items: center; 1641 text-align: center; 1642 font-size: 90%; 1643} 1644.mode_revisions .mikio-article .li a.wikilink1 { 1645 text-align: left; 1646} 1647.mode_revisions .mikio-article .li span.sizechange { 1648 width: 100%; 1649} 1650.mode_revisions .mikio-article .sum { 1651 display: block; 1652} 1653.mode_recent .mikio-article li { 1654 padding: .5rem 1rem; 1655 border-top: 1px solid #e5e5e5; 1656} 1657.mode_recent .mikio-article li:nth-child(odd) { 1658 background-color: #fff; 1659} 1660.mode_recent .mikio-article .li { 1661 display: grid; 1662 grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem; 1663 align-items: center; 1664 text-align: center; 1665 font-size: 90%; 1666} 1667.mode_recent .mikio-article .li a.wikilink1, 1668.mode_recent .mikio-article .li span.curid { 1669 text-align: left; 1670} 1671.mode_recent .mikio-article .li span.sizechange { 1672 width: 100%; 1673} 1674.mode_recent .mikio-article select { 1675 margin: 0; 1676 font-family: inherit; 1677 font-size: inherit; 1678 font-weight: 400; 1679 border-width: 1px; 1680 border-style: solid; 1681 border-color: transparent; 1682 border-radius: .25rem; 1683 box-sizing: border-box; 1684 vertical-align: middle; 1685 padding: .375rem .75rem; 1686 color: #495057; 1687 background-color: #fff; 1688 -webkit-user-select: none; 1689 -moz-user-select: none; 1690 -ms-user-select: none; 1691 height: 2.25rem; 1692} 1693.mode_recent .mikio-article select[type=color] { 1694 padding: 0; 1695} 1696.mikio #mediamanager__page button, 1697.mikio #mediamanager__page .qq-upload-button, 1698.mikio #mediamanager__page .qq-upload-list a, 1699#media__manager button, 1700#media__manager .qq-upload-button, 1701#media__manager .qq-upload-list a { 1702 margin: 0; 1703 font-family: inherit; 1704 font-size: inherit; 1705 font-weight: 400; 1706 border-width: 1px; 1707 border-style: solid; 1708 border-color: transparent; 1709 border-radius: .25rem; 1710 box-sizing: border-box; 1711 vertical-align: middle; 1712 padding: .375rem .75rem; 1713 color: #495057; 1714 background-color: #fff; 1715 display: inline-block; 1716 text-align: center; 1717 border-color: #6c757d; 1718 line-height: 1.5; 1719 -webkit-text-decoration: none; 1720 text-decoration: none; 1721 text-transform: capitalize; 1722 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1723} 1724.mikio #mediamanager__page button[type=color], 1725.mikio #mediamanager__page .qq-upload-button[type=color], 1726.mikio #mediamanager__page .qq-upload-list a[type=color], 1727#media__manager button[type=color], 1728#media__manager .qq-upload-button[type=color], 1729#media__manager .qq-upload-list a[type=color] { 1730 padding: 0; 1731} 1732.mikio #mediamanager__page button:hover:not(:disabled), 1733.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled), 1734.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled), 1735#media__manager button:hover:not(:disabled), 1736#media__manager .qq-upload-button:hover:not(:disabled), 1737#media__manager .qq-upload-list a:hover:not(:disabled) { 1738 -webkit-text-decoration: none; 1739 text-decoration: none; 1740 color: #fff; 1741 background-color: #6c757d; 1742 border-color: #6c757d; 1743} 1744.mikio #mediamanager__page button:disabled, 1745.mikio #mediamanager__page .qq-upload-button:disabled, 1746.mikio #mediamanager__page .qq-upload-list a:disabled, 1747#media__manager button:disabled, 1748#media__manager .qq-upload-button:disabled, 1749#media__manager .qq-upload-list a:disabled { 1750 opacity: .65; 1751} 1752.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel, 1753#media__manager .qq-upload-list a.qq-upload-cancel { 1754 color: #dc3545; 1755 border-color: #dc3545; 1756} 1757.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover, 1758#media__manager .qq-upload-list a.qq-upload-cancel:hover { 1759 color: #fff; 1760 background-color: #dc3545; 1761 border-color: #dc3545; 1762} 1763.mikio #mediamanager__page button.qq-upload-action, 1764#media__manager button.qq-upload-action { 1765 color: #fff; 1766 background-color: #007bff; 1767 border-color: #007bff; 1768} 1769.mikio #mediamanager__page button.qq-upload-action:hover, 1770#media__manager button.qq-upload-action:hover { 1771 color: #fff; 1772 background-color: #0069d9; 1773 border-color: #0062cc; 1774} 1775.mikio #mediamanager__page input[type=text], 1776.mikio #mediamanager__page input[type=search], 1777.mikio #mediamanager__page textarea, 1778#media__manager input[type=text], 1779#media__manager input[type=search], 1780#media__manager textarea { 1781 margin: 0; 1782 font-family: inherit; 1783 font-size: inherit; 1784 font-weight: 400; 1785 border-width: 1px; 1786 border-style: solid; 1787 border-color: transparent; 1788 border-radius: .25rem; 1789 box-sizing: border-box; 1790 vertical-align: middle; 1791 padding: .375rem .75rem; 1792 color: #495057; 1793 background-color: #fff; 1794 border-color: #ced4da; 1795 line-height: inherit; 1796} 1797.mikio #mediamanager__page input[type=text][type=color], 1798.mikio #mediamanager__page input[type=search][type=color], 1799.mikio #mediamanager__page textarea[type=color], 1800#media__manager input[type=text][type=color], 1801#media__manager input[type=search][type=color], 1802#media__manager textarea[type=color] { 1803 padding: 0; 1804} 1805.mikio #mediamanager__page .ui-resizable-e, 1806#media__manager .ui-resizable-e { 1807 background: transparent; 1808} 1809.mikio #mediamanager__page .ui-resizable-e:hover, 1810#media__manager .ui-resizable-e:hover { 1811 background-color: #999; 1812} 1813.mikio #mediamanager__page .namespaces h2, 1814.mikio #mediamanager__page #media__tree h2, 1815#media__manager .namespaces h2, 1816#media__manager #media__tree h2 { 1817 background-color: #fff; 1818 font-weight: normal; 1819 color: #495057; 1820 border-color: #dee2e6 #dee2e6 #fff; 1821 padding: .5rem 1rem; 1822 margin: 0; 1823 bottom: -1px; 1824} 1825.mikio #mediamanager__page .namespaces .panelHeader, 1826.mikio #mediamanager__page #media__tree .panelHeader, 1827#media__manager .namespaces .panelHeader, 1828#media__manager #media__tree .panelHeader { 1829 margin-bottom: 0; 1830 background-color: #fff; 1831 border-width: 1px 1px 1px 1px; 1832 border-style: solid; 1833 border-color: #dee2e6; 1834 word-wrap: break-word; 1835 word-break: break-word; 1836} 1837.mikio #mediamanager__page .namespaces ul, 1838.mikio #mediamanager__page .namespaces ul.idx, 1839.mikio #mediamanager__page #media__tree ul, 1840.mikio #mediamanager__page #media__tree ul.idx, 1841#media__manager .namespaces ul, 1842#media__manager .namespaces ul.idx, 1843#media__manager #media__tree ul, 1844#media__manager #media__tree ul.idx { 1845 margin-top: 0; 1846} 1847.mikio #mediamanager__page .namespaces ul ul, 1848.mikio #mediamanager__page .namespaces ul.idx ul, 1849.mikio #mediamanager__page #media__tree ul ul, 1850.mikio #mediamanager__page #media__tree ul.idx ul, 1851#media__manager .namespaces ul ul, 1852#media__manager .namespaces ul.idx ul, 1853#media__manager #media__tree ul ul, 1854#media__manager #media__tree ul.idx ul { 1855 margin-left: 1rem; 1856} 1857.mikio #mediamanager__page .namespaces ul li, 1858.mikio #mediamanager__page .namespaces ul.idx li, 1859.mikio #mediamanager__page #media__tree ul li, 1860.mikio #mediamanager__page #media__tree ul.idx li, 1861#media__manager .namespaces ul li, 1862#media__manager .namespaces ul.idx li, 1863#media__manager #media__tree ul li, 1864#media__manager #media__tree ul.idx li { 1865 margin: .25rem 0; 1866 white-space: nowrap; 1867} 1868.mikio #mediamanager__page .namespaces ul a, 1869.mikio #mediamanager__page .namespaces ul.idx a, 1870.mikio #mediamanager__page #media__tree ul a, 1871.mikio #mediamanager__page #media__tree ul.idx a, 1872#media__manager .namespaces ul a, 1873#media__manager .namespaces ul.idx a, 1874#media__manager #media__tree ul a, 1875#media__manager #media__tree ul.idx a { 1876 -webkit-text-decoration: none; 1877 text-decoration: none; 1878 color: #333; 1879} 1880.mikio #mediamanager__page .filelist .panelHeader, 1881.mikio #mediamanager__page .qq-uploader .panelHeader, 1882#media__manager .filelist .panelHeader, 1883#media__manager .qq-uploader .panelHeader { 1884 margin-bottom: 0; 1885 background-color: #fff; 1886 border-width: 1px 1px 1px 1px; 1887 border-style: solid; 1888 border-color: #dee2e6; 1889 word-wrap: break-word; 1890 word-break: break-word; 1891} 1892.mikio #mediamanager__page .filelist form.options, 1893.mikio #mediamanager__page .qq-uploader form.options, 1894#media__manager .filelist form.options, 1895#media__manager .qq-uploader form.options { 1896 margin-top: 0; 1897} 1898.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label, 1899.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label, 1900#media__manager .filelist form.options .ui-controlgroup-horizontal label, 1901#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label { 1902 margin-right: 0; 1903} 1904.mikio #mediamanager__page .filelist .panelContent, 1905.mikio #mediamanager__page .qq-uploader .panelContent, 1906#media__manager .filelist .panelContent, 1907#media__manager .qq-uploader .panelContent { 1908 padding-top: 1rem; 1909 text-align: center; 1910} 1911.mikio #mediamanager__page .filelist ul.thumbs, 1912.mikio #mediamanager__page .qq-uploader ul.thumbs, 1913#media__manager .filelist ul.thumbs, 1914#media__manager .qq-uploader ul.thumbs { 1915 margin: 0; 1916} 1917.mikio #mediamanager__page .filelist ul.thumbs li, 1918.mikio #mediamanager__page .qq-uploader ul.thumbs li, 1919#media__manager .filelist ul.thumbs li, 1920#media__manager .qq-uploader ul.thumbs li { 1921 width: 200px; 1922 background-color: #fff; 1923} 1924.mikio #mediamanager__page .filelist ul.thumbs li dt a, 1925.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a, 1926#media__manager .filelist ul.thumbs li dt a, 1927#media__manager .qq-uploader ul.thumbs li dt a { 1928 display: inline; 1929} 1930.mikio #mediamanager__page .filelist ul.thumbs li dd, 1931.mikio #mediamanager__page .qq-uploader ul.thumbs li dd, 1932#media__manager .filelist ul.thumbs li dd, 1933#media__manager .qq-uploader ul.thumbs li dd { 1934 width: auto; 1935 font-size: 90%; 1936 color: #666; 1937 margin-bottom: .25rem; 1938} 1939.mikio #mediamanager__page .filelist ul.thumbs li .name, 1940.mikio #mediamanager__page .qq-uploader ul.thumbs li .name, 1941#media__manager .filelist ul.thumbs li .name, 1942#media__manager .qq-uploader ul.thumbs li .name { 1943 font-weight: normal; 1944} 1945.mikio #mediamanager__page .filelist ul.thumbs li .name a, 1946.mikio #mediamanager__page .qq-uploader ul.thumbs li .name a, 1947#media__manager .filelist ul.thumbs li .name a, 1948#media__manager .qq-uploader ul.thumbs li .name a { 1949 color: #000; 1950} 1951.mikio #mediamanager__page .filelist ul.tabs, 1952.mikio #mediamanager__page .qq-uploader ul.tabs, 1953#media__manager .filelist ul.tabs, 1954#media__manager .qq-uploader ul.tabs { 1955 padding: 0; 1956 margin-bottom: -1px; 1957} 1958.mikio #mediamanager__page .filelist ul.tabs li strong, 1959.mikio #mediamanager__page .qq-uploader ul.tabs li strong, 1960#media__manager .filelist ul.tabs li strong, 1961#media__manager .qq-uploader ul.tabs li strong { 1962 background-color: #fff; 1963 font-weight: normal; 1964 color: #495057; 1965 border-color: #dee2e6 #dee2e6 #fff; 1966 padding: .5rem 1rem; 1967 margin: 0; 1968 bottom: -1px; 1969} 1970.mikio #mediamanager__page .filelist ul.tabs li a, 1971.mikio #mediamanager__page .qq-uploader ul.tabs li a, 1972#media__manager .filelist ul.tabs li a, 1973#media__manager .qq-uploader ul.tabs li a { 1974 padding: .5rem 1rem; 1975 border: 1px solid transparent; 1976 color: #007bff; 1977 -webkit-text-decoration: none; 1978 text-decoration: none; 1979 margin: 0; 1980 background-color: transparent; 1981} 1982.mikio #mediamanager__page .filelist ul.tabs li a:hover, 1983.mikio #mediamanager__page .qq-uploader ul.tabs li a:hover, 1984#media__manager .filelist ul.tabs li a:hover, 1985#media__manager .qq-uploader ul.tabs li a:hover { 1986 color: #0056b3; 1987 border-color: #dee2e6 #dee2e6 #dee2e6; 1988 background-color: transparent; 1989} 1990.mikio #mediamanager__page .filelist ul.tabs:after, 1991.mikio #mediamanager__page .qq-uploader ul.tabs:after, 1992#media__manager .filelist ul.tabs:after, 1993#media__manager .qq-uploader ul.tabs:after { 1994 border-bottom: 0; 1995} 1996.mikio #mediamanager__page .filelist .rows li, 1997.mikio #mediamanager__page .qq-uploader .rows li, 1998#media__manager .filelist .rows li, 1999#media__manager .qq-uploader .rows li { 2000 background-color: #fff; 2001 max-height: none; 2002 font-size: 90%; 2003} 2004.mikio #mediamanager__page .filelist .rows li:nth-child(2n+1), 2005.mikio #mediamanager__page .qq-uploader .rows li:nth-child(2n+1), 2006#media__manager .filelist .rows li:nth-child(2n+1), 2007#media__manager .qq-uploader .rows li:nth-child(2n+1) { 2008 background-color: #f2f2f2; 2009} 2010.mikio #mediamanager__page .filelist .rows li a, 2011.mikio #mediamanager__page .qq-uploader .rows li a, 2012#media__manager .filelist .rows li a, 2013#media__manager .qq-uploader .rows li a { 2014 font-weight: normal; 2015 color: #333; 2016} 2017.mikio #mediamanager__page .filelist .rows li dt a, 2018.mikio #mediamanager__page .qq-uploader .rows li dt a, 2019#media__manager .filelist .rows li dt a, 2020#media__manager .qq-uploader .rows li dt a { 2021 height: auto; 2022} 2023.mikio #mediamanager__page .filelist .rows li dd.name, 2024.mikio #mediamanager__page .qq-uploader .rows li dd.name, 2025#media__manager .filelist .rows li dd.name, 2026#media__manager .qq-uploader .rows li dd.name { 2027 text-align: left; 2028} 2029.mikio #mediamanager__page .filelist .qq-upload-list, 2030.mikio #mediamanager__page .qq-uploader .qq-upload-list, 2031#media__manager .filelist .qq-upload-list, 2032#media__manager .qq-uploader .qq-upload-list { 2033 margin-top: 1rem; 2034} 2035.mikio #mediamanager__page .filelist .qq-upload-list li:hover, 2036.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover, 2037#media__manager .filelist .qq-upload-list li:hover, 2038#media__manager .qq-uploader .qq-upload-list li:hover { 2039 background-color: transparent; 2040} 2041.mikio #mediamanager__page .filelist .qq-action-container, 2042.mikio #mediamanager__page .qq-uploader .qq-action-container, 2043#media__manager .filelist .qq-action-container, 2044#media__manager .qq-uploader .qq-action-container { 2045 margin-top: 1rem; 2046 padding-top: 1rem; 2047 border-top: 1px solid #dee2e6; 2048} 2049.mikio #mediamanager__page .file .panelHeader, 2050#media__manager .file .panelHeader { 2051 margin-bottom: 0; 2052 background-color: #fff; 2053 border-width: 1px 1px 1px 1px; 2054 border-style: solid; 2055 border-color: #dee2e6; 2056 word-wrap: break-word; 2057 word-break: break-word; 2058} 2059.mikio #mediamanager__page .file .panelHeader a, 2060#media__manager .file .panelHeader a { 2061 font-weight: normal; 2062 color: #333; 2063} 2064.mikio #mediamanager__page .file ul.tabs, 2065#media__manager .file ul.tabs { 2066 padding: 0; 2067 margin-bottom: -1px; 2068} 2069.mikio #mediamanager__page .file ul.tabs li strong, 2070#media__manager .file ul.tabs li strong { 2071 background-color: #fff; 2072 font-weight: normal; 2073 color: #495057; 2074 border-color: #dee2e6 #dee2e6 #fff; 2075 padding: .5rem 1rem; 2076 margin: 0; 2077 bottom: -1px; 2078} 2079.mikio #mediamanager__page .file ul.tabs li a, 2080#media__manager .file ul.tabs li a { 2081 padding: .5rem 1rem; 2082 border: 1px solid transparent; 2083 color: #007bff; 2084 -webkit-text-decoration: none; 2085 text-decoration: none; 2086 margin: 0; 2087 background-color: transparent; 2088} 2089.mikio #mediamanager__page .file ul.tabs li a:hover, 2090#media__manager .file ul.tabs li a:hover { 2091 color: #0056b3; 2092 border-color: #dee2e6 #dee2e6 #dee2e6; 2093 background-color: transparent; 2094} 2095.mikio #mediamanager__page .file ul.tabs:after, 2096#media__manager .file ul.tabs:after { 2097 border-bottom: 0; 2098} 2099.mikio #mediamanager__page .file #mediamanager__btn_delete button, 2100#media__manager .file #mediamanager__btn_delete button { 2101 color: #dc3545; 2102 border-color: #dc3545; 2103} 2104.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover, 2105#media__manager .file #mediamanager__btn_delete button:hover { 2106 color: #fff; 2107 background-color: #dc3545; 2108 border-color: #dc3545; 2109} 2110.mikio #mediamanager__page .file dl, 2111#media__manager .file dl { 2112 font-size: 90%; 2113} 2114.mikio #mediamanager__page .file dl dt, 2115#media__manager .file dl dt { 2116 padding: .25rem .5rem; 2117 background-color: #f0f0f0; 2118} 2119.mikio #mediamanager__page .file dl dd, 2120#media__manager .file dl dd { 2121 padding: .25rem .5rem; 2122 background-color: #f8f8f8; 2123} 2124.mikio #mediamanager__page .file input[type=text], 2125.mikio #mediamanager__page .file form.meta textarea.edit, 2126#media__manager .file input[type=text], 2127#media__manager .file form.meta textarea.edit { 2128 width: 100%; 2129 min-width: 100%; 2130 max-width: 100%; 2131} 2132.mikio #mediamanager__page .file button[name="mediado[save]"], 2133#media__manager .file button[name="mediado[save]"] { 2134 color: #fff; 2135 background-color: #007bff; 2136 border-color: #007bff; 2137} 2138.mikio #mediamanager__page .file button[name="mediado[save]"]:hover, 2139#media__manager .file button[name="mediado[save]"]:hover { 2140 color: #fff; 2141 background-color: #0069d9; 2142 border-color: #0062cc; 2143} 2144.mikio #mediamanager__page .panelContent, 2145#media__manager .panelContent { 2146 background-color: #fff; 2147 margin: 0 10px 0 0; 2148 border-width: 0 1px 1px 1px; 2149 border-style: solid; 2150 border-color: #dee2e6; 2151 padding: .5rem; 2152} 2153.mikio #mediamanager__page #media__opts, 2154#media__manager #media__opts { 2155 border-bottom: 1px solid #dee2e6; 2156 padding-bottom: .75rem; 2157} 2158.mikio #mediamanager__page #media__content .odd, 2159.mikio #mediamanager__page #media__content .even, 2160#media__manager #media__content .odd, 2161#media__manager #media__content .even { 2162 border-top: 1px solid #e5e5e5; 2163 font-size: 90%; 2164 display: grid; 2165 grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem; 2166 align-items: center; 2167} 2168.mikio #mediamanager__page #media__content .odd a.mediafile, 2169.mikio #mediamanager__page #media__content .even a.mediafile, 2170#media__manager #media__content .odd a.mediafile, 2171#media__manager #media__content .even a.mediafile { 2172 grid-column: 2 / span 1; 2173 grid-row: 1 / span 1; 2174 margin: 0; 2175 word-break: break-word; 2176} 2177.mikio #mediamanager__page #media__content .odd span.info, 2178.mikio #mediamanager__page #media__content .even span.info, 2179#media__manager #media__content .odd span.info, 2180#media__manager #media__content .even span.info { 2181 grid-column: 3 / span 1; 2182 grid-row: 1 / span 1; 2183 text-align: center; 2184} 2185.mikio #mediamanager__page #media__content .odd span.info br, 2186.mikio #mediamanager__page #media__content .even span.info br, 2187#media__manager #media__content .odd span.info br, 2188#media__manager #media__content .even span.info br { 2189 display: inline-block; 2190} 2191.mikio #mediamanager__page #media__content .odd a:nth-child(2), 2192.mikio #mediamanager__page #media__content .even a:nth-child(2), 2193#media__manager #media__content .odd a:nth-child(2), 2194#media__manager #media__content .even a:nth-child(2) { 2195 grid-column: 4 / span 1; 2196 grid-row: 1 / span 1; 2197 text-align: center; 2198} 2199.mikio #mediamanager__page #media__content .odd a:nth-child(3), 2200.mikio #mediamanager__page #media__content .even a:nth-child(3), 2201#media__manager #media__content .odd a:nth-child(3), 2202#media__manager #media__content .even a:nth-child(3) { 2203 grid-column: 5 / span 1; 2204 grid-row: 1 / span 1; 2205 text-align: center; 2206} 2207.mikio #mediamanager__page #media__content .odd a.btn_media_delete, 2208.mikio #mediamanager__page #media__content .even a.btn_media_delete, 2209#media__manager #media__content .odd a.btn_media_delete, 2210#media__manager #media__content .even a.btn_media_delete { 2211 grid-column: 6 / span 1; 2212 grid-row: 1 / span 1; 2213 text-align: center; 2214} 2215.mikio #mediamanager__page #media__content .odd div.example, 2216.mikio #mediamanager__page #media__content .odd div.clearer, 2217.mikio #mediamanager__page #media__content .odd br, 2218.mikio #mediamanager__page #media__content .even div.example, 2219.mikio #mediamanager__page #media__content .even div.clearer, 2220.mikio #mediamanager__page #media__content .even br, 2221#media__manager #media__content .odd div.example, 2222#media__manager #media__content .odd div.clearer, 2223#media__manager #media__content .odd br, 2224#media__manager #media__content .even div.example, 2225#media__manager #media__content .even div.clearer, 2226#media__manager #media__content .even br { 2227 display: none; 2228} 2229.mikio #mediamanager__page #media__content .odd div.detail, 2230.mikio #mediamanager__page #media__content .even div.detail, 2231#media__manager #media__content .odd div.detail, 2232#media__manager #media__content .even div.detail { 2233 grid-column: 1 / span 1; 2234 grid-row: 1 / span 1; 2235 padding: 0; 2236} 2237.mikio #mediamanager__page #media__content .odd div.detail div.thumb, 2238.mikio #mediamanager__page #media__content .even div.detail div.thumb, 2239#media__manager #media__content .odd div.detail div.thumb, 2240#media__manager #media__content .even div.detail div.thumb { 2241 float: none; 2242 margin: 0; 2243} 2244.mikio #mediamanager__page #media__content .odd div.detail div.thumb img, 2245.mikio #mediamanager__page #media__content .even div.detail div.thumb img, 2246#media__manager #media__content .odd div.detail div.thumb img, 2247#media__manager #media__content .even div.detail div.thumb img { 2248 max-width: 48px; 2249 max-height: 48px; 2250} 2251.mikio #mediamanager__page #media__content .odd, 2252#media__manager #media__content .odd { 2253 background-color: #fff; 2254} 2255.mikio #mediamanager__page #media__content .even, 2256#media__manager #media__content .even { 2257 background-color: #f2f2f2; 2258} 2259.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form { 2260 display: grid; 2261 margin: 0 auto; 2262 max-width: 800px; 2263 grid-template-columns: auto 10rem 10rem; 2264 grid-gap: 1rem; 2265} 2266.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] { 2267 grid-column: 1 / span 1; 2268 grid-row: 1 / span 1; 2269 width: 100%; 2270} 2271.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] { 2272 color: #fff; 2273 background-color: #007bff; 2274 border-color: #007bff; 2275 grid-column: 2 / span 1; 2276 grid-row: 1 / span 1; 2277} 2278.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover { 2279 color: #fff; 2280 background-color: #0069d9; 2281 border-color: #0062cc; 2282} 2283.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant { 2284 padding: .1rem .2rem; 2285 font-size: 80%; 2286 min-width: 3rem; 2287 grid-column: 3 / span 1; 2288 grid-row: 1 / span 1; 2289 flex: 0; 2290} 2291.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions { 2292 grid-column: 1 / span 3; 2293 grid-row: 2 / span 1; 2294} 2295.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current { 2296 padding: .2rem 1.2rem .2rem 0rem; 2297 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>'); 2298 background-size: 1.2rem; 2299 background-position: right; 2300 background-repeat: no-repeat; 2301} 2302.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after { 2303 content: ""; 2304} 2305.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul { 2306 position: absolute; 2307 right: 0; 2308 top: .5rem; 2309 padding: 1rem 1.5rem; 2310 border: 1px solid #e5e5e5; 2311 box-shadow: 0 4px 10px rgba(0,0,0,0.3); 2312 background-color: #fff; 2313 color: #999; 2314} 2315.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a { 2316 transition: all 0.15s ease-in-out; 2317 color: #1a1a1a; 2318 -webkit-text-decoration: none; 2319 text-decoration: none; 2320 font-style: normal; 2321 margin: 0 -1rem; 2322 padding: 0 1rem; 2323} 2324.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover { 2325 background-color: #e5e5e5; 2326} 2327.mikio.dokuwiki .mode_search .mikio-article h2 { 2328 margin-top: .5rem; 2329 padding-top: 1rem; 2330 border-top: 1px solid #dee2e6; 2331} 2332.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul { 2333 background-color: #fff; 2334 padding: .5rem 1rem; 2335} 2336.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li { 2337 float: none; 2338 display: inline-block; 2339 text-align: left; 2340 padding-left: 0; 2341} 2342.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before { 2343 font-size: 1.2rem; 2344 content: '\2022'; 2345 margin-right: 0.5em; 2346} 2347.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li { 2348 display: inline-block; 2349} 2350.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li { 2351 width: auto; 2352} 2353.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result { 2354 border-top: 1px solid #e5e5e5; 2355 padding: .75rem; 2356 background-color: #fff; 2357} 2358.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) { 2359 background-color: #f2f2f2; 2360} 2361.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet { 2362 font-size: 90%; 2363 margin-bottom: 0; 2364} 2365#index__tree { 2366 background-color: #fff; 2367 border: 1px solid #dee2e6; 2368 padding: 0 .5rem; 2369} 2370#index__tree a { 2371 color: #333; 2372 -webkit-text-decoration: none; 2373 text-decoration: none; 2374} 2375#index__tree .curid a { 2376 color: red; 2377} 2378.mikio.dokuwiki ul.tabs { 2379 padding: 0; 2380 margin-bottom: -1px; 2381} 2382.mikio.dokuwiki ul.tabs li strong { 2383 background-color: #fff; 2384 font-weight: normal; 2385 color: #495057; 2386 border-color: #dee2e6 #dee2e6 #fff; 2387 padding: .5rem 1rem; 2388 margin: 0; 2389 bottom: -1px; 2390} 2391.mikio.dokuwiki ul.tabs li a { 2392 padding: .5rem 1rem; 2393 border: 1px solid transparent; 2394 color: #007bff; 2395 -webkit-text-decoration: none; 2396 text-decoration: none; 2397 margin: 0; 2398 background-color: transparent; 2399} 2400.mikio.dokuwiki ul.tabs li a:hover { 2401 color: #0056b3; 2402 border-color: #dee2e6 #dee2e6 #dee2e6; 2403 background-color: transparent; 2404} 2405.mikio.dokuwiki ul.tabs:after { 2406 border-bottom: 0; 2407} 2408.mikio .mode_draft table { 2409 margin-bottom: 1rem; 2410} 2411#dokuwiki__detail { 2412 background-color: #f2f2f2; 2413 height: 100vh; 2414 padding: 0 2rem; 2415} 2416#dokuwiki__detail .content { 2417 display: flex; 2418} 2419#dokuwiki__detail .content .img_detail dl { 2420 display: grid; 2421 grid-template-columns: 4rem auto; 2422 align-items: center; 2423} 2424#dokuwiki__detail .content .img_detail dl dt { 2425 font-weight: bold; 2426} 2427.mikio .content_partial button, 2428.mikio .content_partial input, 2429.mikio .content_partial optgroup, 2430.mikio .content_partial select, 2431.mikio .content_partial textarea { 2432 margin: 0; 2433 font-family: inherit; 2434 font-size: inherit; 2435 font-weight: 400; 2436 border-width: 1px; 2437 border-style: solid; 2438 border-color: transparent; 2439 border-radius: .25rem; 2440 box-sizing: border-box; 2441 vertical-align: middle; 2442 padding: .375rem .75rem; 2443 color: #495057; 2444 background-color: #fff; 2445 border-color: #ced4da; 2446 line-height: inherit; 2447} 2448.mikio .content_partial button[type=color], 2449.mikio .content_partial input[type=color], 2450.mikio .content_partial optgroup[type=color], 2451.mikio .content_partial select[type=color], 2452.mikio .content_partial textarea[type=color] { 2453 padding: 0; 2454} 2455.mikio .content_partial button { 2456 display: inline-block; 2457 text-align: center; 2458 border-color: #6c757d; 2459 line-height: 1.5; 2460 -webkit-text-decoration: none; 2461 text-decoration: none; 2462 text-transform: capitalize; 2463 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2464} 2465.mikio .content_partial button:hover:not(:disabled) { 2466 -webkit-text-decoration: none; 2467 text-decoration: none; 2468 color: #fff; 2469 background-color: #6c757d; 2470 border-color: #6c757d; 2471} 2472.mikio .content_partial button:disabled { 2473 opacity: .65; 2474} 2475.mikio .content_partial button#edbtn__save, 2476.mikio .content_partial button[name="run[save]"] { 2477 color: #fff; 2478 background-color: #007bff; 2479 border-color: #007bff; 2480} 2481.mikio .content_partial button#edbtn__save:hover, 2482.mikio .content_partial button[name="run[save]"]:hover { 2483 color: #fff; 2484 background-color: #0069d9; 2485 border-color: #0062cc; 2486} 2487.mikio .content_partial input[type=text], 2488.mikio .content_partial input[type=search], 2489.mikio .content_partial input[type=password], 2490.mikio .content_partial input[type=email] { 2491 -webkit-appearance: none; 2492 -moz-appearance: none; 2493 -ms-appearance: none; 2494} 2495.mikio .content_partial textarea { 2496 margin-bottom: 1rem; 2497 width: 100%; 2498 word-wrap: break-word; 2499 overflow: auto; 2500 resize: vertical; 2501 white-space: pre-wrap; 2502} 2503.mikio .content_partial select { 2504 -webkit-user-select: none; 2505 -moz-user-select: none; 2506 -ms-user-select: none; 2507 height: 2.25rem; 2508} 2509.mikio .content_partial .toolbutton { 2510 border-radius: 0; 2511 border-right-width: 0; 2512 border-color: #ced4da; 2513} 2514.mikio .content_partial .toolbutton:first-of-type { 2515 border-radius: .25rem 0 0 .25rem; 2516} 2517.mikio .content_partial .toolbutton:last-of-type { 2518 border-radius: 0 .25rem .25rem 0; 2519 border-right-width: 1px; 2520} 2521.mikio div.dokuwiki div.comment_wrapper { 2522 padding: 1em; 2523} 2524.mikio div.dokuwiki div.comment_wrapper button, 2525.mikio div.dokuwiki div.comment_wrapper input, 2526.mikio div.dokuwiki div.comment_wrapper optgroup, 2527.mikio div.dokuwiki div.comment_wrapper select, 2528.mikio div.dokuwiki div.comment_wrapper textarea { 2529 margin: 0; 2530 font-family: inherit; 2531 font-size: inherit; 2532 font-weight: 400; 2533 border-width: 1px; 2534 border-style: solid; 2535 border-color: transparent; 2536 border-radius: .25rem; 2537 box-sizing: border-box; 2538 vertical-align: middle; 2539 padding: .375rem .75rem; 2540 color: #495057; 2541 background-color: #fff; 2542 border-color: #ced4da; 2543 line-height: inherit; 2544} 2545.mikio div.dokuwiki div.comment_wrapper button[type=color], 2546.mikio div.dokuwiki div.comment_wrapper input[type=color], 2547.mikio div.dokuwiki div.comment_wrapper optgroup[type=color], 2548.mikio div.dokuwiki div.comment_wrapper select[type=color], 2549.mikio div.dokuwiki div.comment_wrapper textarea[type=color] { 2550 padding: 0; 2551} 2552.mikio div.dokuwiki div.comment_wrapper button { 2553 display: inline-block; 2554 text-align: center; 2555 border-color: #6c757d; 2556 line-height: 1.5; 2557 -webkit-text-decoration: none; 2558 text-decoration: none; 2559 text-transform: capitalize; 2560 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2561} 2562.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled) { 2563 -webkit-text-decoration: none; 2564 text-decoration: none; 2565 color: #fff; 2566 background-color: #6c757d; 2567 border-color: #6c757d; 2568} 2569.mikio div.dokuwiki div.comment_wrapper button:disabled { 2570 opacity: .65; 2571} 2572.mikio div.dokuwiki div.comment_wrapper button#edbtn__save, 2573.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] { 2574 color: #fff; 2575 background-color: #007bff; 2576 border-color: #007bff; 2577} 2578.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover, 2579.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover { 2580 color: #fff; 2581 background-color: #0069d9; 2582 border-color: #0062cc; 2583} 2584.mikio div.dokuwiki div.comment_wrapper input[type=text], 2585.mikio div.dokuwiki div.comment_wrapper input[type=search], 2586.mikio div.dokuwiki div.comment_wrapper input[type=password], 2587.mikio div.dokuwiki div.comment_wrapper input[type=email] { 2588 -webkit-appearance: none; 2589 -moz-appearance: none; 2590 -ms-appearance: none; 2591} 2592.mikio div.dokuwiki div.comment_wrapper textarea { 2593 margin-bottom: 1rem; 2594 width: 100%; 2595 word-wrap: break-word; 2596 overflow: auto; 2597 resize: vertical; 2598 white-space: pre-wrap; 2599} 2600.mikio div.dokuwiki div.comment_wrapper select { 2601 -webkit-user-select: none; 2602 -moz-user-select: none; 2603 -ms-user-select: none; 2604 height: 2.25rem; 2605} 2606.mikio div.dokuwiki div.comment_wrapper .toolbutton { 2607 border-radius: 0; 2608 border-right-width: 0; 2609 border-color: #ced4da; 2610} 2611.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type { 2612 border-radius: .25rem 0 0 .25rem; 2613} 2614.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type { 2615 border-radius: 0 .25rem .25rem 0; 2616 border-right-width: 1px; 2617} 2618.mikio div.dokuwiki div.comment_wrapper input[type=submit] { 2619 margin: 0; 2620 font-family: inherit; 2621 font-size: inherit; 2622 font-weight: 400; 2623 border-width: 1px; 2624 border-style: solid; 2625 border-color: transparent; 2626 border-radius: .25rem; 2627 box-sizing: border-box; 2628 vertical-align: middle; 2629 padding: .375rem .75rem; 2630 color: #495057; 2631 background-color: #fff; 2632 display: inline-block; 2633 text-align: center; 2634 border-color: #6c757d; 2635 line-height: 1.5; 2636 -webkit-text-decoration: none; 2637 text-decoration: none; 2638 text-transform: capitalize; 2639 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2640} 2641.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] { 2642 padding: 0; 2643} 2644.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) { 2645 -webkit-text-decoration: none; 2646 text-decoration: none; 2647 color: #fff; 2648 background-color: #6c757d; 2649 border-color: #6c757d; 2650} 2651.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled { 2652 opacity: .65; 2653} 2654.mikio div.dokuwiki div.comment_wrapper h2 { 2655 margin: 0; 2656} 2657.mikio div.dokuwiki div.comment_wrapper .comment_form { 2658 margin-top: 0; 2659} 2660.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input { 2661 float: none; 2662} 2663.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label { 2664 float: none; 2665 display: inline-block; 2666} 2667.mikio div.dokuwiki div.comment_wrapper .comment_buttons { 2668 float: none; 2669 text-align: right; 2670 margin-top: 1em; 2671} 2672@media (max-width: 768px) { 2673 .mikio-small-only { 2674 display: inline-block; 2675 } 2676 .mikio-navbar .mikio-container { 2677 display: grid; 2678 grid-template-columns: auto 3rem; 2679 } 2680 .mikio-navbar .mikio-navbar-brand { 2681 grid-column: 1 / span 1; 2682 grid-row: 1 / span 1; 2683 margin-bottom: .5rem; 2684 } 2685 .mikio-navbar .mikio-navbar-toggle { 2686 display: block; 2687 margin-bottom: .5rem; 2688 grid-column: 2 / span 1; 2689 grid-row: 1 / span 1; 2690 } 2691 .mikio-navbar .mikio-navbar-toggle.closed + .mikio-navbar-collapse { 2692 display: none; 2693 } 2694 .mikio-navbar .mikio-navbar-collapse { 2695 grid-column: 1 / span 2; 2696 grid-row: 2 / span 1; 2697 flex-direction: column; 2698 margin: 0 -2rem; 2699 padding-top: .5rem; 2700 padding-right: 1rem; 2701 border-top: 1px solid rgba(0,0,0,0.1); 2702 } 2703 .mikio-navbar .mikio-nav-item { 2704 display: block; 2705 width: 100%; 2706 padding: .5rem 2rem; 2707 box-sizing: border-box; 2708 text-align: center; 2709 } 2710 .mikio-navbar .mikio-dropdown-item { 2711 justify-content: center; 2712 } 2713 .mikio-navbar .mikio-nav { 2714 width: 100%; 2715 } 2716 .mikio-navbar .mikio-nav-dropdown { 2717 width: 100%; 2718 text-align: center; 2719 margin: 0; 2720 box-sizing: border-box; 2721 } 2722 .mikio-navbar .mikio-nav-dropdown .mikio-dropdown { 2723 position: relative; 2724 border: 0; 2725 box-shadow: none; 2726 } 2727 .mikio-hero .mikio-container { 2728 flex-direction: column; 2729 } 2730 .mikio-hero .mikio-hero-image-resize { 2731 height: auto; 2732 } 2733 .mikio-hero .mikio-hero-image { 2734 background-image: none !important; 2735 } 2736 .mikio-page .mikio-container { 2737 display: grid; 2738 grid-template-columns: auto 2.5rem; 2739 } 2740 .mode_revisions .mikio-page, 2741 .mode_edit .mikio-page, 2742 .mode_login .mikio-page, 2743 .mode_denied .mikio-page, 2744 .mode_draft .mikio-page, 2745 .mode_preview .mikio-page, 2746 .mode_showtag .mikio-page, 2747 .mode_admin .mikio-page { 2748 grid-template-columns: auto; 2749 } 2750 .mikio #config__manager td .input, 2751 .mikio #config__manager td input.edit, 2752 .mikio #config__manager tr select { 2753 width: auto; 2754 } 2755 .mikio-content { 2756 grid-column: 1 / span 1; 2757 grid-row: 2 / span 1; 2758 padding-bottom: 1rem; 2759 width: auto; 2760 } 2761 .mikio .mikio-content .mikio-article.toc-full { 2762 display: block; 2763 } 2764 .mikio .mikio-content .mikio-article .mikio-toc { 2765 float: none; 2766 } 2767 .mikio .mikio-content .mikio-article .mikio-toc #dw__toc { 2768 max-width: none; 2769 } 2770 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle { 2771 background-position: 99% 50%; 2772 text-align: center; 2773 } 2774 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed { 2775 font-size: 80%; 2776 width: auto; 2777 } 2778 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before { 2779 display: none; 2780 } 2781 .mikio-sidebar { 2782 grid-column: 1 / span 2; 2783 width: auto; 2784 } 2785 .mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse { 2786 display: none; 2787 } 2788 .mikio-sidebar.mikio-sidebar-left { 2789 grid-row: 1 / span 1; 2790 border-right: 0; 2791 border-bottom: 1px solid rgba(0,0,0,0.1); 2792 } 2793 .mikio-sidebar.mikio-sidebar-right { 2794 grid-row: 3 / span 1; 2795 border-left: 0; 2796 border-top: 1px solid rgba(0,0,0,0.2); 2797 } 2798 .mikio-sidebar .mikio-sidebar-toggle { 2799 display: block; 2800 } 2801 #dw__pagetools { 2802 grid-column: 2 / span 1; 2803 grid-row: 2 / span 1; 2804 } 2805 .mikio.dokuwiki div.ui-admin #admin__version { 2806 padding-right: 1rem; 2807 } 2808 .mikio-page-fill .mikio-sidebar { 2809 display: none; 2810 } 2811} 2812@media print { 2813 .mikio .mikio-navbar-collapse, 2814 .mikio .mikio-toc, 2815 .mikio .mikio-sidebar, 2816 .mikio #dw__pagetools, 2817 .mikio .mikio-search { 2818 display: none !important; 2819 } 2820 .mikio .mikio-navbar { 2821 box-shadow: none !important; 2822 } 2823 .mikio .mikio-hero .mikio-hero-text { 2824 min-height: auto; 2825 padding-bottom: 0; 2826 } 2827 .mikio .mikio-breadcrumbs, 2828 .mikio .mikio-hero, 2829 .mikio .mikio-footer { 2830 background-color: #fff !important; 2831 } 2832}