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} 959 960.mikio .mikio-content .mikio-article.toc-full .mikio-article-content { 961 flex: 1; 962} 963 964.mikio-content { 965 box-sizing: border-box; 966 width: 100%; 967 max-width: 100%; 968 background-color: var(--content-background); 969 padding: .5rem 2rem; 970} 971 972.mikio.dokuwiki div.preview { 973 background-color: var(--content-background); 974 padding: 1rem 2rem; 975} 976 977.mikio-footer { 978 padding: 2rem; 979 color: var(--footer-text-color); 980 background-color: var(--footer-background-color); 981 font-size: 80%; 982 text-align: center; 983} 984 985.mikio-footer a, 986.mikio-footer a:visited, 987.mikio-footer a:active { 988 color: var(--footer-link-color); 989} 990 991.mikio-footer a:hover, 992.mikio-footer a:visited:hover, 993.mikio-footer a:active:hover { 994 color: var(--footer-link-hover-color); 995} 996 997.mikio-footer .dw__pagetools { 998 margin-top: 1rem; 999} 1000 1001.mikio-footer .dw__pagetools .tools { 1002 list-style-type: none; 1003} 1004 1005.mikio-footer .dw__pagetools .tools li { 1006 display: inline-block; 1007 margin: 0 .5rem; 1008} 1009 1010.mikio-footer .dw__pagetools .tools a svg, 1011.mikio-footer .dw__pagetools .tools a:visited svg, 1012.mikio-footer .dw__pagetools .tools a:active svg { 1013 fill: var(--footer-link-color); 1014} 1015 1016.mikio-footer .dw__pagetools .tools a:hover svg, 1017.mikio-footer .dw__pagetools .tools a:visited:hover svg, 1018.mikio-footer .dw__pagetools .tools a:active:hover svg { 1019 fill: var(--footer-link-hover-color); 1020} 1021 1022.mikio-footer .mikio-nav { 1023 margin-top: 1rem; 1024} 1025 1026.mikio-footer .mikio-footer-search { 1027 margin-top: .5rem; 1028 display: inline-block; 1029} 1030 1031.mikio-footer .license { 1032 margin-top: .5rem; 1033} 1034 1035.mikio-footer .license img { 1036 vertical-align: middle; 1037 margin: 0 1rem; 1038} 1039 1040.mikio .site>div.no { 1041 display: none; 1042} 1043 1044.mikio-control { 1045 margin: 0; 1046 font-family: inherit; 1047 font-size: inherit; 1048 font-weight: 400; 1049 border-width: 1px; 1050 border-style: solid; 1051 border-color: transparent; 1052 border-radius: .25rem; 1053 box-sizing: border-box; 1054 vertical-align: middle; 1055 padding: .375rem .75rem; 1056 color: var(--control-text-color); 1057 background-color: var(--control-background-color); 1058} 1059 1060.mikio-control[type=color] { 1061 padding: 0; 1062} 1063 1064.mikio-button, 1065.mikio-button:visited, 1066.mikio-button:active { 1067 display: inline-block; 1068 text-align: center; 1069 color: var(--button-text-color); 1070 background-color: var(--button-background-color); 1071 border-color: var(--button-border-color); 1072 line-height: 1.5; 1073 -webkit-text-decoration: none; 1074 text-decoration: none; 1075 text-transform: capitalize; 1076 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1077} 1078 1079.mikio-button:hover:not(:disabled), 1080.mikio-button:visited:hover:not(:disabled), 1081.mikio-button:active:hover:not(:disabled) { 1082 -webkit-text-decoration: none; 1083 text-decoration: none; 1084 color: var(--button-text-hover-color); 1085 background-color: var(--button-background-hover-color); 1086 border-color: var(--button-border-hover-color); 1087} 1088 1089.mikio-button:disabled, 1090.mikio-button:visited:disabled, 1091.mikio-button:active:disabled { 1092 opacity: .65; 1093} 1094 1095.mikio-button-small { 1096 padding: .1rem .75rem; 1097 font-size: 80% !important; 1098 min-width: 3rem; 1099} 1100 1101.mikio-button-submit, 1102.mikio-button-submit:visited, 1103.mikio-button-submit:active { 1104 color: var(--button-default-text-color); 1105 background-color: var(--button-default-background-color); 1106 border-color: var(--button-default-border-color); 1107} 1108 1109.mikio-button-submit:hover, 1110.mikio-button-submit:visited:hover, 1111.mikio-button-submit:active:hover { 1112 color: var(--button-default-text-hover-color); 1113 background-color: var(--button-default-background-hover-color); 1114 border-color: var(--button-default-border-hover-color); 1115} 1116 1117.mikio-button-danger, 1118.mikio-button-danger:visited, 1119.mikio-button-danger:active { 1120 color: #fff; 1121 border-color: #dc3545; 1122 background-color: #dc3545; 1123} 1124 1125.mikio-button-danger:hover, 1126.mikio-button-danger:visited:hover, 1127.mikio-button-danger:active:hover { 1128 color: #fff; 1129 background-color: #c03040; 1130 border-color: #c03040; 1131} 1132 1133.mikio-input-text { 1134 border-color: var(--input-border-color); 1135 line-height: inherit; 1136} 1137 1138.mikio-select { 1139 -webkit-user-select: none; 1140 -moz-user-select: none; 1141 -ms-user-select: none; 1142 height: 2.25rem; 1143} 1144 1145.mikio-toolbar-button { 1146 border-radius: 0; 1147 border-right-width: 0; 1148 border-color: var(--input-border-color); 1149} 1150 1151.mikio-toolbar-button:first-of-type { 1152 border-radius: .25rem 0 0 .25rem; 1153} 1154 1155.mikio-toolbar-button:last-of-type { 1156 border-radius: 0 .25rem .25rem 0; 1157 border-right-width: 1px; 1158} 1159 1160.mikio-dialog .mikio-article { 1161 max-width: 40rem; 1162} 1163 1164.mikio-dialog fieldset legend { 1165 font-size: 1.75rem; 1166 font-weight: 400; 1167} 1168 1169.mikio-dialog fieldset label.block input.edit, 1170.mikio-dialog fieldset select { 1171 width: 100%; 1172} 1173 1174.mikio-dialog fieldset label { 1175 text-align: left; 1176 font-weight: normal; 1177 display: block; 1178} 1179 1180.mikio-dialog fieldset label.simple { 1181 text-align: center; 1182} 1183 1184.mikio-dialog fieldset label.block { 1185 position: relative; 1186} 1187 1188.mikio-dialog fieldset label.block span { 1189 position: absolute; 1190 padding: .4rem .9rem; 1191 color: rgba(0, 0, 0, 0.3); 1192} 1193 1194.mikio-dialog fieldset button { 1195 display: block; 1196 width: 100%; 1197} 1198 1199.mikio-dialog fieldset button[type=submit] { 1200 color: var(--button-default-text-color); 1201 background-color: var(--button-default-background-color); 1202 border-color: var(--button-default-border-color); 1203} 1204 1205.mikio-dialog fieldset button[type=submit]:hover { 1206 color: var(--button-default-text-hover-color); 1207 background-color: var(--button-default-background-hover-color); 1208 border-color: var(--button-default-border-hover-color); 1209} 1210 1211.mikio-dialog fieldset input[type=checkbox] { 1212 vertical-align: middle; 1213} 1214 1215.mikio .mikio-navbar .mikio-search, 1216.mikio .mikio-sidebar .mikio-search, 1217.mikio .mikio-footer .mikio-search, 1218.mikio .mikio-search { 1219 display: flex; 1220} 1221 1222.mikio .mikio-navbar .mikio-search input, 1223.mikio .mikio-sidebar .mikio-search input, 1224.mikio .mikio-footer .mikio-search input, 1225.mikio .mikio-search input { 1226 width: 1%; 1227 flex: 1 1 auto; 1228 border-radius: .25rem 0 0 .25rem; 1229} 1230 1231.mikio .mikio-navbar .mikio-search button, 1232.mikio .mikio-sidebar .mikio-search button, 1233.mikio .mikio-footer .mikio-search button, 1234.mikio .mikio-search button { 1235 color: var(--button-search-text-color); 1236 background-color: var(--button-search-background-color); 1237 border-radius: 0 .25rem .25rem 0; 1238 border-color: var(--button-search-border-color); 1239} 1240 1241.mikio .mikio-navbar .mikio-search button:hover, 1242.mikio .mikio-sidebar .mikio-search button:hover, 1243.mikio .mikio-footer .mikio-search button:hover, 1244.mikio .mikio-search button:hover { 1245 color: var(--button-search-text-hover-color); 1246 background-color: var(--button-search-background--hover-color); 1247 border-color: var(--button-search-border-hover-color); 1248} 1249 1250.mikio .mikio-navbar .mikio-search .mikio-iicon, 1251.mikio .mikio-sidebar .mikio-search .mikio-iicon, 1252.mikio .mikio-footer .mikio-search .mikio-iicon, 1253.mikio .mikio-search .mikio-iicon { 1254 margin: 0 -4px 0 -4px; 1255} 1256 1257#dw__pagetools { 1258 position: -webkit-sticky; 1259 position: sticky; 1260 top: 0; 1261 align-self: flex-start; 1262 padding: 3rem .5rem 0 .5rem; 1263} 1264 1265#dw__pagetools ul { 1266 list-style: none; 1267 padding: 0; 1268 margin: 0; 1269} 1270 1271#dw__pagetools a, 1272#dw__pagetools a:visited, 1273#dw__pagetools a:active { 1274 display: block; 1275} 1276 1277#dw__pagetools a svg, 1278#dw__pagetools a:visited svg, 1279#dw__pagetools a:active svg { 1280 fill: var(--pagetools-color); 1281} 1282 1283#dw__pagetools a:hover svg, 1284#dw__pagetools a:visited:hover svg, 1285#dw__pagetools a:active:hover svg { 1286 fill: var(--pagetools-hover-color); 1287} 1288 1289.toolbar.group { 1290 margin-bottom: .5rem; 1291} 1292 1293#wiki__editbar { 1294 overflow: hidden; 1295 margin-bottom: .5em; 1296} 1297 1298#wiki__editbar #size__ctl { 1299 float: right; 1300} 1301 1302#wiki__editbar .editButtons { 1303 display: inline; 1304 margin-right: 1rem; 1305} 1306 1307#wiki__editbar .summary { 1308 display: inline; 1309} 1310 1311.mode_admin .mikio-toc { 1312 background-color: var(--admin-background-color); 1313} 1314 1315.mode_admin .mikio-toc #dw__toc { 1316 background-color: var(--toc-background-color); 1317} 1318 1319.mikio .mode_admin .mikio-toc #dw__toc { 1320 background-color: var(--toc-background-color); 1321} 1322 1323.mikio .mikio-toc { 1324 float: right; 1325 padding-left: 1rem; 1326 padding-bottom: 1rem; 1327 margin-top: 1rem; 1328} 1329 1330.mikio .mikio-toc #dw__toc { 1331 color: var(--toc-link-color); 1332 background-color: var(--toc-background-color); 1333 border: 1px solid var(--toc-border-color); 1334 border-radius: .25rem; 1335 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 1336 padding: .5rem; 1337 max-width: 12rem; 1338 float: none; 1339 width: auto; 1340 margin: 0; 1341} 1342 1343.mikio .mikio-toc #dw__toc ul { 1344 padding-left: 0; 1345 margin: 0; 1346 list-style-type: none; 1347} 1348 1349.mikio .mikio-toc #dw__toc ul ul { 1350 padding-left: .5rem; 1351} 1352 1353.mikio .mikio-toc #dw__toc>div { 1354 padding: .2em .5em; 1355} 1356 1357.mikio .mikio-toc h3.toggle { 1358 margin: 0; 1359 padding-right: 2rem; 1360 font-size: 80%; 1361 position: relative; 1362 height: 1rem; 1363} 1364 1365.mikio .mikio-toc h3.toggle .hamburger { 1366 width: 1rem; 1367 height: 1rem; 1368} 1369 1370.mikio .mikio-toc h3.toggle .down-arrow { 1371 position: absolute; 1372 top: 0; 1373 bottom: 0; 1374 right: 0; 1375 margin: auto 0; 1376} 1377 1378.mikio .mikio-toc h3.toggle.open .hamburger { 1379 display: none; 1380} 1381 1382.mikio .mikio-toc h3.toggle.closed { 1383 font-size: 0; 1384 width: 2rem; 1385 padding-right: 0; 1386} 1387 1388.mikio .mikio-toc h3.toggle.closed .down-arrow { 1389 right: -4px; 1390} 1391 1392.mikio .mikio-toc h3.toggle span { 1393 display: none; 1394} 1395 1396.mikio .mikio-toc a, 1397.mikio .mikio-toc a:visited, 1398.mikio .mikio-toc a:active { 1399 display: block; 1400 font-size: 80%; 1401 color: var(--toc-link-color); 1402 -webkit-text-decoration: none; 1403 text-decoration: none; 1404 padding: .2rem 0; 1405} 1406 1407.mikio .mikio-toc a:hover, 1408.mikio .mikio-toc a:visited:hover, 1409.mikio .mikio-toc a:active:hover { 1410 color: var(--toc-link-hover-color); 1411} 1412 1413.mikio-icon { 1414 margin-right: .25rem; 1415} 1416 1417.mikio-icon svg { 1418 vertical-align: middle; 1419 fill: currentColor; 1420} 1421 1422.mikio-iicon { 1423 display: inline-block; 1424 width: 1.2rem; 1425 height: 1.2rem; 1426 background-size: 1.2rem; 1427 background-position: center; 1428 background-repeat: no-repeat; 1429 vertical-align: middle; 1430 margin-right: .25rem; 1431 fill: currentColor; 1432} 1433 1434.mikio .mode_show table, 1435.mikio.dokuwiki .mode_showtag table.ul, 1436.mikio .mode_admin table { 1437 width: 100%; 1438 border-collapse: collapse; 1439 margin-bottom: 1rem; 1440 font-size: 90%; 1441 border-bottom: 1px solid var(--table-row-border-color); 1442} 1443 1444.mikio .mode_show table tr, 1445.mikio.dokuwiki .mode_showtag table.ul tr, 1446.mikio .mode_admin table tr { 1447 border-top: 1px solid var(--table-row-border-color); 1448} 1449 1450.mikio .mode_show table td, 1451.mikio .mode_show table th, 1452.mikio.dokuwiki .mode_showtag table.ul td, 1453.mikio.dokuwiki .mode_showtag table.ul th, 1454.mikio .mode_admin table td, 1455.mikio .mode_admin table th { 1456 padding: .75rem; 1457 text-align: left; 1458} 1459 1460.mikio .mode_show table tbody tr:nth-child(odd), 1461.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd), 1462.mikio .mode_admin table tbody tr:nth-child(odd) { 1463 background-color: var(--table-odd-row-background-color); 1464} 1465 1466.mikio .mode_show table tbody tr:nth-child(even), 1467.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even), 1468.mikio .mode_admin table tbody tr:nth-child(even) { 1469 background-color: var(--table-even-row-background-color); 1470} 1471 1472.mikio-nav { 1473 list-style: none; 1474 margin: 0; 1475 padding: 0; 1476 display: flex; 1477} 1478 1479.mikio-nav .mikio-nav-item, 1480.mikio-nav .mikio-nav-dropdown { 1481 display: inline-block; 1482 padding: .5rem .2rem; 1483 margin: 0 .5rem; 1484} 1485 1486.mikio-nav .mikio-nav-dropdown { 1487 position: relative; 1488} 1489 1490.mikio-nav .mikio-nav-dropdown>a { 1491 display: inline-block; 1492 padding: .2rem 1.2rem .2rem 0rem; 1493 position: relative; 1494} 1495 1496.mikio-nav .mikio-nav-dropdown>a::after { 1497 position: absolute; 1498 content: ''; 1499 top: 10px; 1500 right: 6px; 1501 width: 6px; 1502 height: 6px; 1503 border-left: 2px solid var(--text); 1504 border-bottom: 2px solid var(--text); 1505 transform: rotateZ(-45deg); 1506} 1507 1508.mikio-nav a { 1509 -webkit-text-decoration: none; 1510 text-decoration: none; 1511} 1512 1513.mikio-dropdown { 1514 display: block; 1515 position: absolute; 1516 z-index: 10000; 1517 min-width: 12rem; 1518 right: 0; 1519 padding: 1rem 1.5rem; 1520 border: 1px solid var(--dropdown-border-color); 1521 border-radius: 4px; 1522 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 1523 background-color: var(--dropdown-background-color); 1524 color: var(--dropdown-color); 1525} 1526 1527.mikio-dropdown.closed { 1528 display: none; 1529} 1530 1531.mikio-dropdown .mikio-dropdown-item { 1532 display: flex; 1533 align-items: center; 1534 margin-top: .5rem; 1535 margin-bottom: .5rem; 1536} 1537 1538.mikio-dropdown .mikio-dropdown-header { 1539 margin: 0 0 1rem 0; 1540} 1541 1542.mikio-dropdown .mikio-dropdown-divider { 1543 margin: 1rem -1rem; 1544 border-bottom: 1px solid var(--dropdown-border-color); 1545} 1546 1547.mikio-dropdown .mikio-nav-link, 1548.mikio-dropdown .mikio-nav-link:visited, 1549.mikio-dropdown .mikio-nav-link.active { 1550 margin: 0rem -1rem 0rem -1rem; 1551 padding: .25rem 1rem .25rem 1rem; 1552 transition: all .15s ease-in-out; 1553 color: var(--dropdown-color); 1554} 1555 1556.mikio-dropdown .mikio-nav-link:hover, 1557.mikio-dropdown .mikio-nav-link:visited:hover, 1558.mikio-dropdown .mikio-nav-link.active:hover { 1559 color: var(--dropdown-color); 1560 background-color: var(--dropdown-hover-color); 1561} 1562 1563.typeahead.mikio-dropdown a.mikio-dropdown-item { 1564 display: inline; 1565} 1566 1567.typeahead.mikio-dropdown .mikio-dropdown-header { 1568 margin-bottom: 0em; 1569 overflow: hidden; 1570 text-overflow: ellipsis; 1571 color: var(--dropdown-color); 1572} 1573 1574.typeahead.mikio-dropdown .mikio-dropdown-divider { 1575 margin-top: 0.5rem; 1576 margin-bottom: 0.5rem; 1577} 1578 1579.mikio-tabs { 1580 padding: 0; 1581 margin-top: 1rem; 1582 margin-bottom: -1px; 1583 list-style-type: none; 1584} 1585 1586.mikio-tabs li { 1587 float: none; 1588 display: inline-block; 1589 font-size: 1rem; 1590 line-height: 1.4rem; 1591 position: relative; 1592 z-index: 2; 1593} 1594 1595.mikio-tabs li strong { 1596 display: inline-block; 1597 background-color: var(--tab-active-background-color); 1598 font-weight: normal; 1599 color: var(--tab-active-color); 1600 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 1601 border-radius: .5rem .5rem 0 0; 1602 border-width: 1px; 1603 border-style: solid; 1604 padding: .5rem 1rem; 1605 margin: 0; 1606 bottom: -1px; 1607} 1608 1609.mikio-tabs li a, 1610.mikio-tabs li a:visited, 1611.mikio-tabs li a:active { 1612 display: inline-block; 1613 padding: .5rem 1rem; 1614 border: 1px solid var(--tab-border-color); 1615 color: var(--tab-color); 1616 -webkit-text-decoration: none; 1617 text-decoration: none; 1618 margin: 0; 1619 background-color: var(--tab-background-color); 1620} 1621 1622.mikio-tabs li a:hover, 1623.mikio-tabs li a:visited:hover, 1624.mikio-tabs li a:active:hover { 1625 color: var(--tab-hover-color); 1626 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 1627 border-radius: .5rem .5rem 0 0; 1628 background-color: var(--tab-background-hover-color); 1629} 1630 1631.mikio-tabs:after { 1632 border-bottom: 0; 1633} 1634 1635.mikio-tab-active { 1636 display: inline-block; 1637 background-color: var(--tab-active-background-color); 1638 font-weight: normal; 1639 color: var(--tab-active-color); 1640 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 1641 border-radius: .5rem .5rem 0 0; 1642 border-width: 1px; 1643 border-style: solid; 1644 padding: .5rem 1rem; 1645 margin: 0; 1646 bottom: -1px; 1647} 1648 1649.mikio-tab { 1650 background-color: var(--tab-background-color); 1651 font-weight: normal; 1652 color: var(--tab-color); 1653 border-color: var(--tab-border-color) var(--tab-border-color) var(--tab-background-color); 1654 padding: .5rem 1rem; 1655 margin: 0; 1656 bottom: -1px; 1657} 1658 1659.mikio-tab-panel { 1660 margin-bottom: 0 !important; 1661 background-color: var(--tab-active-background-color); 1662 border-width: 1px 1px 1px 1px; 1663 border-style: solid; 1664 border-color: var(--tab-active-border-color) !important; 1665 word-wrap: break-word; 1666 word-break: break-word; 1667} 1668 1669.mikio.dokuwiki div.section_highlight { 1670 background-color: var(--section-edit-highlight); 1671 border-width: 0; 1672 margin: 0 -1rem; 1673 padding: 0 1rem; 1674} 1675 1676.mikio-input-file { 1677 position: absolute; 1678 margin-top: -0.5rem; 1679 top: 0; 1680 right: 0; 1681 left: 0; 1682 z-index: 5; 1683 padding: .25rem 1rem; 1684 line-height: 1.5; 1685 text-align: left; 1686 color: var(--control-text-color); 1687 background-color: var(--control-background-color); 1688 border: .1px solid var(--input-border-color); 1689 border-radius: .25rem; 1690 -webkit-user-select: none; 1691 -moz-user-select: none; 1692 -ms-user-select: none; 1693 user-select: none; 1694 white-space: nowrap; 1695 overflow: hidden; 1696 text-overflow: ellipsis; 1697 box-sizing: border-box; 1698} 1699 1700.mikio-input-file:before { 1701 position: absolute; 1702 top: 0; 1703 right: 0; 1704 bottom: 0; 1705 z-index: 6; 1706 display: block; 1707 content: "Browse"; 1708 padding: .25rem 1rem; 1709 line-height: 1.5; 1710 color: var(--button-text-color); 1711 background-color: var(--button-background-color); 1712 border-radius: 0 .25rem .25rem 0; 1713 border: 1px solid var(--button-border-color); 1714 transition: all .15s ease-in-out; 1715} 1716 1717.mikio-input-file:hover:before { 1718 background-color: var(--button-background-hover-color); 1719 border-color: var(--button-border-hover-color); 1720 color: var(--button-text-hover-color); 1721} 1722 1723code, 1724pre { 1725 overflow-x: auto; 1726 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 1727 font-size: 87.5%; 1728 color: var(--code-text-color); 1729 background-color: var(--code-background-color); 1730 word-wrap: break-word; 1731 white-space: pre-wrap; 1732 white-space: -moz-pre-wrap; 1733 white-space: -pre-wrap; 1734 white-space: -o-pre-wrap; 1735 line-height: 1.75; 1736} 1737 1738.mode_show code, 1739.mode_show pre { 1740 border: 1px solid var(--code-border-color); 1741 padding: 1em; 1742} 1743 1744.mikio .mikio-search button, 1745.mikio .mikio-search input, 1746.mikio .mikio-search optgroup, 1747.mikio .mikio-search select, 1748.mikio .mikio-search textarea, 1749.mikio.dokuwiki fieldset button, 1750.mikio.dokuwiki fieldset input, 1751.mikio.dokuwiki fieldset optgroup, 1752.mikio.dokuwiki fieldset select, 1753.mikio.dokuwiki fieldset textarea, 1754.mikio.dokuwiki .secedit button, 1755.mikio.dokuwiki .secedit input, 1756.mikio.dokuwiki .secedit optgroup, 1757.mikio.dokuwiki .secedit select, 1758.mikio.dokuwiki .secedit textarea, 1759.mikio .mode_revisions button, 1760.mikio .mode_revisions input, 1761.mikio .mode_revisions optgroup, 1762.mikio .mode_revisions select, 1763.mikio .mode_revisions textarea, 1764.mikio .mode_edit button, 1765.mikio .mode_edit input, 1766.mikio .mode_edit optgroup, 1767.mikio .mode_edit select, 1768.mikio .mode_edit textarea, 1769.mikio .mode_draft button, 1770.mikio .mode_draft input, 1771.mikio .mode_draft optgroup, 1772.mikio .mode_draft select, 1773.mikio .mode_draft textarea, 1774.mikio .mode_preview button, 1775.mikio .mode_preview input, 1776.mikio .mode_preview optgroup, 1777.mikio .mode_preview select, 1778.mikio .mode_preview textarea, 1779.mikio .mode_showtag button, 1780.mikio .mode_showtag input, 1781.mikio .mode_showtag optgroup, 1782.mikio .mode_showtag select, 1783.mikio .mode_showtag textarea, 1784.mikio .mode_admin button, 1785.mikio .mode_admin input, 1786.mikio .mode_admin optgroup, 1787.mikio .mode_admin select, 1788.mikio .mode_admin textarea { 1789 margin: 0; 1790 font-family: inherit; 1791 font-size: inherit; 1792 font-weight: 400; 1793 border-width: 1px; 1794 border-style: solid; 1795 border-color: transparent; 1796 border-radius: .25rem; 1797 box-sizing: border-box; 1798 vertical-align: middle; 1799 padding: .375rem .75rem; 1800 color: var(--control-text-color); 1801 background-color: var(--control-background-color); 1802 border-color: var(--input-border-color); 1803 line-height: inherit; 1804} 1805 1806.mikio .mikio-search button[type=color], 1807.mikio .mikio-search input[type=color], 1808.mikio .mikio-search optgroup[type=color], 1809.mikio .mikio-search select[type=color], 1810.mikio .mikio-search textarea[type=color], 1811.mikio.dokuwiki fieldset button[type=color], 1812.mikio.dokuwiki fieldset input[type=color], 1813.mikio.dokuwiki fieldset optgroup[type=color], 1814.mikio.dokuwiki fieldset select[type=color], 1815.mikio.dokuwiki fieldset textarea[type=color], 1816.mikio.dokuwiki .secedit button[type=color], 1817.mikio.dokuwiki .secedit input[type=color], 1818.mikio.dokuwiki .secedit optgroup[type=color], 1819.mikio.dokuwiki .secedit select[type=color], 1820.mikio.dokuwiki .secedit textarea[type=color], 1821.mikio .mode_revisions button[type=color], 1822.mikio .mode_revisions input[type=color], 1823.mikio .mode_revisions optgroup[type=color], 1824.mikio .mode_revisions select[type=color], 1825.mikio .mode_revisions textarea[type=color], 1826.mikio .mode_edit button[type=color], 1827.mikio .mode_edit input[type=color], 1828.mikio .mode_edit optgroup[type=color], 1829.mikio .mode_edit select[type=color], 1830.mikio .mode_edit textarea[type=color], 1831.mikio .mode_draft button[type=color], 1832.mikio .mode_draft input[type=color], 1833.mikio .mode_draft optgroup[type=color], 1834.mikio .mode_draft select[type=color], 1835.mikio .mode_draft textarea[type=color], 1836.mikio .mode_preview button[type=color], 1837.mikio .mode_preview input[type=color], 1838.mikio .mode_preview optgroup[type=color], 1839.mikio .mode_preview select[type=color], 1840.mikio .mode_preview textarea[type=color], 1841.mikio .mode_showtag button[type=color], 1842.mikio .mode_showtag input[type=color], 1843.mikio .mode_showtag optgroup[type=color], 1844.mikio .mode_showtag select[type=color], 1845.mikio .mode_showtag textarea[type=color], 1846.mikio .mode_admin button[type=color], 1847.mikio .mode_admin input[type=color], 1848.mikio .mode_admin optgroup[type=color], 1849.mikio .mode_admin select[type=color], 1850.mikio .mode_admin textarea[type=color] { 1851 padding: 0; 1852} 1853 1854.mikio .mikio-search button, 1855.mikio .mikio-search input[type=button], 1856.mikio .mikio-search input[type=image], 1857.mikio.dokuwiki fieldset button, 1858.mikio.dokuwiki fieldset input[type=button], 1859.mikio.dokuwiki fieldset input[type=image], 1860.mikio.dokuwiki .secedit button, 1861.mikio.dokuwiki .secedit input[type=button], 1862.mikio.dokuwiki .secedit input[type=image], 1863.mikio .mode_revisions button, 1864.mikio .mode_revisions input[type=button], 1865.mikio .mode_revisions input[type=image], 1866.mikio .mode_edit button, 1867.mikio .mode_edit input[type=button], 1868.mikio .mode_edit input[type=image], 1869.mikio .mode_draft button, 1870.mikio .mode_draft input[type=button], 1871.mikio .mode_draft input[type=image], 1872.mikio .mode_preview button, 1873.mikio .mode_preview input[type=button], 1874.mikio .mode_preview input[type=image], 1875.mikio .mode_showtag button, 1876.mikio .mode_showtag input[type=button], 1877.mikio .mode_showtag input[type=image], 1878.mikio .mode_admin button, 1879.mikio .mode_admin input[type=button], 1880.mikio .mode_admin input[type=image] { 1881 display: inline-block; 1882 text-align: center; 1883 color: var(--button-text-color); 1884 background-color: var(--button-background-color); 1885 border-color: var(--button-border-color); 1886 line-height: 1.5; 1887 -webkit-text-decoration: none; 1888 text-decoration: none; 1889 text-transform: capitalize; 1890 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1891} 1892 1893.mikio .mikio-search button:hover:not(:disabled), 1894.mikio .mikio-search input[type=button]:hover:not(:disabled), 1895.mikio .mikio-search input[type=image]:hover:not(:disabled), 1896.mikio.dokuwiki fieldset button:hover:not(:disabled), 1897.mikio.dokuwiki fieldset input[type=button]:hover:not(:disabled), 1898.mikio.dokuwiki fieldset input[type=image]:hover:not(:disabled), 1899.mikio.dokuwiki .secedit button:hover:not(:disabled), 1900.mikio.dokuwiki .secedit input[type=button]:hover:not(:disabled), 1901.mikio.dokuwiki .secedit input[type=image]:hover:not(:disabled), 1902.mikio .mode_revisions button:hover:not(:disabled), 1903.mikio .mode_revisions input[type=button]:hover:not(:disabled), 1904.mikio .mode_revisions input[type=image]:hover:not(:disabled), 1905.mikio .mode_edit button:hover:not(:disabled), 1906.mikio .mode_edit input[type=button]:hover:not(:disabled), 1907.mikio .mode_edit input[type=image]:hover:not(:disabled), 1908.mikio .mode_draft button:hover:not(:disabled), 1909.mikio .mode_draft input[type=button]:hover:not(:disabled), 1910.mikio .mode_draft input[type=image]:hover:not(:disabled), 1911.mikio .mode_preview button:hover:not(:disabled), 1912.mikio .mode_preview input[type=button]:hover:not(:disabled), 1913.mikio .mode_preview input[type=image]:hover:not(:disabled), 1914.mikio .mode_showtag button:hover:not(:disabled), 1915.mikio .mode_showtag input[type=button]:hover:not(:disabled), 1916.mikio .mode_showtag input[type=image]:hover:not(:disabled), 1917.mikio .mode_admin button:hover:not(:disabled), 1918.mikio .mode_admin input[type=button]:hover:not(:disabled), 1919.mikio .mode_admin input[type=image]:hover:not(:disabled) { 1920 -webkit-text-decoration: none; 1921 text-decoration: none; 1922 color: var(--button-text-hover-color); 1923 background-color: var(--button-background-hover-color); 1924 border-color: var(--button-border-hover-color); 1925} 1926 1927.mikio .mikio-search button:disabled, 1928.mikio .mikio-search input[type=button]:disabled, 1929.mikio .mikio-search input[type=image]:disabled, 1930.mikio.dokuwiki fieldset button:disabled, 1931.mikio.dokuwiki fieldset input[type=button]:disabled, 1932.mikio.dokuwiki fieldset input[type=image]:disabled, 1933.mikio.dokuwiki .secedit button:disabled, 1934.mikio.dokuwiki .secedit input[type=button]:disabled, 1935.mikio.dokuwiki .secedit input[type=image]:disabled, 1936.mikio .mode_revisions button:disabled, 1937.mikio .mode_revisions input[type=button]:disabled, 1938.mikio .mode_revisions input[type=image]:disabled, 1939.mikio .mode_edit button:disabled, 1940.mikio .mode_edit input[type=button]:disabled, 1941.mikio .mode_edit input[type=image]:disabled, 1942.mikio .mode_draft button:disabled, 1943.mikio .mode_draft input[type=button]:disabled, 1944.mikio .mode_draft input[type=image]:disabled, 1945.mikio .mode_preview button:disabled, 1946.mikio .mode_preview input[type=button]:disabled, 1947.mikio .mode_preview input[type=image]:disabled, 1948.mikio .mode_showtag button:disabled, 1949.mikio .mode_showtag input[type=button]:disabled, 1950.mikio .mode_showtag input[type=image]:disabled, 1951.mikio .mode_admin button:disabled, 1952.mikio .mode_admin input[type=button]:disabled, 1953.mikio .mode_admin input[type=image]:disabled { 1954 opacity: .65; 1955} 1956 1957.mikio .mikio-search button#edbtn__save, 1958.mikio .mikio-search button[name="run[save]"], 1959.mikio.dokuwiki fieldset button#edbtn__save, 1960.mikio.dokuwiki fieldset button[name="run[save]"], 1961.mikio.dokuwiki .secedit button#edbtn__save, 1962.mikio.dokuwiki .secedit button[name="run[save]"], 1963.mikio .mode_revisions button#edbtn__save, 1964.mikio .mode_revisions button[name="run[save]"], 1965.mikio .mode_edit button#edbtn__save, 1966.mikio .mode_edit button[name="run[save]"], 1967.mikio .mode_draft button#edbtn__save, 1968.mikio .mode_draft button[name="run[save]"], 1969.mikio .mode_preview button#edbtn__save, 1970.mikio .mode_preview button[name="run[save]"], 1971.mikio .mode_showtag button#edbtn__save, 1972.mikio .mode_showtag button[name="run[save]"], 1973.mikio .mode_admin button#edbtn__save, 1974.mikio .mode_admin button[name="run[save]"] { 1975 color: var(--button-default-text-color); 1976 background-color: var(--button-default-background-color); 1977 border-color: var(--button-default-border-color); 1978} 1979 1980.mikio .mikio-search button#edbtn__save:hover, 1981.mikio .mikio-search button[name="run[save]"]:hover, 1982.mikio.dokuwiki fieldset button#edbtn__save:hover, 1983.mikio.dokuwiki fieldset button[name="run[save]"]:hover, 1984.mikio.dokuwiki .secedit button#edbtn__save:hover, 1985.mikio.dokuwiki .secedit button[name="run[save]"]:hover, 1986.mikio .mode_revisions button#edbtn__save:hover, 1987.mikio .mode_revisions button[name="run[save]"]:hover, 1988.mikio .mode_edit button#edbtn__save:hover, 1989.mikio .mode_edit button[name="run[save]"]:hover, 1990.mikio .mode_draft button#edbtn__save:hover, 1991.mikio .mode_draft button[name="run[save]"]:hover, 1992.mikio .mode_preview button#edbtn__save:hover, 1993.mikio .mode_preview button[name="run[save]"]:hover, 1994.mikio .mode_showtag button#edbtn__save:hover, 1995.mikio .mode_showtag button[name="run[save]"]:hover, 1996.mikio .mode_admin button#edbtn__save:hover, 1997.mikio .mode_admin button[name="run[save]"]:hover { 1998 color: var(--button-default-text-hover-color); 1999 background-color: var(--button-default-background-hover-color); 2000 border-color: var(--button-default-border-hover-color); 2001} 2002 2003.mikio .mikio-search input[type=text], 2004.mikio .mikio-search input[type=search], 2005.mikio .mikio-search input[type=password], 2006.mikio .mikio-search input[type=email], 2007.mikio.dokuwiki fieldset input[type=text], 2008.mikio.dokuwiki fieldset input[type=search], 2009.mikio.dokuwiki fieldset input[type=password], 2010.mikio.dokuwiki fieldset input[type=email], 2011.mikio.dokuwiki .secedit input[type=text], 2012.mikio.dokuwiki .secedit input[type=search], 2013.mikio.dokuwiki .secedit input[type=password], 2014.mikio.dokuwiki .secedit input[type=email], 2015.mikio .mode_revisions input[type=text], 2016.mikio .mode_revisions input[type=search], 2017.mikio .mode_revisions input[type=password], 2018.mikio .mode_revisions input[type=email], 2019.mikio .mode_edit input[type=text], 2020.mikio .mode_edit input[type=search], 2021.mikio .mode_edit input[type=password], 2022.mikio .mode_edit input[type=email], 2023.mikio .mode_draft input[type=text], 2024.mikio .mode_draft input[type=search], 2025.mikio .mode_draft input[type=password], 2026.mikio .mode_draft input[type=email], 2027.mikio .mode_preview input[type=text], 2028.mikio .mode_preview input[type=search], 2029.mikio .mode_preview input[type=password], 2030.mikio .mode_preview input[type=email], 2031.mikio .mode_showtag input[type=text], 2032.mikio .mode_showtag input[type=search], 2033.mikio .mode_showtag input[type=password], 2034.mikio .mode_showtag input[type=email], 2035.mikio .mode_admin input[type=text], 2036.mikio .mode_admin input[type=search], 2037.mikio .mode_admin input[type=password], 2038.mikio .mode_admin input[type=email] { 2039 -webkit-appearance: none; 2040 -moz-appearance: none; 2041 -ms-appearance: none; 2042} 2043 2044.mikio .mikio-search textarea, 2045.mikio.dokuwiki fieldset textarea, 2046.mikio.dokuwiki .secedit textarea, 2047.mikio .mode_revisions textarea, 2048.mikio .mode_edit textarea, 2049.mikio .mode_draft textarea, 2050.mikio .mode_preview textarea, 2051.mikio .mode_showtag textarea, 2052.mikio .mode_admin textarea { 2053 margin-bottom: 1rem; 2054 width: 100%; 2055 word-wrap: break-word; 2056 overflow: auto; 2057 resize: vertical; 2058 white-space: pre-wrap; 2059} 2060 2061.mikio .mikio-search select, 2062.mikio.dokuwiki fieldset select, 2063.mikio.dokuwiki .secedit select, 2064.mikio .mode_revisions select, 2065.mikio .mode_edit select, 2066.mikio .mode_draft select, 2067.mikio .mode_preview select, 2068.mikio .mode_showtag select, 2069.mikio .mode_admin select { 2070 -webkit-user-select: none; 2071 -moz-user-select: none; 2072 -ms-user-select: none; 2073 height: 2.25rem; 2074} 2075 2076.mikio .mikio-search .toolbutton, 2077.mikio.dokuwiki fieldset .toolbutton, 2078.mikio.dokuwiki .secedit .toolbutton, 2079.mikio .mode_revisions .toolbutton, 2080.mikio .mode_edit .toolbutton, 2081.mikio .mode_draft .toolbutton, 2082.mikio .mode_preview .toolbutton, 2083.mikio .mode_showtag .toolbutton, 2084.mikio .mode_admin .toolbutton { 2085 border-radius: 0; 2086 border-right-width: 0; 2087 border-color: var(--input-border-color); 2088} 2089 2090.mikio .mikio-search .toolbutton:first-of-type, 2091.mikio.dokuwiki fieldset .toolbutton:first-of-type, 2092.mikio.dokuwiki .secedit .toolbutton:first-of-type, 2093.mikio .mode_revisions .toolbutton:first-of-type, 2094.mikio .mode_edit .toolbutton:first-of-type, 2095.mikio .mode_draft .toolbutton:first-of-type, 2096.mikio .mode_preview .toolbutton:first-of-type, 2097.mikio .mode_showtag .toolbutton:first-of-type, 2098.mikio .mode_admin .toolbutton:first-of-type { 2099 border-radius: .25rem 0 0 .25rem; 2100} 2101 2102.mikio .mikio-search .toolbutton:last-of-type, 2103.mikio.dokuwiki fieldset .toolbutton:last-of-type, 2104.mikio.dokuwiki .secedit .toolbutton:last-of-type, 2105.mikio .mode_revisions .toolbutton:last-of-type, 2106.mikio .mode_edit .toolbutton:last-of-type, 2107.mikio .mode_draft .toolbutton:last-of-type, 2108.mikio .mode_preview .toolbutton:last-of-type, 2109.mikio .mode_showtag .toolbutton:last-of-type, 2110.mikio .mode_admin .toolbutton:last-of-type { 2111 border-radius: 0 .25rem .25rem 0; 2112 border-right-width: 1px; 2113} 2114 2115.mikio.dokuwiki .secedit { 2116 float: none; 2117 margin-top: 0; 2118 text-align: right; 2119} 2120 2121.mikio.dokuwiki fieldset { 2122 margin: 2rem auto; 2123 border: 0; 2124 width: auto; 2125 max-width: 40rem; 2126} 2127 2128.mikio.dokuwiki fieldset label.block { 2129 display: flex; 2130 flex-direction: row; 2131 text-align: right; 2132} 2133 2134.mikio.dokuwiki fieldset label.block span { 2135 margin-right: 1rem; 2136 width: 15rem; 2137 align-self: center; 2138} 2139 2140.mikio.dokuwiki fieldset label.block input { 2141 flex-grow: 1; 2142} 2143 2144.mikio.dokuwiki .mode_login .mikio-article, 2145.mikio.dokuwiki .mode_denied .mikio-article { 2146 max-width: 40rem; 2147} 2148 2149.mikio.dokuwiki .mode_login fieldset legend, 2150.mikio.dokuwiki .mode_denied fieldset legend { 2151 font-size: 1.75rem; 2152 font-weight: 400; 2153} 2154 2155.mikio.dokuwiki .mode_login fieldset label.block input.edit, 2156.mikio.dokuwiki .mode_login fieldset select, 2157.mikio.dokuwiki .mode_denied fieldset label.block input.edit, 2158.mikio.dokuwiki .mode_denied fieldset select { 2159 width: 100%; 2160} 2161 2162.mikio.dokuwiki .mode_login fieldset label, 2163.mikio.dokuwiki .mode_denied fieldset label { 2164 text-align: left; 2165 font-weight: normal; 2166 display: block; 2167} 2168 2169.mikio.dokuwiki .mode_login fieldset label.simple, 2170.mikio.dokuwiki .mode_denied fieldset label.simple { 2171 text-align: center; 2172} 2173 2174.mikio.dokuwiki .mode_login fieldset label.block, 2175.mikio.dokuwiki .mode_denied fieldset label.block { 2176 position: relative; 2177} 2178 2179.mikio.dokuwiki .mode_login fieldset label.block span, 2180.mikio.dokuwiki .mode_denied fieldset label.block span { 2181 position: absolute; 2182 padding: .4rem .9rem; 2183 color: rgba(0, 0, 0, 0.3); 2184} 2185 2186.mikio.dokuwiki .mode_login fieldset button, 2187.mikio.dokuwiki .mode_denied fieldset button { 2188 display: block; 2189 width: 100%; 2190} 2191 2192.mikio.dokuwiki .mode_login fieldset button[type=submit], 2193.mikio.dokuwiki .mode_denied fieldset button[type=submit] { 2194 color: var(--button-default-text-color); 2195 background-color: var(--button-default-background-color); 2196 border-color: var(--button-default-border-color); 2197} 2198 2199.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover, 2200.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover { 2201 color: var(--button-default-text-hover-color); 2202 background-color: var(--button-default-background-hover-color); 2203 border-color: var(--button-default-border-hover-color); 2204} 2205 2206.mikio.dokuwiki .mode_login fieldset input[type=checkbox], 2207.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] { 2208 vertical-align: middle; 2209} 2210 2211.mikio .mode_admin input[type=text], 2212.mikio .mode_admin input[type=password], 2213.mikio .mode_admin input[type=email] { 2214 width: 100%; 2215} 2216 2217.mikio .mode_admin p button+button { 2218 margin-left: .5rem; 2219} 2220 2221.mikio .mode_admin div.ui-admin ul.admin_tasks, 2222.mikio .mode_admin div.ui-admin ul.admin_plugins { 2223 float: none; 2224 display: grid; 2225 grid-template-columns: repeat(auto-fit, 15rem); 2226 width: auto; 2227 padding: 0; 2228 margin: 0; 2229 justify-content: center; 2230} 2231 2232.mikio .mode_admin div.ui-admin ul.admin_tasks li, 2233.mikio .mode_admin div.ui-admin ul.admin_plugins li { 2234 border: 1px solid var(--button-border-color); 2235 border-radius: .25rem; 2236 margin: 1rem 1rem; 2237 background-color: var(--button-background-color); 2238} 2239 2240.mikio .mode_admin div.ui-admin ul.admin_tasks li a, 2241.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited, 2242.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active, 2243.mikio .mode_admin div.ui-admin ul.admin_plugins li a, 2244.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited, 2245.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active { 2246 display: flex; 2247 flex-direction: column; 2248 align-items: center; 2249 justify-content: center; 2250 text-align: center; 2251 height: 4rem; 2252 font-size: 1rem; 2253 font-weight: normal; 2254 padding: 1rem 2rem; 2255 color: var(--button-text-color); 2256 -webkit-text-decoration: none; 2257 text-decoration: none; 2258 overflow: hidden; 2259 transition: all .15s ease-in-out; 2260} 2261 2262.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon, 2263.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited span.icon, 2264.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active span.icon, 2265.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon, 2266.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited span.icon, 2267.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active span.icon { 2268 width: auto; 2269 height: auto; 2270 min-height: auto; 2271} 2272 2273.mikio .mode_admin div.ui-admin ul.admin_tasks li a svg, 2274.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited svg, 2275.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active svg, 2276.mikio .mode_admin div.ui-admin ul.admin_plugins li a svg, 2277.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited svg, 2278.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active svg { 2279 fill: var(--button-text-color); 2280} 2281 2282.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover, 2283.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover, 2284.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover, 2285.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover, 2286.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover, 2287.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover { 2288 -webkit-text-decoration: none; 2289 text-decoration: none; 2290 color: var(--button-text-hover-color); 2291 background-color: var(--button-background-hover-color); 2292 border-color: var(--button-border-hover-color); 2293} 2294 2295.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg, 2296.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover svg, 2297.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover svg, 2298.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg, 2299.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover svg, 2300.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover svg { 2301 fill: var(--button-text-hover-color); 2302} 2303 2304.mikio .mode_admin .mikio-config-table-header { 2305 background-color: var(--table-header-row-background-color); 2306 font-weight: bold; 2307} 2308 2309.mikio .mode_admin .mikio-config-table-header .mikio-iicon { 2310 vertical-align: text-bottom; 2311} 2312 2313.mikio .mode_admin #extension__list ul.extensionList li { 2314 border-width: 0 0 1px 0; 2315 border-style: solid; 2316 border-color: var(--table-row-border-color); 2317 padding: .75rem; 2318 margin: 0; 2319 text-align: left; 2320} 2321 2322.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) { 2323 background-color: var(--table-odd-row-background-color); 2324} 2325 2326.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) { 2327 background-color: var(--table-even-row-background-color); 2328} 2329 2330.mikio .mode_admin button#usrmgr__del { 2331 color: #fff; 2332 border-color: #dc3545; 2333 background-color: #dc3545; 2334 margin-right: .5rem; 2335} 2336 2337.mikio .mode_admin button#usrmgr__del:hover { 2338 color: #fff; 2339 background-color: #c03040; 2340 border-color: #c03040; 2341} 2342 2343.mikio .mode_admin #acl__detail div#acl__user { 2344 border-color: var(--toc-border-color); 2345} 2346 2347.mikio .mode_admin #acl__tree { 2348 background-color: var(--tree-background-color); 2349 border-color: var(--tree-border-color); 2350 color: var(--control-text-color); 2351} 2352 2353.mikio .mode_admin #acl__tree a.cur { 2354 background-color: var(--section-edit-highlight); 2355} 2356 2357.mikio .mode_admin #acl_manager table tr:nth-child(odd) { 2358 background-color: var(--table-odd-row-background-color); 2359} 2360 2361.mikio .mode_admin #acl_manager table tr:nth-child(even) { 2362 background-color: var(--table-even-row-background-color); 2363} 2364 2365.mode_admin .mikio-content, 2366.mode_admin .mikio-page-fill, 2367.mode_login .mikio-content, 2368.mode_login .mikio-page-fill, 2369.mode_denied .mikio-content, 2370.mode_denied .mikio-page-fill, 2371.mode_revisions .mikio-content, 2372.mode_revisions .mikio-page-fill, 2373.mode_recent .mikio-content, 2374.mode_recent .mikio-page-fill, 2375.mode_backlink .mikio-content, 2376.mode_backlink .mikio-page-fill, 2377.mode_media .mikio-content, 2378.mode_media .mikio-page-fill, 2379.mode_index .mikio-content, 2380.mode_index .mikio-page-fill, 2381.mode_search .mikio-content, 2382.mode_search .mikio-page-fill, 2383.mode_edit .mikio-content, 2384.mode_edit .mikio-page-fill, 2385.mode_draft .mikio-content, 2386.mode_draft .mikio-page-fill, 2387.mode_preview .mikio-content, 2388.mode_preview .mikio-page-fill, 2389.mode_showtag .mikio-content, 2390.mode_showtag .mikio-page-fill { 2391 background-color: var(--admin-background-color); 2392} 2393 2394.mikio #plugin__styling button.primary { 2395 font-weight: inherit; 2396} 2397 2398.mikio.dokuwiki .secedit button { 2399 padding: .1rem .75rem; 2400 font-size: 80% !important; 2401 min-width: 3rem; 2402} 2403 2404.mikio img { 2405 max-width: 100%; 2406} 2407 2408.mikio img.media { 2409 margin: .2rem 0; 2410} 2411 2412.mikio img.medialeft { 2413 margin: .2rem 1em .2rem 0; 2414} 2415 2416.mikio img.mediaright { 2417 margin: .2rem 0 .2rem 1rem; 2418} 2419 2420.mikio img.mediacenter { 2421 margin: .2rem auto; 2422} 2423 2424.mikio div.dokuwiki div.inclmeta { 2425 margin-top: .5rem; 2426 padding-top: .5rem; 2427} 2428 2429.mikio #dw__login label[for=remember__me] { 2430 margin-left: 0; 2431} 2432 2433.mikio #config__manager fieldset { 2434 color: var(--text); 2435 background-color: transparent; 2436 margin: 0; 2437 padding: 0; 2438} 2439 2440.mikio #config__manager fieldset legend { 2441 text-align: left; 2442} 2443 2444.mikio #config__manager tr textarea { 2445 color: inherit; 2446 background-color: var(--control-background-color); 2447} 2448 2449.mikio #config__manager tr select { 2450 width: 100%; 2451 background-color: var(--control-background-color); 2452} 2453 2454.mikio #config__manager td.label { 2455 display: grid; 2456 grid-template-columns: auto 2rem; 2457} 2458 2459.mikio #config__manager td.label span.outkey { 2460 float: none; 2461 font-size: 100%; 2462 background-color: transparent; 2463 margin: 0; 2464 grid-column: 1 / span 1; 2465 grid-row: 1 / span 1; 2466} 2467 2468.mikio #config__manager td.label label { 2469 grid-column: 1 / span 1; 2470 grid-row: 2 / span 1; 2471} 2472 2473.mikio #config__manager td.label img { 2474 float: none; 2475 grid-column: 2 / span 1; 2476 grid-row: 1 / span 2; 2477 align-self: center; 2478} 2479 2480.mikio #config__manager td input.edit { 2481 width: 100%; 2482} 2483 2484.mikio #config__manager button[type=submit] { 2485 color: var(--button-default-text-color); 2486 background-color: var(--button-default-background-color); 2487 border-color: var(--button-default-border-color); 2488} 2489 2490.mikio #config__manager button[type=submit]:hover { 2491 color: var(--button-default-text-hover-color); 2492 background-color: var(--button-default-background-hover-color); 2493 border-color: var(--button-default-border-hover-color); 2494} 2495 2496.mode_revisions .mikio-article li { 2497 padding: .5rem 1rem; 2498 border-top: 1px solid var(--table-row-border-color); 2499 background-color: var(--table-even-row-background-color); 2500} 2501 2502.mode_revisions .mikio-article li:nth-child(odd) { 2503 background-color: var(--table-odd-row-background-color); 2504} 2505 2506.mode_revisions .mikio-article .li { 2507 display: grid; 2508 grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem; 2509 align-items: center; 2510 text-align: center; 2511 font-size: 90%; 2512} 2513 2514.mode_revisions .mikio-article .li a.wikilink1 { 2515 text-align: left; 2516} 2517 2518.mode_revisions .mikio-article .li span.sizechange { 2519 width: 100%; 2520 font-size: 80%; 2521 border-radius: .2em; 2522 padding: .1em .2em; 2523 color: var(--control-text-color) !important; 2524} 2525 2526.mode_revisions .mikio-article .sum { 2527 display: block; 2528} 2529 2530.mode_recent .mikio-article ul { 2531 list-style-type: none; 2532} 2533 2534.mode_recent .mikio-article li { 2535 padding: .5rem 1rem; 2536 border-top: 1px solid var(--table-row-border-color); 2537 background-color: var(--table-even-row-background-color); 2538} 2539 2540.mode_recent .mikio-article li:nth-child(odd) { 2541 background-color: var(--table-odd-row-background-color); 2542} 2543 2544.mode_recent .mikio-article .li { 2545 display: grid; 2546 grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem; 2547 align-items: center; 2548 text-align: center; 2549 font-size: 90%; 2550} 2551 2552.mode_recent .mikio-article .li a.wikilink1, 2553.mode_recent .mikio-article .li span.curid { 2554 text-align: left; 2555} 2556 2557.mode_recent .mikio-article .li span.sizechange { 2558 width: 100%; 2559 font-size: 80%; 2560 border-radius: .2em; 2561 padding: .1em .2em; 2562 color: var(--control-text-color); 2563} 2564 2565.mode_recent .mikio-article .li span.sizechange.positive { 2566 background-color: #cfc; 2567} 2568 2569.mode_recent .mikio-article .li span.sizechange.negative { 2570 background-color: #fdd; 2571} 2572 2573.mode_recent .mikio-article select { 2574 margin: 0; 2575 font-family: inherit; 2576 font-size: inherit; 2577 font-weight: 400; 2578 border-width: 1px; 2579 border-style: solid; 2580 border-color: transparent; 2581 border-radius: .25rem; 2582 box-sizing: border-box; 2583 vertical-align: middle; 2584 padding: .375rem .75rem; 2585 color: var(--control-text-color); 2586 background-color: var(--control-background-color); 2587 -webkit-user-select: none; 2588 -moz-user-select: none; 2589 -ms-user-select: none; 2590 height: 2.25rem; 2591} 2592 2593.mode_recent .mikio-article select[type=color] { 2594 padding: 0; 2595} 2596 2597.mikio #mediamanager__page, 2598#media__manager { 2599 width: 100%; 2600 min-width: 100%; 2601} 2602 2603.mikio #mediamanager__page button, 2604.mikio #mediamanager__page .qq-upload-button, 2605.mikio #mediamanager__page .qq-upload-list a, 2606#media__manager button, 2607#media__manager .qq-upload-button, 2608#media__manager .qq-upload-list a { 2609 margin: 0; 2610 font-family: inherit; 2611 font-size: inherit; 2612 font-weight: 400; 2613 border-width: 1px; 2614 border-style: solid; 2615 border-color: transparent; 2616 border-radius: .25rem; 2617 box-sizing: border-box; 2618 vertical-align: middle; 2619 padding: .375rem .75rem; 2620 color: var(--control-text-color); 2621 background-color: var(--control-background-color); 2622 display: inline-block; 2623 text-align: center; 2624 color: var(--button-text-color); 2625 background-color: var(--button-background-color); 2626 border-color: var(--button-border-color); 2627 line-height: 1.5; 2628 -webkit-text-decoration: none; 2629 text-decoration: none; 2630 text-transform: capitalize; 2631 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 2632} 2633 2634.mikio #mediamanager__page button[type=color], 2635.mikio #mediamanager__page .qq-upload-button[type=color], 2636.mikio #mediamanager__page .qq-upload-list a[type=color], 2637#media__manager button[type=color], 2638#media__manager .qq-upload-button[type=color], 2639#media__manager .qq-upload-list a[type=color] { 2640 padding: 0; 2641} 2642 2643.mikio #mediamanager__page button:hover:not(:disabled), 2644.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled), 2645.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled), 2646#media__manager button:hover:not(:disabled), 2647#media__manager .qq-upload-button:hover:not(:disabled), 2648#media__manager .qq-upload-list a:hover:not(:disabled) { 2649 -webkit-text-decoration: none; 2650 text-decoration: none; 2651 color: var(--button-text-hover-color); 2652 background-color: var(--button-background-hover-color); 2653 border-color: var(--button-border-hover-color); 2654} 2655 2656.mikio #mediamanager__page button:disabled, 2657.mikio #mediamanager__page .qq-upload-button:disabled, 2658.mikio #mediamanager__page .qq-upload-list a:disabled, 2659#media__manager button:disabled, 2660#media__manager .qq-upload-button:disabled, 2661#media__manager .qq-upload-list a:disabled { 2662 opacity: .65; 2663} 2664 2665.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel, 2666#media__manager .qq-upload-list a.qq-upload-cancel { 2667 color: #fff; 2668 border-color: #dc3545; 2669 background-color: #dc3545; 2670} 2671 2672.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover, 2673#media__manager .qq-upload-list a.qq-upload-cancel:hover { 2674 color: #fff; 2675 background-color: #c03040; 2676 border-color: #c03040; 2677} 2678 2679.mikio #mediamanager__page button.qq-upload-action, 2680#media__manager button.qq-upload-action { 2681 color: var(--button-default-text-color); 2682 background-color: var(--button-default-background-color); 2683 border-color: var(--button-default-border-color); 2684} 2685 2686.mikio #mediamanager__page button.qq-upload-action:hover, 2687#media__manager button.qq-upload-action:hover { 2688 color: var(--button-default-text-hover-color); 2689 background-color: var(--button-default-background-hover-color); 2690 border-color: var(--button-default-border-hover-color); 2691} 2692 2693.mikio #mediamanager__page input[type=text], 2694.mikio #mediamanager__page input[type=search], 2695.mikio #mediamanager__page textarea, 2696#media__manager input[type=text], 2697#media__manager input[type=search], 2698#media__manager textarea { 2699 margin: 0; 2700 font-family: inherit; 2701 font-size: inherit; 2702 font-weight: 400; 2703 border-width: 1px; 2704 border-style: solid; 2705 border-color: transparent; 2706 border-radius: .25rem; 2707 box-sizing: border-box; 2708 vertical-align: middle; 2709 padding: .375rem .75rem; 2710 color: var(--control-text-color); 2711 background-color: var(--control-background-color); 2712 border-color: var(--input-border-color); 2713 line-height: inherit; 2714} 2715 2716.mikio #mediamanager__page input[type=text][type=color], 2717.mikio #mediamanager__page input[type=search][type=color], 2718.mikio #mediamanager__page textarea[type=color], 2719#media__manager input[type=text][type=color], 2720#media__manager input[type=search][type=color], 2721#media__manager textarea[type=color] { 2722 padding: 0; 2723} 2724 2725.mikio #mediamanager__page .ui-resizable-e, 2726#media__manager .ui-resizable-e { 2727 background: transparent; 2728 width: 6px; 2729 right: 2px; 2730} 2731 2732.mikio #mediamanager__page .ui-resizable-e:hover, 2733#media__manager .ui-resizable-e:hover { 2734 background-color: #999; 2735} 2736 2737.mikio #mediamanager__page .namespaces, 2738#media__manager .namespaces { 2739 width: 20%; 2740 min-width: 10em; 2741 left: 0 !important; 2742} 2743 2744.mikio #mediamanager__page .namespaces h2, 2745#media__manager .namespaces h2 { 2746 display: inline-block; 2747 background-color: var(--tab-active-background-color); 2748 font-weight: normal; 2749 color: var(--tab-active-color); 2750 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 2751 border-radius: .5rem .5rem 0 0; 2752 border-width: 1px; 2753 border-style: solid; 2754 padding: .5rem 1rem; 2755 margin: 0; 2756 bottom: -1px; 2757 font-size: 1rem; 2758} 2759 2760.mikio #mediamanager__page #media__tree, 2761#media__manager #media__tree { 2762 background-color: var(--tree-background-color); 2763 border-color: var(--tree-border-color); 2764} 2765 2766.mikio #mediamanager__page #media__tree ul, 2767.mikio #mediamanager__page #media__tree ul.idx, 2768#media__manager #media__tree ul, 2769#media__manager #media__tree ul.idx { 2770 margin-top: 0; 2771 margin-bottom: 0; 2772 padding: 0; 2773 list-style-type: none; 2774} 2775 2776.mikio #mediamanager__page #media__tree ul ul, 2777.mikio #mediamanager__page #media__tree ul.idx ul, 2778#media__manager #media__tree ul ul, 2779#media__manager #media__tree ul.idx ul { 2780 margin-left: 1rem; 2781} 2782 2783.mikio #mediamanager__page #media__tree ul li, 2784.mikio #mediamanager__page #media__tree ul.idx li, 2785#media__manager #media__tree ul li, 2786#media__manager #media__tree ul.idx li { 2787 margin: .25rem 0; 2788 white-space: nowrap; 2789} 2790 2791.mikio #mediamanager__page #media__tree ul li img, 2792.mikio #mediamanager__page #media__tree ul.idx li img, 2793#media__manager #media__tree ul li img, 2794#media__manager #media__tree ul.idx li img { 2795 margin-right: .2rem; 2796} 2797 2798.mikio #mediamanager__page #media__tree ul a, 2799.mikio #mediamanager__page #media__tree ul.idx a, 2800#media__manager #media__tree ul a, 2801#media__manager #media__tree ul.idx a { 2802 -webkit-text-decoration: none; 2803 text-decoration: none; 2804} 2805 2806.mikio #mediamanager__page #media__tree ul div, 2807.mikio #mediamanager__page #media__tree ul.idx div, 2808#media__manager #media__tree ul div, 2809#media__manager #media__tree ul.idx div { 2810 display: inline-block; 2811} 2812 2813.mikio #mediamanager__page .panelHeader, 2814#media__manager .panelHeader { 2815 margin-bottom: 0 !important; 2816 background-color: var(--tab-active-background-color); 2817 border-width: 1px 1px 1px 1px; 2818 border-style: solid; 2819 border-color: var(--tab-active-border-color) !important; 2820 word-wrap: break-word; 2821 word-break: break-word; 2822} 2823 2824.mikio #mediamanager__page .filelist, 2825#media__manager .filelist { 2826 width: 50%; 2827 min-width: 25em; 2828 left: 0 !important; 2829} 2830 2831.mikio #mediamanager__page .filelist .panelHeader, 2832.mikio #mediamanager__page .qq-uploader .panelHeader, 2833#media__manager .filelist .panelHeader, 2834#media__manager .qq-uploader .panelHeader { 2835 margin-bottom: 0 !important; 2836 background-color: var(--tab-active-background-color); 2837 border-width: 1px 1px 1px 1px; 2838 border-style: solid; 2839 border-color: var(--tab-active-border-color) !important; 2840 word-wrap: break-word; 2841 word-break: break-word; 2842} 2843 2844.mikio #mediamanager__page .filelist .panelHeader h3, 2845.mikio #mediamanager__page .qq-uploader .panelHeader h3, 2846#media__manager .filelist .panelHeader h3, 2847#media__manager .qq-uploader .panelHeader h3 { 2848 width: 100%; 2849} 2850 2851.mikio #mediamanager__page .filelist form.options, 2852.mikio #mediamanager__page .qq-uploader form.options, 2853#media__manager .filelist form.options, 2854#media__manager .qq-uploader form.options { 2855 margin-top: 0; 2856} 2857 2858.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label, 2859.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label, 2860#media__manager .filelist form.options .ui-controlgroup-horizontal label, 2861#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label { 2862 margin-right: 0; 2863} 2864 2865.mikio #mediamanager__page .filelist .panelContent, 2866.mikio #mediamanager__page .qq-uploader .panelContent, 2867#media__manager .filelist .panelContent, 2868#media__manager .qq-uploader .panelContent { 2869 text-align: center; 2870} 2871 2872.mikio #mediamanager__page .filelist .panelContent ul li:hover, 2873.mikio #mediamanager__page .qq-uploader .panelContent ul li:hover, 2874#media__manager .filelist .panelContent ul li:hover, 2875#media__manager .qq-uploader .panelContent ul li:hover { 2876 background-color: initial; 2877} 2878 2879.mikio #mediamanager__page .filelist ul, 2880.mikio #mediamanager__page .qq-uploader ul, 2881#media__manager .filelist ul, 2882#media__manager .qq-uploader ul { 2883 margin: 1rem 0 -1px 0; 2884} 2885 2886.mikio #mediamanager__page .filelist ul.thumbs, 2887.mikio #mediamanager__page .qq-uploader ul.thumbs, 2888#media__manager .filelist ul.thumbs, 2889#media__manager .qq-uploader ul.thumbs { 2890 margin: 0; 2891} 2892 2893.mikio #mediamanager__page .filelist ul.thumbs li, 2894.mikio #mediamanager__page .qq-uploader ul.thumbs li, 2895#media__manager .filelist ul.thumbs li, 2896#media__manager .qq-uploader ul.thumbs li { 2897 display: inline-block; 2898 width: 200px; 2899 background-color: var(--tab-active-background-color); 2900 color: var(--tab-active-color); 2901} 2902 2903.mikio #mediamanager__page .filelist ul.thumbs li dt, 2904.mikio #mediamanager__page .qq-uploader ul.thumbs li dt, 2905#media__manager .filelist ul.thumbs li dt, 2906#media__manager .qq-uploader ul.thumbs li dt { 2907 text-align: center; 2908} 2909 2910.mikio #mediamanager__page .filelist ul.thumbs li dt a, 2911.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a, 2912#media__manager .filelist ul.thumbs li dt a, 2913#media__manager .qq-uploader ul.thumbs li dt a { 2914 display: block; 2915 width: 100%; 2916} 2917 2918.mikio #mediamanager__page .filelist ul.thumbs li dt a img, 2919.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a img, 2920#media__manager .filelist ul.thumbs li dt a img, 2921#media__manager .qq-uploader ul.thumbs li dt a img { 2922 min-height: 90px; 2923 min-width: 90px; 2924} 2925 2926.mikio #mediamanager__page .filelist ul.thumbs li dd, 2927.mikio #mediamanager__page .qq-uploader ul.thumbs li dd, 2928#media__manager .filelist ul.thumbs li dd, 2929#media__manager .qq-uploader ul.thumbs li dd { 2930 width: auto; 2931 font-size: 80%; 2932 margin-bottom: .25rem; 2933 margin-inline-start: 0; 2934} 2935 2936.mikio #mediamanager__page .filelist ul.thumbs li .name, 2937.mikio #mediamanager__page .qq-uploader ul.thumbs li .name, 2938#media__manager .filelist ul.thumbs li .name, 2939#media__manager .qq-uploader ul.thumbs li .name { 2940 font-weight: normal; 2941} 2942 2943.mikio #mediamanager__page .filelist ul.rows, 2944.mikio #mediamanager__page .qq-uploader ul.rows, 2945#media__manager .filelist ul.rows, 2946#media__manager .qq-uploader ul.rows { 2947 list-style-type: none; 2948 padding: 0; 2949} 2950 2951.mikio #mediamanager__page .filelist ul.rows li, 2952.mikio #mediamanager__page .qq-uploader ul.rows li, 2953#media__manager .filelist ul.rows li, 2954#media__manager .qq-uploader ul.rows li { 2955 background-color: var(--table-odd-row-background-color); 2956 max-height: none; 2957 font-size: 90%; 2958 color: var(--text); 2959 overflow: auto; 2960} 2961 2962.mikio #mediamanager__page .filelist ul.rows li:nth-child(2n+1), 2963.mikio #mediamanager__page .qq-uploader ul.rows li:nth-child(2n+1), 2964#media__manager .filelist ul.rows li:nth-child(2n+1), 2965#media__manager .qq-uploader ul.rows li:nth-child(2n+1) { 2966 background-color: var(--table-even-row-background-color); 2967} 2968 2969.mikio #mediamanager__page .filelist ul.rows li a, 2970.mikio #mediamanager__page .qq-uploader ul.rows li a, 2971#media__manager .filelist ul.rows li a, 2972#media__manager .qq-uploader ul.rows li a { 2973 font-weight: normal; 2974} 2975 2976.mikio #mediamanager__page .filelist ul.rows li dl, 2977.mikio #mediamanager__page .qq-uploader ul.rows li dl, 2978#media__manager .filelist ul.rows li dl, 2979#media__manager .qq-uploader ul.rows li dl { 2980 display: flex; 2981 align-items: center; 2982} 2983 2984.mikio #mediamanager__page .filelist ul.rows li dt, 2985.mikio #mediamanager__page .qq-uploader ul.rows li dt, 2986#media__manager .filelist ul.rows li dt, 2987#media__manager .qq-uploader ul.rows li dt { 2988 display: flex; 2989 align-items: center; 2990 justify-content: center; 2991 width: 10%; 2992} 2993 2994.mikio #mediamanager__page .filelist ul.rows li dt a, 2995.mikio #mediamanager__page .qq-uploader ul.rows li dt a, 2996#media__manager .filelist ul.rows li dt a, 2997#media__manager .qq-uploader ul.rows li dt a { 2998 height: auto; 2999 width: auto; 3000} 3001 3002.mikio #mediamanager__page .filelist ul.rows li dt a img, 3003.mikio #mediamanager__page .qq-uploader ul.rows li dt a img, 3004#media__manager .filelist ul.rows li dt a img, 3005#media__manager .qq-uploader ul.rows li dt a img { 3006 display: block; 3007 max-width: 40px; 3008 max-height: 40px; 3009} 3010 3011.mikio #mediamanager__page .filelist ul.rows li dd.name, 3012.mikio #mediamanager__page .qq-uploader ul.rows li dd.name, 3013#media__manager .filelist ul.rows li dd.name, 3014#media__manager .qq-uploader ul.rows li dd.name { 3015 text-align: left; 3016 width: 30%; 3017 overflow: hidden; 3018 text-overflow: ellipsis; 3019 float: left; 3020 margin-left: 1%; 3021 white-space: nowrap; 3022} 3023 3024.mikio #mediamanager__page .filelist ul.rows li dd.size, 3025.mikio #mediamanager__page .qq-uploader ul.rows li dd.size, 3026#media__manager .filelist ul.rows li dd.size, 3027#media__manager .qq-uploader ul.rows li dd.size { 3028 width: 15%; 3029} 3030 3031.mikio #mediamanager__page .filelist ul.rows li dd.date, 3032.mikio #mediamanager__page .qq-uploader ul.rows li dd.date, 3033#media__manager .filelist ul.rows li dd.date, 3034#media__manager .qq-uploader ul.rows li dd.date { 3035 width: 20%; 3036} 3037 3038.mikio #mediamanager__page .filelist ul.rows li dd.filesize, 3039.mikio #mediamanager__page .qq-uploader ul.rows li dd.filesize, 3040#media__manager .filelist ul.rows li dd.filesize, 3041#media__manager .qq-uploader ul.rows li dd.filesize { 3042 width: 15%; 3043} 3044 3045.mikio #mediamanager__page .filelist ul.rows li dd, 3046.mikio #mediamanager__page .qq-uploader ul.rows li dd, 3047#media__manager .filelist ul.rows li dd, 3048#media__manager .qq-uploader ul.rows li dd { 3049 margin: 0; 3050 font-size: 90%; 3051} 3052 3053.mikio #mediamanager__page .filelist .qq-upload-list, 3054.mikio #mediamanager__page .qq-uploader .qq-upload-list, 3055#media__manager .filelist .qq-upload-list, 3056#media__manager .qq-uploader .qq-upload-list { 3057 margin-top: 1rem; 3058} 3059 3060.mikio #mediamanager__page .filelist .qq-upload-list li:hover, 3061.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover, 3062#media__manager .filelist .qq-upload-list li:hover, 3063#media__manager .qq-uploader .qq-upload-list li:hover { 3064 background-color: transparent; 3065} 3066 3067.mikio #mediamanager__page .filelist .qq-action-container, 3068.mikio #mediamanager__page .qq-uploader .qq-action-container, 3069#media__manager .filelist .qq-action-container, 3070#media__manager .qq-uploader .qq-action-container { 3071 margin-top: 1rem; 3072 padding-top: 1rem; 3073 border-top: 1px solid #dee2e6; 3074} 3075 3076.mikio #mediamanager__page .file .panelHeader, 3077#media__manager .file .panelHeader { 3078 margin-bottom: 0 !important; 3079 background-color: var(--tab-active-background-color); 3080 border-width: 1px 1px 1px 1px; 3081 border-style: solid; 3082 border-color: var(--tab-active-border-color) !important; 3083 word-wrap: break-word; 3084 word-break: break-word; 3085} 3086 3087.mikio #mediamanager__page .file .panelHeader a, 3088#media__manager .file .panelHeader a { 3089 font-weight: normal; 3090 color: #333; 3091} 3092 3093.mikio #mediamanager__page .file ul.tabs, 3094#media__manager .file ul.tabs { 3095 padding: 0; 3096 margin-top: 1rem; 3097 margin-bottom: -1px; 3098 list-style-type: none; 3099} 3100 3101.mikio #mediamanager__page .file ul.tabs li, 3102#media__manager .file ul.tabs li { 3103 float: none; 3104 display: inline-block; 3105 font-size: 1rem; 3106 line-height: 1.4rem; 3107 position: relative; 3108 z-index: 2; 3109} 3110 3111.mikio #mediamanager__page .file ul.tabs li strong, 3112#media__manager .file ul.tabs li strong { 3113 display: inline-block; 3114 background-color: var(--tab-active-background-color); 3115 font-weight: normal; 3116 color: var(--tab-active-color); 3117 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 3118 border-radius: .5rem .5rem 0 0; 3119 border-width: 1px; 3120 border-style: solid; 3121 padding: .5rem 1rem; 3122 margin: 0; 3123 bottom: -1px; 3124} 3125 3126.mikio #mediamanager__page .file ul.tabs li a, 3127.mikio #mediamanager__page .file ul.tabs li a:visited, 3128.mikio #mediamanager__page .file ul.tabs li a:active, 3129#media__manager .file ul.tabs li a, 3130#media__manager .file ul.tabs li a:visited, 3131#media__manager .file ul.tabs li a:active { 3132 display: inline-block; 3133 padding: .5rem 1rem; 3134 border: 1px solid var(--tab-border-color); 3135 color: var(--tab-color); 3136 -webkit-text-decoration: none; 3137 text-decoration: none; 3138 margin: 0; 3139 background-color: var(--tab-background-color); 3140} 3141 3142.mikio #mediamanager__page .file ul.tabs li a:hover, 3143.mikio #mediamanager__page .file ul.tabs li a:visited:hover, 3144.mikio #mediamanager__page .file ul.tabs li a:active:hover, 3145#media__manager .file ul.tabs li a:hover, 3146#media__manager .file ul.tabs li a:visited:hover, 3147#media__manager .file ul.tabs li a:active:hover { 3148 color: var(--tab-hover-color); 3149 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 3150 border-radius: .5rem .5rem 0 0; 3151 background-color: var(--tab-background-hover-color); 3152} 3153 3154.mikio #mediamanager__page .file ul.tabs:after, 3155#media__manager .file ul.tabs:after { 3156 border-bottom: 0; 3157} 3158 3159.mikio #mediamanager__page .file #mediamanager__btn_delete button, 3160#media__manager .file #mediamanager__btn_delete button { 3161 color: #fff; 3162 border-color: #dc3545; 3163 background-color: #dc3545; 3164} 3165 3166.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover, 3167#media__manager .file #mediamanager__btn_delete button:hover { 3168 color: #fff; 3169 background-color: #c03040; 3170 border-color: #c03040; 3171} 3172 3173.mikio #mediamanager__page .file dl, 3174#media__manager .file dl { 3175 font-size: 90%; 3176} 3177 3178.mikio #mediamanager__page .file dl dt, 3179#media__manager .file dl dt { 3180 padding: .25rem .5rem; 3181 background-color: #f0f0f0; 3182} 3183 3184.mikio #mediamanager__page .file dl dd, 3185#media__manager .file dl dd { 3186 padding: .25rem .5rem; 3187 background-color: #f8f8f8; 3188} 3189 3190.mikio #mediamanager__page .file input[type=text], 3191.mikio #mediamanager__page .file form.meta textarea.edit, 3192#media__manager .file input[type=text], 3193#media__manager .file form.meta textarea.edit { 3194 width: 100%; 3195 min-width: 100%; 3196 max-width: 100%; 3197} 3198 3199.mikio #mediamanager__page .file button[name="mediado[save]"], 3200#media__manager .file button[name="mediado[save]"] { 3201 color: var(--button-default-text-color); 3202 background-color: var(--button-default-background-color); 3203 border-color: var(--button-default-border-color); 3204} 3205 3206.mikio #mediamanager__page .file button[name="mediado[save]"]:hover, 3207#media__manager .file button[name="mediado[save]"]:hover { 3208 color: var(--button-default-text-hover-color); 3209 background-color: var(--button-default-background-hover-color); 3210 border-color: var(--button-default-border-hover-color); 3211} 3212 3213.mikio #mediamanager__page .panel, 3214#media__manager .panel { 3215 float: left; 3216} 3217 3218.mikio #mediamanager__page .panelHeader, 3219#media__manager .panelHeader { 3220 margin: 0 10px 10px 0; 3221 padding: 10px 10px 8px; 3222 font-size: .9rem; 3223 overflow: hidden; 3224} 3225 3226.mikio #mediamanager__page .panelHeader h3, 3227#media__manager .panelHeader h3 { 3228 float: left; 3229 font-weight: normal; 3230 font-size: 1em; 3231 padding: 0; 3232 margin: 0 0 3px; 3233} 3234 3235.mikio #mediamanager__page .panelHeader form.options, 3236#media__manager .panelHeader form.options { 3237 float: right; 3238} 3239 3240.mikio #mediamanager__page .panelContent, 3241#media__manager .panelContent { 3242 background-color: var(--tab-active-background-color); 3243 margin: 0 10px 0 0; 3244 border-width: 0 1px 1px 1px; 3245 border-style: solid; 3246 border-color: var(--tab-active-border-color); 3247 padding: .5rem; 3248} 3249 3250.mikio #mediamanager__page #media__opts, 3251#media__manager #media__opts { 3252 border-bottom: 1px solid var(--tab-active-border-color); 3253 padding-bottom: .75rem; 3254} 3255 3256.mikio #mediamanager__page #media__content .odd, 3257.mikio #mediamanager__page #media__content .even, 3258#media__manager #media__content .odd, 3259#media__manager #media__content .even { 3260 border-top: 1px solid var(--table-row-border-color); 3261 font-size: 90%; 3262 display: grid; 3263 grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem; 3264 align-items: center; 3265} 3266 3267.mikio #mediamanager__page #media__content .odd a.mediafile, 3268.mikio #mediamanager__page #media__content .even a.mediafile, 3269#media__manager #media__content .odd a.mediafile, 3270#media__manager #media__content .even a.mediafile { 3271 grid-column: 2 / span 1; 3272 grid-row: 1 / span 1; 3273 margin: 0; 3274 word-break: break-word; 3275} 3276 3277.mikio #mediamanager__page #media__content .odd span.info, 3278.mikio #mediamanager__page #media__content .even span.info, 3279#media__manager #media__content .odd span.info, 3280#media__manager #media__content .even span.info { 3281 grid-column: 3 / span 1; 3282 grid-row: 1 / span 1; 3283 text-align: center; 3284} 3285 3286.mikio #mediamanager__page #media__content .odd span.info br, 3287.mikio #mediamanager__page #media__content .even span.info br, 3288#media__manager #media__content .odd span.info br, 3289#media__manager #media__content .even span.info br { 3290 display: inline-block; 3291} 3292 3293.mikio #mediamanager__page #media__content .odd a:nth-child(2), 3294.mikio #mediamanager__page #media__content .even a:nth-child(2), 3295#media__manager #media__content .odd a:nth-child(2), 3296#media__manager #media__content .even a:nth-child(2) { 3297 grid-column: 4 / span 1; 3298 grid-row: 1 / span 1; 3299 text-align: center; 3300} 3301 3302.mikio #mediamanager__page #media__content .odd a:nth-child(3), 3303.mikio #mediamanager__page #media__content .even a:nth-child(3), 3304#media__manager #media__content .odd a:nth-child(3), 3305#media__manager #media__content .even a:nth-child(3) { 3306 grid-column: 5 / span 1; 3307 grid-row: 1 / span 1; 3308 text-align: center; 3309} 3310 3311.mikio #mediamanager__page #media__content .odd a.btn_media_delete, 3312.mikio #mediamanager__page #media__content .even a.btn_media_delete, 3313#media__manager #media__content .odd a.btn_media_delete, 3314#media__manager #media__content .even a.btn_media_delete { 3315 grid-column: 6 / span 1; 3316 grid-row: 1 / span 1; 3317 text-align: center; 3318} 3319 3320.mikio #mediamanager__page #media__content .odd div.example, 3321.mikio #mediamanager__page #media__content .odd div.clearer, 3322.mikio #mediamanager__page #media__content .odd br, 3323.mikio #mediamanager__page #media__content .even div.example, 3324.mikio #mediamanager__page #media__content .even div.clearer, 3325.mikio #mediamanager__page #media__content .even br, 3326#media__manager #media__content .odd div.example, 3327#media__manager #media__content .odd div.clearer, 3328#media__manager #media__content .odd br, 3329#media__manager #media__content .even div.example, 3330#media__manager #media__content .even div.clearer, 3331#media__manager #media__content .even br { 3332 display: none; 3333} 3334 3335.mikio #mediamanager__page #media__content .odd div.detail, 3336.mikio #mediamanager__page #media__content .even div.detail, 3337#media__manager #media__content .odd div.detail, 3338#media__manager #media__content .even div.detail { 3339 grid-column: 1 / span 1; 3340 grid-row: 1 / span 1; 3341 padding: 0; 3342} 3343 3344.mikio #mediamanager__page #media__content .odd div.detail div.thumb, 3345.mikio #mediamanager__page #media__content .even div.detail div.thumb, 3346#media__manager #media__content .odd div.detail div.thumb, 3347#media__manager #media__content .even div.detail div.thumb { 3348 float: none; 3349 margin: 0; 3350} 3351 3352.mikio #mediamanager__page #media__content .odd div.detail div.thumb img, 3353.mikio #mediamanager__page #media__content .even div.detail div.thumb img, 3354#media__manager #media__content .odd div.detail div.thumb img, 3355#media__manager #media__content .even div.detail div.thumb img { 3356 max-width: 48px; 3357 max-height: 48px; 3358} 3359 3360.mikio #mediamanager__page #media__content .odd, 3361#media__manager #media__content .odd { 3362 background-color: var(--table-odd-row-background-color); 3363} 3364 3365.mikio #mediamanager__page #media__content .even, 3366#media__manager #media__content .even { 3367 background-color: var(--table-even-row-background-color); 3368} 3369 3370.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form { 3371 display: grid; 3372 margin: 0 auto; 3373 width: auto; 3374 max-width: 800px; 3375 grid-template-columns: auto 10rem 10rem; 3376 grid-gap: 1rem; 3377} 3378 3379.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] { 3380 grid-column: 1 / span 1; 3381 grid-row: 1 / span 1; 3382 width: 100%; 3383} 3384 3385.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] { 3386 color: var(--button-default-text-color); 3387 background-color: var(--button-default-background-color); 3388 border-color: var(--button-default-border-color); 3389 grid-column: 2 / span 1; 3390 grid-row: 1 / span 1; 3391} 3392 3393.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover { 3394 color: var(--button-default-text-hover-color); 3395 background-color: var(--button-default-background-hover-color); 3396 border-color: var(--button-default-border-hover-color); 3397} 3398 3399.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant { 3400 padding: .1rem .75rem; 3401 font-size: 80% !important; 3402 min-width: 3rem; 3403 grid-column: 3 / span 1; 3404 grid-row: 1 / span 1; 3405 flex: 0; 3406} 3407 3408.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions { 3409 grid-column: 1 / span 3; 3410 grid-row: 2 / span 1; 3411 text-align: center; 3412} 3413 3414.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle { 3415 position: relative; 3416 display: inline-block; 3417 border: 1px solid var(--dropdown-border-color); 3418 background-color: var(--dropdown-background-color); 3419 color: var(--dropdown-color); 3420 border-radius: .25rem; 3421 padding: .375rem .75rem; 3422 text-align: left; 3423} 3424 3425.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current { 3426 padding: .2rem 2.2rem .2rem .2rem; 3427 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>'); 3428 background-size: 1.2rem; 3429 background-position: right; 3430 background-repeat: no-repeat; 3431} 3432 3433.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after { 3434 content: ""; 3435} 3436 3437.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul { 3438 position: absolute; 3439 right: 0; 3440 top: .5rem; 3441 padding: .5rem 2rem; 3442 border: 1px solid var(--dropdown-border-color); 3443 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 3444 background-color: var(--dropdown-background-color); 3445 color: #999; 3446 list-style-type: none; 3447} 3448 3449.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li { 3450 margin: 0rem; 3451 white-space: nowrap; 3452} 3453 3454.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li.active { 3455 padding: .2rem 0; 3456 display: block; 3457} 3458 3459.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a, 3460.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited, 3461.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active { 3462 transition: all 0.15s ease-in-out; 3463 color: var(--dropdown-color); 3464 -webkit-text-decoration: none; 3465 text-decoration: none; 3466 font-style: normal; 3467 display: block; 3468 padding: .2rem 2rem; 3469 margin: 0 -2rem; 3470} 3471 3472.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover, 3473.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited:hover, 3474.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active:hover { 3475 background-color: var(--dropdown-hover-color); 3476} 3477 3478.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul[aria-expanded="false"] { 3479 display: none; 3480} 3481 3482.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle+.toggle { 3483 margin-left: 1rem; 3484} 3485 3486.mikio.dokuwiki .mode_search .mikio-article h2 { 3487 margin-top: .5rem; 3488 padding-top: 1rem; 3489 border-top: 1px solid #dee2e6; 3490} 3491 3492.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul { 3493 background-color: #fff; 3494 padding: .5rem 1rem; 3495 list-style-type: none; 3496} 3497 3498.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li { 3499 float: none; 3500 text-align: left; 3501 padding-left: 0; 3502} 3503 3504.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before { 3505 font-size: 1.2rem; 3506 content: '\2022'; 3507 margin-right: 0.5em; 3508} 3509 3510.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li { 3511 display: inline-block; 3512} 3513 3514.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li { 3515 width: auto; 3516} 3517 3518.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result { 3519 border-top: 1px solid var(--table-row-border-color); 3520 padding: .75rem; 3521 background-color: var(--table-odd-row-background-color); 3522} 3523 3524.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) { 3525 background-color: var(--table-even-row-background-color); 3526} 3527 3528.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet { 3529 font-size: 90%; 3530 margin-bottom: 0; 3531} 3532 3533#index__tree { 3534 background-color: var(--tree-background-color); 3535 border: 1px solid var(--tree-border-color); 3536 padding: 0 1rem; 3537} 3538 3539#index__tree ul { 3540 padding-left: 1rem; 3541} 3542 3543#index__tree a { 3544 -webkit-text-decoration: none; 3545 text-decoration: none; 3546} 3547 3548#index__tree .curid a { 3549 color: var(--section-edit-highlight); 3550} 3551 3552.mikio.dokuwiki ul.tabs { 3553 padding: 0; 3554 margin-top: 1rem; 3555 margin-bottom: -1px; 3556 list-style-type: none; 3557} 3558 3559.mikio.dokuwiki ul.tabs li { 3560 float: none; 3561 display: inline-block; 3562 font-size: 1rem; 3563 line-height: 1.4rem; 3564 position: relative; 3565 z-index: 2; 3566} 3567 3568.mikio.dokuwiki ul.tabs li strong { 3569 display: inline-block; 3570 background-color: var(--tab-active-background-color); 3571 font-weight: normal; 3572 color: var(--tab-active-color); 3573 border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color); 3574 border-radius: .5rem .5rem 0 0; 3575 border-width: 1px; 3576 border-style: solid; 3577 padding: .5rem 1rem; 3578 margin: 0; 3579 bottom: -1px; 3580} 3581 3582.mikio.dokuwiki ul.tabs li a, 3583.mikio.dokuwiki ul.tabs li a:visited, 3584.mikio.dokuwiki ul.tabs li a:active { 3585 display: inline-block; 3586 padding: .5rem 1rem; 3587 border: 1px solid var(--tab-border-color); 3588 color: var(--tab-color); 3589 -webkit-text-decoration: none; 3590 text-decoration: none; 3591 margin: 0; 3592 background-color: var(--tab-background-color); 3593} 3594 3595.mikio.dokuwiki ul.tabs li a:hover, 3596.mikio.dokuwiki ul.tabs li a:visited:hover, 3597.mikio.dokuwiki ul.tabs li a:active:hover { 3598 color: var(--tab-hover-color); 3599 border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color); 3600 border-radius: .5rem .5rem 0 0; 3601 background-color: var(--tab-background-hover-color); 3602} 3603 3604.mikio.dokuwiki ul.tabs:after { 3605 border-bottom: 0; 3606} 3607 3608.mikio .mode_draft table { 3609 margin-bottom: 1rem; 3610} 3611 3612#dokuwiki__detail { 3613 background-color: var(--admin-background-color); 3614 height: 100vh; 3615 padding: 0 2rem; 3616} 3617 3618#dokuwiki__detail .content { 3619 display: flex; 3620} 3621 3622#dokuwiki__detail .content .img_detail dl { 3623 display: grid; 3624 grid-template-columns: 4rem auto; 3625 align-items: center; 3626} 3627 3628#dokuwiki__detail .content .img_detail dl dt { 3629 font-weight: bold; 3630} 3631 3632.mikio .content_partial button, 3633.mikio .content_partial input, 3634.mikio .content_partial optgroup, 3635.mikio .content_partial select, 3636.mikio .content_partial textarea { 3637 margin: 0; 3638 font-family: inherit; 3639 font-size: inherit; 3640 font-weight: 400; 3641 border-width: 1px; 3642 border-style: solid; 3643 border-color: transparent; 3644 border-radius: .25rem; 3645 box-sizing: border-box; 3646 vertical-align: middle; 3647 padding: .375rem .75rem; 3648 color: var(--control-text-color); 3649 background-color: var(--control-background-color); 3650 border-color: var(--input-border-color); 3651 line-height: inherit; 3652} 3653 3654.mikio .content_partial button[type=color], 3655.mikio .content_partial input[type=color], 3656.mikio .content_partial optgroup[type=color], 3657.mikio .content_partial select[type=color], 3658.mikio .content_partial textarea[type=color] { 3659 padding: 0; 3660} 3661 3662.mikio .content_partial button, 3663.mikio .content_partial input[type=button], 3664.mikio .content_partial input[type=image] { 3665 display: inline-block; 3666 text-align: center; 3667 color: var(--button-text-color); 3668 background-color: var(--button-background-color); 3669 border-color: var(--button-border-color); 3670 line-height: 1.5; 3671 -webkit-text-decoration: none; 3672 text-decoration: none; 3673 text-transform: capitalize; 3674 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3675} 3676 3677.mikio .content_partial button:hover:not(:disabled), 3678.mikio .content_partial input[type=button]:hover:not(:disabled), 3679.mikio .content_partial input[type=image]:hover:not(:disabled) { 3680 -webkit-text-decoration: none; 3681 text-decoration: none; 3682 color: var(--button-text-hover-color); 3683 background-color: var(--button-background-hover-color); 3684 border-color: var(--button-border-hover-color); 3685} 3686 3687.mikio .content_partial button:disabled, 3688.mikio .content_partial input[type=button]:disabled, 3689.mikio .content_partial input[type=image]:disabled { 3690 opacity: .65; 3691} 3692 3693.mikio .content_partial button#edbtn__save, 3694.mikio .content_partial button[name="run[save]"] { 3695 color: var(--button-default-text-color); 3696 background-color: var(--button-default-background-color); 3697 border-color: var(--button-default-border-color); 3698} 3699 3700.mikio .content_partial button#edbtn__save:hover, 3701.mikio .content_partial button[name="run[save]"]:hover { 3702 color: var(--button-default-text-hover-color); 3703 background-color: var(--button-default-background-hover-color); 3704 border-color: var(--button-default-border-hover-color); 3705} 3706 3707.mikio .content_partial input[type=text], 3708.mikio .content_partial input[type=search], 3709.mikio .content_partial input[type=password], 3710.mikio .content_partial input[type=email] { 3711 -webkit-appearance: none; 3712 -moz-appearance: none; 3713 -ms-appearance: none; 3714} 3715 3716.mikio .content_partial textarea { 3717 margin-bottom: 1rem; 3718 width: 100%; 3719 word-wrap: break-word; 3720 overflow: auto; 3721 resize: vertical; 3722 white-space: pre-wrap; 3723} 3724 3725.mikio .content_partial select { 3726 -webkit-user-select: none; 3727 -moz-user-select: none; 3728 -ms-user-select: none; 3729 height: 2.25rem; 3730} 3731 3732.mikio .content_partial .toolbutton { 3733 border-radius: 0; 3734 border-right-width: 0; 3735 border-color: var(--input-border-color); 3736} 3737 3738.mikio .content_partial .toolbutton:first-of-type { 3739 border-radius: .25rem 0 0 .25rem; 3740} 3741 3742.mikio .content_partial .toolbutton:last-of-type { 3743 border-radius: 0 .25rem .25rem 0; 3744 border-right-width: 1px; 3745} 3746 3747.mikio div.dokuwiki div.comment_wrapper { 3748 padding: 1em; 3749} 3750 3751.mikio div.dokuwiki div.comment_wrapper button, 3752.mikio div.dokuwiki div.comment_wrapper input, 3753.mikio div.dokuwiki div.comment_wrapper optgroup, 3754.mikio div.dokuwiki div.comment_wrapper select, 3755.mikio div.dokuwiki div.comment_wrapper textarea { 3756 margin: 0; 3757 font-family: inherit; 3758 font-size: inherit; 3759 font-weight: 400; 3760 border-width: 1px; 3761 border-style: solid; 3762 border-color: transparent; 3763 border-radius: .25rem; 3764 box-sizing: border-box; 3765 vertical-align: middle; 3766 padding: .375rem .75rem; 3767 color: var(--control-text-color); 3768 background-color: var(--control-background-color); 3769 border-color: var(--input-border-color); 3770 line-height: inherit; 3771} 3772 3773.mikio div.dokuwiki div.comment_wrapper button[type=color], 3774.mikio div.dokuwiki div.comment_wrapper input[type=color], 3775.mikio div.dokuwiki div.comment_wrapper optgroup[type=color], 3776.mikio div.dokuwiki div.comment_wrapper select[type=color], 3777.mikio div.dokuwiki div.comment_wrapper textarea[type=color] { 3778 padding: 0; 3779} 3780 3781.mikio div.dokuwiki div.comment_wrapper button, 3782.mikio div.dokuwiki div.comment_wrapper input[type=button], 3783.mikio div.dokuwiki div.comment_wrapper input[type=image] { 3784 display: inline-block; 3785 text-align: center; 3786 color: var(--button-text-color); 3787 background-color: var(--button-background-color); 3788 border-color: var(--button-border-color); 3789 line-height: 1.5; 3790 -webkit-text-decoration: none; 3791 text-decoration: none; 3792 text-transform: capitalize; 3793 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3794} 3795 3796.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled), 3797.mikio div.dokuwiki div.comment_wrapper input[type=button]:hover:not(:disabled), 3798.mikio div.dokuwiki div.comment_wrapper input[type=image]:hover:not(:disabled) { 3799 -webkit-text-decoration: none; 3800 text-decoration: none; 3801 color: var(--button-text-hover-color); 3802 background-color: var(--button-background-hover-color); 3803 border-color: var(--button-border-hover-color); 3804} 3805 3806.mikio div.dokuwiki div.comment_wrapper button:disabled, 3807.mikio div.dokuwiki div.comment_wrapper input[type=button]:disabled, 3808.mikio div.dokuwiki div.comment_wrapper input[type=image]:disabled { 3809 opacity: .65; 3810} 3811 3812.mikio div.dokuwiki div.comment_wrapper button#edbtn__save, 3813.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] { 3814 color: var(--button-default-text-color); 3815 background-color: var(--button-default-background-color); 3816 border-color: var(--button-default-border-color); 3817} 3818 3819.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover, 3820.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover { 3821 color: var(--button-default-text-hover-color); 3822 background-color: var(--button-default-background-hover-color); 3823 border-color: var(--button-default-border-hover-color); 3824} 3825 3826.mikio div.dokuwiki div.comment_wrapper input[type=text], 3827.mikio div.dokuwiki div.comment_wrapper input[type=search], 3828.mikio div.dokuwiki div.comment_wrapper input[type=password], 3829.mikio div.dokuwiki div.comment_wrapper input[type=email] { 3830 -webkit-appearance: none; 3831 -moz-appearance: none; 3832 -ms-appearance: none; 3833} 3834 3835.mikio div.dokuwiki div.comment_wrapper textarea { 3836 margin-bottom: 1rem; 3837 width: 100%; 3838 word-wrap: break-word; 3839 overflow: auto; 3840 resize: vertical; 3841 white-space: pre-wrap; 3842} 3843 3844.mikio div.dokuwiki div.comment_wrapper select { 3845 -webkit-user-select: none; 3846 -moz-user-select: none; 3847 -ms-user-select: none; 3848 height: 2.25rem; 3849} 3850 3851.mikio div.dokuwiki div.comment_wrapper .toolbutton { 3852 border-radius: 0; 3853 border-right-width: 0; 3854 border-color: var(--input-border-color); 3855} 3856 3857.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type { 3858 border-radius: .25rem 0 0 .25rem; 3859} 3860 3861.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type { 3862 border-radius: 0 .25rem .25rem 0; 3863 border-right-width: 1px; 3864} 3865 3866.mikio div.dokuwiki div.comment_wrapper input[type=submit] { 3867 margin: 0; 3868 font-family: inherit; 3869 font-size: inherit; 3870 font-weight: 400; 3871 border-width: 1px; 3872 border-style: solid; 3873 border-color: transparent; 3874 border-radius: .25rem; 3875 box-sizing: border-box; 3876 vertical-align: middle; 3877 padding: .375rem .75rem; 3878 color: var(--control-text-color); 3879 background-color: var(--control-background-color); 3880 display: inline-block; 3881 text-align: center; 3882 color: var(--button-text-color); 3883 background-color: var(--button-background-color); 3884 border-color: var(--button-border-color); 3885 line-height: 1.5; 3886 -webkit-text-decoration: none; 3887 text-decoration: none; 3888 text-transform: capitalize; 3889 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 3890} 3891 3892.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] { 3893 padding: 0; 3894} 3895 3896.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) { 3897 -webkit-text-decoration: none; 3898 text-decoration: none; 3899 color: var(--button-text-hover-color); 3900 background-color: var(--button-background-hover-color); 3901 border-color: var(--button-border-hover-color); 3902} 3903 3904.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled { 3905 opacity: .65; 3906} 3907 3908.mikio div.dokuwiki div.comment_wrapper h2 { 3909 margin: 0; 3910} 3911 3912.mikio div.dokuwiki div.comment_wrapper .comment_form { 3913 margin-top: 0; 3914} 3915 3916.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input { 3917 float: none; 3918} 3919 3920.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label { 3921 float: none; 3922 display: inline-block; 3923} 3924 3925.mikio div.dokuwiki div.comment_wrapper .comment_buttons { 3926 float: none; 3927 text-align: right; 3928 margin-top: 1em; 3929} 3930 3931@media (max-width: 768px) { 3932 .mikio-small-only { 3933 display: inline-block; 3934 } 3935 3936 .mikio-navbar { 3937 padding-bottom: 0; 3938 } 3939 3940 .mikio-navbar .mikio-container { 3941 display: grid; 3942 grid-template-columns: auto 3rem; 3943 } 3944 3945 .mikio-navbar .mikio-navbar-brand { 3946 grid-column: 1 / span 1; 3947 grid-row: 1 / span 1; 3948 margin-bottom: .5rem; 3949 } 3950 3951 .mikio-navbar .mikio-navbar-toggle { 3952 display: block; 3953 margin-bottom: .5rem; 3954 grid-column: 2 / span 1; 3955 grid-row: 1 / span 1; 3956 } 3957 3958 .mikio-navbar .mikio-navbar-toggle.closed+.mikio-navbar-collapse { 3959 display: none; 3960 } 3961 3962 .mikio-navbar .mikio-navbar-collapse { 3963 grid-column: 1 / span 2; 3964 grid-row: 2 / span 1; 3965 flex-direction: column; 3966 margin: 0 -2rem; 3967 padding-top: .5rem; 3968 padding-right: 1rem; 3969 padding-bottom: .5rem; 3970 border-top: 1px solid rgba(0, 0, 0, 0.1); 3971 } 3972 3973 .mikio-navbar .mikio-nav-item { 3974 display: block; 3975 width: 100%; 3976 padding: .5rem 2rem; 3977 box-sizing: border-box; 3978 text-align: center; 3979 } 3980 3981 .mikio-navbar .mikio-dropdown-item { 3982 justify-content: center; 3983 } 3984 3985 .mikio-navbar .mikio-nav { 3986 width: 100%; 3987 } 3988 3989 .mikio-navbar .mikio-nav-dropdown { 3990 width: 100%; 3991 text-align: center; 3992 margin: 0; 3993 box-sizing: border-box; 3994 } 3995 3996 .mikio-navbar .mikio-nav-dropdown .mikio-dropdown { 3997 position: relative; 3998 border: 0; 3999 box-shadow: none; 4000 } 4001 4002 .mikio-hero .mikio-container { 4003 flex-direction: column; 4004 } 4005 4006 .mikio-hero .mikio-hero-image-resize { 4007 height: auto; 4008 } 4009 4010 .mikio-hero .mikio-hero-image { 4011 background-image: none !important; 4012 } 4013 4014 .mode_show .mikio-page .mikio-container { 4015 display: grid; 4016 grid-template-columns: auto 2.5rem; 4017 } 4018 4019 .mode_revisions .mikio-page, 4020 .mode_edit .mikio-page, 4021 .mode_login .mikio-page, 4022 .mode_denied .mikio-page, 4023 .mode_draft .mikio-page, 4024 .mode_preview .mikio-page, 4025 .mode_showtag .mikio-page, 4026 .mode_admin .mikio-page { 4027 grid-template-columns: auto; 4028 } 4029 4030 .mikio #config__manager td .input, 4031 .mikio #config__manager td input.edit, 4032 .mikio #config__manager tr select { 4033 width: auto; 4034 } 4035 4036 .mikio-content { 4037 grid-column: 1 / span 1; 4038 grid-row: 2 / span 1; 4039 padding-bottom: 1rem; 4040 } 4041 4042 .mikio .mikio-content .mikio-article.toc-full { 4043 display: block; 4044 } 4045 4046 .mikio .mikio-content .mikio-article .mikio-toc { 4047 float: none; 4048 } 4049 4050 .mikio .mikio-content .mikio-article .mikio-toc #dw__toc { 4051 max-width: none; 4052 } 4053 4054 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle { 4055 background-position: 99% 50%; 4056 text-align: center; 4057 } 4058 4059 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed { 4060 font-size: 80%; 4061 width: auto; 4062 } 4063 4064 .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before { 4065 display: none; 4066 } 4067 4068 .mikio-sidebar { 4069 grid-column: 1 / span 2; 4070 width: auto; 4071 } 4072 4073 .mikio-sidebar .mikio-sidebar-toggle.closed+.mikio-sidebar-collapse { 4074 display: none; 4075 } 4076 4077 .mikio-sidebar.mikio-sidebar-left { 4078 grid-row: 1 / span 1; 4079 border-right: 0; 4080 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 4081 } 4082 4083 .mikio-sidebar.mikio-sidebar-right { 4084 grid-row: 3 / span 1; 4085 border-left: 0; 4086 border-top: 1px solid rgba(0, 0, 0, 0.2); 4087 } 4088 4089 .mikio-sidebar .mikio-sidebar-toggle { 4090 display: block; 4091 } 4092 4093 #dw__pagetools { 4094 grid-column: 2 / span 1; 4095 grid-row: 2 / span 1; 4096 } 4097 4098 .mikio.dokuwiki div.ui-admin #admin__version { 4099 padding-right: 1rem; 4100 } 4101 4102 .mikio-page-fill .mikio-sidebar { 4103 display: none; 4104 } 4105 4106 .mikio #mediamanager__page, 4107 #media__manager { 4108 display: flex; 4109 flex-direction: column; 4110 } 4111 4112 .mikio #mediamanager__page .ui-resizable-e, 4113 #media__manager .ui-resizable-e { 4114 display: none !important; 4115 } 4116 4117 .mikio #mediamanager__page .namespaces, 4118 .mikio #mediamanager__page .filelist, 4119 #media__manager .namespaces, 4120 #media__manager .filelist { 4121 width: auto; 4122 min-width: auto; 4123 } 4124 4125 .mikio #mediamanager__page .panelHeader, 4126 .mikio #mediamanager__page .panelContent, 4127 #media__manager .panelHeader, 4128 #media__manager .panelContent { 4129 margin-right: 0; 4130 } 4131} 4132 4133@media print { 4134 4135 .mikio .mikio-navbar-collapse, 4136 .mikio .mikio-toc, 4137 .mikio .mikio-sidebar, 4138 .mikio #dw__pagetools, 4139 .mikio .mikio-search { 4140 display: none !important; 4141 } 4142 4143 .mikio .mikio-navbar { 4144 box-shadow: none !important; 4145 } 4146 4147 .mikio .mikio-hero .mikio-hero-text { 4148 min-height: auto; 4149 padding-bottom: 0; 4150 } 4151 4152 .mikio .mikio-breadcrumbs, 4153 .mikio .mikio-youarehere, 4154 .mikio .mikio-hero, 4155 .mikio .mikio-footer { 4156 background-color: #fff !important; 4157 } 4158} 4159 4160.mikio .bookcreator__bookbar { 4161 font-size: 0.8rem; 4162 display: flex; 4163 width: auto !important; 4164} 4165 4166.mikio-sidebar .mikio-sidebar-content .dtree { 4167 font-size: inherit; 4168} 4169 4170.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode { 4171 margin: 0.5rem 0; 4172} 4173 4174.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode .indexmenu_tocbullet { 4175 margin-top: 2px; 4176 margin-left: 2px; 4177} 4178 4179.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a, 4180.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl, 4181.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel, 4182.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node, 4183.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel { 4184 display: initial; 4185 margin: initial; 4186 color: #666; 4187 background: transparent; 4188} 4189 4190.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited, 4191.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:active, 4192.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited, 4193.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:active, 4194.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited, 4195.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:active, 4196.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited, 4197.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:active, 4198.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited, 4199.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:active { 4200 display: initial; 4201 margin: initial; 4202 color: #666; 4203 background: transparent; 4204} 4205 4206.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:hover, 4207.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited:hover, 4208.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover, 4209.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited:hover, 4210.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover, 4211.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited:hover, 4212.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover, 4213.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited:hover, 4214.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:hover, 4215.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited:hover { 4216 color: #333; 4217 text-decoration: none; 4218 background-color: transparent; 4219} 4220 4221.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel { 4222 font-weight: bold; 4223 color: #333; 4224} 4225 4226.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode img:last-of-type { 4227 margin-right: 0.2rem; 4228 opacity: 0.5; 4229} 4230 4231.mikio .indexmenu_toc { 4232 padding: 0 4px 4px 0; 4233} 4234 4235.mikio .indexmenu_toc>div { 4236 border: 1px solid #999; 4237 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); 4238 position: relative; 4239 z-index: 10; 4240} 4241 4242.mikio .indexmenu_toc .tocheader { 4243 padding: 0.2rem; 4244 border-bottom: 1px solid #ccc; 4245} 4246 4247.mikio .indexmenu_toc .indexmenu_toc_inside { 4248 border: 0; 4249 padding: 0.2rem; 4250} 4251 4252.mikio .indexmenu_toc .indexmenu_toc_inside ul { 4253 margin: 0; 4254 padding: 0 0 0 1.5rem; 4255} 4256 4257.mikio .indexmenu_toc .indexmenu_toc_inside ul .li { 4258 margin-bottom: 0.4rem; 4259} 4260 4261.mikio .mode_admin table.jsoneditor-values { 4262 width: auto; 4263} 4264 4265.mikio .mode_admin table.jsoneditor-tree, 4266.mikio .mode_admin table.jsoneditor-values { 4267 border-bottom: 0; 4268} 4269 4270.mikio .mode_admin table.jsoneditor-tree tbody tr, 4271.mikio .mode_admin table.jsoneditor-values tbody tr { 4272 background: transparent; 4273} 4274 4275.mikio .mode_admin table.jsoneditor-tree tbody td, 4276.mikio .mode_admin table.jsoneditor-values tbody td { 4277 padding: 0; 4278} 4279 4280.mikio .mode_admin table.jsoneditor-tree tbody td.jsoneditor-separator, 4281.mikio .mode_admin table.jsoneditor-values tbody td.jsoneditor-separator { 4282 vertical-align: middle; 4283} 4284 4285.mikio .mode_admin table.jsoneditor-tree button, 4286.mikio .mode_admin table.jsoneditor-values button { 4287 background-color: transparent; 4288 border: 0; 4289 transition: none; 4290} 4291 4292.mikio .mode_admin table.jsoneditor-tree button:hover, 4293.mikio .mode_admin table.jsoneditor-values button:hover { 4294 transition: none; 4295} 4296 4297.mikio .mode_admin table.jsoneditor-tree div.jsoneditor-value, 4298.mikio .mode_admin table.jsoneditor-values div.jsoneditor-value { 4299 background-color: var(--background); 4300} 4301 4302.ui-controlgroup-horizontal label { 4303 display: inline-block; 4304 text-align: center; 4305 color: var(--button-text-color); 4306 background-color: var(--button-background-color); 4307 border-color: var(--button-border-color); 4308 line-height: 1.5; 4309 -webkit-text-decoration: none; 4310 text-decoration: none; 4311 text-transform: capitalize; 4312 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 4313 padding: .1rem .75rem; 4314 font-size: 80% !important; 4315 min-width: 3rem; 4316 background-image: none; 4317 border-left-width: 0 !important; 4318 border-right-width: 0 !important; 4319} 4320 4321.ui-controlgroup-horizontal label:hover:not(:disabled) { 4322 -webkit-text-decoration: none; 4323 text-decoration: none; 4324 color: var(--button-text-hover-color); 4325 background-color: var(--button-background-hover-color); 4326 border-color: var(--button-border-hover-color); 4327} 4328 4329.ui-controlgroup-horizontal label:disabled { 4330 opacity: .65; 4331} 4332 4333.ui-controlgroup-horizontal label:first-of-type { 4334 border-left-width: 1px !important; 4335} 4336 4337.ui-controlgroup-horizontal label:last-of-type { 4338 border-right-width: 1px !important; 4339} 4340 4341.ui-controlgroup-horizontal label:hover { 4342 background-image: none !important; 4343 border-left-width: 0 !important; 4344 border-right-width: 0 !important; 4345} 4346 4347.ui-controlgroup-horizontal label:hover:first-of-type { 4348 border-left-width: 1px !important; 4349} 4350 4351.ui-controlgroup-horizontal label:hover:last-of-type { 4352 border-right-width: 1px !important; 4353} 4354 4355.ui-controlgroup-horizontal label.ui-state-active { 4356 color: var(--button-default-text-color); 4357 background-color: var(--button-default-background-color); 4358 border-color: var(--button-default-border-color); 4359} 4360 4361.ui-controlgroup-horizontal label.ui-state-active:hover { 4362 color: var(--button-default-text-hover-color); 4363 background-color: var(--button-default-background-hover-color); 4364 border-color: var(--button-default-border-hover-color); 4365} 4366 4367.mikio .mikio-darklight { 4368 display: inline-block; 4369 align-self: center; 4370} 4371 4372.mikio .mikio-darklight .mikio-darklight-light { 4373 display: var(--display-theme-light); 4374} 4375 4376.mikio .mikio-darklight .mikio-darklight-dark { 4377 display: var(--display-theme-dark); 4378} 4379 4380.mikio .mikio-darklight-button { 4381 display: flex; 4382 justify-content: center; 4383 align-items: center; 4384 width: 2.2rem; 4385 height: 2.2rem; 4386 padding: 0; 4387} 4388 4389.mikio .mikio-darklight-button .mikio-iicon { 4390 margin: 0; 4391}