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