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