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