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:root[data-theme="theme-light"] { 10 --text: #333; 11 --link: #2b73b7; 12 --link-hover: #2b73b7; 13 --background: #fff; 14 --admin-background-color: #f2f2f2; 15 --code-text-color: #e83e8c; 16 --code-border-color: transparent; 17 --code-background-color: transparent; 18 --control-text-color: #495057; 19 --control-border-color: #6c757d; 20 --control-background-color: #fff; 21 --input-border-color: #ced4da; 22 --button-text-color: #6c757d; 23 --button-background-color: #fff; 24 --button-border-color: #ced4da; 25 --button-text-hover-color: #6c757d; 26 --button-background-hover-color: #ddd; 27 --button-border-hover-color: #ced4da; 28 --button-search-text-color: #fff; 29 --button-search-background-color: #666; 30 --button-search-border-color: #666; 31 --button-search-text-hover-color: #fff; 32 --button-search-background-hover-color: #666; 33 --button-search-border-hover-color: #666; 34 --button-default-text-color: #ffffff; 35 --button-default-background-color: #007bff; 36 --button-default-border-color: #007bff; 37 --button-default-text-hover-color: #ffffff; 38 --button-default-background-hover-color: #0069d9; 39 --button-default-border-hover-color: #0062cc; 40 --topheader-background-color: #fff; 41 --header-background-color: #fff; 42 --navbar-background-color: #fff; 43 --navbar-border-color: #e5e5e5; 44 --navbar-brand-text-color: #1a1a1a; 45 --navbar-brand-tagline-color: #6c757d; 46 --navbar-link-color: #1a1a1a; 47 --navbar-link-hover-color: #1a1a1a; 48 --subnavbar-text-color: #666; 49 --subnavbar-link-color: #666; 50 --subnavbar-link-hover-color: #000; 51 --subnavbar-background-color: #f8f8f8; 52 --subnavbar-border-color: #e5e5e5; 53 --tag-background-color: #999; 54 --tag-text-color: #fff; 55 --breadcrumb-background-color: #ccc; 56 --breadcrumb-text-color: #808080; 57 --breadcrumb-link-color: #666; 58 --breadcrumb-link-hover-color: #000; 59 --hero-title-color: #000; 60 --hero-subtitle-color: #666; 61 --hero-background-color: #ddf7fb; 62 --sidebar-text-color: #666; 63 --sidebar-link-color: #666; 64 --sidebar-link-hover-color: #333; 65 --sidebar-background-color: #f2f2f2; 66 --sidebar-border-color: #e5e5e5; 67 --content-background: #fff; 68 --toc-background-color: #f2f2f2; 69 --toc-border-color: #e5e5e5; 70 --toc-link-color: #666; 71 --toc-link-hover-color: #000; 72 --pagetools-color: #ccc; 73 --pagetools-hover-color: #666; 74 --footer-text-color: #737373; 75 --footer-link-color: #666; 76 --footer-link-hover-color: #333; 77 --footer-background-color: #ccc; 78 --table-header-row-background-color: #ddd; 79 --table-row-border-color: #e5e5e5; 80 --table-odd-row-background-color: #fff; 81 --table-even-row-background-color: #f2f2f2; 82 --dropdown-color: #1a1a1a; 83 --dropdown-hover-color: #e5e5e5; 84 --dropdown-border-color: #e5e5e5; 85 --dropdown-background-color: #fff; 86 --section-edit-highlight: rgba(255, 255, 0, 0.3); 87 --tree-background-color: #fff; 88 --tree-border-color: #e5e5e5; 89 --tab-color: #333; 90 --tab-background-color: transparent; 91 --tab-border-color: transparent; 92 --tab-hover-color: #333; 93 --tab-background-hover-color: #fff; 94 --tab-border-hover-color: #ddd; 95 --tab-active-color: #333; 96 --tab-active-background-color: #fff; 97 --tab-active-border-color: #ddd; 98 --display-theme-light: inline-block; 99 --display-theme-dark: none; 100} 101 102:root[data-theme="theme-dark"] { 103 --text: #fff; 104 --link: #00bc8c; 105 --link-hover: #009670; 106 --background: #222; 107 --admin-background-color: #222; 108 --code-text-color: #e83e8c; 109 --code-border-color: transparent; 110 --code-background-color: transparent; 111 --control-text-color: #303030; 112 --control-border-color: #222; 113 --control-background-color: #fff; 114 --input-border-color: #222; 115 --button-text-color: #fff; 116 --button-background-color: #444; 117 --button-border-color: #333333; 118 --button-text-hover-color: #fff; 119 --button-background-hover-color: #363636; 120 --button-border-hover-color: #363636; 121 --button-search-text-color: #fff; 122 --button-search-background-color: #444; 123 --button-search-border-color: #333333; 124 --button-search-text-hover-color: #fff; 125 --button-search-background-hover-color: #363636; 126 --button-search-border-hover-color: #363636; 127 --button-default-text-color: #ffffff; 128 --button-default-background-color: #007bff; 129 --button-default-border-color: #007bff; 130 --button-default-text-hover-color: #ffffff; 131 --button-default-background-hover-color: #0069d9; 132 --button-default-border-hover-color: #0062cc; 133 --topheader-background-color: #222; 134 --header-background-color: #222; 135 --navbar-background-color: #375a7f; 136 --navbar-border-color: #375a7f; 137 --navbar-brand-text-color: #fff; 138 --navbar-brand-tagline-color: #ddd; 139 --navbar-link-color: rgba(255, 255, 255, 0.6); 140 --navbar-link-hover-color: #ffffff; 141 --subnavbar-text-color: #222; 142 --subnavbar-link-color: rgba(34, 34, 34, 0.7); 143 --subnavbar-link-hover-color: #222222; 144 --subnavbar-background-color: #adb5bd; 145 --subnavbar-border-color: #adb5bd; 146 --tag-background-color: #00bc8c; 147 --tag-text-color: #333; 148 --breadcrumb-background-color: #333; 149 --breadcrumb-text-color: #666; 150 --breadcrumb-link-color: #777; 151 --breadcrumb-link-hover-color: #fff; 152 --hero-title-color: #fff; 153 --hero-subtitle-color: #ddd; 154 --hero-background-color: #00bc8c; 155 --sidebar-text-color: #888; 156 --sidebar-link-color: #999; 157 --sidebar-link-hover-color: #ccc; 158 --sidebar-background-color: #111; 159 --sidebar-border-color: #333; 160 --content-background: #222; 161 --toc-background-color: #303030; 162 --toc-border-color: #444; 163 --toc-link-color: #fff; 164 --toc-link-hover-color: #fff; 165 --pagetools-color: #444; 166 --pagetools-hover-color: #555; 167 --footer-text-color: #888; 168 --footer-link-color: #999; 169 --footer-link-hover-color: #ccc; 170 --footer-background-color: #111; 171 --table-header-row-background-color: #00bc8c; 172 --table-row-border-color: #444; 173 --table-odd-row-background-color: #222; 174 --table-even-row-background-color: #333; 175 --dropdown-color: #fff; 176 --dropdown-hover-color: #375a7f; 177 --dropdown-border-color: #444; 178 --dropdown-background-color: #222; 179 --section-edit-highlight: #cc0; 180 --tree-background-color: #333; 181 --tree-border-color: #444; 182 --tab-color: #ccc; 183 --tab-background-color: transparent; 184 --tab-border-color: transparent; 185 --tab-hover-color: #fff; 186 --tab-background-hover-color: transparent; 187 --tab-border-hover-color: #444; 188 --tab-active-color: #fff; 189 --tab-active-background-color: #333; 190 --tab-active-border-color: #444; 191 --display-theme-light: none; 192 --display-theme-dark: inline-block; 193} 194 195.mikio-sticky { 196 position: -webkit-sticky; 197 position: sticky; 198} 199 200.mikio-pre-wrap { 201 white-space: pre-wrap; 202 white-space: -moz-pre-wrap; 203 white-space: -pre-wrap; 204 white-space: -o-pre-wrap; 205} 206 207.mikio-controls button, 208.mikio-controls input, 209.mikio-controls optgroup, 210.mikio-controls select, 211.mikio-controls textarea { 212 margin: 0; 213 font-family: inherit; 214 font-size: inherit; 215 font-weight: 400; 216 border-width: 1px; 217 border-style: solid; 218 border-color: transparent; 219 border-radius: .25rem; 220 box-sizing: border-box; 221 vertical-align: middle; 222 padding: .375rem .75rem; 223 color: var(--control-text-color); 224 background-color: var(--control-background-color); 225 border-color: var(--input-border-color); 226 line-height: inherit; 227} 228 229.mikio-controls button[type=color], 230.mikio-controls input[type=color], 231.mikio-controls optgroup[type=color], 232.mikio-controls select[type=color], 233.mikio-controls textarea[type=color] { 234 padding: 0; 235} 236 237.mikio-controls button, 238.mikio-controls input[type=button], 239.mikio-controls input[type=image] { 240 display: inline-block; 241 text-align: center; 242 color: var(--button-text-color); 243 background-color: var(--button-background-color); 244 border-color: var(--button-border-color); 245 line-height: 1.5; 246 -webkit-text-decoration: none; 247 text-decoration: none; 248 text-transform: capitalize; 249 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 250} 251 252.mikio-controls button:hover:not(:disabled), 253.mikio-controls input[type=button]:hover:not(:disabled), 254.mikio-controls input[type=image]:hover:not(:disabled) { 255 -webkit-text-decoration: none; 256 text-decoration: none; 257 color: var(--button-text-hover-color); 258 background-color: var(--button-background-hover-color); 259 border-color: var(--button-border-hover-color); 260} 261 262.mikio-controls button:disabled, 263.mikio-controls input[type=button]:disabled, 264.mikio-controls input[type=image]:disabled { 265 opacity: .65; 266} 267 268.mikio-controls button#edbtn__save, 269.mikio-controls button[name="run[save]"] { 270 color: var(--button-default-text-color); 271 background-color: var(--button-default-background-color); 272 border-color: var(--button-default-border-color); 273} 274 275.mikio-controls button#edbtn__save:hover, 276.mikio-controls button[name="run[save]"]:hover { 277 color: var(--button-default-text-hover-color); 278 background-color: var(--button-default-background-hover-color); 279 border-color: var(--button-default-border-hover-color); 280} 281 282.mikio-controls input[type=text], 283.mikio-controls input[type=search], 284.mikio-controls input[type=password], 285.mikio-controls input[type=email] { 286 -webkit-appearance: none; 287 -moz-appearance: none; 288 -ms-appearance: none; 289} 290 291.mikio-controls textarea { 292 margin-bottom: 1rem; 293 width: 100%; 294 word-wrap: break-word; 295 overflow: auto; 296 resize: vertical; 297 white-space: pre-wrap; 298} 299 300.mikio-controls select { 301 -webkit-user-select: none; 302 -moz-user-select: none; 303 -ms-user-select: none; 304 height: 2.25rem; 305} 306 307.mikio-controls .toolbutton { 308 border-radius: 0; 309 border-right-width: 0; 310 border-color: var(--input-border-color); 311} 312 313.mikio-controls .toolbutton:first-of-type { 314 border-radius: .25rem 0 0 .25rem; 315} 316 317.mikio-controls .toolbutton:last-of-type { 318 border-radius: 0 .25rem .25rem 0; 319 border-right-width: 1px; 320} 321 322html { 323 overflow-x: auto; 324 overflow-y: scroll; 325 display: block; 326 padding: 0; 327 font-size: 1rem; 328 line-height: 1.5; 329} 330 331body { 332 display: flex; 333 flex-direction: column; 334 min-height: 100vh; 335 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 336 letter-spacing: -0.01em; 337 padding: 0; 338} 339 340html, 341body { 342 background-color: var(--background); 343 color: var(--text); 344 margin: 0; 345} 346 347#dokuwiki__site { 348 min-height: 100vh; 349} 350 351.mikio .site { 352 min-height: 100vh; 353 display: flex; 354 flex-direction: column; 355} 356 357.mikio-container { 358 max-width: 100%; 359 margin: 0 auto; 360} 361 362.mikio-page-topheader { 363 padding: 0 2rem; 364 border-bottom: 1px solid var(--navbar-border-color); 365 background-color: var(--topheader-background-color); 366 box-sizing: border-box; 367 width: 100%; 368 z-index: 1001; 369} 370 371.mikio-page-header { 372 padding: 0 2rem; 373 background-color: var(--header-background-color); 374 box-sizing: border-box; 375 width: 100%; 376 z-index: 999; 377} 378 379.mikio-sidebar-header { 380 border-bottom: 1px solid var(--sidebar-border-color); 381} 382 383.mikio-sidebar-footer { 384 border-top: 1px solid var(--sidebar-border-color); 385} 386 387.mikio-admin { 388 background-color: var(--admin-background-color); 389} 390 391.mikio-small-only { 392 display: none; 393} 394 395.mikio .mikio-breadcrumbs, 396.mikio .mikio-youarehere { 397 padding: .5rem 1rem; 398 background-color: var(--breadcrumb-background-color); 399 border: 1px solid var(--breadcrumb-background-color); 400 border-radius: 4px; 401 font-size: 80%; 402 color: var(--breadcrumb-text-color); 403} 404 405.mikio .mikio-breadcrumbs span.curid a, 406.mikio .mikio-breadcrumbs a, 407.mikio .mikio-youarehere span.curid a, 408.mikio .mikio-youarehere a { 409 -webkit-text-decoration: none; 410 text-decoration: none; 411 color: var(--breadcrumb-link-color); 412 font-weight: normal; 413} 414 415.mikio .mikio-breadcrumbs span.curid a:hover, 416.mikio .mikio-breadcrumbs a:hover, 417.mikio .mikio-youarehere span.curid a:hover, 418.mikio .mikio-youarehere a:hover { 419 color: var(--breadcrumb-link-hover-color); 420} 421 422.mikio .mikio-breadcrumbs ul, 423.mikio .mikio-youarehere ul { 424 list-style: none; 425 margin: 0; 426 padding: 0; 427} 428 429.mikio .mikio-breadcrumbs bdi, 430.mikio .mikio-youarehere bdi { 431 margin-left: .5rem; 432 margin-right: .5rem; 433} 434 435.mikio .mikio-breadcrumbs li, 436.mikio .mikio-breadcrumbs span.bchead, 437.mikio .mikio-youarehere li, 438.mikio .mikio-youarehere span.bchead { 439 display: inline-block; 440} 441 442.mikio .mikio-breadcrumbs svg, 443.mikio .mikio-youarehere svg { 444 width: .9rem; 445 height: .9rem; 446} 447 448.mikio-navbar { 449 position: relative; 450 padding: .5rem 1rem .5rem 2rem; 451 border-bottom-width: 1px; 452 border-bottom-style: solid; 453 border-bottom-color: var(--navbar-border-color); 454 background-color: var(--navbar-background-color); 455 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 456 width: 100%; 457 box-sizing: border-box; 458 z-index: 1000; 459} 460 461.mikio-navbar .mikio-container { 462 display: flex; 463 flex: 1; 464 align-items: center; 465} 466 467.mikio-navbar .mikio-navbar-brand { 468 display: flex; 469} 470 471.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-image { 472 max-width: 3rem; 473 max-height: 3rem; 474 margin-right: .5rem; 475} 476 477.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title { 478 display: flex; 479 flex-direction: column; 480 align-items: stretch; 481 justify-content: center; 482} 483 484.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-text { 485 color: var(--navbar-brand-text-color); 486 margin: 0; 487 font-weight: 500; 488 font-size: 1.2rem; 489} 490 491.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-tagline { 492 margin: 0; 493 color: var(--navbar-brand-tagline-color); 494} 495 496.mikio-navbar .mikio-navbar-toggle { 497 display: none; 498 font-size: 1rem; 499 position: absolute; 500 top: 1.2rem; 501 right: 1.2rem; 502 width: 1rem; 503 height: 1rem; 504 padding: 0; 505 cursor: pointer; 506 transition: transform .15s ease-in-out; 507 vertical-align: middle; 508 border: 0 none; 509 background: transparent; 510} 511 512.mikio-navbar .mikio-navbar-toggle:before, 513.mikio-navbar .mikio-navbar-toggle:after { 514 content: ""; 515} 516 517.mikio-navbar .mikio-navbar-toggle:before, 518.mikio-navbar .mikio-navbar-toggle .icon, 519.mikio-navbar .mikio-navbar-toggle:after { 520 display: block; 521 width: 100%; 522 height: 0.2em; 523 margin: 0 0 0.2em; 524 transition: transform .15s ease-in-out; 525 border-radius: 0.05em; 526 background: var(--control-text-color); 527} 528 529.mikio-navbar .mikio-navbar-toggle.open .icon { 530 transform: scale(0); 531} 532 533.mikio-navbar .mikio-navbar-toggle.open:before { 534 transform: translateY(0.4em) rotate(135deg); 535} 536 537.mikio-navbar .mikio-navbar-toggle.open:after { 538 transform: translateY(-0.4em) rotate(-135deg); 539} 540 541.mikio-navbar .mikio-navbar-collapse { 542 display: flex; 543 flex: 1; 544 align-items: center; 545 justify-content: flex-end; 546} 547 548.mikio-navbar a { 549 -webkit-text-decoration: none; 550 text-decoration: none; 551 color: var(--navbar-link-color); 552 transition: all .15s ease-in-out; 553} 554 555.mikio-navbar a:hover { 556 color: var(--navbar-link-hover-color); 557} 558 559.mikio-navbar .mikio-nav-dropdown a:after { 560 border-color: var(--navbar-link-color) !important; 561} 562 563.mikio-navbar .mikio-nav-dropdown a:hover:after { 564 border-color: var(--navbar-link-hover-color) !important; 565} 566 567.mikio-navbar .mikio-search { 568 margin: 0 .5rem; 569} 570 571.mikio-navbar .mikio-button { 572 background-color: transparent; 573 border-color: transparent; 574} 575 576.mikio-navbar .mikio-button:hover:not(:disabled) { 577 background-color: transparent; 578 border-color: transparent; 579 color: var(--navbar-link-hover-color); 580} 581 582.mikio-sub-navbar { 583 color: var(--subnavbar-text-color); 584 justify-content: center; 585 padding: .75rem 1rem; 586 border-color: var(--subnavbar-border-color); 587 background-color: var(--subnavbar-background-color); 588} 589 590.mikio-sub-navbar ul, 591.mikio-sub-navbar ol, 592.mikio-sub-navbar p { 593 list-style: none; 594 margin: 0; 595 padding: 0; 596} 597 598.mikio-sub-navbar ul, 599.mikio-sub-navbar ol { 600 list-style: none; 601} 602 603.mikio-sub-navbar li { 604 display: inline-block; 605 padding: 0 .2rem; 606 margin: 0 .5rem; 607} 608 609.mikio-sub-navbar a { 610 color: var(--subnavbar-link-color); 611} 612 613.mikio-sub-navbar a:hover { 614 color: var(--subnavbar-link-hover-color); 615} 616 617.mikio-hero { 618 background-color: var(--hero-background-color); 619} 620 621.mikio-hero .mikio-container { 622 display: flex; 623 flex: 1; 624} 625 626.mikio-hero .mikio-hero-text { 627 flex: 1; 628 min-height: 5rem; 629 padding: 2rem; 630} 631 632.mikio-hero .mikio-hero-text .mikio-breadcrumbs, 633.mikio-hero .mikio-hero-text .mikio-youarehere { 634 background-color: transparent; 635 padding: 0; 636 margin: 0; 637} 638 639.mikio-hero .mikio-hero-text h1 { 640 margin: .75rem 0 1rem 0; 641 color: var(--hero-title-color); 642 line-height: 1.2; 643} 644 645.mikio-hero .mikio-hero-text h2 { 646 margin: 0; 647 font-weight: normal; 648 font-size: 1.25rem; 649 color: var(--hero-subtitle-color); 650} 651 652.mikio-hero .mikio-hero-image { 653 display: flex; 654 flex: 0 0 33%; 655 background-repeat: no-repeat; 656 background-position: center; 657 background-size: cover; 658 align-items: flex-end; 659} 660 661.mikio-hero .mikio-hero-image-resize { 662 height: 15rem; 663} 664 665.mikio .mikio-tags { 666 display: block; 667 width: 100%; 668 text-align: right; 669 padding-right: .5rem; 670 margin-bottom: .5rem; 671} 672 673.mikio .mikio-tags a { 674 margin: 0 .25rem; 675 font-size: 80%; 676 padding: .25rem .75rem; 677 border: 1px solid var(--tag-background-color); 678 border-radius: 1rem; 679 background-color: var(--tag-background-color); 680 color: var(--tag-text-color); 681 -webkit-text-decoration: none; 682 text-decoration: none; 683 transition: all .15s ease-in-out; 684} 685 686.mikio .mikio-tags a:hover { 687 background-color: transparent; 688 color: var(--tag-background-color); 689} 690 691.mikio-sidebar { 692 width: 14rem; 693 flex-shrink: 0; 694 background-color: var(--sidebar-background-color); 695 padding: 1rem; 696 font-size: 90%; 697 color: var(--sidebar-text-color); 698} 699 700.mikio-sidebar.mikio-sidebar-left { 701 border-left-width: 0; 702 border-right: 1px solid var(--sidebar-border-color); 703} 704 705.mikio-sidebar.mikio-sidebar-right { 706 border-left: 1px solid var(--sidebar-border-color); 707 border-right-width: 0; 708} 709 710.mikio-sidebar .mikio-sidebar-toggle { 711 display: none; 712 margin: 0 1rem; 713 -webkit-text-decoration: none; 714 text-decoration: none; 715 text-align: center; 716 color: rgba(0, 0, 0, 0.6); 717} 718 719.mikio-sidebar .mikio-sidebar-toggle .icon:before, 720.mikio-sidebar .mikio-sidebar-toggle .icon:after { 721 content: ""; 722 display: inline-block; 723 width: 0.5rem; 724 height: 0.1em; 725 margin: 0 0 0.2em; 726 transition: transform .15s ease-in-out; 727 border-radius: 0.05em; 728 background: rgba(0, 0, 0, 0.6); 729} 730 731.mikio-sidebar .mikio-sidebar-toggle .icon:before { 732 transform: translateX(0.1rem) translateY(0) rotate(-135deg); 733} 734 735.mikio-sidebar .mikio-sidebar-toggle .icon:after { 736 transform: translateX(-0.1rem) translateY(0) rotate(135deg); 737} 738 739.mikio-sidebar .mikio-sidebar-toggle .open .icon:before { 740 transform: translateX(0.1rem) rotate(135deg); 741} 742 743.mikio-sidebar .mikio-sidebar-toggle .open .icon:after { 744 transform: translateX(-0.1rem) rotate(-135deg); 745} 746 747.mikio-sidebar .mikio-sidebar-toggle.closed+.mikio-sidebar-collapse { 748 display: block; 749} 750 751.mikio-sidebar .mikio-user-info { 752 margin-bottom: 1rem; 753 margin: 0 -1rem; 754 padding: 0 1rem 1rem 1rem; 755 border-bottom: 1px solid var(--sidebar-border-color); 756} 757 758.mikio-sidebar .mikio-search { 759 margin: 1rem 0 1rem 0; 760} 761 762.mikio-sidebar .mikio-sidebar-content { 763 overflow-wrap: break-word; 764 margin-bottom: 1rem; 765} 766 767.mikio-sidebar .mikio-sidebar-content a { 768 display: block; 769 margin: 1rem 0; 770 color: var(--sidebar-link-color); 771 -webkit-text-decoration: none; 772 text-decoration: none; 773} 774 775.mikio-sidebar .mikio-sidebar-content a:hover { 776 color: var(--sidebar-link-hover-color); 777} 778 779.mikio-sidebar .mikio-sidebar-content ul, 780.mikio-sidebar .mikio-sidebar-content ul.idx { 781 margin: 0; 782 padding: 0; 783} 784 785.mikio-sidebar .mikio-sidebar-content ul ul, 786.mikio-sidebar .mikio-sidebar-content ul.idx ul { 787 padding-left: 1rem; 788} 789 790.mikio-sidebar .mikio-sidebar-content ul li, 791.mikio-sidebar .mikio-sidebar-content ul li.closed, 792.mikio-sidebar .mikio-sidebar-content ul li.open, 793.mikio-sidebar .mikio-sidebar-content ul.idx li, 794.mikio-sidebar .mikio-sidebar-content ul.idx li.closed, 795.mikio-sidebar .mikio-sidebar-content ul.idx li.open { 796 list-style: none; 797} 798 799.mikio-sidebar .mikio-tags { 800 margin: 0 0 1rem 0; 801 text-align: center; 802} 803 804.mikio-sidebar .mikio-tags a { 805 display: inline-block; 806 margin: 0 .25rem .25rem .25rem; 807} 808 809.mikio-page .mikio-container { 810 display: flex; 811 padding: 0; 812} 813 814.mikio-page a { 815 color: var(--link); 816 transition: all .15s ease-in-out; 817} 818 819.mikio-page a:hover { 820 color: var(--link-hover); 821} 822 823.mikio-page-fill { 824 display: flex; 825 flex: 1; 826} 827 828.mikio .mikio-content .mikio-article { 829 margin: 0 auto; 830} 831 832.mikio .mikio-content .mikio-article.toc-full { 833 display: flex; 834} 835 836.mikio .mikio-content .mikio-article.toc-full .mikio-toc { 837 margin-top: 1rem; 838 order: 2; 839 position: sticky; 840 position: -webkit-sticky; 841 top: 1rem; 842 align-self: flex-start; 843 overflow: scroll; 844 max-height: 100vh; 845} 846 847.mikio .mikio-content .mikio-article.toc-full .mikio-article-content { 848 flex: 1; 849} 850 851.mikio-content { 852 box-sizing: border-box; 853 width: 100%; 854 max-width: 100%; 855 background-color: var(--content-background); 856 padding: .5rem 2rem; 857} 858 859.mikio.dokuwiki div.preview { 860 background-color: var(--content-background); 861 padding: 1rem 2rem; 862} 863 864.mikio-footer { 865 padding: 2rem; 866 color: var(--footer-text-color); 867 background-color: var(--footer-background-color); 868 font-size: 80%; 869 text-align: center; 870} 871 872.mikio-footer a { 873 color: var(--footer-link-color); 874} 875 876.mikio-footer a:hover { 877 color: var(--footer-link-hover-color); 878} 879 880.mikio-footer .dw__pagetools { 881 margin-top: 1rem; 882} 883 884.mikio-footer .dw__pagetools .tools { 885 list-style-type: none; 886} 887 888.mikio-footer .dw__pagetools .tools li { 889 display: inline-block; 890 margin: 0 .5rem; 891} 892 893.mikio-footer .dw__pagetools .tools a svg { 894 fill: var(--footer-link-color); 895} 896 897.mikio-footer .dw__pagetools .tools a:hover svg { 898 fill: var(--footer-link-hover-color); 899} 900 901.mikio-footer .mikio-nav { 902 margin-top: 1rem; 903} 904 905.mikio-footer .mikio-footer-search { 906 margin-top: .5rem; 907 display: inline-block; 908} 909 910.mikio-footer .license { 911 margin-top: .5rem; 912} 913 914.mikio-footer .license img { 915 vertical-align: middle; 916 margin: 0 1rem; 917} 918 919.mikio .site>div.no { 920 display: none; 921} 922 923.mikio-control { 924 margin: 0; 925 font-family: inherit; 926 font-size: inherit; 927 font-weight: 400; 928 border-width: 1px; 929 border-style: solid; 930 border-color: transparent; 931 border-radius: .25rem; 932 box-sizing: border-box; 933 vertical-align: middle; 934 padding: .375rem .75rem; 935 color: var(--control-text-color); 936 background-color: var(--control-background-color); 937} 938 939.mikio-control[type=color] { 940 padding: 0; 941} 942 943.mikio-button { 944 display: inline-block; 945 text-align: center; 946 color: var(--button-text-color); 947 background-color: var(--button-background-color); 948 border-color: var(--button-border-color); 949 line-height: 1.5; 950 -webkit-text-decoration: none; 951 text-decoration: none; 952 text-transform: capitalize; 953 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 954} 955 956.mikio-button:hover:not(:disabled) { 957 -webkit-text-decoration: none; 958 text-decoration: none; 959 color: var(--button-text-hover-color); 960 background-color: var(--button-background-hover-color); 961 border-color: var(--button-border-hover-color); 962} 963 964.mikio-button:disabled { 965 opacity: .65; 966} 967 968.mikio-button-small { 969 padding: .1rem .75rem; 970 font-size: 80% !important; 971 min-width: 3rem; 972} 973 974.mikio-button-submit { 975 color: var(--button-default-text-color); 976 background-color: var(--button-default-background-color); 977 border-color: var(--button-default-border-color); 978} 979 980.mikio-button-submit:hover { 981 color: var(--button-default-text-hover-color); 982 background-color: var(--button-default-background-hover-color); 983 border-color: var(--button-default-border-hover-color); 984} 985 986.mikio-button-danger { 987 color: #fff; 988 border-color: #dc3545; 989 background-color: #dc3545; 990} 991 992.mikio-button-danger:hover { 993 color: #fff; 994 background-color: #c03040; 995 border-color: #c03040; 996} 997 998.mikio-input-text { 999 border-color: var(--input-border-color); 1000 line-height: inherit; 1001} 1002 1003.mikio-select { 1004 -webkit-user-select: none; 1005 -moz-user-select: none; 1006 -ms-user-select: none; 1007 height: 2.25rem; 1008} 1009 1010.mikio-toolbar-button { 1011 border-radius: 0; 1012 border-right-width: 0; 1013 border-color: var(--input-border-color); 1014} 1015 1016.mikio-toolbar-button:first-of-type { 1017 border-radius: .25rem 0 0 .25rem; 1018} 1019 1020.mikio-toolbar-button:last-of-type { 1021 border-radius: 0 .25rem .25rem 0; 1022 border-right-width: 1px; 1023} 1024 1025.mikio-dialog .mikio-article { 1026 max-width: 40rem; 1027} 1028 1029.mikio-dialog fieldset legend { 1030 font-size: 1.75rem; 1031 font-weight: 400; 1032} 1033 1034.mikio-dialog fieldset label.block input.edit, 1035.mikio-dialog fieldset select { 1036 width: 100%; 1037} 1038 1039.mikio-dialog fieldset label { 1040 text-align: left; 1041 font-weight: normal; 1042 display: block; 1043} 1044 1045.mikio-dialog fieldset label.simple { 1046 text-align: center; 1047} 1048 1049.mikio-dialog fieldset label.block { 1050 position: relative; 1051} 1052 1053.mikio-dialog fieldset label.block span { 1054 position: absolute; 1055 padding: .4rem .9rem; 1056 color: rgba(0, 0, 0, 0.3); 1057} 1058 1059.mikio-dialog fieldset button { 1060 display: block; 1061 width: 100%; 1062} 1063 1064.mikio-dialog fieldset button[type=submit] { 1065 color: var(--button-default-text-color); 1066 background-color: var(--button-default-background-color); 1067 border-color: var(--button-default-border-color); 1068} 1069 1070.mikio-dialog fieldset button[type=submit]:hover { 1071 color: var(--button-default-text-hover-color); 1072 background-color: var(--button-default-background-hover-color); 1073 border-color: var(--button-default-border-hover-color); 1074} 1075 1076.mikio-dialog fieldset input[type=checkbox] { 1077 vertical-align: middle; 1078} 1079 1080.mikio .mikio-navbar .mikio-search, 1081.mikio .mikio-sidebar .mikio-search, 1082.mikio .mikio-footer .mikio-search, 1083.mikio .mikio-search { 1084 display: flex; 1085} 1086 1087.mikio .mikio-navbar .mikio-search input, 1088.mikio .mikio-sidebar .mikio-search input, 1089.mikio .mikio-footer .mikio-search input, 1090.mikio .mikio-search input { 1091 width: 1%; 1092 flex: 1 1 auto; 1093 border-radius: .25rem 0 0 .25rem; 1094} 1095 1096.mikio .mikio-navbar .mikio-search button, 1097.mikio .mikio-sidebar .mikio-search button, 1098.mikio .mikio-footer .mikio-search button, 1099.mikio .mikio-search button { 1100 color: var(--button-search-text-color); 1101 background-color: var(--button-search-background-color); 1102 border-radius: 0 .25rem .25rem 0; 1103 border-color: var(--button-search-border-color); 1104} 1105 1106.mikio .mikio-navbar .mikio-search button:hover, 1107.mikio .mikio-sidebar .mikio-search button:hover, 1108.mikio .mikio-footer .mikio-search button:hover, 1109.mikio .mikio-search button:hover { 1110 color: var(--button-search-text-hover-color); 1111 background-color: var(--button-search-background--hover-color); 1112 border-color: var(--button-search-border-hover-color); 1113} 1114 1115.mikio .mikio-navbar .mikio-search .mikio-iicon, 1116.mikio .mikio-sidebar .mikio-search .mikio-iicon, 1117.mikio .mikio-footer .mikio-search .mikio-iicon, 1118.mikio .mikio-search .mikio-iicon { 1119 margin: 0 -4px 0 -4px; 1120} 1121 1122#dw__pagetools { 1123 position: -webkit-sticky; 1124 position: sticky; 1125 top: 0; 1126 align-self: flex-start; 1127 padding: 3rem .5rem 0 .5rem; 1128} 1129 1130#dw__pagetools ul { 1131 list-style: none; 1132 padding: 0; 1133 margin: 0; 1134} 1135 1136#dw__pagetools a { 1137 display: block; 1138} 1139 1140#dw__pagetools a svg { 1141 fill: var(--pagetools-color); 1142} 1143 1144#dw__pagetools a:hover svg { 1145 fill: var(--pagetools-hover-color); 1146} 1147 1148.toolbar.group { 1149 margin-bottom: .5rem; 1150} 1151 1152#wiki__editbar { 1153 overflow: hidden; 1154 margin-bottom: .5em; 1155} 1156 1157#wiki__editbar #size__ctl { 1158 float: right; 1159} 1160 1161#wiki__editbar .editButtons { 1162 display: inline; 1163 margin-right: 1rem; 1164} 1165 1166#wiki__editbar .summary { 1167 display: inline; 1168} 1169 1170.mode_admin .mikio-toc { 1171 background-color: var(--admin-background-color); 1172} 1173 1174.mode_admin .mikio-toc #dw__toc { 1175 background-color: var(--toc-background-color); 1176} 1177 1178.mikio .mode_admin .mikio-toc #dw__toc { 1179 background-color: var(--toc-background-color); 1180} 1181 1182.mikio .mikio-toc { 1183 float: right; 1184 padding-left: 1rem; 1185 padding-bottom: 1rem; 1186 margin-top: 1rem; 1187} 1188 1189.mikio .mikio-toc #dw__toc { 1190 color: var(--toc-link-color); 1191 background-color: var(--toc-background-color); 1192 border: 1px solid var(--toc-border-color); 1193 border-radius: .25rem; 1194 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 1195 padding: .5rem; 1196 max-width: 12rem; 1197 float: none; 1198 width: auto; 1199 margin: 0; 1200} 1201 1202.mikio .mikio-toc #dw__toc ul { 1203 padding-left: 0; 1204 margin: 0; 1205 list-style-type: none; 1206} 1207 1208.mikio .mikio-toc #dw__toc ul ul { 1209 padding-left: .5rem; 1210} 1211 1212.mikio .mikio-toc #dw__toc>div { 1213 padding: .2em .5em; 1214} 1215 1216.mikio .mikio-toc h3.toggle { 1217 margin: 0; 1218 padding-right: 2rem; 1219 font-size: 80%; 1220 position: relative; 1221 height: 1rem; 1222} 1223 1224.mikio .mikio-toc h3.toggle .hamburger { 1225 width: 1rem; 1226 height: 1rem; 1227} 1228 1229.mikio .mikio-toc h3.toggle .down-arrow { 1230 position: absolute; 1231 top: 0; 1232 bottom: 0; 1233 right: 0; 1234 margin: auto 0; 1235} 1236 1237.mikio .mikio-toc h3.toggle.open .hamburger { 1238 display: none; 1239} 1240 1241.mikio .mikio-toc h3.toggle.closed { 1242 font-size: 0; 1243 width: 2rem; 1244 padding-right: 0; 1245} 1246 1247.mikio .mikio-toc h3.toggle.closed .down-arrow { 1248 right: -4px; 1249} 1250 1251.mikio .mikio-toc h3.toggle span { 1252 display: none; 1253} 1254 1255.mikio .mikio-toc a { 1256 display: block; 1257 font-size: 80%; 1258 color: var(--toc-link-color); 1259 -webkit-text-decoration: none; 1260 text-decoration: none; 1261 padding: .2rem 0; 1262} 1263 1264.mikio .mikio-toc a:hover { 1265 color: var(--toc-link-hover-color); 1266} 1267 1268.mikio-icon { 1269 margin-right: .25rem; 1270} 1271 1272.mikio-icon svg { 1273 vertical-align: middle; 1274 fill: currentColor; 1275} 1276 1277.mikio-iicon { 1278 display: inline-block; 1279 width: 1.2rem; 1280 height: 1.2rem; 1281 background-size: 1.2rem; 1282 background-position: center; 1283 background-repeat: no-repeat; 1284 vertical-align: middle; 1285 margin-right: .25rem; 1286 fill: currentColor; 1287} 1288 1289.mikio .mode_show table, 1290.mikio.dokuwiki .mode_showtag table.ul, 1291.mikio .mode_admin table { 1292 width: 100%; 1293 border-collapse: collapse; 1294 margin-bottom: 1rem; 1295 font-size: 90%; 1296 border-bottom: 1px solid var(--table-row-border-color); 1297} 1298 1299.mikio .mode_show table tr, 1300.mikio.dokuwiki .mode_showtag table.ul tr, 1301.mikio .mode_admin table tr { 1302 border-top: 1px solid var(--table-row-border-color); 1303} 1304 1305.mikio .mode_show table td, 1306.mikio .mode_show table th, 1307.mikio.dokuwiki .mode_showtag table.ul td, 1308.mikio.dokuwiki .mode_showtag table.ul th, 1309.mikio .mode_admin table td, 1310.mikio .mode_admin table th { 1311 padding: .75rem; 1312 text-align: left; 1313} 1314 1315.mikio .mode_show table tbody tr:nth-child(odd), 1316.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd), 1317.mikio .mode_admin table tbody tr:nth-child(odd) { 1318 background-color: var(--table-odd-row-background-color); 1319} 1320 1321.mikio .mode_show table tbody tr:nth-child(even), 1322.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even), 1323.mikio .mode_admin table tbody tr:nth-child(even) { 1324 background-color: var(--table-even-row-background-color); 1325} 1326 1327.mikio-nav { 1328 list-style: none; 1329 margin: 0; 1330 padding: 0; 1331 display: flex; 1332} 1333 1334.mikio-nav .mikio-nav-item, 1335.mikio-nav .mikio-nav-dropdown { 1336 display: inline-block; 1337 padding: .5rem .2rem; 1338 margin: 0 .5rem; 1339} 1340 1341.mikio-nav .mikio-nav-dropdown { 1342 position: relative; 1343} 1344 1345.mikio-nav .mikio-nav-dropdown>a { 1346 display: inline-block; 1347 padding: .2rem 1.2rem .2rem 0rem; 1348 position: relative; 1349} 1350 1351.mikio-nav .mikio-nav-dropdown>a::after { 1352 position: absolute; 1353 content: ''; 1354 top: 10px; 1355 right: 6px; 1356 width: 6px; 1357 height: 6px; 1358 border-left: 2px solid var(--text); 1359 border-bottom: 2px solid var(--text); 1360 transform: rotateZ(-45deg); 1361} 1362 1363.mikio-nav a { 1364 -webkit-text-decoration: none; 1365 text-decoration: none; 1366} 1367 1368.mikio-dropdown { 1369 display: block; 1370 position: absolute; 1371 z-index: 10000; 1372 min-width: 12rem; 1373 right: 0; 1374 padding: 1rem 1.5rem; 1375 border: 1px solid var(--dropdown-border-color); 1376 border-radius: 4px; 1377 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 1378 background-color: var(--dropdown-background-color); 1379 color: var(--dropdown-color); 1380} 1381 1382.mikio-dropdown.closed { 1383 display: none; 1384} 1385 1386.mikio-dropdown .mikio-dropdown-item { 1387 display: flex; 1388 align-items: center; 1389 margin-top: .5rem; 1390 margin-bottom: .5rem; 1391} 1392 1393.mikio-dropdown .mikio-dropdown-header { 1394 margin: 0 0 1rem 0; 1395} 1396 1397.mikio-dropdown .mikio-dropdown-divider { 1398 margin: 1rem -1rem; 1399 border-bottom: 1px solid var(--dropdown-border-color); 1400} 1401 1402.mikio-dropdown .mikio-nav-link { 1403 margin: 0rem -1rem 0rem -1rem; 1404 padding: .25rem 1rem .25rem 1rem; 1405 transition: all .15s ease-in-out; 1406 color: var(--dropdown-color); 1407} 1408 1409.mikio-dropdown .mikio-nav-link:hover { 1410 color: var(--dropdown-color); 1411 background-color: var(--dropdown-hover-color); 1412} 1413 1414.typeahead.mikio-dropdown a.mikio-dropdown-item { 1415 display: inline; 1416} 1417 1418.typeahead.mikio-dropdown .mikio-dropdown-header { 1419 margin-bottom: 0em; 1420 overflow: hidden; 1421 text-overflow: ellipsis; 1422 color: var(--dropdown-color); 1423} 1424 1425.typeahead.mikio-dropdown .mikio-dropdown-divider { 1426 margin-top: 0.5rem; 1427 margin-bottom: 0.5rem; 1428} 1429 1430.mikio-tabs { 1431 padding: 0; 1432 margin-top: 1rem; 1433 margin-bottom: -1px; 1434 list-style-type: none; 1435} 1436 1437.mikio-tabs li { 1438 float: none; 1439 display: inline-block; 1440 font-size: 1rem; 1441 line-height: 1.4rem; 1442 position: relative; 1443 z-index: 2; 1444} 1445 1446.mikio-tabs li strong { 1447 display: inline-block; 1448 background-color: var(--tab-active-background-color); 1449 font-weight: normal; 1450 color: var(--tab-active-color); 1451 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 1452 border-radius: .5rem .5rem 0 0; 1453 border-width: 1px; 1454 border-style: solid; 1455 padding: .5rem 1rem; 1456 margin: 0; 1457 bottom: -1px; 1458} 1459 1460.mikio-tabs li a { 1461 display: inline-block; 1462 padding: .5rem 1rem; 1463 border: 1px solid var(--tab-border-color); 1464 color: var(--tab-color); 1465 -webkit-text-decoration: none; 1466 text-decoration: none; 1467 margin: 0; 1468 background-color: var(--tab-background-color); 1469} 1470 1471.mikio-tabs li a:hover { 1472 color: var(--tab-hover-color); 1473 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 1474 border-radius: .5rem .5rem 0 0; 1475 background-color: var(--tab-background-hover-color); 1476} 1477 1478.mikio-tabs:after { 1479 border-bottom: 0; 1480} 1481 1482.mikio-tab-active { 1483 display: inline-block; 1484 background-color: var(--tab-active-background-color); 1485 font-weight: normal; 1486 color: var(--tab-active-color); 1487 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 1488 border-radius: .5rem .5rem 0 0; 1489 border-width: 1px; 1490 border-style: solid; 1491 padding: .5rem 1rem; 1492 margin: 0; 1493 bottom: -1px; 1494} 1495 1496.mikio-tab { 1497 background-color: var(--tab-background-color); 1498 font-weight: normal; 1499 color: var(--tab-color); 1500 border-color: var(--tab-border-color) var(--tab-border-color) var(--tab-background-color); 1501 padding: .5rem 1rem; 1502 margin: 0; 1503 bottom: -1px; 1504} 1505 1506.mikio-tab-panel { 1507 margin-bottom: 0 !important; 1508 background-color: var(--tab-active-background-color); 1509 border-width: 1px 1px 1px 1px; 1510 border-style: solid; 1511 border-color: var(--tab-active-border-color) !important; 1512 word-wrap: break-word; 1513 word-break: break-word; 1514} 1515 1516.mikio.dokuwiki div.section_highlight { 1517 background-color: var(--section-edit-highlight); 1518 border-width: 0; 1519 margin: 0 -1rem; 1520 padding: 0 1rem; 1521} 1522 1523.mikio-input-file { 1524 position: absolute; 1525 margin-top: -0.5rem; 1526 top: 0; 1527 right: 0; 1528 left: 0; 1529 z-index: 5; 1530 padding: .25rem 1rem; 1531 line-height: 1.5; 1532 text-align: left; 1533 color: var(--control-text-color); 1534 background-color: var(--control-background-color); 1535 border: .1px solid var(--input-border-color); 1536 border-radius: .25rem; 1537 -webkit-user-select: none; 1538 -moz-user-select: none; 1539 -ms-user-select: none; 1540 user-select: none; 1541 white-space: nowrap; 1542 overflow: hidden; 1543 text-overflow: ellipsis; 1544 box-sizing: border-box; 1545} 1546 1547.mikio-input-file:before { 1548 position: absolute; 1549 top: 0; 1550 right: 0; 1551 bottom: 0; 1552 z-index: 6; 1553 display: block; 1554 content: "Browse"; 1555 padding: .25rem 1rem; 1556 line-height: 1.5; 1557 color: var(--button-text-color); 1558 background-color: var(--button-background-color); 1559 border-radius: 0 .25rem .25rem 0; 1560 border: 1px solid var(--button-border-color); 1561 transition: all .15s ease-in-out; 1562} 1563 1564.mikio-input-file:hover:before { 1565 background-color: var(--button-background-hover-color); 1566 border-color: var(--button-border-hover-color); 1567 color: var(--button-text-hover-color); 1568} 1569 1570code, 1571pre { 1572 overflow-x: auto; 1573 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 1574 font-size: 87.5%; 1575 color: var(--code-text-color); 1576 background-color: var(--code-background-color); 1577 word-wrap: break-word; 1578 white-space: pre-wrap; 1579 white-space: -moz-pre-wrap; 1580 white-space: -pre-wrap; 1581 white-space: -o-pre-wrap; 1582 line-height: 1.75; 1583} 1584 1585.mode_show code, 1586.mode_show pre { 1587 border: 1px solid var(--code-border-color); 1588 padding: 1em; 1589} 1590 1591.mikio .mikio-search button, 1592.mikio .mikio-search input, 1593.mikio .mikio-search optgroup, 1594.mikio .mikio-search select, 1595.mikio .mikio-search textarea, 1596.mikio.dokuwiki fieldset button, 1597.mikio.dokuwiki fieldset input, 1598.mikio.dokuwiki fieldset optgroup, 1599.mikio.dokuwiki fieldset select, 1600.mikio.dokuwiki fieldset textarea, 1601.mikio.dokuwiki .secedit button, 1602.mikio.dokuwiki .secedit input, 1603.mikio.dokuwiki .secedit optgroup, 1604.mikio.dokuwiki .secedit select, 1605.mikio.dokuwiki .secedit textarea, 1606.mikio .mode_revisions button, 1607.mikio .mode_revisions input, 1608.mikio .mode_revisions optgroup, 1609.mikio .mode_revisions select, 1610.mikio .mode_revisions textarea, 1611.mikio .mode_edit button, 1612.mikio .mode_edit input, 1613.mikio .mode_edit optgroup, 1614.mikio .mode_edit select, 1615.mikio .mode_edit textarea, 1616.mikio .mode_draft button, 1617.mikio .mode_draft input, 1618.mikio .mode_draft optgroup, 1619.mikio .mode_draft select, 1620.mikio .mode_draft textarea, 1621.mikio .mode_preview button, 1622.mikio .mode_preview input, 1623.mikio .mode_preview optgroup, 1624.mikio .mode_preview select, 1625.mikio .mode_preview textarea, 1626.mikio .mode_showtag button, 1627.mikio .mode_showtag input, 1628.mikio .mode_showtag optgroup, 1629.mikio .mode_showtag select, 1630.mikio .mode_showtag textarea, 1631.mikio .mode_admin button, 1632.mikio .mode_admin input, 1633.mikio .mode_admin optgroup, 1634.mikio .mode_admin select, 1635.mikio .mode_admin textarea { 1636 margin: 0; 1637 font-family: inherit; 1638 font-size: inherit; 1639 font-weight: 400; 1640 border-width: 1px; 1641 border-style: solid; 1642 border-color: transparent; 1643 border-radius: .25rem; 1644 box-sizing: border-box; 1645 vertical-align: middle; 1646 padding: .375rem .75rem; 1647 color: var(--control-text-color); 1648 background-color: var(--control-background-color); 1649 border-color: var(--input-border-color); 1650 line-height: inherit; 1651} 1652 1653.mikio .mikio-search button[type=color], 1654.mikio .mikio-search input[type=color], 1655.mikio .mikio-search optgroup[type=color], 1656.mikio .mikio-search select[type=color], 1657.mikio .mikio-search textarea[type=color], 1658.mikio.dokuwiki fieldset button[type=color], 1659.mikio.dokuwiki fieldset input[type=color], 1660.mikio.dokuwiki fieldset optgroup[type=color], 1661.mikio.dokuwiki fieldset select[type=color], 1662.mikio.dokuwiki fieldset textarea[type=color], 1663.mikio.dokuwiki .secedit button[type=color], 1664.mikio.dokuwiki .secedit input[type=color], 1665.mikio.dokuwiki .secedit optgroup[type=color], 1666.mikio.dokuwiki .secedit select[type=color], 1667.mikio.dokuwiki .secedit textarea[type=color], 1668.mikio .mode_revisions button[type=color], 1669.mikio .mode_revisions input[type=color], 1670.mikio .mode_revisions optgroup[type=color], 1671.mikio .mode_revisions select[type=color], 1672.mikio .mode_revisions textarea[type=color], 1673.mikio .mode_edit button[type=color], 1674.mikio .mode_edit input[type=color], 1675.mikio .mode_edit optgroup[type=color], 1676.mikio .mode_edit select[type=color], 1677.mikio .mode_edit textarea[type=color], 1678.mikio .mode_draft button[type=color], 1679.mikio .mode_draft input[type=color], 1680.mikio .mode_draft optgroup[type=color], 1681.mikio .mode_draft select[type=color], 1682.mikio .mode_draft textarea[type=color], 1683.mikio .mode_preview button[type=color], 1684.mikio .mode_preview input[type=color], 1685.mikio .mode_preview optgroup[type=color], 1686.mikio .mode_preview select[type=color], 1687.mikio .mode_preview textarea[type=color], 1688.mikio .mode_showtag button[type=color], 1689.mikio .mode_showtag input[type=color], 1690.mikio .mode_showtag optgroup[type=color], 1691.mikio .mode_showtag select[type=color], 1692.mikio .mode_showtag textarea[type=color], 1693.mikio .mode_admin button[type=color], 1694.mikio .mode_admin input[type=color], 1695.mikio .mode_admin optgroup[type=color], 1696.mikio .mode_admin select[type=color], 1697.mikio .mode_admin textarea[type=color] { 1698 padding: 0; 1699} 1700 1701.mikio .mikio-search button, 1702.mikio .mikio-search input[type=button], 1703.mikio .mikio-search input[type=image], 1704.mikio.dokuwiki fieldset button, 1705.mikio.dokuwiki fieldset input[type=button], 1706.mikio.dokuwiki fieldset input[type=image], 1707.mikio.dokuwiki .secedit button, 1708.mikio.dokuwiki .secedit input[type=button], 1709.mikio.dokuwiki .secedit input[type=image], 1710.mikio .mode_revisions button, 1711.mikio .mode_revisions input[type=button], 1712.mikio .mode_revisions input[type=image], 1713.mikio .mode_edit button, 1714.mikio .mode_edit input[type=button], 1715.mikio .mode_edit input[type=image], 1716.mikio .mode_draft button, 1717.mikio .mode_draft input[type=button], 1718.mikio .mode_draft input[type=image], 1719.mikio .mode_preview button, 1720.mikio .mode_preview input[type=button], 1721.mikio .mode_preview input[type=image], 1722.mikio .mode_showtag button, 1723.mikio .mode_showtag input[type=button], 1724.mikio .mode_showtag input[type=image], 1725.mikio .mode_admin button, 1726.mikio .mode_admin input[type=button], 1727.mikio .mode_admin input[type=image] { 1728 display: inline-block; 1729 text-align: center; 1730 color: var(--button-text-color); 1731 background-color: var(--button-background-color); 1732 border-color: var(--button-border-color); 1733 line-height: 1.5; 1734 -webkit-text-decoration: none; 1735 text-decoration: none; 1736 text-transform: capitalize; 1737 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1738} 1739 1740.mikio .mikio-search button:hover:not(:disabled), 1741.mikio .mikio-search input[type=button]:hover:not(:disabled), 1742.mikio .mikio-search input[type=image]:hover:not(:disabled), 1743.mikio.dokuwiki fieldset button:hover:not(:disabled), 1744.mikio.dokuwiki fieldset input[type=button]:hover:not(:disabled), 1745.mikio.dokuwiki fieldset input[type=image]:hover:not(:disabled), 1746.mikio.dokuwiki .secedit button:hover:not(:disabled), 1747.mikio.dokuwiki .secedit input[type=button]:hover:not(:disabled), 1748.mikio.dokuwiki .secedit input[type=image]:hover:not(:disabled), 1749.mikio .mode_revisions button:hover:not(:disabled), 1750.mikio .mode_revisions input[type=button]:hover:not(:disabled), 1751.mikio .mode_revisions input[type=image]:hover:not(:disabled), 1752.mikio .mode_edit button:hover:not(:disabled), 1753.mikio .mode_edit input[type=button]:hover:not(:disabled), 1754.mikio .mode_edit input[type=image]:hover:not(:disabled), 1755.mikio .mode_draft button:hover:not(:disabled), 1756.mikio .mode_draft input[type=button]:hover:not(:disabled), 1757.mikio .mode_draft input[type=image]:hover:not(:disabled), 1758.mikio .mode_preview button:hover:not(:disabled), 1759.mikio .mode_preview input[type=button]:hover:not(:disabled), 1760.mikio .mode_preview input[type=image]:hover:not(:disabled), 1761.mikio .mode_showtag button:hover:not(:disabled), 1762.mikio .mode_showtag input[type=button]:hover:not(:disabled), 1763.mikio .mode_showtag input[type=image]:hover:not(:disabled), 1764.mikio .mode_admin button:hover:not(:disabled), 1765.mikio .mode_admin input[type=button]:hover:not(:disabled), 1766.mikio .mode_admin input[type=image]:hover:not(:disabled) { 1767 -webkit-text-decoration: none; 1768 text-decoration: none; 1769 color: var(--button-text-hover-color); 1770 background-color: var(--button-background-hover-color); 1771 border-color: var(--button-border-hover-color); 1772} 1773 1774.mikio .mikio-search button:disabled, 1775.mikio .mikio-search input[type=button]:disabled, 1776.mikio .mikio-search input[type=image]:disabled, 1777.mikio.dokuwiki fieldset button:disabled, 1778.mikio.dokuwiki fieldset input[type=button]:disabled, 1779.mikio.dokuwiki fieldset input[type=image]:disabled, 1780.mikio.dokuwiki .secedit button:disabled, 1781.mikio.dokuwiki .secedit input[type=button]:disabled, 1782.mikio.dokuwiki .secedit input[type=image]:disabled, 1783.mikio .mode_revisions button:disabled, 1784.mikio .mode_revisions input[type=button]:disabled, 1785.mikio .mode_revisions input[type=image]:disabled, 1786.mikio .mode_edit button:disabled, 1787.mikio .mode_edit input[type=button]:disabled, 1788.mikio .mode_edit input[type=image]:disabled, 1789.mikio .mode_draft button:disabled, 1790.mikio .mode_draft input[type=button]:disabled, 1791.mikio .mode_draft input[type=image]:disabled, 1792.mikio .mode_preview button:disabled, 1793.mikio .mode_preview input[type=button]:disabled, 1794.mikio .mode_preview input[type=image]:disabled, 1795.mikio .mode_showtag button:disabled, 1796.mikio .mode_showtag input[type=button]:disabled, 1797.mikio .mode_showtag input[type=image]:disabled, 1798.mikio .mode_admin button:disabled, 1799.mikio .mode_admin input[type=button]:disabled, 1800.mikio .mode_admin input[type=image]:disabled { 1801 opacity: .65; 1802} 1803 1804.mikio .mikio-search button#edbtn__save, 1805.mikio .mikio-search button[name="run[save]"], 1806.mikio.dokuwiki fieldset button#edbtn__save, 1807.mikio.dokuwiki fieldset button[name="run[save]"], 1808.mikio.dokuwiki .secedit button#edbtn__save, 1809.mikio.dokuwiki .secedit button[name="run[save]"], 1810.mikio .mode_revisions button#edbtn__save, 1811.mikio .mode_revisions button[name="run[save]"], 1812.mikio .mode_edit button#edbtn__save, 1813.mikio .mode_edit button[name="run[save]"], 1814.mikio .mode_draft button#edbtn__save, 1815.mikio .mode_draft button[name="run[save]"], 1816.mikio .mode_preview button#edbtn__save, 1817.mikio .mode_preview button[name="run[save]"], 1818.mikio .mode_showtag button#edbtn__save, 1819.mikio .mode_showtag button[name="run[save]"], 1820.mikio .mode_admin button#edbtn__save, 1821.mikio .mode_admin button[name="run[save]"] { 1822 color: var(--button-default-text-color); 1823 background-color: var(--button-default-background-color); 1824 border-color: var(--button-default-border-color); 1825} 1826 1827.mikio .mikio-search button#edbtn__save:hover, 1828.mikio .mikio-search button[name="run[save]"]:hover, 1829.mikio.dokuwiki fieldset button#edbtn__save:hover, 1830.mikio.dokuwiki fieldset button[name="run[save]"]:hover, 1831.mikio.dokuwiki .secedit button#edbtn__save:hover, 1832.mikio.dokuwiki .secedit button[name="run[save]"]:hover, 1833.mikio .mode_revisions button#edbtn__save:hover, 1834.mikio .mode_revisions button[name="run[save]"]:hover, 1835.mikio .mode_edit button#edbtn__save:hover, 1836.mikio .mode_edit button[name="run[save]"]:hover, 1837.mikio .mode_draft button#edbtn__save:hover, 1838.mikio .mode_draft button[name="run[save]"]:hover, 1839.mikio .mode_preview button#edbtn__save:hover, 1840.mikio .mode_preview button[name="run[save]"]:hover, 1841.mikio .mode_showtag button#edbtn__save:hover, 1842.mikio .mode_showtag button[name="run[save]"]:hover, 1843.mikio .mode_admin button#edbtn__save:hover, 1844.mikio .mode_admin button[name="run[save]"]:hover { 1845 color: var(--button-default-text-hover-color); 1846 background-color: var(--button-default-background-hover-color); 1847 border-color: var(--button-default-border-hover-color); 1848} 1849 1850.mikio .mikio-search input[type=text], 1851.mikio .mikio-search input[type=search], 1852.mikio .mikio-search input[type=password], 1853.mikio .mikio-search input[type=email], 1854.mikio.dokuwiki fieldset input[type=text], 1855.mikio.dokuwiki fieldset input[type=search], 1856.mikio.dokuwiki fieldset input[type=password], 1857.mikio.dokuwiki fieldset input[type=email], 1858.mikio.dokuwiki .secedit input[type=text], 1859.mikio.dokuwiki .secedit input[type=search], 1860.mikio.dokuwiki .secedit input[type=password], 1861.mikio.dokuwiki .secedit input[type=email], 1862.mikio .mode_revisions input[type=text], 1863.mikio .mode_revisions input[type=search], 1864.mikio .mode_revisions input[type=password], 1865.mikio .mode_revisions input[type=email], 1866.mikio .mode_edit input[type=text], 1867.mikio .mode_edit input[type=search], 1868.mikio .mode_edit input[type=password], 1869.mikio .mode_edit input[type=email], 1870.mikio .mode_draft input[type=text], 1871.mikio .mode_draft input[type=search], 1872.mikio .mode_draft input[type=password], 1873.mikio .mode_draft input[type=email], 1874.mikio .mode_preview input[type=text], 1875.mikio .mode_preview input[type=search], 1876.mikio .mode_preview input[type=password], 1877.mikio .mode_preview input[type=email], 1878.mikio .mode_showtag input[type=text], 1879.mikio .mode_showtag input[type=search], 1880.mikio .mode_showtag input[type=password], 1881.mikio .mode_showtag input[type=email], 1882.mikio .mode_admin input[type=text], 1883.mikio .mode_admin input[type=search], 1884.mikio .mode_admin input[type=password], 1885.mikio .mode_admin input[type=email] { 1886 -webkit-appearance: none; 1887 -moz-appearance: none; 1888 -ms-appearance: none; 1889} 1890 1891.mikio .mikio-search textarea, 1892.mikio.dokuwiki fieldset textarea, 1893.mikio.dokuwiki .secedit textarea, 1894.mikio .mode_revisions textarea, 1895.mikio .mode_edit textarea, 1896.mikio .mode_draft textarea, 1897.mikio .mode_preview textarea, 1898.mikio .mode_showtag textarea, 1899.mikio .mode_admin textarea { 1900 margin-bottom: 1rem; 1901 width: 100%; 1902 word-wrap: break-word; 1903 overflow: auto; 1904 resize: vertical; 1905 white-space: pre-wrap; 1906} 1907 1908.mikio .mikio-search select, 1909.mikio.dokuwiki fieldset select, 1910.mikio.dokuwiki .secedit select, 1911.mikio .mode_revisions select, 1912.mikio .mode_edit select, 1913.mikio .mode_draft select, 1914.mikio .mode_preview select, 1915.mikio .mode_showtag select, 1916.mikio .mode_admin select { 1917 -webkit-user-select: none; 1918 -moz-user-select: none; 1919 -ms-user-select: none; 1920 height: 2.25rem; 1921} 1922 1923.mikio .mikio-search .toolbutton, 1924.mikio.dokuwiki fieldset .toolbutton, 1925.mikio.dokuwiki .secedit .toolbutton, 1926.mikio .mode_revisions .toolbutton, 1927.mikio .mode_edit .toolbutton, 1928.mikio .mode_draft .toolbutton, 1929.mikio .mode_preview .toolbutton, 1930.mikio .mode_showtag .toolbutton, 1931.mikio .mode_admin .toolbutton { 1932 border-radius: 0; 1933 border-right-width: 0; 1934 border-color: var(--input-border-color); 1935} 1936 1937.mikio .mikio-search .toolbutton:first-of-type, 1938.mikio.dokuwiki fieldset .toolbutton:first-of-type, 1939.mikio.dokuwiki .secedit .toolbutton:first-of-type, 1940.mikio .mode_revisions .toolbutton:first-of-type, 1941.mikio .mode_edit .toolbutton:first-of-type, 1942.mikio .mode_draft .toolbutton:first-of-type, 1943.mikio .mode_preview .toolbutton:first-of-type, 1944.mikio .mode_showtag .toolbutton:first-of-type, 1945.mikio .mode_admin .toolbutton:first-of-type { 1946 border-radius: .25rem 0 0 .25rem; 1947} 1948 1949.mikio .mikio-search .toolbutton:last-of-type, 1950.mikio.dokuwiki fieldset .toolbutton:last-of-type, 1951.mikio.dokuwiki .secedit .toolbutton:last-of-type, 1952.mikio .mode_revisions .toolbutton:last-of-type, 1953.mikio .mode_edit .toolbutton:last-of-type, 1954.mikio .mode_draft .toolbutton:last-of-type, 1955.mikio .mode_preview .toolbutton:last-of-type, 1956.mikio .mode_showtag .toolbutton:last-of-type, 1957.mikio .mode_admin .toolbutton:last-of-type { 1958 border-radius: 0 .25rem .25rem 0; 1959 border-right-width: 1px; 1960} 1961 1962.mikio.dokuwiki .secedit { 1963 float: none; 1964 margin-top: 0; 1965 text-align: right; 1966} 1967 1968.mikio.dokuwiki fieldset { 1969 margin: 2rem auto; 1970 border: 0; 1971 width: auto; 1972 max-width: 40rem; 1973} 1974 1975.mikio.dokuwiki fieldset label.block { 1976 display: flex; 1977 flex-direction: row; 1978 text-align: right; 1979} 1980 1981.mikio.dokuwiki fieldset label.block span { 1982 margin-right: 1rem; 1983 width: 15rem; 1984 align-self: center; 1985} 1986 1987.mikio.dokuwiki fieldset label.block input { 1988 flex-grow: 1; 1989} 1990 1991.mikio.dokuwiki .mode_login .mikio-article, 1992.mikio.dokuwiki .mode_denied .mikio-article { 1993 max-width: 40rem; 1994} 1995 1996.mikio.dokuwiki .mode_login fieldset legend, 1997.mikio.dokuwiki .mode_denied fieldset legend { 1998 font-size: 1.75rem; 1999 font-weight: 400; 2000} 2001 2002.mikio.dokuwiki .mode_login fieldset label.block input.edit, 2003.mikio.dokuwiki .mode_login fieldset select, 2004.mikio.dokuwiki .mode_denied fieldset label.block input.edit, 2005.mikio.dokuwiki .mode_denied fieldset select { 2006 width: 100%; 2007} 2008 2009.mikio.dokuwiki .mode_login fieldset label, 2010.mikio.dokuwiki .mode_denied fieldset label { 2011 text-align: left; 2012 font-weight: normal; 2013 display: block; 2014} 2015 2016.mikio.dokuwiki .mode_login fieldset label.simple, 2017.mikio.dokuwiki .mode_denied fieldset label.simple { 2018 text-align: center; 2019} 2020 2021.mikio.dokuwiki .mode_login fieldset label.block, 2022.mikio.dokuwiki .mode_denied fieldset label.block { 2023 position: relative; 2024} 2025 2026.mikio.dokuwiki .mode_login fieldset label.block span, 2027.mikio.dokuwiki .mode_denied fieldset label.block span { 2028 position: absolute; 2029 padding: .4rem .9rem; 2030 color: rgba(0, 0, 0, 0.3); 2031} 2032 2033.mikio.dokuwiki .mode_login fieldset button, 2034.mikio.dokuwiki .mode_denied fieldset button { 2035 display: block; 2036 width: 100%; 2037} 2038 2039.mikio.dokuwiki .mode_login fieldset button[type=submit], 2040.mikio.dokuwiki .mode_denied fieldset button[type=submit] { 2041 color: var(--button-default-text-color); 2042 background-color: var(--button-default-background-color); 2043 border-color: var(--button-default-border-color); 2044} 2045 2046.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover, 2047.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover { 2048 color: var(--button-default-text-hover-color); 2049 background-color: var(--button-default-background-hover-color); 2050 border-color: var(--button-default-border-hover-color); 2051} 2052 2053.mikio.dokuwiki .mode_login fieldset input[type=checkbox], 2054.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] { 2055 vertical-align: middle; 2056} 2057 2058.mikio .mode_admin input[type=text], 2059.mikio .mode_admin input[type=password], 2060.mikio .mode_admin input[type=email] { 2061 width: 100%; 2062} 2063 2064.mikio .mode_admin p button+button { 2065 margin-left: .5rem; 2066} 2067 2068.mikio .mode_admin div.ui-admin ul.admin_tasks, 2069.mikio .mode_admin div.ui-admin ul.admin_plugins { 2070 float: none; 2071 display: grid; 2072 grid-template-columns: repeat(auto-fit, 15rem); 2073 width: auto; 2074 padding: 0; 2075 margin: 0; 2076 justify-content: center; 2077} 2078 2079.mikio .mode_admin div.ui-admin ul.admin_tasks li, 2080.mikio .mode_admin div.ui-admin ul.admin_plugins li { 2081 border: 1px solid var(--button-border-color); 2082 border-radius: .25rem; 2083 margin: 1rem 1rem; 2084 background-color: var(--button-background-color); 2085} 2086 2087.mikio .mode_admin div.ui-admin ul.admin_tasks li a, 2088.mikio .mode_admin div.ui-admin ul.admin_plugins li a { 2089 display: flex; 2090 flex-direction: column; 2091 align-items: center; 2092 justify-content: center; 2093 text-align: center; 2094 height: 4rem; 2095 font-size: 1rem; 2096 font-weight: normal; 2097 padding: 1rem 2rem; 2098 color: var(--button-text-color); 2099 -webkit-text-decoration: none; 2100 text-decoration: none; 2101 overflow: hidden; 2102 transition: all .15s ease-in-out; 2103} 2104 2105.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon, 2106.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon { 2107 width: auto; 2108 height: auto; 2109 min-height: auto; 2110} 2111 2112.mikio .mode_admin div.ui-admin ul.admin_tasks li a svg, 2113.mikio .mode_admin div.ui-admin ul.admin_plugins li a svg { 2114 fill: var(--button-text-color); 2115} 2116 2117.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover, 2118.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover { 2119 -webkit-text-decoration: none; 2120 text-decoration: none; 2121 color: var(--button-text-hover-color); 2122 background-color: var(--button-background-hover-color); 2123 border-color: var(--button-border-hover-color); 2124} 2125 2126.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg, 2127.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg { 2128 fill: var(--button-text-hover-color); 2129} 2130 2131.mikio .mode_admin .mikio-config-table-header { 2132 background-color: var(--table-header-row-background-color); 2133 font-weight: bold; 2134} 2135 2136.mikio .mode_admin .mikio-config-table-header .mikio-iicon { 2137 vertical-align: text-bottom; 2138} 2139 2140.mikio .mode_admin #extension__list ul.extensionList li { 2141 border-width: 0 0 1px 0; 2142 border-style: solid; 2143 border-color: var(--table-row-border-color); 2144 padding: .75rem; 2145 margin: 0; 2146 text-align: left; 2147} 2148 2149.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) { 2150 background-color: var(--table-odd-row-background-color); 2151} 2152 2153.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) { 2154 background-color: var(--table-even-row-background-color); 2155} 2156 2157.mikio .mode_admin button#usrmgr__del { 2158 color: #fff; 2159 border-color: #dc3545; 2160 background-color: #dc3545; 2161 margin-right: .5rem; 2162} 2163 2164.mikio .mode_admin button#usrmgr__del:hover { 2165 color: #fff; 2166 background-color: #c03040; 2167 border-color: #c03040; 2168} 2169 2170.mikio .mode_admin #acl__detail div#acl__user { 2171 border-color: var(--toc-border-color); 2172} 2173 2174.mikio .mode_admin #acl__tree { 2175 background-color: var(--tree-background-color); 2176 border-color: var(--tree-border-color); 2177 color: var(--control-text-color); 2178} 2179 2180.mikio .mode_admin #acl__tree a.cur { 2181 background-color: var(--section-edit-highlight); 2182} 2183 2184.mikio .mode_admin #acl_manager table tr:nth-child(odd) { 2185 background-color: var(--table-odd-row-background-color); 2186} 2187 2188.mikio .mode_admin #acl_manager table tr:nth-child(even) { 2189 background-color: var(--table-even-row-background-color); 2190} 2191 2192.mode_admin .mikio-content, 2193.mode_admin .mikio-page-fill, 2194.mode_login .mikio-content, 2195.mode_login .mikio-page-fill, 2196.mode_denied .mikio-content, 2197.mode_denied .mikio-page-fill, 2198.mode_revisions .mikio-content, 2199.mode_revisions .mikio-page-fill, 2200.mode_recent .mikio-content, 2201.mode_recent .mikio-page-fill, 2202.mode_backlink .mikio-content, 2203.mode_backlink .mikio-page-fill, 2204.mode_media .mikio-content, 2205.mode_media .mikio-page-fill, 2206.mode_index .mikio-content, 2207.mode_index .mikio-page-fill, 2208.mode_search .mikio-content, 2209.mode_search .mikio-page-fill, 2210.mode_edit .mikio-content, 2211.mode_edit .mikio-page-fill, 2212.mode_draft .mikio-content, 2213.mode_draft .mikio-page-fill, 2214.mode_preview .mikio-content, 2215.mode_preview .mikio-page-fill, 2216.mode_showtag .mikio-content, 2217.mode_showtag .mikio-page-fill { 2218 background-color: var(--admin-background-color); 2219} 2220 2221.mikio #plugin__styling button.primary { 2222 font-weight: inherit; 2223} 2224 2225.mikio.dokuwiki .secedit button { 2226 padding: .1rem .75rem; 2227 font-size: 80% !important; 2228 min-width: 3rem; 2229} 2230 2231.mikio img { 2232 max-width: 100%; 2233} 2234 2235.mikio img.media { 2236 margin: .2rem 0; 2237} 2238 2239.mikio img.medialeft { 2240 margin: .2rem 1em .2rem 0; 2241} 2242 2243.mikio img.mediaright { 2244 margin: .2rem 0 .2rem 1rem; 2245} 2246 2247.mikio img.mediacenter { 2248 margin: .2rem auto; 2249} 2250 2251.mikio div.dokuwiki div.inclmeta { 2252 margin-top: .5rem; 2253 padding-top: .5rem; 2254} 2255 2256.mikio #dw__login label[for=remember__me] { 2257 margin-left: 0; 2258} 2259 2260.mikio #config__manager fieldset { 2261 color: var(--text); 2262 background-color: transparent; 2263 margin: 0; 2264 padding: 0; 2265} 2266 2267.mikio #config__manager fieldset legend { 2268 text-align: left; 2269} 2270 2271.mikio #config__manager tr textarea { 2272 color: inherit; 2273 background-color: var(--control-background-color); 2274} 2275 2276.mikio #config__manager tr select { 2277 width: 100%; 2278 background-color: var(--control-background-color); 2279} 2280 2281.mikio #config__manager td.label { 2282 display: grid; 2283 grid-template-columns: auto 2rem; 2284} 2285 2286.mikio #config__manager td.label span.outkey { 2287 float: none; 2288 font-size: 100%; 2289 background-color: transparent; 2290 margin: 0; 2291 grid-column: 1 / span 1; 2292 grid-row: 1 / span 1; 2293} 2294 2295.mikio #config__manager td.label label { 2296 grid-column: 1 / span 1; 2297 grid-row: 2 / span 1; 2298} 2299 2300.mikio #config__manager td.label img { 2301 float: none; 2302 grid-column: 2 / span 1; 2303 grid-row: 1 / span 2; 2304 align-self: center; 2305} 2306 2307.mikio #config__manager td input.edit { 2308 width: 100%; 2309} 2310 2311.mikio #config__manager button[type=submit] { 2312 color: var(--button-default-text-color); 2313 background-color: var(--button-default-background-color); 2314 border-color: var(--button-default-border-color); 2315} 2316 2317.mikio #config__manager button[type=submit]:hover { 2318 color: var(--button-default-text-hover-color); 2319 background-color: var(--button-default-background-hover-color); 2320 border-color: var(--button-default-border-hover-color); 2321} 2322 2323.mode_revisions .mikio-article li { 2324 padding: .5rem 1rem; 2325 border-top: 1px solid var(--table-row-border-color); 2326 background-color: var(--table-even-row-background-color); 2327} 2328 2329.mode_revisions .mikio-article li:nth-child(odd) { 2330 background-color: var(--table-odd-row-background-color); 2331} 2332 2333.mode_revisions .mikio-article .li { 2334 display: grid; 2335 grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem; 2336 align-items: center; 2337 text-align: center; 2338 font-size: 90%; 2339} 2340 2341.mode_revisions .mikio-article .li a.wikilink1 { 2342 text-align: left; 2343} 2344 2345.mode_revisions .mikio-article .li span.sizechange { 2346 width: 100%; 2347 font-size: 80%; 2348 border-radius: .2em; 2349 padding: .1em .2em; 2350 color: var(--control-text-color) !important; 2351} 2352 2353.mode_revisions .mikio-article .sum { 2354 display: block; 2355} 2356 2357.mode_recent .mikio-article ul { 2358 list-style-type: none; 2359} 2360 2361.mode_recent .mikio-article li { 2362 padding: .5rem 1rem; 2363 border-top: 1px solid var(--table-row-border-color); 2364 background-color: var(--table-even-row-background-color); 2365} 2366 2367.mode_recent .mikio-article li:nth-child(odd) { 2368 background-color: var(--table-odd-row-background-color); 2369} 2370 2371.mode_recent .mikio-article .li { 2372 display: grid; 2373 grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem; 2374 align-items: center; 2375 text-align: center; 2376 font-size: 90%; 2377} 2378 2379.mode_recent .mikio-article .li a.wikilink1, 2380.mode_recent .mikio-article .li span.curid { 2381 text-align: left; 2382} 2383 2384.mode_recent .mikio-article .li span.sizechange { 2385 width: 100%; 2386 font-size: 80%; 2387 border-radius: .2em; 2388 padding: .1em .2em; 2389 color: var(--control-text-color); 2390} 2391 2392.mode_recent .mikio-article .li span.sizechange.positive { 2393 background-color: #cfc; 2394} 2395 2396.mode_recent .mikio-article .li span.sizechange.negative { 2397 background-color: #fdd; 2398} 2399 2400.mode_recent .mikio-article select { 2401 margin: 0; 2402 font-family: inherit; 2403 font-size: inherit; 2404 font-weight: 400; 2405 border-width: 1px; 2406 border-style: solid; 2407 border-color: transparent; 2408 border-radius: .25rem; 2409 box-sizing: border-box; 2410 vertical-align: middle; 2411 padding: .375rem .75rem; 2412 color: var(--control-text-color); 2413 background-color: var(--control-background-color); 2414 -webkit-user-select: none; 2415 -moz-user-select: none; 2416 -ms-user-select: none; 2417 height: 2.25rem; 2418} 2419 2420.mode_recent .mikio-article select[type=color] { 2421 padding: 0; 2422} 2423 2424.mikio #mediamanager__page, 2425#media__manager { 2426 width: 100%; 2427 min-width: 100%; 2428} 2429 2430.mikio #mediamanager__page button, 2431.mikio #mediamanager__page .qq-upload-button, 2432.mikio #mediamanager__page .qq-upload-list a, 2433#media__manager button, 2434#media__manager .qq-upload-button, 2435#media__manager .qq-upload-list a { 2436 margin: 0; 2437 font-family: inherit; 2438 font-size: inherit; 2439 font-weight: 400; 2440 border-width: 1px; 2441 border-style: solid; 2442 border-color: transparent; 2443 border-radius: .25rem; 2444 box-sizing: border-box; 2445 vertical-align: middle; 2446 padding: .375rem .75rem; 2447 color: var(--control-text-color); 2448 background-color: var(--control-background-color); 2449 display: inline-block; 2450 text-align: center; 2451 color: var(--button-text-color); 2452 background-color: var(--button-background-color); 2453 border-color: var(--button-border-color); 2454 line-height: 1.5; 2455 -webkit-text-decoration: none; 2456 text-decoration: none; 2457 text-transform: capitalize; 2458 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2459} 2460 2461.mikio #mediamanager__page button[type=color], 2462.mikio #mediamanager__page .qq-upload-button[type=color], 2463.mikio #mediamanager__page .qq-upload-list a[type=color], 2464#media__manager button[type=color], 2465#media__manager .qq-upload-button[type=color], 2466#media__manager .qq-upload-list a[type=color] { 2467 padding: 0; 2468} 2469 2470.mikio #mediamanager__page button:hover:not(:disabled), 2471.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled), 2472.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled), 2473#media__manager button:hover:not(:disabled), 2474#media__manager .qq-upload-button:hover:not(:disabled), 2475#media__manager .qq-upload-list a:hover:not(:disabled) { 2476 -webkit-text-decoration: none; 2477 text-decoration: none; 2478 color: var(--button-text-hover-color); 2479 background-color: var(--button-background-hover-color); 2480 border-color: var(--button-border-hover-color); 2481} 2482 2483.mikio #mediamanager__page button:disabled, 2484.mikio #mediamanager__page .qq-upload-button:disabled, 2485.mikio #mediamanager__page .qq-upload-list a:disabled, 2486#media__manager button:disabled, 2487#media__manager .qq-upload-button:disabled, 2488#media__manager .qq-upload-list a:disabled { 2489 opacity: .65; 2490} 2491 2492.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel, 2493#media__manager .qq-upload-list a.qq-upload-cancel { 2494 color: #fff; 2495 border-color: #dc3545; 2496 background-color: #dc3545; 2497} 2498 2499.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover, 2500#media__manager .qq-upload-list a.qq-upload-cancel:hover { 2501 color: #fff; 2502 background-color: #c03040; 2503 border-color: #c03040; 2504} 2505 2506.mikio #mediamanager__page button.qq-upload-action, 2507#media__manager button.qq-upload-action { 2508 color: var(--button-default-text-color); 2509 background-color: var(--button-default-background-color); 2510 border-color: var(--button-default-border-color); 2511} 2512 2513.mikio #mediamanager__page button.qq-upload-action:hover, 2514#media__manager button.qq-upload-action:hover { 2515 color: var(--button-default-text-hover-color); 2516 background-color: var(--button-default-background-hover-color); 2517 border-color: var(--button-default-border-hover-color); 2518} 2519 2520.mikio #mediamanager__page input[type=text], 2521.mikio #mediamanager__page input[type=search], 2522.mikio #mediamanager__page textarea, 2523#media__manager input[type=text], 2524#media__manager input[type=search], 2525#media__manager textarea { 2526 margin: 0; 2527 font-family: inherit; 2528 font-size: inherit; 2529 font-weight: 400; 2530 border-width: 1px; 2531 border-style: solid; 2532 border-color: transparent; 2533 border-radius: .25rem; 2534 box-sizing: border-box; 2535 vertical-align: middle; 2536 padding: .375rem .75rem; 2537 color: var(--control-text-color); 2538 background-color: var(--control-background-color); 2539 border-color: var(--input-border-color); 2540 line-height: inherit; 2541} 2542 2543.mikio #mediamanager__page input[type=text][type=color], 2544.mikio #mediamanager__page input[type=search][type=color], 2545.mikio #mediamanager__page textarea[type=color], 2546#media__manager input[type=text][type=color], 2547#media__manager input[type=search][type=color], 2548#media__manager textarea[type=color] { 2549 padding: 0; 2550} 2551 2552.mikio #mediamanager__page .ui-resizable-e, 2553#media__manager .ui-resizable-e { 2554 background: transparent; 2555 width: 6px; 2556 right: 2px; 2557} 2558 2559.mikio #mediamanager__page .ui-resizable-e:hover, 2560#media__manager .ui-resizable-e:hover { 2561 background-color: #999; 2562} 2563 2564.mikio #mediamanager__page .namespaces, 2565#media__manager .namespaces { 2566 width: 20%; 2567 min-width: 10em; 2568 left: 0 !important; 2569} 2570 2571.mikio #mediamanager__page .namespaces h2, 2572#media__manager .namespaces h2 { 2573 display: inline-block; 2574 background-color: var(--tab-active-background-color); 2575 font-weight: normal; 2576 color: var(--tab-active-color); 2577 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 2578 border-radius: .5rem .5rem 0 0; 2579 border-width: 1px; 2580 border-style: solid; 2581 padding: .5rem 1rem; 2582 margin: 0; 2583 bottom: -1px; 2584 font-size: 1rem; 2585} 2586 2587.mikio #mediamanager__page #media__tree, 2588#media__manager #media__tree { 2589 background-color: var(--tree-background-color); 2590 border-color: var(--tree-border-color); 2591} 2592 2593.mikio #mediamanager__page #media__tree ul, 2594.mikio #mediamanager__page #media__tree ul.idx, 2595#media__manager #media__tree ul, 2596#media__manager #media__tree ul.idx { 2597 margin-top: 0; 2598 margin-bottom: 0; 2599 padding: 0; 2600 list-style-type: none; 2601} 2602 2603.mikio #mediamanager__page #media__tree ul ul, 2604.mikio #mediamanager__page #media__tree ul.idx ul, 2605#media__manager #media__tree ul ul, 2606#media__manager #media__tree ul.idx ul { 2607 margin-left: 1rem; 2608} 2609 2610.mikio #mediamanager__page #media__tree ul li, 2611.mikio #mediamanager__page #media__tree ul.idx li, 2612#media__manager #media__tree ul li, 2613#media__manager #media__tree ul.idx li { 2614 margin: .25rem 0; 2615 white-space: nowrap; 2616} 2617 2618.mikio #mediamanager__page #media__tree ul li img, 2619.mikio #mediamanager__page #media__tree ul.idx li img, 2620#media__manager #media__tree ul li img, 2621#media__manager #media__tree ul.idx li img { 2622 margin-right: .2rem; 2623} 2624 2625.mikio #mediamanager__page #media__tree ul a, 2626.mikio #mediamanager__page #media__tree ul.idx a, 2627#media__manager #media__tree ul a, 2628#media__manager #media__tree ul.idx a { 2629 -webkit-text-decoration: none; 2630 text-decoration: none; 2631} 2632 2633.mikio #mediamanager__page #media__tree ul div, 2634.mikio #mediamanager__page #media__tree ul.idx div, 2635#media__manager #media__tree ul div, 2636#media__manager #media__tree ul.idx div { 2637 display: inline-block; 2638} 2639 2640.mikio #mediamanager__page .panelHeader, 2641#media__manager .panelHeader { 2642 margin-bottom: 0 !important; 2643 background-color: var(--tab-active-background-color); 2644 border-width: 1px 1px 1px 1px; 2645 border-style: solid; 2646 border-color: var(--tab-active-border-color) !important; 2647 word-wrap: break-word; 2648 word-break: break-word; 2649} 2650 2651.mikio #mediamanager__page .filelist, 2652#media__manager .filelist { 2653 width: 50%; 2654 min-width: 25em; 2655 left: 0 !important; 2656} 2657 2658.mikio #mediamanager__page .filelist .panelHeader, 2659.mikio #mediamanager__page .qq-uploader .panelHeader, 2660#media__manager .filelist .panelHeader, 2661#media__manager .qq-uploader .panelHeader { 2662 margin-bottom: 0 !important; 2663 background-color: var(--tab-active-background-color); 2664 border-width: 1px 1px 1px 1px; 2665 border-style: solid; 2666 border-color: var(--tab-active-border-color) !important; 2667 word-wrap: break-word; 2668 word-break: break-word; 2669} 2670 2671.mikio #mediamanager__page .filelist .panelHeader h3, 2672.mikio #mediamanager__page .qq-uploader .panelHeader h3, 2673#media__manager .filelist .panelHeader h3, 2674#media__manager .qq-uploader .panelHeader h3 { 2675 width: 100%; 2676} 2677 2678.mikio #mediamanager__page .filelist form.options, 2679.mikio #mediamanager__page .qq-uploader form.options, 2680#media__manager .filelist form.options, 2681#media__manager .qq-uploader form.options { 2682 margin-top: 0; 2683} 2684 2685.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label, 2686.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label, 2687#media__manager .filelist form.options .ui-controlgroup-horizontal label, 2688#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label { 2689 margin-right: 0; 2690} 2691 2692.mikio #mediamanager__page .filelist .panelContent, 2693.mikio #mediamanager__page .qq-uploader .panelContent, 2694#media__manager .filelist .panelContent, 2695#media__manager .qq-uploader .panelContent { 2696 text-align: center; 2697} 2698 2699.mikio #mediamanager__page .filelist .panelContent ul li:hover, 2700.mikio #mediamanager__page .qq-uploader .panelContent ul li:hover, 2701#media__manager .filelist .panelContent ul li:hover, 2702#media__manager .qq-uploader .panelContent ul li:hover { 2703 background-color: initial; 2704} 2705 2706.mikio #mediamanager__page .filelist ul, 2707.mikio #mediamanager__page .qq-uploader ul, 2708#media__manager .filelist ul, 2709#media__manager .qq-uploader ul { 2710 margin: 1rem 0 -1px 0; 2711} 2712 2713.mikio #mediamanager__page .filelist ul.thumbs, 2714.mikio #mediamanager__page .qq-uploader ul.thumbs, 2715#media__manager .filelist ul.thumbs, 2716#media__manager .qq-uploader ul.thumbs { 2717 margin: 0; 2718} 2719 2720.mikio #mediamanager__page .filelist ul.thumbs li, 2721.mikio #mediamanager__page .qq-uploader ul.thumbs li, 2722#media__manager .filelist ul.thumbs li, 2723#media__manager .qq-uploader ul.thumbs li { 2724 display: inline-block; 2725 width: 200px; 2726 background-color: var(--tab-active-background-color); 2727 color: var(--tab-active-color); 2728} 2729 2730.mikio #mediamanager__page .filelist ul.thumbs li dt, 2731.mikio #mediamanager__page .qq-uploader ul.thumbs li dt, 2732#media__manager .filelist ul.thumbs li dt, 2733#media__manager .qq-uploader ul.thumbs li dt { 2734 text-align: center; 2735} 2736 2737.mikio #mediamanager__page .filelist ul.thumbs li dt a, 2738.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a, 2739#media__manager .filelist ul.thumbs li dt a, 2740#media__manager .qq-uploader ul.thumbs li dt a { 2741 display: block; 2742 width: 100%; 2743} 2744 2745.mikio #mediamanager__page .filelist ul.thumbs li dt a img, 2746.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a img, 2747#media__manager .filelist ul.thumbs li dt a img, 2748#media__manager .qq-uploader ul.thumbs li dt a img { 2749 min-height: 90px; 2750 min-width: 90px; 2751} 2752 2753.mikio #mediamanager__page .filelist ul.thumbs li dd, 2754.mikio #mediamanager__page .qq-uploader ul.thumbs li dd, 2755#media__manager .filelist ul.thumbs li dd, 2756#media__manager .qq-uploader ul.thumbs li dd { 2757 width: auto; 2758 font-size: 80%; 2759 margin-bottom: .25rem; 2760 margin-inline-start: 0; 2761} 2762 2763.mikio #mediamanager__page .filelist ul.thumbs li .name, 2764.mikio #mediamanager__page .qq-uploader ul.thumbs li .name, 2765#media__manager .filelist ul.thumbs li .name, 2766#media__manager .qq-uploader ul.thumbs li .name { 2767 font-weight: normal; 2768} 2769 2770.mikio #mediamanager__page .filelist ul.rows, 2771.mikio #mediamanager__page .qq-uploader ul.rows, 2772#media__manager .filelist ul.rows, 2773#media__manager .qq-uploader ul.rows { 2774 list-style-type: none; 2775 padding: 0; 2776} 2777 2778.mikio #mediamanager__page .filelist ul.rows li, 2779.mikio #mediamanager__page .qq-uploader ul.rows li, 2780#media__manager .filelist ul.rows li, 2781#media__manager .qq-uploader ul.rows li { 2782 background-color: var(--table-odd-row-background-color); 2783 max-height: none; 2784 font-size: 90%; 2785 color: var(--text); 2786 overflow: auto; 2787} 2788 2789.mikio #mediamanager__page .filelist ul.rows li:nth-child(2n+1), 2790.mikio #mediamanager__page .qq-uploader ul.rows li:nth-child(2n+1), 2791#media__manager .filelist ul.rows li:nth-child(2n+1), 2792#media__manager .qq-uploader ul.rows li:nth-child(2n+1) { 2793 background-color: var(--table-even-row-background-color); 2794} 2795 2796.mikio #mediamanager__page .filelist ul.rows li a, 2797.mikio #mediamanager__page .qq-uploader ul.rows li a, 2798#media__manager .filelist ul.rows li a, 2799#media__manager .qq-uploader ul.rows li a { 2800 font-weight: normal; 2801} 2802 2803.mikio #mediamanager__page .filelist ul.rows li dl, 2804.mikio #mediamanager__page .qq-uploader ul.rows li dl, 2805#media__manager .filelist ul.rows li dl, 2806#media__manager .qq-uploader ul.rows li dl { 2807 display: flex; 2808 align-items: center; 2809} 2810 2811.mikio #mediamanager__page .filelist ul.rows li dt, 2812.mikio #mediamanager__page .qq-uploader ul.rows li dt, 2813#media__manager .filelist ul.rows li dt, 2814#media__manager .qq-uploader ul.rows li dt { 2815 display: flex; 2816 align-items: center; 2817 justify-content: center; 2818 width: 10%; 2819} 2820 2821.mikio #mediamanager__page .filelist ul.rows li dt a, 2822.mikio #mediamanager__page .qq-uploader ul.rows li dt a, 2823#media__manager .filelist ul.rows li dt a, 2824#media__manager .qq-uploader ul.rows li dt a { 2825 height: auto; 2826 width: auto; 2827} 2828 2829.mikio #mediamanager__page .filelist ul.rows li dt a img, 2830.mikio #mediamanager__page .qq-uploader ul.rows li dt a img, 2831#media__manager .filelist ul.rows li dt a img, 2832#media__manager .qq-uploader ul.rows li dt a img { 2833 display: block; 2834 max-width: 40px; 2835 max-height: 40px; 2836} 2837 2838.mikio #mediamanager__page .filelist ul.rows li dd.name, 2839.mikio #mediamanager__page .qq-uploader ul.rows li dd.name, 2840#media__manager .filelist ul.rows li dd.name, 2841#media__manager .qq-uploader ul.rows li dd.name { 2842 text-align: left; 2843 width: 30%; 2844 overflow: hidden; 2845 text-overflow: ellipsis; 2846 float: left; 2847 margin-left: 1%; 2848 white-space: nowrap; 2849} 2850 2851.mikio #mediamanager__page .filelist ul.rows li dd.size, 2852.mikio #mediamanager__page .qq-uploader ul.rows li dd.size, 2853#media__manager .filelist ul.rows li dd.size, 2854#media__manager .qq-uploader ul.rows li dd.size { 2855 width: 15%; 2856} 2857 2858.mikio #mediamanager__page .filelist ul.rows li dd.date, 2859.mikio #mediamanager__page .qq-uploader ul.rows li dd.date, 2860#media__manager .filelist ul.rows li dd.date, 2861#media__manager .qq-uploader ul.rows li dd.date { 2862 width: 20%; 2863} 2864 2865.mikio #mediamanager__page .filelist ul.rows li dd.filesize, 2866.mikio #mediamanager__page .qq-uploader ul.rows li dd.filesize, 2867#media__manager .filelist ul.rows li dd.filesize, 2868#media__manager .qq-uploader ul.rows li dd.filesize { 2869 width: 15%; 2870} 2871 2872.mikio #mediamanager__page .filelist ul.rows li dd, 2873.mikio #mediamanager__page .qq-uploader ul.rows li dd, 2874#media__manager .filelist ul.rows li dd, 2875#media__manager .qq-uploader ul.rows li dd { 2876 margin: 0; 2877 font-size: 90%; 2878} 2879 2880.mikio #mediamanager__page .filelist .qq-upload-list, 2881.mikio #mediamanager__page .qq-uploader .qq-upload-list, 2882#media__manager .filelist .qq-upload-list, 2883#media__manager .qq-uploader .qq-upload-list { 2884 margin-top: 1rem; 2885} 2886 2887.mikio #mediamanager__page .filelist .qq-upload-list li:hover, 2888.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover, 2889#media__manager .filelist .qq-upload-list li:hover, 2890#media__manager .qq-uploader .qq-upload-list li:hover { 2891 background-color: transparent; 2892} 2893 2894.mikio #mediamanager__page .filelist .qq-action-container, 2895.mikio #mediamanager__page .qq-uploader .qq-action-container, 2896#media__manager .filelist .qq-action-container, 2897#media__manager .qq-uploader .qq-action-container { 2898 margin-top: 1rem; 2899 padding-top: 1rem; 2900 border-top: 1px solid #dee2e6; 2901} 2902 2903.mikio #mediamanager__page .file .panelHeader, 2904#media__manager .file .panelHeader { 2905 margin-bottom: 0 !important; 2906 background-color: var(--tab-active-background-color); 2907 border-width: 1px 1px 1px 1px; 2908 border-style: solid; 2909 border-color: var(--tab-active-border-color) !important; 2910 word-wrap: break-word; 2911 word-break: break-word; 2912} 2913 2914.mikio #mediamanager__page .file .panelHeader a, 2915#media__manager .file .panelHeader a { 2916 font-weight: normal; 2917 color: #333; 2918} 2919 2920.mikio #mediamanager__page .file ul.tabs, 2921#media__manager .file ul.tabs { 2922 padding: 0; 2923 margin-top: 1rem; 2924 margin-bottom: -1px; 2925 list-style-type: none; 2926} 2927 2928.mikio #mediamanager__page .file ul.tabs li, 2929#media__manager .file ul.tabs li { 2930 float: none; 2931 display: inline-block; 2932 font-size: 1rem; 2933 line-height: 1.4rem; 2934 position: relative; 2935 z-index: 2; 2936} 2937 2938.mikio #mediamanager__page .file ul.tabs li strong, 2939#media__manager .file ul.tabs li strong { 2940 display: inline-block; 2941 background-color: var(--tab-active-background-color); 2942 font-weight: normal; 2943 color: var(--tab-active-color); 2944 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 2945 border-radius: .5rem .5rem 0 0; 2946 border-width: 1px; 2947 border-style: solid; 2948 padding: .5rem 1rem; 2949 margin: 0; 2950 bottom: -1px; 2951} 2952 2953.mikio #mediamanager__page .file ul.tabs li a, 2954#media__manager .file ul.tabs li a { 2955 display: inline-block; 2956 padding: .5rem 1rem; 2957 border: 1px solid var(--tab-border-color); 2958 color: var(--tab-color); 2959 -webkit-text-decoration: none; 2960 text-decoration: none; 2961 margin: 0; 2962 background-color: var(--tab-background-color); 2963} 2964 2965.mikio #mediamanager__page .file ul.tabs li a:hover, 2966#media__manager .file ul.tabs li a:hover { 2967 color: var(--tab-hover-color); 2968 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 2969 border-radius: .5rem .5rem 0 0; 2970 background-color: var(--tab-background-hover-color); 2971} 2972 2973.mikio #mediamanager__page .file ul.tabs:after, 2974#media__manager .file ul.tabs:after { 2975 border-bottom: 0; 2976} 2977 2978.mikio #mediamanager__page .file #mediamanager__btn_delete button, 2979#media__manager .file #mediamanager__btn_delete button { 2980 color: #fff; 2981 border-color: #dc3545; 2982 background-color: #dc3545; 2983} 2984 2985.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover, 2986#media__manager .file #mediamanager__btn_delete button:hover { 2987 color: #fff; 2988 background-color: #c03040; 2989 border-color: #c03040; 2990} 2991 2992.mikio #mediamanager__page .file dl, 2993#media__manager .file dl { 2994 font-size: 90%; 2995} 2996 2997.mikio #mediamanager__page .file dl dt, 2998#media__manager .file dl dt { 2999 padding: .25rem .5rem; 3000 background-color: #f0f0f0; 3001} 3002 3003.mikio #mediamanager__page .file dl dd, 3004#media__manager .file dl dd { 3005 padding: .25rem .5rem; 3006 background-color: #f8f8f8; 3007} 3008 3009.mikio #mediamanager__page .file input[type=text], 3010.mikio #mediamanager__page .file form.meta textarea.edit, 3011#media__manager .file input[type=text], 3012#media__manager .file form.meta textarea.edit { 3013 width: 100%; 3014 min-width: 100%; 3015 max-width: 100%; 3016} 3017 3018.mikio #mediamanager__page .file button[name="mediado[save]"], 3019#media__manager .file button[name="mediado[save]"] { 3020 color: var(--button-default-text-color); 3021 background-color: var(--button-default-background-color); 3022 border-color: var(--button-default-border-color); 3023} 3024 3025.mikio #mediamanager__page .file button[name="mediado[save]"]:hover, 3026#media__manager .file button[name="mediado[save]"]:hover { 3027 color: var(--button-default-text-hover-color); 3028 background-color: var(--button-default-background-hover-color); 3029 border-color: var(--button-default-border-hover-color); 3030} 3031 3032.mikio #mediamanager__page .panel, 3033#media__manager .panel { 3034 float: left; 3035} 3036 3037.mikio #mediamanager__page .panelHeader, 3038#media__manager .panelHeader { 3039 margin: 0 10px 10px 0; 3040 padding: 10px 10px 8px; 3041 font-size: .9rem; 3042 overflow: hidden; 3043} 3044 3045.mikio #mediamanager__page .panelHeader h3, 3046#media__manager .panelHeader h3 { 3047 float: left; 3048 font-weight: normal; 3049 font-size: 1em; 3050 padding: 0; 3051 margin: 0 0 3px; 3052} 3053 3054.mikio #mediamanager__page .panelHeader form.options, 3055#media__manager .panelHeader form.options { 3056 float: right; 3057} 3058 3059.mikio #mediamanager__page .panelContent, 3060#media__manager .panelContent { 3061 background-color: var(--tab-active-background-color); 3062 margin: 0 10px 0 0; 3063 border-width: 0 1px 1px 1px; 3064 border-style: solid; 3065 border-color: var(--tab-active-border-color); 3066 padding: .5rem; 3067} 3068 3069.mikio #mediamanager__page #media__opts, 3070#media__manager #media__opts { 3071 border-bottom: 1px solid var(--tab-active-border-color); 3072 padding-bottom: .75rem; 3073} 3074 3075.mikio #mediamanager__page #media__content .odd, 3076.mikio #mediamanager__page #media__content .even, 3077#media__manager #media__content .odd, 3078#media__manager #media__content .even { 3079 border-top: 1px solid var(--table-row-border-color); 3080 font-size: 90%; 3081 display: grid; 3082 grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem; 3083 align-items: center; 3084} 3085 3086.mikio #mediamanager__page #media__content .odd a.mediafile, 3087.mikio #mediamanager__page #media__content .even a.mediafile, 3088#media__manager #media__content .odd a.mediafile, 3089#media__manager #media__content .even a.mediafile { 3090 grid-column: 2 / span 1; 3091 grid-row: 1 / span 1; 3092 margin: 0; 3093 word-break: break-word; 3094} 3095 3096.mikio #mediamanager__page #media__content .odd span.info, 3097.mikio #mediamanager__page #media__content .even span.info, 3098#media__manager #media__content .odd span.info, 3099#media__manager #media__content .even span.info { 3100 grid-column: 3 / span 1; 3101 grid-row: 1 / span 1; 3102 text-align: center; 3103} 3104 3105.mikio #mediamanager__page #media__content .odd span.info br, 3106.mikio #mediamanager__page #media__content .even span.info br, 3107#media__manager #media__content .odd span.info br, 3108#media__manager #media__content .even span.info br { 3109 display: inline-block; 3110} 3111 3112.mikio #mediamanager__page #media__content .odd a:nth-child(2), 3113.mikio #mediamanager__page #media__content .even a:nth-child(2), 3114#media__manager #media__content .odd a:nth-child(2), 3115#media__manager #media__content .even a:nth-child(2) { 3116 grid-column: 4 / span 1; 3117 grid-row: 1 / span 1; 3118 text-align: center; 3119} 3120 3121.mikio #mediamanager__page #media__content .odd a:nth-child(3), 3122.mikio #mediamanager__page #media__content .even a:nth-child(3), 3123#media__manager #media__content .odd a:nth-child(3), 3124#media__manager #media__content .even a:nth-child(3) { 3125 grid-column: 5 / span 1; 3126 grid-row: 1 / span 1; 3127 text-align: center; 3128} 3129 3130.mikio #mediamanager__page #media__content .odd a.btn_media_delete, 3131.mikio #mediamanager__page #media__content .even a.btn_media_delete, 3132#media__manager #media__content .odd a.btn_media_delete, 3133#media__manager #media__content .even a.btn_media_delete { 3134 grid-column: 6 / span 1; 3135 grid-row: 1 / span 1; 3136 text-align: center; 3137} 3138 3139.mikio #mediamanager__page #media__content .odd div.example, 3140.mikio #mediamanager__page #media__content .odd div.clearer, 3141.mikio #mediamanager__page #media__content .odd br, 3142.mikio #mediamanager__page #media__content .even div.example, 3143.mikio #mediamanager__page #media__content .even div.clearer, 3144.mikio #mediamanager__page #media__content .even br, 3145#media__manager #media__content .odd div.example, 3146#media__manager #media__content .odd div.clearer, 3147#media__manager #media__content .odd br, 3148#media__manager #media__content .even div.example, 3149#media__manager #media__content .even div.clearer, 3150#media__manager #media__content .even br { 3151 display: none; 3152} 3153 3154.mikio #mediamanager__page #media__content .odd div.detail, 3155.mikio #mediamanager__page #media__content .even div.detail, 3156#media__manager #media__content .odd div.detail, 3157#media__manager #media__content .even div.detail { 3158 grid-column: 1 / span 1; 3159 grid-row: 1 / span 1; 3160 padding: 0; 3161} 3162 3163.mikio #mediamanager__page #media__content .odd div.detail div.thumb, 3164.mikio #mediamanager__page #media__content .even div.detail div.thumb, 3165#media__manager #media__content .odd div.detail div.thumb, 3166#media__manager #media__content .even div.detail div.thumb { 3167 float: none; 3168 margin: 0; 3169} 3170 3171.mikio #mediamanager__page #media__content .odd div.detail div.thumb img, 3172.mikio #mediamanager__page #media__content .even div.detail div.thumb img, 3173#media__manager #media__content .odd div.detail div.thumb img, 3174#media__manager #media__content .even div.detail div.thumb img { 3175 max-width: 48px; 3176 max-height: 48px; 3177} 3178 3179.mikio #mediamanager__page #media__content .odd, 3180#media__manager #media__content .odd { 3181 background-color: var(--table-odd-row-background-color); 3182} 3183 3184.mikio #mediamanager__page #media__content .even, 3185#media__manager #media__content .even { 3186 background-color: var(--table-even-row-background-color); 3187} 3188 3189.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form { 3190 display: grid; 3191 margin: 0 auto; 3192 width: auto; 3193 max-width: 800px; 3194 grid-template-columns: auto 10rem 10rem; 3195 grid-gap: 1rem; 3196} 3197 3198.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] { 3199 grid-column: 1 / span 1; 3200 grid-row: 1 / span 1; 3201 width: 100%; 3202} 3203 3204.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] { 3205 color: var(--button-default-text-color); 3206 background-color: var(--button-default-background-color); 3207 border-color: var(--button-default-border-color); 3208 grid-column: 2 / span 1; 3209 grid-row: 1 / span 1; 3210} 3211 3212.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover { 3213 color: var(--button-default-text-hover-color); 3214 background-color: var(--button-default-background-hover-color); 3215 border-color: var(--button-default-border-hover-color); 3216} 3217 3218.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant { 3219 padding: .1rem .75rem; 3220 font-size: 80% !important; 3221 min-width: 3rem; 3222 grid-column: 3 / span 1; 3223 grid-row: 1 / span 1; 3224 flex: 0; 3225} 3226 3227.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions { 3228 grid-column: 1 / span 3; 3229 grid-row: 2 / span 1; 3230 text-align: center; 3231} 3232 3233.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle { 3234 position: relative; 3235 display: inline-block; 3236 border: 1px solid var(--dropdown-border-color); 3237 background-color: var(--dropdown-background-color); 3238 color: var(--dropdown-color); 3239 border-radius: .25rem; 3240 padding: .375rem .75rem; 3241 text-align: left; 3242} 3243 3244.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current { 3245 padding: .2rem 2.2rem .2rem .2rem; 3246 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>'); 3247 background-size: 1.2rem; 3248 background-position: right; 3249 background-repeat: no-repeat; 3250} 3251 3252.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after { 3253 content: ""; 3254} 3255 3256.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul { 3257 position: absolute; 3258 right: 0; 3259 top: .5rem; 3260 padding: .5rem 2rem; 3261 border: 1px solid var(--dropdown-border-color); 3262 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 3263 background-color: var(--dropdown-background-color); 3264 color: #999; 3265 list-style-type: none; 3266} 3267 3268.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li { 3269 margin: 0rem; 3270 white-space: nowrap; 3271} 3272 3273.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li.active { 3274 padding: .2rem 0; 3275 display: block; 3276} 3277 3278.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a { 3279 transition: all 0.15s ease-in-out; 3280 color: var(--dropdown-color); 3281 -webkit-text-decoration: none; 3282 text-decoration: none; 3283 font-style: normal; 3284 display: block; 3285 padding: .2rem 2rem; 3286 margin: 0 -2rem; 3287} 3288 3289.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover { 3290 background-color: var(--dropdown-hover-color); 3291} 3292 3293.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul[aria-expanded="false"] { 3294 display: none; 3295} 3296 3297.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle+.toggle { 3298 margin-left: 1rem; 3299} 3300 3301.mikio.dokuwiki .mode_search .mikio-article h2 { 3302 margin-top: .5rem; 3303 padding-top: 1rem; 3304 border-top: 1px solid #dee2e6; 3305} 3306 3307.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul { 3308 background-color: #fff; 3309 padding: .5rem 1rem; 3310 list-style-type: none; 3311} 3312 3313.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li { 3314 float: none; 3315 text-align: left; 3316 padding-left: 0; 3317} 3318 3319.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before { 3320 font-size: 1.2rem; 3321 content: '\2022'; 3322 margin-right: 0.5em; 3323} 3324 3325.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li { 3326 display: inline-block; 3327} 3328 3329.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li { 3330 width: auto; 3331} 3332 3333.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result { 3334 border-top: 1px solid var(--table-row-border-color); 3335 padding: .75rem; 3336 background-color: var(--table-odd-row-background-color); 3337} 3338 3339.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) { 3340 background-color: var(--table-even-row-background-color); 3341} 3342 3343.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet { 3344 font-size: 90%; 3345 margin-bottom: 0; 3346} 3347 3348#index__tree { 3349 background-color: var(--tree-background-color); 3350 border: 1px solid var(--tree-border-color); 3351 padding: 0 1rem; 3352} 3353 3354#index__tree ul { 3355 padding-left: 1rem; 3356} 3357 3358#index__tree a { 3359 -webkit-text-decoration: none; 3360 text-decoration: none; 3361} 3362 3363#index__tree .curid a { 3364 color: var(--section-edit-highlight); 3365} 3366 3367.mikio.dokuwiki ul.tabs { 3368 padding: 0; 3369 margin-top: 1rem; 3370 margin-bottom: -1px; 3371 list-style-type: none; 3372} 3373 3374.mikio.dokuwiki ul.tabs li { 3375 float: none; 3376 display: inline-block; 3377 font-size: 1rem; 3378 line-height: 1.4rem; 3379 position: relative; 3380 z-index: 2; 3381} 3382 3383.mikio.dokuwiki ul.tabs li strong { 3384 display: inline-block; 3385 background-color: var(--tab-active-background-color); 3386 font-weight: normal; 3387 color: var(--tab-active-color); 3388 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 3389 border-radius: .5rem .5rem 0 0; 3390 border-width: 1px; 3391 border-style: solid; 3392 padding: .5rem 1rem; 3393 margin: 0; 3394 bottom: -1px; 3395} 3396 3397.mikio.dokuwiki ul.tabs li a { 3398 display: inline-block; 3399 padding: .5rem 1rem; 3400 border: 1px solid var(--tab-border-color); 3401 color: var(--tab-color); 3402 -webkit-text-decoration: none; 3403 text-decoration: none; 3404 margin: 0; 3405 background-color: var(--tab-background-color); 3406} 3407 3408.mikio.dokuwiki ul.tabs li a:hover { 3409 color: var(--tab-hover-color); 3410 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 3411 border-radius: .5rem .5rem 0 0; 3412 background-color: var(--tab-background-hover-color); 3413} 3414 3415.mikio.dokuwiki ul.tabs:after { 3416 border-bottom: 0; 3417} 3418 3419.mikio .mode_draft table { 3420 margin-bottom: 1rem; 3421} 3422 3423#dokuwiki__detail { 3424 background-color: var(--admin-background-color); 3425 height: 100vh; 3426 padding: 0 2rem; 3427} 3428 3429#dokuwiki__detail .content { 3430 display: flex; 3431} 3432 3433#dokuwiki__detail .content .img_detail dl { 3434 display: grid; 3435 grid-template-columns: 4rem auto; 3436 align-items: center; 3437} 3438 3439#dokuwiki__detail .content .img_detail dl dt { 3440 font-weight: bold; 3441} 3442 3443.mikio .content_partial button, 3444.mikio .content_partial input, 3445.mikio .content_partial optgroup, 3446.mikio .content_partial select, 3447.mikio .content_partial textarea { 3448 margin: 0; 3449 font-family: inherit; 3450 font-size: inherit; 3451 font-weight: 400; 3452 border-width: 1px; 3453 border-style: solid; 3454 border-color: transparent; 3455 border-radius: .25rem; 3456 box-sizing: border-box; 3457 vertical-align: middle; 3458 padding: .375rem .75rem; 3459 color: var(--control-text-color); 3460 background-color: var(--control-background-color); 3461 border-color: var(--input-border-color); 3462 line-height: inherit; 3463} 3464 3465.mikio .content_partial button[type=color], 3466.mikio .content_partial input[type=color], 3467.mikio .content_partial optgroup[type=color], 3468.mikio .content_partial select[type=color], 3469.mikio .content_partial textarea[type=color] { 3470 padding: 0; 3471} 3472 3473.mikio .content_partial button, 3474.mikio .content_partial input[type=button], 3475.mikio .content_partial input[type=image] { 3476 display: inline-block; 3477 text-align: center; 3478 color: var(--button-text-color); 3479 background-color: var(--button-background-color); 3480 border-color: var(--button-border-color); 3481 line-height: 1.5; 3482 -webkit-text-decoration: none; 3483 text-decoration: none; 3484 text-transform: capitalize; 3485 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3486} 3487 3488.mikio .content_partial button:hover:not(:disabled), 3489.mikio .content_partial input[type=button]:hover:not(:disabled), 3490.mikio .content_partial input[type=image]:hover:not(:disabled) { 3491 -webkit-text-decoration: none; 3492 text-decoration: none; 3493 color: var(--button-text-hover-color); 3494 background-color: var(--button-background-hover-color); 3495 border-color: var(--button-border-hover-color); 3496} 3497 3498.mikio .content_partial button:disabled, 3499.mikio .content_partial input[type=button]:disabled, 3500.mikio .content_partial input[type=image]:disabled { 3501 opacity: .65; 3502} 3503 3504.mikio .content_partial button#edbtn__save, 3505.mikio .content_partial button[name="run[save]"] { 3506 color: var(--button-default-text-color); 3507 background-color: var(--button-default-background-color); 3508 border-color: var(--button-default-border-color); 3509} 3510 3511.mikio .content_partial button#edbtn__save:hover, 3512.mikio .content_partial button[name="run[save]"]:hover { 3513 color: var(--button-default-text-hover-color); 3514 background-color: var(--button-default-background-hover-color); 3515 border-color: var(--button-default-border-hover-color); 3516} 3517 3518.mikio .content_partial input[type=text], 3519.mikio .content_partial input[type=search], 3520.mikio .content_partial input[type=password], 3521.mikio .content_partial input[type=email] { 3522 -webkit-appearance: none; 3523 -moz-appearance: none; 3524 -ms-appearance: none; 3525} 3526 3527.mikio .content_partial textarea { 3528 margin-bottom: 1rem; 3529 width: 100%; 3530 word-wrap: break-word; 3531 overflow: auto; 3532 resize: vertical; 3533 white-space: pre-wrap; 3534} 3535 3536.mikio .content_partial select { 3537 -webkit-user-select: none; 3538 -moz-user-select: none; 3539 -ms-user-select: none; 3540 height: 2.25rem; 3541} 3542 3543.mikio .content_partial .toolbutton { 3544 border-radius: 0; 3545 border-right-width: 0; 3546 border-color: var(--input-border-color); 3547} 3548 3549.mikio .content_partial .toolbutton:first-of-type { 3550 border-radius: .25rem 0 0 .25rem; 3551} 3552 3553.mikio .content_partial .toolbutton:last-of-type { 3554 border-radius: 0 .25rem .25rem 0; 3555 border-right-width: 1px; 3556} 3557 3558.mikio div.dokuwiki div.comment_wrapper { 3559 padding: 1em; 3560} 3561 3562.mikio div.dokuwiki div.comment_wrapper button, 3563.mikio div.dokuwiki div.comment_wrapper input, 3564.mikio div.dokuwiki div.comment_wrapper optgroup, 3565.mikio div.dokuwiki div.comment_wrapper select, 3566.mikio div.dokuwiki div.comment_wrapper textarea { 3567 margin: 0; 3568 font-family: inherit; 3569 font-size: inherit; 3570 font-weight: 400; 3571 border-width: 1px; 3572 border-style: solid; 3573 border-color: transparent; 3574 border-radius: .25rem; 3575 box-sizing: border-box; 3576 vertical-align: middle; 3577 padding: .375rem .75rem; 3578 color: var(--control-text-color); 3579 background-color: var(--control-background-color); 3580 border-color: var(--input-border-color); 3581 line-height: inherit; 3582} 3583 3584.mikio div.dokuwiki div.comment_wrapper button[type=color], 3585.mikio div.dokuwiki div.comment_wrapper input[type=color], 3586.mikio div.dokuwiki div.comment_wrapper optgroup[type=color], 3587.mikio div.dokuwiki div.comment_wrapper select[type=color], 3588.mikio div.dokuwiki div.comment_wrapper textarea[type=color] { 3589 padding: 0; 3590} 3591 3592.mikio div.dokuwiki div.comment_wrapper button, 3593.mikio div.dokuwiki div.comment_wrapper input[type=button], 3594.mikio div.dokuwiki div.comment_wrapper input[type=image] { 3595 display: inline-block; 3596 text-align: center; 3597 color: var(--button-text-color); 3598 background-color: var(--button-background-color); 3599 border-color: var(--button-border-color); 3600 line-height: 1.5; 3601 -webkit-text-decoration: none; 3602 text-decoration: none; 3603 text-transform: capitalize; 3604 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3605} 3606 3607.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled), 3608.mikio div.dokuwiki div.comment_wrapper input[type=button]:hover:not(:disabled), 3609.mikio div.dokuwiki div.comment_wrapper input[type=image]:hover:not(:disabled) { 3610 -webkit-text-decoration: none; 3611 text-decoration: none; 3612 color: var(--button-text-hover-color); 3613 background-color: var(--button-background-hover-color); 3614 border-color: var(--button-border-hover-color); 3615} 3616 3617.mikio div.dokuwiki div.comment_wrapper button:disabled, 3618.mikio div.dokuwiki div.comment_wrapper input[type=button]:disabled, 3619.mikio div.dokuwiki div.comment_wrapper input[type=image]:disabled { 3620 opacity: .65; 3621} 3622 3623.mikio div.dokuwiki div.comment_wrapper button#edbtn__save, 3624.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] { 3625 color: var(--button-default-text-color); 3626 background-color: var(--button-default-background-color); 3627 border-color: var(--button-default-border-color); 3628} 3629 3630.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover, 3631.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover { 3632 color: var(--button-default-text-hover-color); 3633 background-color: var(--button-default-background-hover-color); 3634 border-color: var(--button-default-border-hover-color); 3635} 3636 3637.mikio div.dokuwiki div.comment_wrapper input[type=text], 3638.mikio div.dokuwiki div.comment_wrapper input[type=search], 3639.mikio div.dokuwiki div.comment_wrapper input[type=password], 3640.mikio div.dokuwiki div.comment_wrapper input[type=email] { 3641 -webkit-appearance: none; 3642 -moz-appearance: none; 3643 -ms-appearance: none; 3644} 3645 3646.mikio div.dokuwiki div.comment_wrapper textarea { 3647 margin-bottom: 1rem; 3648 width: 100%; 3649 word-wrap: break-word; 3650 overflow: auto; 3651 resize: vertical; 3652 white-space: pre-wrap; 3653} 3654 3655.mikio div.dokuwiki div.comment_wrapper select { 3656 -webkit-user-select: none; 3657 -moz-user-select: none; 3658 -ms-user-select: none; 3659 height: 2.25rem; 3660} 3661 3662.mikio div.dokuwiki div.comment_wrapper .toolbutton { 3663 border-radius: 0; 3664 border-right-width: 0; 3665 border-color: var(--input-border-color); 3666} 3667 3668.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type { 3669 border-radius: .25rem 0 0 .25rem; 3670} 3671 3672.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type { 3673 border-radius: 0 .25rem .25rem 0; 3674 border-right-width: 1px; 3675} 3676 3677.mikio div.dokuwiki div.comment_wrapper input[type=submit] { 3678 margin: 0; 3679 font-family: inherit; 3680 font-size: inherit; 3681 font-weight: 400; 3682 border-width: 1px; 3683 border-style: solid; 3684 border-color: transparent; 3685 border-radius: .25rem; 3686 box-sizing: border-box; 3687 vertical-align: middle; 3688 padding: .375rem .75rem; 3689 color: var(--control-text-color); 3690 background-color: var(--control-background-color); 3691 display: inline-block; 3692 text-align: center; 3693 color: var(--button-text-color); 3694 background-color: var(--button-background-color); 3695 border-color: var(--button-border-color); 3696 line-height: 1.5; 3697 -webkit-text-decoration: none; 3698 text-decoration: none; 3699 text-transform: capitalize; 3700 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3701} 3702 3703.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] { 3704 padding: 0; 3705} 3706 3707.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) { 3708 -webkit-text-decoration: none; 3709 text-decoration: none; 3710 color: var(--button-text-hover-color); 3711 background-color: var(--button-background-hover-color); 3712 border-color: var(--button-border-hover-color); 3713} 3714 3715.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled { 3716 opacity: .65; 3717} 3718 3719.mikio div.dokuwiki div.comment_wrapper h2 { 3720 margin: 0; 3721} 3722 3723.mikio div.dokuwiki div.comment_wrapper .comment_form { 3724 margin-top: 0; 3725} 3726 3727.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input { 3728 float: none; 3729} 3730 3731.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label { 3732 float: none; 3733 display: inline-block; 3734} 3735 3736.mikio div.dokuwiki div.comment_wrapper .comment_buttons { 3737 float: none; 3738 text-align: right; 3739 margin-top: 1em; 3740} 3741 3742@media (max-width: 768px) { 3743 .mikio-small-only { 3744 display: inline-block; 3745 } 3746 3747 .mikio-navbar { 3748 padding-bottom: 0; 3749 } 3750 3751 .mikio-navbar .mikio-container { 3752 display: grid; 3753 grid-template-columns: auto 3rem; 3754 } 3755 3756 .mikio-navbar .mikio-navbar-brand { 3757 grid-column: 1 / span 1; 3758 grid-row: 1 / span 1; 3759 margin-bottom: .5rem; 3760 } 3761 3762 .mikio-navbar .mikio-navbar-toggle { 3763 display: block; 3764 margin-bottom: .5rem; 3765 grid-column: 2 / span 1; 3766 grid-row: 1 / span 1; 3767 } 3768 3769 .mikio-navbar .mikio-navbar-toggle.closed+.mikio-navbar-collapse { 3770 display: none; 3771 } 3772 3773 .mikio-navbar .mikio-navbar-collapse { 3774 grid-column: 1 / span 2; 3775 grid-row: 2 / span 1; 3776 flex-direction: column; 3777 margin: 0 -2rem; 3778 padding-top: .5rem; 3779 padding-right: 1rem; 3780 padding-bottom: .5rem; 3781 border-top: 1px solid rgba(0, 0, 0, 0.1); 3782 } 3783 3784 .mikio-navbar .mikio-nav-item { 3785 display: block; 3786 width: 100%; 3787 padding: .5rem 2rem; 3788 box-sizing: border-box; 3789 text-align: center; 3790 } 3791 3792 .mikio-navbar .mikio-dropdown-item { 3793 justify-content: center; 3794 } 3795 3796 .mikio-navbar .mikio-nav { 3797 width: 100%; 3798 } 3799 3800 .mikio-navbar .mikio-nav-dropdown { 3801 width: 100%; 3802 text-align: center; 3803 margin: 0; 3804 box-sizing: border-box; 3805 } 3806 3807 .mikio-navbar .mikio-nav-dropdown .mikio-dropdown { 3808 position: relative; 3809 border: 0; 3810 box-shadow: none; 3811 } 3812 3813 .mikio-hero .mikio-container { 3814 flex-direction: column; 3815 } 3816 3817 .mikio-hero .mikio-hero-image-resize { 3818 height: auto; 3819 } 3820 3821 .mikio-hero .mikio-hero-image { 3822 background-image: none !important; 3823 } 3824 3825 .mode_show .mikio-page .mikio-container { 3826 display: grid; 3827 grid-template-columns: auto 2.5rem; 3828 } 3829 3830 .mode_revisions .mikio-page, 3831 .mode_edit .mikio-page, 3832 .mode_login .mikio-page, 3833 .mode_denied .mikio-page, 3834 .mode_draft .mikio-page, 3835 .mode_preview .mikio-page, 3836 .mode_showtag .mikio-page, 3837 .mode_admin .mikio-page { 3838 grid-template-columns: auto; 3839 } 3840 3841 .mikio #config__manager td .input, 3842 .mikio #config__manager td input.edit, 3843 .mikio #config__manager tr select { 3844 width: auto; 3845 } 3846 3847 .mikio-content { 3848 grid-column: 1 / span 1; 3849 grid-row: 2 / span 1; 3850 padding-bottom: 1rem; 3851 } 3852 3853 .mikio .mikio-content .mikio-article.toc-full { 3854 display: block; 3855 } 3856 3857 .mikio .mikio-content .mikio-article .mikio-toc { 3858 float: none; 3859 } 3860 3861 .mikio .mikio-content .mikio-article .mikio-toc #dw__toc { 3862 max-width: none; 3863 } 3864 3865 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle { 3866 background-position: 99% 50%; 3867 text-align: center; 3868 } 3869 3870 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed { 3871 font-size: 80%; 3872 width: auto; 3873 } 3874 3875 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before { 3876 display: none; 3877 } 3878 3879 .mikio-sidebar { 3880 grid-column: 1 / span 2; 3881 width: auto; 3882 } 3883 3884 .mikio-sidebar .mikio-sidebar-toggle.closed+.mikio-sidebar-collapse { 3885 display: none; 3886 } 3887 3888 .mikio-sidebar.mikio-sidebar-left { 3889 grid-row: 1 / span 1; 3890 border-right: 0; 3891 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 3892 } 3893 3894 .mikio-sidebar.mikio-sidebar-right { 3895 grid-row: 3 / span 1; 3896 border-left: 0; 3897 border-top: 1px solid rgba(0, 0, 0, 0.2); 3898 } 3899 3900 .mikio-sidebar .mikio-sidebar-toggle { 3901 display: block; 3902 } 3903 3904 #dw__pagetools { 3905 grid-column: 2 / span 1; 3906 grid-row: 2 / span 1; 3907 } 3908 3909 .mikio.dokuwiki div.ui-admin #admin__version { 3910 padding-right: 1rem; 3911 } 3912 3913 .mikio-page-fill .mikio-sidebar { 3914 display: none; 3915 } 3916 3917 .mikio #mediamanager__page, 3918 #media__manager { 3919 display: flex; 3920 flex-direction: column; 3921 } 3922 3923 .mikio #mediamanager__page .ui-resizable-e, 3924 #media__manager .ui-resizable-e { 3925 display: none !important; 3926 } 3927 3928 .mikio #mediamanager__page .namespaces, 3929 .mikio #mediamanager__page .filelist, 3930 #media__manager .namespaces, 3931 #media__manager .filelist { 3932 width: auto; 3933 min-width: auto; 3934 } 3935 3936 .mikio #mediamanager__page .panelHeader, 3937 .mikio #mediamanager__page .panelContent, 3938 #media__manager .panelHeader, 3939 #media__manager .panelContent { 3940 margin-right: 0; 3941 } 3942} 3943 3944@media print { 3945 3946 .mikio .mikio-navbar-collapse, 3947 .mikio .mikio-toc, 3948 .mikio .mikio-sidebar, 3949 .mikio #dw__pagetools, 3950 .mikio .mikio-search { 3951 display: none !important; 3952 } 3953 3954 .mikio .mikio-navbar { 3955 box-shadow: none !important; 3956 } 3957 3958 .mikio .mikio-hero .mikio-hero-text { 3959 min-height: auto; 3960 padding-bottom: 0; 3961 } 3962 3963 .mikio .mikio-breadcrumbs, 3964 .mikio .mikio-youarehere, 3965 .mikio .mikio-hero, 3966 .mikio .mikio-footer { 3967 background-color: #fff !important; 3968 } 3969} 3970 3971.mikio .bookcreator__bookbar { 3972 font-size: 0.8rem; 3973 display: flex; 3974 width: auto !important; 3975} 3976 3977.mikio-sidebar .mikio-sidebar-content .dtree { 3978 font-size: inherit; 3979} 3980 3981.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode { 3982 margin: 0.5rem 0; 3983} 3984 3985.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode .indexmenu_tocbullet { 3986 margin-top: 2px; 3987 margin-left: 2px; 3988} 3989 3990.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a, 3991.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl, 3992.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel, 3993.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node, 3994.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel { 3995 display: initial; 3996 margin: initial; 3997 color: #666; 3998 background: transparent; 3999} 4000 4001.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:hover, 4002.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover, 4003.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover, 4004.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover, 4005.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:hover { 4006 color: #333; 4007 text-decoration: none; 4008 background-color: transparent; 4009} 4010 4011.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel { 4012 font-weight: bold; 4013 color: #333; 4014} 4015 4016.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode img:last-of-type { 4017 margin-right: 0.2rem; 4018 opacity: 0.5; 4019} 4020 4021.mikio .indexmenu_toc { 4022 padding: 0 4px 4px 0; 4023} 4024 4025.mikio .indexmenu_toc>div { 4026 border: 1px solid #999; 4027 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); 4028 position: relative; 4029 z-index: 10; 4030} 4031 4032.mikio .indexmenu_toc .tocheader { 4033 padding: 0.2rem; 4034 border-bottom: 1px solid #ccc; 4035} 4036 4037.mikio .indexmenu_toc .indexmenu_toc_inside { 4038 border: 0; 4039 padding: 0.2rem; 4040} 4041 4042.mikio .indexmenu_toc .indexmenu_toc_inside ul { 4043 margin: 0; 4044 padding: 0 0 0 1.5rem; 4045} 4046 4047.mikio .indexmenu_toc .indexmenu_toc_inside ul .li { 4048 margin-bottom: 0.4rem; 4049} 4050 4051.mikio .mode_admin table.jsoneditor-values { 4052 width: auto; 4053} 4054 4055.mikio .mode_admin table.jsoneditor-tree, 4056.mikio .mode_admin table.jsoneditor-values { 4057 border-bottom: 0; 4058} 4059 4060.mikio .mode_admin table.jsoneditor-tree tbody tr, 4061.mikio .mode_admin table.jsoneditor-values tbody tr { 4062 background: transparent; 4063} 4064 4065.mikio .mode_admin table.jsoneditor-tree tbody td, 4066.mikio .mode_admin table.jsoneditor-values tbody td { 4067 padding: 0; 4068} 4069 4070.mikio .mode_admin table.jsoneditor-tree tbody td.jsoneditor-separator, 4071.mikio .mode_admin table.jsoneditor-values tbody td.jsoneditor-separator { 4072 vertical-align: middle; 4073} 4074 4075.mikio .mode_admin table.jsoneditor-tree button, 4076.mikio .mode_admin table.jsoneditor-values button { 4077 background-color: transparent; 4078 border: 0; 4079 transition: none; 4080} 4081 4082.mikio .mode_admin table.jsoneditor-tree button:hover, 4083.mikio .mode_admin table.jsoneditor-values button:hover { 4084 transition: none; 4085} 4086 4087.mikio .mode_admin table.jsoneditor-tree div.jsoneditor-value, 4088.mikio .mode_admin table.jsoneditor-values div.jsoneditor-value { 4089 background-color: var(--background); 4090} 4091 4092.ui-controlgroup-horizontal label { 4093 display: inline-block; 4094 text-align: center; 4095 color: var(--button-text-color); 4096 background-color: var(--button-background-color); 4097 border-color: var(--button-border-color); 4098 line-height: 1.5; 4099 -webkit-text-decoration: none; 4100 text-decoration: none; 4101 text-transform: capitalize; 4102 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 4103 padding: .1rem .75rem; 4104 font-size: 80% !important; 4105 min-width: 3rem; 4106 background-image: none; 4107 border: 0; 4108} 4109 4110.ui-controlgroup-horizontal label:hover:not(:disabled) { 4111 -webkit-text-decoration: none; 4112 text-decoration: none; 4113 color: var(--button-text-hover-color); 4114 background-color: var(--button-background-hover-color); 4115 border-color: var(--button-border-hover-color); 4116} 4117 4118.ui-controlgroup-horizontal label:disabled { 4119 opacity: .65; 4120} 4121 4122.ui-controlgroup-horizontal label.ui-state-active { 4123 color: var(--button-default-text-color); 4124 background-color: var(--button-default-background-color); 4125 border-color: var(--button-default-border-color); 4126} 4127 4128.ui-controlgroup-horizontal label.ui-state-active:hover { 4129 color: var(--button-default-text-hover-color); 4130 background-color: var(--button-default-background-hover-color); 4131 border-color: var(--button-default-border-hover-color); 4132} 4133 4134.ui-controlgroup-horizontal label:hover { 4135 background-image: none !important; 4136 border: 0 !important; 4137} 4138 4139.mikio .mikio-darklight { 4140 display: inline-block; 4141 align-self: center; 4142} 4143 4144.mikio .mikio-darklight .mikio-darklight-light { 4145 display: var(--display-theme-light); 4146} 4147 4148.mikio .mikio-darklight .mikio-darklight-dark { 4149 display: var(--display-theme-dark); 4150} 4151 4152.mikio .mikio-darklight-button { 4153 display: flex; 4154 justify-content: center; 4155 align-items: center; 4156 width: 2.2rem; 4157 height: 2.2rem; 4158 padding: 0; 4159} 4160 4161.mikio .mikio-darklight-button .mikio-iicon { 4162 margin: 0; 4163}