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