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