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