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 div.ui-admin ul.admin_tasks, 1302.mikio .mode_admin div.ui-admin ul.admin_plugins { 1303 float: none; 1304 display: grid; 1305 grid-template-columns: repeat(auto-fit,15rem); 1306 width: auto; 1307 padding: 0; 1308 margin: 0; 1309 justify-content: center; 1310} 1311.mikio .mode_admin div.ui-admin ul.admin_tasks li, 1312.mikio .mode_admin div.ui-admin ul.admin_plugins li { 1313 border: 1px solid #6c757d; 1314 border-radius: .25rem; 1315 margin: 1rem 1rem; 1316 background-color: #fff; 1317} 1318.mikio .mode_admin div.ui-admin ul.admin_tasks li a, 1319.mikio .mode_admin div.ui-admin ul.admin_plugins li a { 1320 display: flex; 1321 flex-direction: column; 1322 align-items: center; 1323 justify-content: center; 1324 text-align: center; 1325 height: 4rem; 1326 font-size: 1rem; 1327 font-weight: normal; 1328 padding: 1rem 2rem; 1329 color: #333; 1330 -webkit-text-decoration: none; 1331 text-decoration: none; 1332 overflow: hidden; 1333 transition: all .15s ease-in-out; 1334} 1335.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon, 1336.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon { 1337 width: auto; 1338 height: auto; 1339 min-height: auto; 1340} 1341.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover, 1342.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover { 1343 -webkit-text-decoration: none; 1344 text-decoration: none; 1345 color: #fff; 1346 background-color: #6c757d; 1347 border-color: #6c757d; 1348} 1349.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg, 1350.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg { 1351 fill: #fff; 1352} 1353.mikio .mode_admin .mikio-config-table-header { 1354 background-color: #ddd; 1355 font-weight: bold; 1356} 1357.mikio .mode_admin .mikio-config-table-header .mikio-iicon { 1358 vertical-align: text-bottom; 1359} 1360.mikio .mode_admin #extension__list ul.extensionList li { 1361 border-width: 0 0 1px 0; 1362 border-style: solid; 1363 border-color: #e5e5e5; 1364 padding: .75rem; 1365 margin: 0; 1366 text-align: left; 1367} 1368.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) { 1369 background-color: #fff; 1370} 1371.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) { 1372 background-color: #f2f2f2; 1373} 1374.mikio .mode_admin button#usrmgr__del { 1375 color: #dc3545; 1376 border-color: #dc3545; 1377 margin-right: .5rem; 1378} 1379.mikio .mode_admin button#usrmgr__del:hover { 1380 color: #fff; 1381 background-color: #dc3545; 1382 border-color: #dc3545; 1383} 1384.mikio .mode_admin #acl__tree { 1385 background-color: #fff; 1386} 1387.mikio .mode_admin #acl_manager table tr:nth-child(odd) { 1388 background-color: #fff; 1389} 1390.mikio .mode_admin #acl_manager table tr:nth-child(even) { 1391 background-color: #f2f2f2; 1392} 1393.mode_admin .mikio-content, 1394.mode_admin .mikio-page-fill, 1395.mode_login .mikio-content, 1396.mode_login .mikio-page-fill, 1397.mode_denied .mikio-content, 1398.mode_denied .mikio-page-fill, 1399.mode_revisions .mikio-content, 1400.mode_revisions .mikio-page-fill, 1401.mode_recent .mikio-content, 1402.mode_recent .mikio-page-fill, 1403.mode_backlink .mikio-content, 1404.mode_backlink .mikio-page-fill, 1405.mode_media .mikio-content, 1406.mode_media .mikio-page-fill, 1407.mode_index .mikio-content, 1408.mode_index .mikio-page-fill, 1409.mode_search .mikio-content, 1410.mode_search .mikio-page-fill, 1411.mode_edit .mikio-content, 1412.mode_edit .mikio-page-fill, 1413.mode_draft .mikio-content, 1414.mode_draft .mikio-page-fill, 1415.mode_preview .mikio-content, 1416.mode_preview .mikio-page-fill, 1417.mode_showtag .mikio-content, 1418.mode_showtag .mikio-page-fill { 1419 background-color: #f2f2f2; 1420} 1421.mikio #plugin__styling button.primary { 1422 font-weight: inherit; 1423} 1424.mikio.dokuwiki .secedit button { 1425 padding: .1rem .2rem; 1426 font-size: 80%; 1427 min-width: 3rem; 1428} 1429.mikio img { 1430 max-width: 100%; 1431} 1432.mikio img.media { 1433 margin: .2rem 0; 1434} 1435.mikio img.medialeft { 1436 margin: .2rem 1em .2rem 0; 1437} 1438.mikio img.mediaright { 1439 margin: .2rem 0 .2rem 1rem; 1440} 1441.mikio img.mediacenter { 1442 margin: .2rem auto; 1443} 1444.mikio div.dokuwiki div.inclmeta { 1445 margin-top: .5rem; 1446 padding-top: .5rem; 1447} 1448.mikio #dw__login label[for=remember__me] { 1449 margin-left: 0; 1450} 1451.mikio #config__manager fieldset { 1452 background-color: transparent; 1453 margin: 0; 1454 padding: 0; 1455} 1456.mikio #config__manager fieldset legend { 1457 text-align: left; 1458} 1459.mikio #config__manager tr .input, 1460.mikio #config__manager tr input { 1461 color: inherit; 1462 background-color: transparent; 1463} 1464.mikio #config__manager tr textarea, 1465.mikio #config__manager tr select { 1466 color: inherit; 1467 background-color: #fff; 1468} 1469.mikio #config__manager tr select { 1470 width: 100%; 1471} 1472.mikio #config__manager td.label { 1473 display: grid; 1474 grid-template-columns: auto 2rem; 1475} 1476.mikio #config__manager td.label span.outkey { 1477 float: none; 1478 font-size: 100%; 1479 background-color: transparent; 1480 margin: 0; 1481 grid-column: 1 / span 1; 1482 grid-row: 1 / span 1; 1483} 1484.mikio #config__manager td.label label { 1485 grid-column: 1 / span 1; 1486 grid-row: 2 / span 1; 1487} 1488.mikio #config__manager td.label img { 1489 float: none; 1490 grid-column: 2 / span 1; 1491 grid-row: 1 / span 2; 1492 align-self: center; 1493} 1494.mikio #config__manager td input.edit { 1495 width: 100%; 1496} 1497.mikio #config__manager button[type=submit] { 1498 color: #fff; 1499 background-color: #007bff; 1500 border-color: #007bff; 1501} 1502.mikio #config__manager button[type=submit]:hover { 1503 color: #fff; 1504 background-color: #0069d9; 1505 border-color: #0062cc; 1506} 1507.mode_revisions .mikio-article li { 1508 padding: .5rem 1rem; 1509 border-top: 1px solid #e5e5e5; 1510} 1511.mode_revisions .mikio-article li:nth-child(odd) { 1512 background-color: #fff; 1513} 1514.mode_revisions .mikio-article .li { 1515 display: grid; 1516 grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem; 1517 align-items: center; 1518 text-align: center; 1519 font-size: 90%; 1520} 1521.mode_revisions .mikio-article .li a.wikilink1 { 1522 text-align: left; 1523} 1524.mode_revisions .mikio-article .li span.sizechange { 1525 width: 100%; 1526} 1527.mode_revisions .mikio-article .sum { 1528 display: block; 1529} 1530.mode_recent .mikio-article li { 1531 padding: .5rem 1rem; 1532 border-top: 1px solid #e5e5e5; 1533} 1534.mode_recent .mikio-article li:nth-child(odd) { 1535 background-color: #fff; 1536} 1537.mode_recent .mikio-article .li { 1538 display: grid; 1539 grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem; 1540 align-items: center; 1541 text-align: center; 1542 font-size: 90%; 1543} 1544.mode_recent .mikio-article .li a.wikilink1, 1545.mode_recent .mikio-article .li span.curid { 1546 text-align: left; 1547} 1548.mode_recent .mikio-article .li span.sizechange { 1549 width: 100%; 1550} 1551.mode_recent .mikio-article select { 1552 margin: 0; 1553 font-family: inherit; 1554 font-size: inherit; 1555 font-weight: 400; 1556 border-width: 1px; 1557 border-style: solid; 1558 border-color: transparent; 1559 border-radius: .25rem; 1560 background-color: #fff; 1561 box-sizing: border-box; 1562 vertical-align: middle; 1563 padding: .375rem .75rem; 1564 color: #495057; 1565 -webkit-user-select: none; 1566 -moz-user-select: none; 1567 -ms-user-select: none; 1568 height: 2.25rem; 1569} 1570.mikio #mediamanager__page button, 1571.mikio #mediamanager__page .qq-upload-button, 1572.mikio #mediamanager__page .qq-upload-list a, 1573#media__manager button, 1574#media__manager .qq-upload-button, 1575#media__manager .qq-upload-list a { 1576 margin: 0; 1577 font-family: inherit; 1578 font-size: inherit; 1579 font-weight: 400; 1580 border-width: 1px; 1581 border-style: solid; 1582 border-color: transparent; 1583 border-radius: .25rem; 1584 background-color: #fff; 1585 box-sizing: border-box; 1586 vertical-align: middle; 1587 padding: .375rem .75rem; 1588 color: #495057; 1589 display: inline-block; 1590 text-align: center; 1591 border-color: #6c757d; 1592 line-height: 1.5; 1593 -webkit-text-decoration: none; 1594 text-decoration: none; 1595 text-transform: capitalize; 1596 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1597} 1598.mikio #mediamanager__page button:hover:not(:disabled), 1599.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled), 1600.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled), 1601#media__manager button:hover:not(:disabled), 1602#media__manager .qq-upload-button:hover:not(:disabled), 1603#media__manager .qq-upload-list a:hover:not(:disabled) { 1604 -webkit-text-decoration: none; 1605 text-decoration: none; 1606 color: #fff; 1607 background-color: #6c757d; 1608 border-color: #6c757d; 1609} 1610.mikio #mediamanager__page button:disabled, 1611.mikio #mediamanager__page .qq-upload-button:disabled, 1612.mikio #mediamanager__page .qq-upload-list a:disabled, 1613#media__manager button:disabled, 1614#media__manager .qq-upload-button:disabled, 1615#media__manager .qq-upload-list a:disabled { 1616 opacity: .65; 1617} 1618.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel, 1619#media__manager .qq-upload-list a.qq-upload-cancel { 1620 color: #dc3545; 1621 border-color: #dc3545; 1622} 1623.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover, 1624#media__manager .qq-upload-list a.qq-upload-cancel:hover { 1625 color: #fff; 1626 background-color: #dc3545; 1627 border-color: #dc3545; 1628} 1629.mikio #mediamanager__page button.qq-upload-action, 1630#media__manager button.qq-upload-action { 1631 color: #fff; 1632 background-color: #007bff; 1633 border-color: #007bff; 1634} 1635.mikio #mediamanager__page button.qq-upload-action:hover, 1636#media__manager button.qq-upload-action:hover { 1637 color: #fff; 1638 background-color: #0069d9; 1639 border-color: #0062cc; 1640} 1641.mikio #mediamanager__page input[type=text], 1642.mikio #mediamanager__page input[type=search], 1643.mikio #mediamanager__page textarea, 1644#media__manager input[type=text], 1645#media__manager input[type=search], 1646#media__manager textarea { 1647 margin: 0; 1648 font-family: inherit; 1649 font-size: inherit; 1650 font-weight: 400; 1651 border-width: 1px; 1652 border-style: solid; 1653 border-color: transparent; 1654 border-radius: .25rem; 1655 background-color: #fff; 1656 box-sizing: border-box; 1657 vertical-align: middle; 1658 padding: .375rem .75rem; 1659 color: #495057; 1660 border-color: #ced4da; 1661 line-height: inherit; 1662} 1663.mikio #mediamanager__page .ui-resizable-e, 1664#media__manager .ui-resizable-e { 1665 background: transparent; 1666} 1667.mikio #mediamanager__page .ui-resizable-e:hover, 1668#media__manager .ui-resizable-e:hover { 1669 background-color: #999; 1670} 1671.mikio #mediamanager__page .namespaces h2, 1672.mikio #mediamanager__page #media__tree h2, 1673#media__manager .namespaces h2, 1674#media__manager #media__tree h2 { 1675 background-color: #fff; 1676 font-weight: normal; 1677 color: #495057; 1678 border-color: #dee2e6 #dee2e6 #fff; 1679 padding: .5rem 1rem; 1680 margin: 0; 1681 bottom: -1px; 1682} 1683.mikio #mediamanager__page .namespaces .panelHeader, 1684.mikio #mediamanager__page #media__tree .panelHeader, 1685#media__manager .namespaces .panelHeader, 1686#media__manager #media__tree .panelHeader { 1687 margin-bottom: 0; 1688 background-color: #fff; 1689 border-width: 1px 1px 1px 1px; 1690 border-style: solid; 1691 border-color: #dee2e6; 1692 word-wrap: break-word; 1693 word-break: break-word; 1694} 1695.mikio #mediamanager__page .namespaces ul, 1696.mikio #mediamanager__page .namespaces ul.idx, 1697.mikio #mediamanager__page #media__tree ul, 1698.mikio #mediamanager__page #media__tree ul.idx, 1699#media__manager .namespaces ul, 1700#media__manager .namespaces ul.idx, 1701#media__manager #media__tree ul, 1702#media__manager #media__tree ul.idx { 1703 margin-top: 0; 1704} 1705.mikio #mediamanager__page .namespaces ul ul, 1706.mikio #mediamanager__page .namespaces ul.idx ul, 1707.mikio #mediamanager__page #media__tree ul ul, 1708.mikio #mediamanager__page #media__tree ul.idx ul, 1709#media__manager .namespaces ul ul, 1710#media__manager .namespaces ul.idx ul, 1711#media__manager #media__tree ul ul, 1712#media__manager #media__tree ul.idx ul { 1713 margin-left: 1rem; 1714} 1715.mikio #mediamanager__page .namespaces ul li, 1716.mikio #mediamanager__page .namespaces ul.idx li, 1717.mikio #mediamanager__page #media__tree ul li, 1718.mikio #mediamanager__page #media__tree ul.idx li, 1719#media__manager .namespaces ul li, 1720#media__manager .namespaces ul.idx li, 1721#media__manager #media__tree ul li, 1722#media__manager #media__tree ul.idx li { 1723 margin: .25rem 0; 1724 white-space: nowrap; 1725} 1726.mikio #mediamanager__page .namespaces ul a, 1727.mikio #mediamanager__page .namespaces ul.idx a, 1728.mikio #mediamanager__page #media__tree ul a, 1729.mikio #mediamanager__page #media__tree ul.idx a, 1730#media__manager .namespaces ul a, 1731#media__manager .namespaces ul.idx a, 1732#media__manager #media__tree ul a, 1733#media__manager #media__tree ul.idx a { 1734 -webkit-text-decoration: none; 1735 text-decoration: none; 1736 color: #333; 1737} 1738.mikio #mediamanager__page .filelist .panelHeader, 1739.mikio #mediamanager__page .qq-uploader .panelHeader, 1740#media__manager .filelist .panelHeader, 1741#media__manager .qq-uploader .panelHeader { 1742 margin-bottom: 0; 1743 background-color: #fff; 1744 border-width: 1px 1px 1px 1px; 1745 border-style: solid; 1746 border-color: #dee2e6; 1747 word-wrap: break-word; 1748 word-break: break-word; 1749} 1750.mikio #mediamanager__page .filelist form.options, 1751.mikio #mediamanager__page .qq-uploader form.options, 1752#media__manager .filelist form.options, 1753#media__manager .qq-uploader form.options { 1754 margin-top: 0; 1755} 1756.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label, 1757.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label, 1758#media__manager .filelist form.options .ui-controlgroup-horizontal label, 1759#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label { 1760 margin-right: 0; 1761} 1762.mikio #mediamanager__page .filelist .panelContent, 1763.mikio #mediamanager__page .qq-uploader .panelContent, 1764#media__manager .filelist .panelContent, 1765#media__manager .qq-uploader .panelContent { 1766 padding-top: 1rem; 1767 text-align: center; 1768} 1769.mikio #mediamanager__page .filelist ul.thumbs, 1770.mikio #mediamanager__page .qq-uploader ul.thumbs, 1771#media__manager .filelist ul.thumbs, 1772#media__manager .qq-uploader ul.thumbs { 1773 margin: 0; 1774} 1775.mikio #mediamanager__page .filelist ul.thumbs li, 1776.mikio #mediamanager__page .qq-uploader ul.thumbs li, 1777#media__manager .filelist ul.thumbs li, 1778#media__manager .qq-uploader ul.thumbs li { 1779 width: 200px; 1780 background-color: #fff; 1781} 1782.mikio #mediamanager__page .filelist ul.thumbs li dt a, 1783.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a, 1784#media__manager .filelist ul.thumbs li dt a, 1785#media__manager .qq-uploader ul.thumbs li dt a { 1786 display: inline; 1787} 1788.mikio #mediamanager__page .filelist ul.thumbs li dd, 1789.mikio #mediamanager__page .qq-uploader ul.thumbs li dd, 1790#media__manager .filelist ul.thumbs li dd, 1791#media__manager .qq-uploader ul.thumbs li dd { 1792 width: auto; 1793 font-size: 90%; 1794 color: #666; 1795 margin-bottom: .25rem; 1796} 1797.mikio #mediamanager__page .filelist ul.thumbs li .name, 1798.mikio #mediamanager__page .qq-uploader ul.thumbs li .name, 1799#media__manager .filelist ul.thumbs li .name, 1800#media__manager .qq-uploader ul.thumbs li .name { 1801 font-weight: normal; 1802} 1803.mikio #mediamanager__page .filelist ul.thumbs li .name a, 1804.mikio #mediamanager__page .qq-uploader ul.thumbs li .name a, 1805#media__manager .filelist ul.thumbs li .name a, 1806#media__manager .qq-uploader ul.thumbs li .name a { 1807 color: #000; 1808} 1809.mikio #mediamanager__page .filelist ul.tabs, 1810.mikio #mediamanager__page .qq-uploader ul.tabs, 1811#media__manager .filelist ul.tabs, 1812#media__manager .qq-uploader ul.tabs { 1813 padding: 0; 1814 margin-bottom: -1px; 1815} 1816.mikio #mediamanager__page .filelist ul.tabs li strong, 1817.mikio #mediamanager__page .qq-uploader ul.tabs li strong, 1818#media__manager .filelist ul.tabs li strong, 1819#media__manager .qq-uploader ul.tabs li strong { 1820 background-color: #fff; 1821 font-weight: normal; 1822 color: #495057; 1823 border-color: #dee2e6 #dee2e6 #fff; 1824 padding: .5rem 1rem; 1825 margin: 0; 1826 bottom: -1px; 1827} 1828.mikio #mediamanager__page .filelist ul.tabs li a, 1829.mikio #mediamanager__page .qq-uploader ul.tabs li a, 1830#media__manager .filelist ul.tabs li a, 1831#media__manager .qq-uploader ul.tabs li a { 1832 padding: .5rem 1rem; 1833 border: 1px solid transparent; 1834 color: #007bff; 1835 -webkit-text-decoration: none; 1836 text-decoration: none; 1837 margin: 0; 1838 background-color: transparent; 1839} 1840.mikio #mediamanager__page .filelist ul.tabs li a:hover, 1841.mikio #mediamanager__page .qq-uploader ul.tabs li a:hover, 1842#media__manager .filelist ul.tabs li a:hover, 1843#media__manager .qq-uploader ul.tabs li a:hover { 1844 color: #0056b3; 1845 border-color: #dee2e6 #dee2e6 #dee2e6; 1846 background-color: transparent; 1847} 1848.mikio #mediamanager__page .filelist ul.tabs:after, 1849.mikio #mediamanager__page .qq-uploader ul.tabs:after, 1850#media__manager .filelist ul.tabs:after, 1851#media__manager .qq-uploader ul.tabs:after { 1852 border-bottom: 0; 1853} 1854.mikio #mediamanager__page .filelist .rows li, 1855.mikio #mediamanager__page .qq-uploader .rows li, 1856#media__manager .filelist .rows li, 1857#media__manager .qq-uploader .rows li { 1858 background-color: #fff; 1859 max-height: none; 1860 font-size: 90%; 1861} 1862.mikio #mediamanager__page .filelist .rows li:nth-child(2n+1), 1863.mikio #mediamanager__page .qq-uploader .rows li:nth-child(2n+1), 1864#media__manager .filelist .rows li:nth-child(2n+1), 1865#media__manager .qq-uploader .rows li:nth-child(2n+1) { 1866 background-color: #f2f2f2; 1867} 1868.mikio #mediamanager__page .filelist .rows li a, 1869.mikio #mediamanager__page .qq-uploader .rows li a, 1870#media__manager .filelist .rows li a, 1871#media__manager .qq-uploader .rows li a { 1872 font-weight: normal; 1873 color: #333; 1874} 1875.mikio #mediamanager__page .filelist .rows li dt a, 1876.mikio #mediamanager__page .qq-uploader .rows li dt a, 1877#media__manager .filelist .rows li dt a, 1878#media__manager .qq-uploader .rows li dt a { 1879 height: auto; 1880} 1881.mikio #mediamanager__page .filelist .rows li dd.name, 1882.mikio #mediamanager__page .qq-uploader .rows li dd.name, 1883#media__manager .filelist .rows li dd.name, 1884#media__manager .qq-uploader .rows li dd.name { 1885 text-align: left; 1886} 1887.mikio #mediamanager__page .filelist .qq-upload-list, 1888.mikio #mediamanager__page .qq-uploader .qq-upload-list, 1889#media__manager .filelist .qq-upload-list, 1890#media__manager .qq-uploader .qq-upload-list { 1891 margin-top: 1rem; 1892} 1893.mikio #mediamanager__page .filelist .qq-upload-list li:hover, 1894.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover, 1895#media__manager .filelist .qq-upload-list li:hover, 1896#media__manager .qq-uploader .qq-upload-list li:hover { 1897 background-color: transparent; 1898} 1899.mikio #mediamanager__page .filelist .qq-action-container, 1900.mikio #mediamanager__page .qq-uploader .qq-action-container, 1901#media__manager .filelist .qq-action-container, 1902#media__manager .qq-uploader .qq-action-container { 1903 margin-top: 1rem; 1904 padding-top: 1rem; 1905 border-top: 1px solid #dee2e6; 1906} 1907.mikio #mediamanager__page .file .panelHeader, 1908#media__manager .file .panelHeader { 1909 margin-bottom: 0; 1910 background-color: #fff; 1911 border-width: 1px 1px 1px 1px; 1912 border-style: solid; 1913 border-color: #dee2e6; 1914 word-wrap: break-word; 1915 word-break: break-word; 1916} 1917.mikio #mediamanager__page .file .panelHeader a, 1918#media__manager .file .panelHeader a { 1919 font-weight: normal; 1920 color: #333; 1921} 1922.mikio #mediamanager__page .file ul.tabs, 1923#media__manager .file ul.tabs { 1924 padding: 0; 1925 margin-bottom: -1px; 1926} 1927.mikio #mediamanager__page .file ul.tabs li strong, 1928#media__manager .file ul.tabs li strong { 1929 background-color: #fff; 1930 font-weight: normal; 1931 color: #495057; 1932 border-color: #dee2e6 #dee2e6 #fff; 1933 padding: .5rem 1rem; 1934 margin: 0; 1935 bottom: -1px; 1936} 1937.mikio #mediamanager__page .file ul.tabs li a, 1938#media__manager .file ul.tabs li a { 1939 padding: .5rem 1rem; 1940 border: 1px solid transparent; 1941 color: #007bff; 1942 -webkit-text-decoration: none; 1943 text-decoration: none; 1944 margin: 0; 1945 background-color: transparent; 1946} 1947.mikio #mediamanager__page .file ul.tabs li a:hover, 1948#media__manager .file ul.tabs li a:hover { 1949 color: #0056b3; 1950 border-color: #dee2e6 #dee2e6 #dee2e6; 1951 background-color: transparent; 1952} 1953.mikio #mediamanager__page .file ul.tabs:after, 1954#media__manager .file ul.tabs:after { 1955 border-bottom: 0; 1956} 1957.mikio #mediamanager__page .file #mediamanager__btn_delete button, 1958#media__manager .file #mediamanager__btn_delete button { 1959 color: #dc3545; 1960 border-color: #dc3545; 1961} 1962.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover, 1963#media__manager .file #mediamanager__btn_delete button:hover { 1964 color: #fff; 1965 background-color: #dc3545; 1966 border-color: #dc3545; 1967} 1968.mikio #mediamanager__page .file dl, 1969#media__manager .file dl { 1970 font-size: 90%; 1971} 1972.mikio #mediamanager__page .file dl dt, 1973#media__manager .file dl dt { 1974 padding: .25rem .5rem; 1975 background-color: #f0f0f0; 1976} 1977.mikio #mediamanager__page .file dl dd, 1978#media__manager .file dl dd { 1979 padding: .25rem .5rem; 1980 background-color: #f8f8f8; 1981} 1982.mikio #mediamanager__page .file input[type=text], 1983.mikio #mediamanager__page .file form.meta textarea.edit, 1984#media__manager .file input[type=text], 1985#media__manager .file form.meta textarea.edit { 1986 width: 100%; 1987 min-width: 100%; 1988 max-width: 100%; 1989} 1990.mikio #mediamanager__page .file button[name="mediado[save]"], 1991#media__manager .file button[name="mediado[save]"] { 1992 color: #fff; 1993 background-color: #007bff; 1994 border-color: #007bff; 1995} 1996.mikio #mediamanager__page .file button[name="mediado[save]"]:hover, 1997#media__manager .file button[name="mediado[save]"]:hover { 1998 color: #fff; 1999 background-color: #0069d9; 2000 border-color: #0062cc; 2001} 2002.mikio #mediamanager__page .panelContent, 2003#media__manager .panelContent { 2004 background-color: #fff; 2005 margin: 0 10px 0 0; 2006 border-width: 0 1px 1px 1px; 2007 border-style: solid; 2008 border-color: #dee2e6; 2009 padding: .5rem; 2010} 2011.mikio #mediamanager__page #media__opts, 2012#media__manager #media__opts { 2013 border-bottom: 1px solid #dee2e6; 2014 padding-bottom: .75rem; 2015} 2016.mikio #mediamanager__page #media__content .odd, 2017.mikio #mediamanager__page #media__content .even, 2018#media__manager #media__content .odd, 2019#media__manager #media__content .even { 2020 border-top: 1px solid #e5e5e5; 2021 font-size: 90%; 2022 display: grid; 2023 grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem; 2024 align-items: center; 2025} 2026.mikio #mediamanager__page #media__content .odd a.mediafile, 2027.mikio #mediamanager__page #media__content .even a.mediafile, 2028#media__manager #media__content .odd a.mediafile, 2029#media__manager #media__content .even a.mediafile { 2030 grid-column: 2 / span 1; 2031 grid-row: 1 / span 1; 2032 margin: 0; 2033 word-break: break-word; 2034} 2035.mikio #mediamanager__page #media__content .odd span.info, 2036.mikio #mediamanager__page #media__content .even span.info, 2037#media__manager #media__content .odd span.info, 2038#media__manager #media__content .even span.info { 2039 grid-column: 3 / span 1; 2040 grid-row: 1 / span 1; 2041 text-align: center; 2042} 2043.mikio #mediamanager__page #media__content .odd span.info br, 2044.mikio #mediamanager__page #media__content .even span.info br, 2045#media__manager #media__content .odd span.info br, 2046#media__manager #media__content .even span.info br { 2047 display: inline-block; 2048} 2049.mikio #mediamanager__page #media__content .odd a:nth-child(2), 2050.mikio #mediamanager__page #media__content .even a:nth-child(2), 2051#media__manager #media__content .odd a:nth-child(2), 2052#media__manager #media__content .even a:nth-child(2) { 2053 grid-column: 4 / span 1; 2054 grid-row: 1 / span 1; 2055 text-align: center; 2056} 2057.mikio #mediamanager__page #media__content .odd a:nth-child(3), 2058.mikio #mediamanager__page #media__content .even a:nth-child(3), 2059#media__manager #media__content .odd a:nth-child(3), 2060#media__manager #media__content .even a:nth-child(3) { 2061 grid-column: 5 / span 1; 2062 grid-row: 1 / span 1; 2063 text-align: center; 2064} 2065.mikio #mediamanager__page #media__content .odd a.btn_media_delete, 2066.mikio #mediamanager__page #media__content .even a.btn_media_delete, 2067#media__manager #media__content .odd a.btn_media_delete, 2068#media__manager #media__content .even a.btn_media_delete { 2069 grid-column: 6 / span 1; 2070 grid-row: 1 / span 1; 2071 text-align: center; 2072} 2073.mikio #mediamanager__page #media__content .odd div.example, 2074.mikio #mediamanager__page #media__content .odd div.clearer, 2075.mikio #mediamanager__page #media__content .odd br, 2076.mikio #mediamanager__page #media__content .even div.example, 2077.mikio #mediamanager__page #media__content .even div.clearer, 2078.mikio #mediamanager__page #media__content .even br, 2079#media__manager #media__content .odd div.example, 2080#media__manager #media__content .odd div.clearer, 2081#media__manager #media__content .odd br, 2082#media__manager #media__content .even div.example, 2083#media__manager #media__content .even div.clearer, 2084#media__manager #media__content .even br { 2085 display: none; 2086} 2087.mikio #mediamanager__page #media__content .odd div.detail, 2088.mikio #mediamanager__page #media__content .even div.detail, 2089#media__manager #media__content .odd div.detail, 2090#media__manager #media__content .even div.detail { 2091 grid-column: 1 / span 1; 2092 grid-row: 1 / span 1; 2093 padding: 0; 2094} 2095.mikio #mediamanager__page #media__content .odd div.detail div.thumb, 2096.mikio #mediamanager__page #media__content .even div.detail div.thumb, 2097#media__manager #media__content .odd div.detail div.thumb, 2098#media__manager #media__content .even div.detail div.thumb { 2099 float: none; 2100 margin: 0; 2101} 2102.mikio #mediamanager__page #media__content .odd div.detail div.thumb img, 2103.mikio #mediamanager__page #media__content .even div.detail div.thumb img, 2104#media__manager #media__content .odd div.detail div.thumb img, 2105#media__manager #media__content .even div.detail div.thumb img { 2106 max-width: 48px; 2107 max-height: 48px; 2108} 2109.mikio #mediamanager__page #media__content .odd, 2110#media__manager #media__content .odd { 2111 background-color: #fff; 2112} 2113.mikio #mediamanager__page #media__content .even, 2114#media__manager #media__content .even { 2115 background-color: #f2f2f2; 2116} 2117.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form { 2118 display: grid; 2119 margin: 0 auto; 2120 max-width: 800px; 2121 grid-template-columns: auto 10rem 10rem; 2122 grid-gap: 1rem; 2123} 2124.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] { 2125 grid-column: 1 / span 1; 2126 grid-row: 1 / span 1; 2127 width: 100%; 2128} 2129.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] { 2130 color: #fff; 2131 background-color: #007bff; 2132 border-color: #007bff; 2133 grid-column: 2 / span 1; 2134 grid-row: 1 / span 1; 2135} 2136.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover { 2137 color: #fff; 2138 background-color: #0069d9; 2139 border-color: #0062cc; 2140} 2141.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant { 2142 padding: .1rem .2rem; 2143 font-size: 80%; 2144 min-width: 3rem; 2145 grid-column: 3 / span 1; 2146 grid-row: 1 / span 1; 2147 flex: 0; 2148} 2149.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions { 2150 grid-column: 1 / span 3; 2151 grid-row: 2 / span 1; 2152} 2153.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current { 2154 padding: .2rem 1.2rem .2rem 0rem; 2155 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>'); 2156 background-size: 1.2rem; 2157 background-position: right; 2158 background-repeat: no-repeat; 2159} 2160.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after { 2161 content: ""; 2162} 2163.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul { 2164 position: absolute; 2165 right: 0; 2166 top: .5rem; 2167 padding: 1rem 1.5rem; 2168 border: 1px solid #e5e5e5; 2169 box-shadow: 0 4px 10px rgba(0,0,0,0.3); 2170 background-color: #fff; 2171 color: #999; 2172} 2173.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a { 2174 transition: all 0.15s ease-in-out; 2175 color: #1a1a1a; 2176 -webkit-text-decoration: none; 2177 text-decoration: none; 2178 font-style: normal; 2179 margin: 0 -1rem; 2180 padding: 0 1rem; 2181} 2182.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover { 2183 background-color: #e5e5e5; 2184} 2185.mikio.dokuwiki .mode_search .mikio-article h2 { 2186 margin-top: .5rem; 2187 padding-top: 1rem; 2188 border-top: 1px solid #dee2e6; 2189} 2190.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul { 2191 background-color: #fff; 2192 padding: .5rem 1rem; 2193} 2194.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li { 2195 float: none; 2196 display: inline-block; 2197 text-align: left; 2198 padding-left: 0; 2199} 2200.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before { 2201 font-size: 1.2rem; 2202 content: '\2022'; 2203 margin-right: 0.5em; 2204} 2205.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li { 2206 display: inline-block; 2207} 2208.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li { 2209 width: auto; 2210} 2211.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result { 2212 border-top: 1px solid #e5e5e5; 2213 padding: .75rem; 2214 background-color: #fff; 2215} 2216.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) { 2217 background-color: #f2f2f2; 2218} 2219.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet { 2220 font-size: 90%; 2221 margin-bottom: 0; 2222} 2223#index__tree { 2224 background-color: #fff; 2225 border: 1px solid #dee2e6; 2226 padding: 0 .5rem; 2227} 2228#index__tree a { 2229 color: #333; 2230 -webkit-text-decoration: none; 2231 text-decoration: none; 2232} 2233#index__tree .curid a { 2234 color: red; 2235} 2236.mikio.dokuwiki ul.tabs { 2237 padding: 0; 2238 margin-bottom: -1px; 2239} 2240.mikio.dokuwiki ul.tabs li strong { 2241 background-color: #fff; 2242 font-weight: normal; 2243 color: #495057; 2244 border-color: #dee2e6 #dee2e6 #fff; 2245 padding: .5rem 1rem; 2246 margin: 0; 2247 bottom: -1px; 2248} 2249.mikio.dokuwiki ul.tabs li a { 2250 padding: .5rem 1rem; 2251 border: 1px solid transparent; 2252 color: #007bff; 2253 -webkit-text-decoration: none; 2254 text-decoration: none; 2255 margin: 0; 2256 background-color: transparent; 2257} 2258.mikio.dokuwiki ul.tabs li a:hover { 2259 color: #0056b3; 2260 border-color: #dee2e6 #dee2e6 #dee2e6; 2261 background-color: transparent; 2262} 2263.mikio.dokuwiki ul.tabs:after { 2264 border-bottom: 0; 2265} 2266.mikio .mode_draft table { 2267 margin-bottom: 1rem; 2268} 2269#dokuwiki__detail { 2270 background-color: #f2f2f2; 2271 height: 100vh; 2272 padding: 0 2rem; 2273} 2274#dokuwiki__detail .content { 2275 display: flex; 2276} 2277#dokuwiki__detail .content .img_detail dl { 2278 display: grid; 2279 grid-template-columns: 4rem auto; 2280 align-items: center; 2281} 2282#dokuwiki__detail .content .img_detail dl dt { 2283 font-weight: bold; 2284} 2285.mikio .content_partial button, 2286.mikio .content_partial input, 2287.mikio .content_partial optgroup, 2288.mikio .content_partial select, 2289.mikio .content_partial textarea { 2290 margin: 0; 2291 font-family: inherit; 2292 font-size: inherit; 2293 font-weight: 400; 2294 border-width: 1px; 2295 border-style: solid; 2296 border-color: transparent; 2297 border-radius: .25rem; 2298 background-color: #fff; 2299 box-sizing: border-box; 2300 vertical-align: middle; 2301 padding: .375rem .75rem; 2302 color: #495057; 2303 border-color: #ced4da; 2304 line-height: inherit; 2305} 2306.mikio .content_partial button { 2307 display: inline-block; 2308 text-align: center; 2309 border-color: #6c757d; 2310 line-height: 1.5; 2311 -webkit-text-decoration: none; 2312 text-decoration: none; 2313 text-transform: capitalize; 2314 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2315} 2316.mikio .content_partial button:hover:not(:disabled) { 2317 -webkit-text-decoration: none; 2318 text-decoration: none; 2319 color: #fff; 2320 background-color: #6c757d; 2321 border-color: #6c757d; 2322} 2323.mikio .content_partial button:disabled { 2324 opacity: .65; 2325} 2326.mikio .content_partial button#edbtn__save, 2327.mikio .content_partial button[name="run[save]"] { 2328 color: #fff; 2329 background-color: #007bff; 2330 border-color: #007bff; 2331} 2332.mikio .content_partial button#edbtn__save:hover, 2333.mikio .content_partial button[name="run[save]"]:hover { 2334 color: #fff; 2335 background-color: #0069d9; 2336 border-color: #0062cc; 2337} 2338.mikio .content_partial input[type=text], 2339.mikio .content_partial input[type=search], 2340.mikio .content_partial input[type=password], 2341.mikio .content_partial input[type=email] { 2342 -webkit-appearance: none; 2343 -moz-appearance: none; 2344 -ms-appearance: none; 2345} 2346.mikio .content_partial textarea { 2347 margin-bottom: 1rem; 2348 width: 100%; 2349 word-wrap: break-word; 2350 overflow: auto; 2351 resize: vertical; 2352 white-space: pre-wrap; 2353} 2354.mikio .content_partial select { 2355 -webkit-user-select: none; 2356 -moz-user-select: none; 2357 -ms-user-select: none; 2358 height: 2.25rem; 2359} 2360.mikio .content_partial .toolbutton { 2361 border-radius: 0; 2362 border-right-width: 0; 2363 border-color: #ced4da; 2364} 2365.mikio .content_partial .toolbutton:first-of-type { 2366 border-radius: .25rem 0 0 .25rem; 2367} 2368.mikio .content_partial .toolbutton:last-of-type { 2369 border-radius: 0 .25rem .25rem 0; 2370 border-right-width: 1px; 2371} 2372.mikio div.dokuwiki div.comment_wrapper { 2373 padding: 1em; 2374} 2375.mikio div.dokuwiki div.comment_wrapper button, 2376.mikio div.dokuwiki div.comment_wrapper input, 2377.mikio div.dokuwiki div.comment_wrapper optgroup, 2378.mikio div.dokuwiki div.comment_wrapper select, 2379.mikio div.dokuwiki div.comment_wrapper textarea { 2380 margin: 0; 2381 font-family: inherit; 2382 font-size: inherit; 2383 font-weight: 400; 2384 border-width: 1px; 2385 border-style: solid; 2386 border-color: transparent; 2387 border-radius: .25rem; 2388 background-color: #fff; 2389 box-sizing: border-box; 2390 vertical-align: middle; 2391 padding: .375rem .75rem; 2392 color: #495057; 2393 border-color: #ced4da; 2394 line-height: inherit; 2395} 2396.mikio div.dokuwiki div.comment_wrapper button { 2397 display: inline-block; 2398 text-align: center; 2399 border-color: #6c757d; 2400 line-height: 1.5; 2401 -webkit-text-decoration: none; 2402 text-decoration: none; 2403 text-transform: capitalize; 2404 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2405} 2406.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled) { 2407 -webkit-text-decoration: none; 2408 text-decoration: none; 2409 color: #fff; 2410 background-color: #6c757d; 2411 border-color: #6c757d; 2412} 2413.mikio div.dokuwiki div.comment_wrapper button:disabled { 2414 opacity: .65; 2415} 2416.mikio div.dokuwiki div.comment_wrapper button#edbtn__save, 2417.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] { 2418 color: #fff; 2419 background-color: #007bff; 2420 border-color: #007bff; 2421} 2422.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover, 2423.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover { 2424 color: #fff; 2425 background-color: #0069d9; 2426 border-color: #0062cc; 2427} 2428.mikio div.dokuwiki div.comment_wrapper input[type=text], 2429.mikio div.dokuwiki div.comment_wrapper input[type=search], 2430.mikio div.dokuwiki div.comment_wrapper input[type=password], 2431.mikio div.dokuwiki div.comment_wrapper input[type=email] { 2432 -webkit-appearance: none; 2433 -moz-appearance: none; 2434 -ms-appearance: none; 2435} 2436.mikio div.dokuwiki div.comment_wrapper textarea { 2437 margin-bottom: 1rem; 2438 width: 100%; 2439 word-wrap: break-word; 2440 overflow: auto; 2441 resize: vertical; 2442 white-space: pre-wrap; 2443} 2444.mikio div.dokuwiki div.comment_wrapper select { 2445 -webkit-user-select: none; 2446 -moz-user-select: none; 2447 -ms-user-select: none; 2448 height: 2.25rem; 2449} 2450.mikio div.dokuwiki div.comment_wrapper .toolbutton { 2451 border-radius: 0; 2452 border-right-width: 0; 2453 border-color: #ced4da; 2454} 2455.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type { 2456 border-radius: .25rem 0 0 .25rem; 2457} 2458.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type { 2459 border-radius: 0 .25rem .25rem 0; 2460 border-right-width: 1px; 2461} 2462.mikio div.dokuwiki div.comment_wrapper input[type=submit] { 2463 margin: 0; 2464 font-family: inherit; 2465 font-size: inherit; 2466 font-weight: 400; 2467 border-width: 1px; 2468 border-style: solid; 2469 border-color: transparent; 2470 border-radius: .25rem; 2471 background-color: #fff; 2472 box-sizing: border-box; 2473 vertical-align: middle; 2474 padding: .375rem .75rem; 2475 color: #495057; 2476 display: inline-block; 2477 text-align: center; 2478 border-color: #6c757d; 2479 line-height: 1.5; 2480 -webkit-text-decoration: none; 2481 text-decoration: none; 2482 text-transform: capitalize; 2483 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2484} 2485.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) { 2486 -webkit-text-decoration: none; 2487 text-decoration: none; 2488 color: #fff; 2489 background-color: #6c757d; 2490 border-color: #6c757d; 2491} 2492.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled { 2493 opacity: .65; 2494} 2495.mikio div.dokuwiki div.comment_wrapper h2 { 2496 margin: 0; 2497} 2498.mikio div.dokuwiki div.comment_wrapper .comment_form { 2499 margin-top: 0; 2500} 2501.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input { 2502 float: none; 2503} 2504.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label { 2505 float: none; 2506 display: inline-block; 2507} 2508.mikio div.dokuwiki div.comment_wrapper .comment_buttons { 2509 float: none; 2510 text-align: right; 2511 margin-top: 1em; 2512} 2513@media (max-width: 768px) { 2514 .mikio-small-only { 2515 display: inline-block; 2516 } 2517 .mikio-navbar { 2518 display: grid; 2519 grid-template-columns: auto 3rem; 2520 } 2521 .mikio-navbar .mikio-navbar-brand { 2522 grid-column: 1 / span 1; 2523 grid-row: 1 / span 1; 2524 margin-bottom: .5rem; 2525 } 2526 .mikio-navbar .mikio-navbar-toggle { 2527 display: block; 2528 margin-bottom: .5rem; 2529 grid-column: 2 / span 1; 2530 grid-row: 1 / span 1; 2531 } 2532 .mikio-navbar .mikio-navbar-toggle.closed + .mikio-navbar-collapse { 2533 display: none; 2534 } 2535 .mikio-navbar .mikio-navbar-collapse { 2536 grid-column: 1 / span 2; 2537 grid-row: 2 / span 1; 2538 flex-direction: column; 2539 margin: 0 -2rem; 2540 padding-top: .5rem; 2541 padding-right: 1rem; 2542 border-top: 1px solid rgba(0,0,0,0.1); 2543 } 2544 .mikio-navbar .mikio-nav-item { 2545 display: block; 2546 width: 100%; 2547 padding: .5rem 2rem; 2548 box-sizing: border-box; 2549 text-align: center; 2550 } 2551 .mikio-navbar .mikio-dropdown-item { 2552 justify-content: center; 2553 } 2554 .mikio-navbar .mikio-nav { 2555 width: 100%; 2556 } 2557 .mikio-navbar .mikio-nav-dropdown { 2558 width: 100%; 2559 text-align: center; 2560 margin: 0; 2561 box-sizing: border-box; 2562 } 2563 .mikio-navbar .mikio-nav-dropdown .mikio-dropdown { 2564 position: relative; 2565 border: 0; 2566 box-shadow: none; 2567 } 2568 .mikio-hero { 2569 flex-direction: column; 2570 } 2571 .mikio-hero .mikio-hero-image-resize { 2572 height: auto; 2573 } 2574 .mikio-hero .mikio-hero-image { 2575 background-image: none !important; 2576 } 2577 .mikio-page { 2578 display: grid; 2579 grid-template-columns: auto 2.5rem; 2580 } 2581 .mode_revisions .mikio-page, 2582 .mode_edit .mikio-page, 2583 .mode_login .mikio-page, 2584 .mode_denied .mikio-page, 2585 .mode_draft .mikio-page, 2586 .mode_preview .mikio-page, 2587 .mode_showtag .mikio-page, 2588 .mode_admin .mikio-page { 2589 grid-template-columns: auto; 2590 } 2591 .mikio-content { 2592 grid-column: 1 / span 1; 2593 grid-row: 2 / span 1; 2594 padding-bottom: 1rem; 2595 width: auto; 2596 } 2597 .mikio-sidebar { 2598 grid-column: 1 / span 2; 2599 width: auto; 2600 } 2601 .mikio-sidebar .mikio-sidebar-toggle.closed + .mikio-sidebar-collapse { 2602 display: none; 2603 } 2604 .mikio-sidebar.mikio-sidebar-left { 2605 grid-row: 1 / span 1; 2606 border-right: 0; 2607 border-bottom: 1px solid rgba(0,0,0,0.1); 2608 } 2609 .mikio-sidebar.mikio-sidebar-right { 2610 grid-row: 3 / span 1; 2611 border-left: 0; 2612 border-top: 1px solid rgba(0,0,0,0.2); 2613 } 2614 .mikio-sidebar .mikio-sidebar-toggle { 2615 display: block; 2616 } 2617 #dw__pagetools { 2618 grid-column: 2 / span 1; 2619 grid-row: 2 / span 1; 2620 } 2621 .mikio.dokuwiki div.ui-admin #admin__version { 2622 padding-right: 1rem; 2623 } 2624 .mikio-page-fill .mikio-sidebar { 2625 display: none; 2626 } 2627} 2628@media print { 2629 .mikio .mikio-navbar-collapse, 2630 .mikio .mikio-toc, 2631 .mikio .mikio-sidebar, 2632 .mikio #dw__pagetools, 2633 .mikio .mikio-search { 2634 display: none !important; 2635 } 2636 .mikio .mikio-navbar { 2637 box-shadow: none !important; 2638 } 2639 .mikio .mikio-hero .mikio-hero-text { 2640 min-height: auto; 2641 padding-bottom: 0; 2642 } 2643 .mikio .mikio-breadcrumbs, 2644 .mikio .mikio-hero, 2645 .mikio .mikio-footer { 2646 background-color: #fff !important; 2647 } 2648}