1/*TITRES*/ 2#kiwiki h1 { 3 font-size: 2.5rem; 4 line-height: 1.8; 5 margin: 0 0 0.5rem; 6 padding: 0 10px; 7 border-bottom: 1px solid var(--kiwiki-ui-300); 8} 9#kiwiki h2 { 10 font-size: 1.8em; 11 margin: 0.5em 0; 12 padding: 0 10px; 13 border-bottom: 1px solid var(--kiwiki-ui-300); 14 line-height: 1.5; 15} 16#kiwiki h3 { 17 font-size: 1.5em; 18 font-weight: 700; 19 margin-top: 0.7em; 20 padding: 0 10px; 21} 22/*STRUCTURE*/ 23#kiwiki #dokuwiki__site { 24 min-height: calc(100vh); 25 margin-bottom: -30px; 26 background-color: var(--kiwiki-body-bg); 27 justify-content: space-between; 28 padding: 0; 29 display: flex; 30 flex-direction: column; 31 gap: 20px; 32} 33 34#kiwiki #dokuwiki__top { 35 margin: 0; 36 padding: 0; 37 width: 100%; 38 color: var(--kiwiki-text-color); 39} 40 41#kiwiki #dokuwiki__top.mode_login { 42 display: flex; 43 margin-bottom: -90px; 44 height: 100vh; 45 align-items: center; 46} 47 48#kiwiki #dokuwiki__top .wrapper { 49 max-width: var(--kiwiki-content-max-width); 50 width: 100%; 51 margin: 0 auto; 52 display: flex; 53 gap: 20px; 54 justify-content: space-between; 55 align-items: start; 56 padding: 0; 57} 58div.dokuwiki .hentry{ 59 padding: 0; 60 background-color: transparent; 61} 62/*LOGIN*/ 63#kiwiki h1#connexion { 64 text-align: center; 65} 66 67#kiwiki h1#connexion + .level1 { 68 text-align: center; 69 max-width: 700px; 70 margin: 0 auto 10px; 71} 72 73#kiwiki #dw__login fieldset { 74 display: flex; 75 max-width: 400px; 76 flex-direction: column; 77 box-shadow: #1e293b0a 0 2px 4px 0; 78 border: 1px solid var(--kiwiki-ui-100); 79 background: var(--kiwiki-main, #fff); 80 border-radius: 4px; 81 padding: 30px; 82 margin: 0 auto; 83} 84 85#kiwiki #dw__login fieldset, 86#kiwiki #dw__resendpwd fieldset, 87#kiwiki #dw__register fieldset { 88 padding-bottom: 30px; 89} 90 91#kiwiki #dw__login p { 92 font-size: 0.75rem; 93} 94 95#kiwiki #dw__login p a { 96 display: block; 97} 98 99#kiwiki #dw__login label.block select, 100#kiwiki #dw__login label.block input.edit { 101 width: 100%; 102} 103 104#kiwiki #dw__login button { 105 padding: 15px 30px; 106} 107 108#kiwiki #dw__login label.block { 109 display: flex; 110 flex-direction: column; 111 text-align: left; 112} 113 114#kiwiki #dw__login label[for="remember__me"] { 115 margin-left: 0; 116 text-align: left; 117 margin-bottom: 1.4em; 118} 119 120#kiwiki #dokuwiki__site #dokuwiki__top.mode_denied #dokuwiki__content__wrapper { 121 max-width: 700px; 122} 123 124#kiwiki .mode_denied #dokuwiki__content .page.group > h1, 125#kiwiki .mode_denied #dokuwiki__content .page.group > h1 + .level1 { 126 text-align: center; 127 margin: 0; 128 padding: 15px 30px 15px; 129} 130#kiwiki .mode_denied #dokuwiki__content .page.group > h1:first-child, 131#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 { 132 background-color: rgba(255, 0, 0, 0.4); 133 border-radius: 8px 8px 0 0; 134} 135 136#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 { 137 padding: 0 30px 15px; 138 border-radius: 0 0 8px 8px; 139} 140 141#kiwiki .mode_denied #dokuwiki__content h1:first-child + .level1 p { 142 margin: 0; 143} 144#kiwiki .back-home { 145 display: block; 146 width: 100%; 147 text-align: center; 148 margin: 0.5rem 0; 149 padding: 20px 0 0; 150 border-top: 1px solid var(--kiwiki-ui-300); 151} 152/*USER GROUP INFORMATION*/ 153#kiwiki .user_groups_info { 154 width: 100%; 155 position: relative; 156 display: block; 157 background-color: var(--kiwiki-ui-100); 158 color: var(--kiwiki-text-color); 159 margin: 0; 160 box-sizing: border-box; 161 text-align: center; 162 padding: 20px; 163 border: 1px solid #ccc; 164 margin-top: 40px; 165} 166 167/*HEADER*/ 168 169#kiwiki #dokuwiki__header { 170 display: block; 171 justify-content: space-between; 172 align-items: center; 173 position: relative; 174 z-index: 99; 175 background-color: var(--kiwiki-header-bg); 176 box-shadow: inset 0 -1px 0 0 var(--kiwiki-ui-100); 177 padding: 0 20px; 178 margin: 0 0 10px; 179} 180 181#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper { 182 max-width: var(--kiwiki-content-max-width); 183 width: 100%; 184 margin: 0 auto; 185 display: flex; 186 gap: 20px; 187 justify-content: space-between; 188 align-items: center; 189 z-index: 99; 190 padding: 0; 191} 192 193#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo { 194 display: flex; 195 gap: 15px; 196 align-items: center; 197 text-decoration: none; 198} 199 200#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo img { 201 height: 60px; 202 min-width: 60px; 203 width: auto; 204 opacity: 0; 205} 206 207#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{ 208 display: block; 209 width: fit-content; 210 height: 60px; 211 margin: 10px 0; 212 background-image: var(--kiwiki-logo-url); 213 background-repeat: no-repeat; 214 background-size: contain; 215} 216 217#kiwiki.lightmode #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{ 218 background-image: var(--kiwiki-logo-light-url); 219} 220 221#kiwiki.darkmode #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo .logo-img{ 222 background-image: var(--kiwiki-logo-dark-url); 223} 224 225#kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo > div { 226 display: flex; 227 gap: 5px; 228 align-items: center; 229 font-size: 25px; 230 font-weight: 400; 231 letter-spacing: 0.1rem; 232 color: var(--kiwiki-text-color); 233} 234#kiwiki 235 #dokuwiki__header 236 > .dokuwiki__header__wrapper 237 a.wikilogo 238 > div 239 > .claim { 240 font-size: 15px; 241} 242 243#kiwiki #dokuwiki__site > .group { 244 position: relative; 245 justify-content: center; 246 display: flex; 247 gap: 20px; 248 width: 100%; 249 max-width: var(--kiwiki-content-max-width); 250 margin: 0 auto; 251} 252 253#kiwiki form.search { 254 min-width: 400px; 255} 256#kiwiki form.search .no { 257 display: grid; 258 grid-template-columns: 4fr 1fr; 259 gap: 15px; 260} 261 262#kiwiki form.search .no button[type="submit"] { 263 background-color: transparent; 264 color: var(--kiwiki-text-color); 265 border: 1px solid var(--kiwiki-ui-100); 266} 267 268#kiwiki form.search .no button[type="submit"]:hover { 269 background-color: var(--kiwiki-btn-hover-bg); 270 color: var(--kiwiki-main); 271 border: 1px solid var(--kiwiki-btn-hover-bg); 272} 273 274#dokuwiki__site > .group { 275 position: relative; 276 justify-content: center; 277 display: flex; 278 gap: 20px; 279 width: 100%; 280 max-width: var(--kiwiki-content-max-width); 281 margin: 0 auto; 282} 283 284/*MENU*/ 285#kiwiki nav.tools { 286 display: flex; 287 gap: 20px; 288 position: relative; 289} 290#kiwiki nav.tools > div > strong { 291 pointer-events: none; 292} 293#kiwiki nav.tools > div { 294 position: relative; 295 cursor: pointer; 296} 297#kiwiki nav.tools > div > strong svg { 298 width: 32px; 299 height: 32px; 300 fill: var(--kiwiki-text-color); 301 transition: all 0.2s ease-in-out; 302} 303#kiwiki nav.tools > div:hover > strong svg { 304 fill: var(--kiwiki-btn-hover-bg); 305 transform: scale(1.1); 306} 307#kiwiki nav.tools > div > ul { 308 min-width: 250px; 309 display: none; 310 list-style-type: none; 311 position: absolute; 312 background-color: var(--kiwiki-main); 313 box-shadow: 0 0.5rem 1rem #00000026; 314 border: 1px solid var(--kiwiki-ui-100); 315 border-radius: 4px; 316 padding: 0; 317 overflow: hidden; 318 right: 0; 319} 320#kiwiki nav.tools > div#dokuwiki__pagetools > ul { 321 right: -52px; 322} 323 324#kiwiki nav.tools > div.active > ul { 325 display: block; 326} 327 328#kiwiki nav.tools > div > ul > li a { 329 display: block; 330 text-decoration: none; 331 padding: 10px 20px; 332} 333 334#kiwiki nav.tools > div > ul > li a:hover { 335 background-color: var(--kiwiki-ui-500); 336 color: var(--kiwiki-btn-text); 337} 338 339#kiwiki nav.tools > div > ul > li#sitemenu { 340 padding: 10px 20px; 341 background-color: var(--kiwiki-ui-400); 342 font-size: 0.8rem; 343 display: flex; 344 justify-content: center; 345} 346#kiwiki nav.tools > div > ul > li#sitemenu a:hover { 347 background-color: transparent; 348} 349 350#kiwiki nav.tools #sitemenu .icon { 351 fill: var(--kiwiki-main); 352} 353 354#kiwiki nav.tools > div > ul > li#sitemenu a:hover .icon { 355 fill: var(--kiwiki-btn-hover-bg); 356} 357 358#kiwiki #dokuwiki__usertools .user { 359 padding: 10px 20px; 360 background-color: var(--kiwiki-ui-400); 361 color: var(--kiwiki-text-color); 362 font-size: 0.8rem; 363} 364 365#kiwiki nav.tools > div > ul > li.action.logout a { 366 color: #f00; 367} 368 369#kiwiki.fullscreen #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper { 370 max-width: 100vw; 371} 372 373#kiwiki.fullscreen #dokuwiki__header { 374 margin-top: -80px; 375 margin-bottom: 30px; 376} 377 378#kiwiki.fullscreen #dokuwiki__header #full-screen { 379 position: fixed; 380 top: 5px; 381 right: 5px; 382} 383 384/*CONTENT*/ 385#kiwiki .urlextern { 386 word-break: break-all; 387} 388 389#kiwiki #dokuwiki__site div.no { 390 display: flex; 391} 392#kiwiki #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper { 393 width: 100%; 394 max-width:var(--kiwiki-content-max-width); 395 margin: 0 auto; 396 display: flex; 397 gap: 20px; 398 position: relative; 399 justify-content: center; 400} 401 402#kiwiki #dokuwiki__site #dokuwiki__top.mode_login #dokuwiki__content__wrapper { 403 max-width: 500px; 404} 405 406#kiwiki #dokuwiki__content { 407 float: initial; 408 margin: 0; 409 padding: 0; 410 display: block; 411 position: relative; 412 min-width: 300px; 413 width: 100%; 414} 415/* 416#dokuwiki__aside + #dokuwiki__content { 417 width: 80%; 418}*/ 419 420#kiwiki #dokuwiki__site.mode_login #dokuwiki__content, 421#kiwiki #dokuwiki__site.mode_denied #dokuwiki__content { 422 background: transparent; 423 border: none; 424 padding: 0; 425 box-shadow: none; 426} 427 428#kiwiki #dokuwiki__content > div { 429 margin: 0; 430} 431 432#kiwiki #dokuwiki__content > .group { 433 display: block; 434 box-shadow: #1e293b0a 0 2px 4px 0; 435 border: 1px solid var(--kiwiki-ui-100); 436 background: var(--kiwiki-main, #fff); 437 border-radius: 4px; 438 padding: 30px; 439} 440 441/*TABLES*/ 442#kiwiki #dokuwiki__content .table { 443 overflow: auto; 444} 445#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table { 446 width: 100%; 447 border: 1px solid var(--kiwiki-body-bg); 448 padding: 0; 449 display: table; 450 border-spacing: 0; 451} 452 453#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table thead { 454 background-color: var(--kiwiki-ui-600); 455 color: var(--kiwiki-ui-100); 456 padding: 15px; 457} 458 459#kiwiki 460 #dokuwiki__top:not(.mode_admin) 461 #dokuwiki__content 462 table 463 tbody 464 tr:nth-child(odd) { 465 background-color: var(--kiwiki-ui-200); 466} 467 468#kiwiki 469 #dokuwiki__top:not(.mode_admin) 470 #dokuwiki__content 471 table 472 tr:nth-child(even) { 473 background-color: var(--kiwiki-ui-300); 474} 475 476#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table thead th, 477#kiwiki #dokuwiki__top:not(.mode_admin) #dokuwiki__content table td { 478 padding: 10px; 479} 480 481/*BEFORE CONTENT*/ 482#kiwiki .before-content { 483 position: relative; 484 z-index: 1; 485 display: flex; 486 justify-content: space-between; 487 width: 100%; 488 max-width: var(--kiwiki-content-max-width); 489 margin: 0 auto 10px; 490 font-size: 12px; 491 text-align: center; 492} 493#kiwiki .dokuwiki div.plugin_translation ul { 494 background-color: var(--kiwiki-body-bg); 495} 496#kiwiki .dokuwiki div.plugin_translation ul li { 497 background-color: transparent; 498 border: 2px solid transparent; 499 border-radius: 3px; 500} 501 502#kiwiki .dokuwiki div.plugin_translation ul li:hover { 503 background-color: var(--kiwiki-ui-200); 504 border: 2px solid var(--kiwiki-btn-bg); 505} 506 507#kiwiki .dokuwiki div.plugin_translation ul li.span { 508 background-color: var(--kiwiki-btn-bg); 509} 510 511#kiwiki .dokuwiki div.plugin_translation ul li.span span { 512 color: var(--kiwiki-body-bg); 513} 514 515#kiwiki .dokuwiki div.plugin_translation ul li a, 516#kiwiki .dokuwiki div.plugin_translation ul li span { 517 background-color: transparent; 518} 519 520/*ASIDE*/ 521 522#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside { 523 width: 20%; 524 min-width: 300px; 525 float: initial; 526 margin: 0; 527} 528 529#kiwiki 530 #dokuwiki__site 531 #dokuwiki__content__wrapper 532 #dokuwiki__aside 533 .dokuwiki__aside_wrapper { 534 position: sticky; 535 top: 20px; 536 display: flex; 537 flex-direction: column; 538 gap: 10px; 539} 540 541#kiwiki 542 #dokuwiki__site 543 #dokuwiki__content__wrapper 544 #dokuwiki__aside 545 .dokuwiki__aside__block, 546#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside #dw__toc { 547 float: none; 548 position: relative; 549 padding: 15px; 550 width: initial; 551 margin: 0; 552 border-radius: 4px; 553 box-shadow: #1e293b0a 0 2px 4px 0; 554 border: 1px solid var(--kiwiki-ui-100); 555 background: var(--kiwiki-main, #fff); 556} 557 558#kiwiki #dokuwiki__aside .dokuwiki__aside_wrapper .back + #dw__toc { 559 border-top: none; 560} 561 562.toc > li.level1 > .li { 563 font-weight: 700; 564} 565#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside h3 { 566 padding: 0 0.5em 0.2em; 567 margin: 0.5em 0; 568 font-weight: bold; 569} 570#kiwiki #dokuwiki__aside ul { 571 padding: 0; 572 margin: 0; 573} 574#kiwiki #dokuwiki__aside ul li { 575 list-style: none; 576 padding: 0 10px; 577 margin: 0; 578 line-height: 1.5; 579} 580 581#kiwiki #dokuwiki__aside ul li a, 582#kiwiki #dokuwiki__aside ul li a:visited { 583 text-decoration: none; 584 color: var(--kiwiki-text-color); 585} 586 587#kiwiki #dokuwiki__aside ul li a:hover { 588 text-decoration: underline; 589 color: var(--kiwiki-btn-hover-bg); 590} 591 592#kiwiki .kiwiki-main-menu .menu-content { 593 max-height: var(--kiwiki-menu-max-height); 594 overflow: hidden scroll; 595} 596 597#kiwiki 598 #dokuwiki__site 599 #dokuwiki__content__wrapper 600 #dokuwiki__aside 601 #dw__toc 602 > div { 603 max-height: var(--kiwiki-toc-max-height); 604 overflow: hidden scroll; 605} 606 607#kiwiki 608 #dokuwiki__site 609 #dokuwiki__content__wrapper 610 #dokuwiki__aside 611 #dw__toc 612 > div::-webkit-scrollbar, 613#kiwiki .kiwiki-main-menu .menu-content::-webkit-scrollbar { 614 width: 0.8em; 615} 616 617#kiwiki 618 #dokuwiki__site 619 #dokuwiki__content__wrapper 620 #dokuwiki__aside 621 #dw__toc 622 > div::-webkit-scrollbar-thumb, 623#kiwiki .kiwiki-main-menu .menu-content::-webkit-scrollbar-thumb { 624 background-color: var(--kiwiki-ui-200); 625 outline: 1px solid var(--kiwiki-ui-200); 626 width: 1em; 627 border-radius: 1em; 628} 629 630#kiwiki 631 #dokuwiki__site 632 #dokuwiki__content__wrapper 633 #dokuwiki__aside 634 #dw__toc 635 > div::-webkit-scrollbar-track, 636#kiwiki .kiwiki-main-menu .menu-content::-webkit-scrollbar-track { 637 background-color: var(--kiwiki-main); 638 border-style: solid; 639 border-radius: 1em; 640 border-width: 1px; 641 border-color: var(--kiwiki-ui-200); 642} 643/* EDIT THIS BUTTON */ 644#kiwiki .kiwiki-edit { 645 position: absolute; 646 top: 5px; 647 right: 5px; 648 opacity: 0.2; 649} 650#kiwiki .kiwiki-edit span { 651 display: none; 652} 653#kiwiki .kiwiki-edit:hover { 654 opacity: 1; 655} 656 657#kiwiki .kiwiki-edit svg { 658 width: 16px; 659 height: 16px; 660 fill: var(--kiwiki-text-color); 661} 662 663/*BUTTONS*/ 664#kiwiki button, #kiwiki .ui-dialog .ui-dialog-buttonpane button,#kiwiki #comment_wrapper .button { 665 cursor: pointer; 666 border-radius: 4px; 667 display: inline-flex; 668 align-items: center; 669 justify-content: center; 670 white-space: nowrap; 671 color: var(--kiwiki-btn-text); 672 background-color: var(--kiwiki-btn-bg); 673 border: 1px solid var(--kiwiki-btn-bg); 674 padding: 5px 10px; 675 transition: all 0.2s ease-in-out; 676 margin: 0 4px; 677 background-image: none; 678 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 679 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 680 "Segoe UI Symbol"; 681 font-weight: 400; 682 font-size: 14px; 683} 684/*EDITOR*/ 685#kiwiki .secedit button, 686#kiwiki .editBox #tool__bar button, 687#kiwiki button.toolbutton, 688#kiwiki button.pickerbutton { 689 color: var(--kiwiki-ui-300); 690 background-color: var(--kiwiki-main); 691 border: 1px solid var(--kiwiki-ui-300); 692} 693#kiwiki button.pickerbutton { 694 margin: 2px; 695 padding: 2px 8px; 696 font-size: 16px; 697} 698#kiwiki .secedit button:hover, 699#kiwiki .editBox #tool__bar button:hover, 700#kiwiki button.toolbutton:hover, 701#kiwiki button.pickerbutton:hover,#kiwiki #comment_wrapper .button:hover { 702 background-color: var(--kiwiki-btn-hover-bg); 703} 704 705#kiwiki div:not(.picker) button.toolbutton img { 706 filter: grayscale(1); 707} 708 709#kiwiki.darkmode div:not(.picker) button.toolbutton img { 710 filter: invert(1) grayscale(1) brightness(1.5); 711} 712 713#kiwiki .picker { 714 background-color: var(--kiwiki-main); 715 border: none; 716 border-radius: 5px; 717} 718#picker2 { 719 overflow: hidden scroll; 720 height: 300px; 721} 722 723#kiwiki fieldset { 724 width: 100%; 725} 726 727/*popup*/ 728#kiwiki .ui-widget-overlay { 729 background: var(--kiwiki-ui-800); 730 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 731 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 732 "Segoe UI Symbol"; 733} 734#kiwiki .ui-widget-header { 735 background: var(--kiwiki-btn-bg); 736 border: none; 737 color: var(--kiwiki-main); 738 display: flex; 739 justify-content: space-between; 740 align-items: center; 741 font-weight: 700; 742 font-size: 16px; 743 letter-spacing: 0.05rem; 744 padding: 0.4em 0 0.4em 1em; 745} 746#kiwiki .ui-widget-header:before, 747#kiwiki .ui-widget-header:after { 748 display: none; 749} 750 751#kiwiki .ui-dialog .ui-dialog-titlebar-close { 752 position: relative; 753} 754 755#kiwiki .ui-dialog .ui-dialog-titlebar-close { 756 position: relative; 757} 758 759#kiwiki .ui-dialog .ui-dialog-titlebar-close .ui-icon { 760 filter: brightness(5); 761} 762#kiwiki .ui-dialog .ui-dialog-buttonpane { 763 border-color: var(--kiwiki-ui-200); 764} 765 766/*TEXT INPUT*/ 767#kiwiki select, 768#kiwiki input.edit, 769#kiwiki .ui-widget input, 770#kiwiki .ui-widget select, 771#kiwiki .ui-widget textarea, 772#kiwiki textarea.edit { 773 width: 100%; 774 height: 2rem; 775 padding: 5px; 776 border-radius: 4px; 777 border: 1px solid var(--kiwiki-ui-100); 778 transition: all 0.2s ease-out; 779 font-size: 14px; 780 margin: 0; 781 color: #000; 782} 783 784#kiwiki input.edit:focus, 785#kiwiki select.edit:focus { 786 color: var(--kiwiki-ui-500); 787 background-color: #fff; 788 border-color: #90b5e2; 789 outline: 0; 790 box-shadow: 0 0 0 0.25rem #206bc440; 791} 792 793/*CODE*/ 794#kiwiki pre { 795 word-wrap: normal; 796 direction: ltr; 797 unicode-bidi: bidi-override; 798 text-align: left; 799 position: relative; 800 padding: 1.5rem 1rem 1rem; 801 overflow: visible; 802 font-size: 0.9rem; 803 -webkit-hyphens: none; 804 -ms-hyphens: none; 805 hyphens: none; 806 line-height: 1.25rem; 807 -moz-tab-size: 3; 808 -o-tab-size: 3; 809 tab-size: 3; 810 border-radius: 4px; 811 white-space: pre-wrap; 812 -webkit-font-smoothing: auto; 813 transition: all 0.2s ease-in-out; 814 background: var(--kiwiki-ui-100); 815 color: var(--kiwiki-text-color); 816} 817 818#kiwiki code { 819 background: var(--kiwiki-ui-100); 820 padding: 2px 5px; 821 display: inline-block; 822 transition: all 0.2s ease-in-out; 823} 824 825#kiwiki pre:before { 826 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 827 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 828 "Segoe UI Symbol"; 829 content: "code"; 830 display: block; 831 position: absolute; 832 top: 1px; 833 left: 10px; 834 text-transform: uppercase; 835 font-size: 0.7rem; 836 font-weight: 900; 837 color: var(--kiwiki-ui-300); 838} 839#kiwiki pre:hover, 840#kiwiki code:hover { 841 box-shadow: 0 0 5px var(--kiwiki-ui-300); 842} 843#kiwiki .code .kw2 { 844 color: #7f430e; 845} 846#kiwiki .code .kw3, 847#kiwiki .code .kw7, 848#kiwiki .code .sy2 { 849 color: #6363ff; 850} 851/*SECTION EDIT*/ 852#kiwiki div[class*="level"] { 853 padding: 10px; 854} 855#kiwiki .secedit { 856 float: initial; 857 margin: 0; 858 width: 100%; 859 display: flex; 860 justify-content: end; 861} 862 863#kiwiki .secedit button { 864 position: relative; 865 top: -15px; 866 right: -5px; 867} 868 869#kiwiki div.section_highlight { 870 background: var(--kiwiki-ui-100); 871 border-color: transparent; 872 padding: 0; 873 margin: 0; 874 border: none; 875 border-radius: 10px; 876} 877 878/*PROFILE*/ 879#kiwiki label.block { 880 display: flex; 881 flex-wrap: nowrap; 882 justify-content: space-between; 883 align-items: center; 884 text-align: left; 885 font-weight: bold; 886} 887 888#kiwiki label.block select, 889#kiwiki label.block input.edit { 890 width: 80%; 891} 892 893#kiwiki .qq-upload-button { 894 cursor: inherit !important; 895 direction: inherit !important; 896} 897 898#kiwiki .qq-upload-button input { 899 font-family: inherit !important; 900 font-size: 1em !important; 901 margin: inherit !important; 902 opacity: 1 !important; 903 padding: inherit !important; 904 position: static !important; 905} 906 907/*edit*/ 908#kiwiki .editBar .summary label { 909 display: flex; 910 align-items: center; 911 gap: 15px; 912} 913#kiwiki .editBar .summary { 914 display: flex; 915 flex-direction: column; 916 padding: 30px 0; 917 gap: 15px; 918} 919 920/*qsearch*/ 921#kiwiki form.search div.ajax_qsearch { 922 position: absolute; 923 top: 60px; 924 left: -15px; 925 max-width: var(--kiwiki-content-max-width); 926 width: 100%; 927 padding: 15px 0 15px 15px; 928 border: 1px solid var(--kiwiki-ui-100); 929 background-color: var(--kiwiki-body-bg); 930 color: var(--kiwiki-text-color); 931 outline: 0; 932 box-shadow: 0 0 15px var(--kiwiki-ui-100); 933 border-radius: 5px; 934 height: 400px; 935 overflow: hidden scroll; 936} 937#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar { 938 width: 0.4em; 939} 940 941#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-thumb { 942 background-color: var(--kiwiki-ui-700); 943 outline: 1px solid var(--kiwiki-ui-700); 944 width: 1em; 945 border-radius: 1em; 946} 947#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-track { 948 background-color: var(--kiwiki-ui-200); 949 border-style: solid; 950 border-radius: 1em; 951 border-width: 1px; 952 border-color: var(--kiwiki-ui-200); 953} 954 955/*GO TOP/BOTTOM*/ 956#kiwiki #go { 957 position: fixed; 958 bottom: 20px; 959 right: 20px; 960 display: flex; 961 gap: 5px; 962} 963#kiwiki #go .icon { 964 display: flex; 965 justify-content: center; 966 align-items: center; 967 padding: 10px; 968 border-radius: 50px; 969 width: 25px; 970 height: 25px; 971 background-color: var(--kiwiki-btn-bg); 972 transition: all 0.2s ease-in-out; 973} 974#kiwiki #go svg { 975 fill: var(--kiwiki-main); 976 position: relative; 977 top: 0; 978 transition: all 0.25s ease-in-out; 979} 980#kiwiki #go .icon:hover { 981 background-color: var(--kiwiki-btn-hover-bg); 982} 983#kiwiki #go .icon:hover svg { 984 top: -6px; 985} 986 987#kiwiki #go [href="#dokuwiki__bottom"] .icon svg { 988 transform: rotate(180deg); 989} 990 991/*CONFIG PANEL*/ 992#kiwiki #config__manager td.label span.outkey { 993 background-color: var(--kiwiki-body-bg); 994 color: var(--kiwiki-text-color); 995 padding: 0 4px 3px; 996} 997#kiwiki form#dw__configform { 998 position: relative; 999 display: flex; 1000 flex-direction: column; 1001} 1002#kiwiki fieldset { 1003 width: 100%; 1004 position: relative; 1005 display: block; 1006 background-color: var(--kiwiki-main); 1007 color: var(--kiwiki-text-color); 1008 margin: 0; 1009 box-sizing: border-box; 1010} 1011 1012#kiwiki #config__manager td input.edit { 1013 width: 100%; 1014 margin: 0; 1015 box-sizing: border-box; 1016} 1017 1018/*REVISIONS*/ 1019#kiwiki #dokuwiki__site .changes div.no { 1020 flex-wrap: nowrap; 1021 gap: 15px; 1022 justify-content: space-between; 1023 position: relative; 1024} 1025#kiwiki .changes .changeType { 1026 width: 25%; 1027} 1028#kiwiki .changes .changeType > .quickselect { 1029 position: sticky; 1030 top: 20px; 1031} 1032#kiwiki .changes ul { 1033 width: 75%; 1034} 1035#kiwiki .changes ul > li > div.li { 1036 display: flex; 1037 flex-wrap: wrap; 1038 gap: 0; 1039 align-items: center; 1040 border-bottom: 1px solid var(--kiwiki-ui-200); 1041 padding: 15px 0; 1042} 1043#kiwiki .changes ul > li > div.li * { 1044 padding: 2px 4px; 1045 display: inline-block; 1046} 1047 1048#kiwiki .changes ul > li > div.li .date { 1049 order: 1; 1050} 1051#kiwiki .changes ul > li > div.li .sum { 1052 width: 60%; 1053 font-size: 12px; 1054 order: 2; 1055} 1056#kiwiki .changes ul > li > div.li .sizechange { 1057 width: 10%; 1058 text-align: center; 1059 order: 3; 1060 color: var(--kiwiki-ui-500); 1061} 1062#kiwiki .changes ul > li > div.li *:nth-child(3) { 1063 width: 4%; 1064 text-align: center; 1065 order: 4; 1066} 1067#kiwiki .changes ul > li > div.li *:nth-child(4) { 1068 width: 4%; 1069 text-align: center; 1070 order: 5; 1071} 1072 1073#kiwiki .changes ul > li > div.li:before { 1074 content: ""; 1075 display: block; 1076 width: 100%; 1077 order: 6; 1078} 1079 1080#kiwiki .changes ul > li > div.li > img { 1081 width: 4%; 1082 height: auto; 1083 order: 7; 1084} 1085#kiwiki .changes ul > li > div.li .wikilink1, 1086#kiwiki .changes ul > li > div.li .wikilink2 { 1087 width: 90%; 1088 order: 8; 1089 text-align: left; 1090} 1091 1092#kiwiki .changes ul > li > div.li .user { 1093 display: flex; 1094 justify-content: start; 1095 width: 100%; 1096 order: 9; 1097} 1098 1099#kiwiki #page__revisions.changes div.no { 1100 flex-wrap: wrap; 1101} 1102#kiwiki #page__revisions.changes ul { 1103 width: 100%; 1104 order: 1; 1105} 1106#kiwiki #page__revisions.changes div.no > button { 1107 order: 2; 1108} 1109#kiwiki form.changes ul li span, 1110#kiwiki form.changes ul li a { 1111 line-break: anywhere; 1112} 1113/*DIFF*/ 1114#kiwiki .diffoptions { 1115 padding-bottom: 20px; 1116 margin-bottom: 20px; 1117 border-bottom: 1px solid var(--kiwiki-ui-200); 1118} 1119#kiwiki .diffoptions > form, 1120#kiwiki .diffoptions > p { 1121 width: 50%; 1122} 1123#kiwiki .diffoptions > p { 1124 margin: 0; 1125 text-align: right; 1126} 1127#kiwiki .diffoptions .quickselect { 1128 display: flex; 1129 flex-wrap: nowrap; 1130} 1131#kiwiki .diffoptions .quickselect span { 1132 font-size: 12px; 1133} 1134#kiwiki .diffnav { 1135 vertical-align: middle; 1136} 1137#kiwiki .diffnav > form { 1138 display: inline-block; 1139 width: 80%; 1140 margin: 0; 1141} 1142#kiwiki .diffnav > a { 1143 width: 10%; 1144 margin: 0; 1145 text-decoration: none; 1146} 1147 1148#kiwiki .diffnav > a:before { 1149 display: flex; 1150 justify-content: center; 1151 align-items: center; 1152 border-radius: 4px; 1153 border: 1px solid var(--kiwiki-ui-200); 1154 padding: 7px 0 6px; 1155 margin: 0 2px; 1156} 1157 1158#kiwiki table.diff th { 1159 font-size: 12px; 1160} 1161 1162/*INDEX MODE*/ 1163#kiwiki .mode_index #dokuwiki__content { 1164 text-align: center; 1165 max-width: 700px; 1166 margin: 0 auto; 1167} 1168 1169#kiwiki #index__tree { 1170 text-align: left; 1171} 1172 1173#kiwiki #index__tree > ul > li { 1174 padding: 5px 0; 1175} 1176 1177#kiwiki #index__tree a { 1178 text-decoration: none; 1179} 1180#kiwiki #index__tree li.open ul { 1181 padding-left: 20px; 1182} 1183 1184/*SEARCH MODE*/ 1185#kiwiki .mode_search #dokuwiki__content { 1186 text-align: center; 1187 max-width: 700px; 1188 margin: 0 auto; 1189} 1190 1191#kiwiki .mode_search .search-form { 1192 display: flex; 1193 flex-wrap: wrap; 1194 justify-content: center; 1195 gap: 10px; 1196 padding: 20px; 1197 width: 100%; 1198 border: 0; 1199} 1200 1201#kiwiki .mode_search .search-form input[name="q"] { 1202 width: 75%; 1203 height: 2rem; 1204 padding: 5px; 1205 border-radius: 4px; 1206 border: 1px solid var(--kiwiki-ui-100); 1207 transition: all 0.2s ease-out; 1208 font-size: 14px; 1209 margin: 0; 1210 color: #000; 1211} 1212 1213#kiwiki .mode_search .search-form .advancedOptions { 1214 display: flex; 1215 justify-content: center; 1216 gap: 5px; 1217 padding: 0; 1218 width: 100%; 1219 font-size: 14px; 1220} 1221 1222#kiwiki .mode_search .search-form .toggleAssistant { 1223 order: 3; 1224 width: 95%; 1225 background-color: transparent; 1226 color: var(--kiwiki-text-color); 1227 border: 1px solid var(--kiwiki-ui-100); 1228} 1229 1230#kiwiki .search_quickhits { 1231 display: flex; 1232 flex-direction: column; 1233 text-align: left; 1234} 1235 1236#kiwiki .search_quickhits li { 1237 width: 100%; 1238 margin: 5px 0; 1239} 1240#kiwiki .search_fulltextresult .search_results { 1241 text-align: left; 1242} 1243 1244/*TABS*/ 1245 1246#kiwiki .tabs > ul li a, 1247#kiwiki ul.tabs li strong, 1248#kiwiki ul.tabs li a { 1249 background-color: transparent; 1250 color: var(--kiwiki-ui-400); 1251 border: 1px solid var(--kiwiki-ui-300); 1252 border-radius: 0; 1253 position: relative; 1254 z-index: 0; 1255 text-decoration: none; 1256} 1257#kiwiki ul.tabs li strong, 1258#kiwiki ul.tabs li.active a { 1259 background-color: var(--kiwiki-body-bg); 1260 color: var(--kiwiki-text-color); 1261} 1262#kiwiki .tabs > ul:after, 1263#kiwiki ul.tabs:after { 1264 z-index: 9; 1265 border-bottom: 1px solid var(--kiwiki-ui-300); 1266} 1267#kiwiki ul.tabs li:first-child * { 1268 margin: 0; 1269 border-radius: 4px 0 0; 1270} 1271#kiwiki .panelHeader { 1272 background: none; 1273 border: 1px solid var(--kiwiki-ui-300); 1274 border-top: 0; 1275 border-radius: 0 0 4px 4px; 1276} 1277/*FILE MANAGER*/ 1278#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper { 1279 width: 90%; 1280 max-width: 100%; 1281} 1282 1283#kiwiki #mediamanager__page { 1284 display: flex; 1285 flex-wrap: nowrap; 1286 padding-top: 70px; 1287} 1288#kiwiki #mediamanager__page > h1 { 1289 width: 100%; 1290 position: absolute; 1291 top: 20px; 1292 border: none; 1293} 1294#kiwiki #mediamanager__page .panel.namespaces { 1295 padding: 15px; 1296 width: 20%; 1297 margin: 0; 1298 border-radius: 4px; 1299 box-shadow: #1e293b0a 0 2px 4px 0; 1300 border: 1px solid var(--kiwiki-ui-100); 1301 background: var(--kiwiki-main, #fff); 1302} 1303 1304#kiwiki #mediamanager__page .panel.namespaces h2 { 1305 padding: 0 0.5em 0.2em; 1306 font-weight: bold; 1307 font-size: 1.5em; 1308 margin: 0; 1309 background: none; 1310 border: none; 1311} 1312 1313#kiwiki #mediamanager__page .panel.filelist { 1314 padding: 0 20px; 1315 display: block; 1316 width: 60%; 1317} 1318 1319#kiwiki #mediamanager__page .panel.file .panelHeader { 1320 border-left: 1px solid var(--kiwiki-ui-300); 1321 border-right: 1px solid var(--kiwiki-ui-300); 1322 border-radius: 0; 1323 margin: 0; 1324 padding: 20px; 1325} 1326#kiwiki #mediamanager__page .panel.file .panelHeader h3 { 1327 text-align: center; 1328 display: block; 1329 width: 100%; 1330} 1331 1332#kiwiki #mediamanager__page .panel.file .panelContent { 1333 border: 1px solid var(--kiwiki-ui-300); 1334 border-top: 0; 1335 display: flex; 1336 flex-direction: column; 1337 align-items: center; 1338 border-radius: 0 0 4px 4px; 1339 padding-bottom: 20px; 1340} 1341 1342#kiwiki #mediamanager__page .panel.filelist ul.thumbs { 1343 display: flex; 1344 flex-wrap: wrap; 1345} 1346#kiwiki #mediamanager__page .panel.filelist .thumbs li { 1347 width: 150px; 1348 background-color: transparent; 1349 cursor: pointer; 1350} 1351#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover { 1352 background-color: var(--kiwiki-ui-200); 1353} 1354#kiwiki #mediamanager__page .panel.filelist .thumbs li dl { 1355 display: flex; 1356 flex-direction: column; 1357 justify-content: center; 1358 align-items: center; 1359 font-size: 12px; 1360} 1361#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * { 1362 width: 100%; 1363} 1364#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt { 1365 display: flex; 1366 justify-content: center; 1367} 1368 1369#kiwiki #mediamanager__page .file ul.actions { 1370 display: flex; 1371 margin: 15px 0; 1372} 1373 1374#kiwiki #mediamanager__page .file dl { 1375 display: flex; 1376 flex-wrap: wrap; 1377 gap: 0; 1378 font-size: 12px; 1379 justify-content: center; 1380} 1381#kiwiki #mediamanager__page .file dl > dt, 1382#kiwiki #mediamanager__page .file dl > dd { 1383 width: 48%; 1384 padding: 2px; 1385} 1386#kiwiki #mediamanager__page .file dl:last-child { 1387 gap: 5px; 1388} 1389#kiwiki #mediamanager__page .file dl:last-child > * { 1390 width: fit-content; 1391 background-color: transparent; 1392} 1393 1394/*ADMIN*/ 1395#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks { 1396 float: none; 1397 display: flex; 1398 flex-direction: column; 1399 flex-wrap: wrap; 1400 width: 100%; 1401 padding: 0; 1402} 1403 1404#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg, 1405#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path { 1406 fill: var(--kiwiki-btn-bg); 1407} 1408 1409/*EXTENSIONS MANAGER*/ 1410#kiwiki #extension__list .legend > div { 1411 padding: 0; 1412 display: grid; 1413 grid-template-columns: 15% 85%; 1414 width: 100%; 1415 gap: 4px 15px; 1416 border-right: 1px solid var(--kiwiki-ui-300); 1417} 1418 1419#kiwiki #extension__list .legend h2, 1420#kiwiki #extension__list .legend div.screenshot { 1421 float: none; 1422 margin: 0; 1423} 1424#kiwiki #extension__list .legend h2, 1425#kiwiki #extension__list .legend p, 1426#kiwiki #extension__list .legend div.linkbar { 1427 grid-column-start: 2; 1428 grid-column-end: 3; 1429 padding: 0; 1430} 1431#kiwiki #extension__list .legend div.screenshot { 1432 grid-column-start: 1; 1433 grid-column-end: 2; 1434 grid-row-start: 1; 1435 grid-row-end: 4; 1436 margin: 0; 1437 max-width: 100%; 1438} 1439 1440#kiwiki #extension__list .legend div.screenshot img { 1441 width: 100%; 1442 height: auto; 1443} 1444 1445#kiwiki #extension__list .legend div.popularity { 1446 position: relative; 1447 grid-column-start: 1; 1448 grid-column-end: 2; 1449 grid-row-start: 2; 1450 grid-row-end: 4; 1451 width: 90%; 1452 right: initial; 1453 top: 30px; 1454 background-color: var(--kiwiki-body-bg); 1455 border-color: var(--kiwiki-ui-300); 1456} 1457#extension__list .legend div.popularity div { 1458 background-color: var(--kiwiki-btn-bg); 1459} 1460#kiwiki #extension__list .legend dl.details { 1461 grid-column-start: 1; 1462 grid-column-end: 3; 1463 background-color: var(--kiwiki-ui-200); 1464 border: 0; 1465 padding: 10px; 1466 border-radius: 10px 10px 0 10px; 1467} 1468#kiwiki #extension__list .legend a.info { 1469 grid-column-start: 2; 1470 grid-column-end: 3; 1471 position: absolute; 1472 bottom: 0; 1473 right: 5px; 1474} 1475#extension__manager div.msg { 1476 grid-column-start: 1; 1477 grid-column-end: 3; 1478} 1479#kiwiki #extension__list ul.extensionList li { 1480 color: var(--kiwiki-text-color); 1481 border-color: var(--kiwiki-ui-300); 1482} 1483 1484#kiwiki #extension__manager .actions { 1485 display: flex; 1486 flex-wrap: wrap; 1487} 1488 1489#kiwiki #extension__manager .actions p.permerror { 1490 background-position: top 2px left; 1491 line-height: 0.8rem; 1492 margin-top: 10px; 1493} 1494#kiwiki #dokuwiki__site #extension__manager form { 1495 margin: 30px auto; 1496 padding: 20px; 1497 border-radius: 15px; 1498 width: 100%; 1499 max-width: 600px; 1500} 1501 1502#kiwiki #dokuwiki__site #extension__manager form div.no { 1503 flex-direction: column; 1504} 1505 1506#kiwiki #dokuwiki__site #extension__manager form div.no label.block { 1507 justify-content: start; 1508 gap: 10px; 1509} 1510 1511#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] { 1512 color: var(--kiwiki-btn-text); 1513 background-color: var(--kiwiki-btn-bg); 1514 border: 1px solid var(--kiwiki-btn-bg); 1515} 1516 1517#kiwiki #dokuwiki__site #extension__list .legend h2 strong { 1518 display: block; 1519} 1520 1521#kiwiki 1522 #dokuwiki__site 1523 #extension__manager 1524 form 1525 div.no 1526 button[type="submit"]:hover { 1527 color: var(--kiwiki-btn-hover-text); 1528 background-color: var(--kiwiki-btn-hover-bg); 1529} 1530 1531/*FOOTER*/ 1532 1533#kiwiki #dokuwiki__footer { 1534 display: flex; 1535 flex-direction: column; 1536 align-items: center; 1537 max-width: 1100px; 1538 margin: 20px auto; 1539 text-align: center; 1540 font-size: 0.75rem; 1541 color: var(--kiwiki-text-color); 1542} 1543#kiwiki #dokuwiki__footer .meta { 1544 display: flex; 1545 gap: 20px; 1546} 1547#dokuwiki__footer .acl { 1548 display: inline-block; 1549 background-color: rgba(255, 0, 0, 0.3); 1550 padding: 1px 10px; 1551} 1552 1553/*Discussion plugin*/ 1554#kiwiki #comment_wrapper{ 1555 background-color: var(--kiwiki-ui-100); 1556 border-radius: 5px; 1557 box-shadow: #1e293b0a 0 2px 4px 0; 1558} 1559#kiwiki #discussion__comment_form > .no{ 1560 flex-wrap: wrap; 1561} 1562 1563#kiwiki div.dokuwiki .comment_head{ 1564 background-color: var(--kiwiki-ui-300); 1565 color: var(--kiwiki-ui-900); 1566 padding: .5em; 1567 border-radius: 5px 5px 0 0; 1568} 1569 1570 1571#kiwiki div.dokuwiki .comment_body{ 1572 background-color: var(--kiwiki-ui-200); 1573 padding: .5em; 1574 border-radius: 0 0 5px 5px; 1575} 1576 1577#kiwiki #discussion__comment_form label.nowrap{ 1578 order:999; 1579 width: 100%; 1580 display: flex; 1581 align-items: center; 1582} 1583#kiwiki #comment_wrapper .comment_buttons { 1584 margin-top: -13px; 1585} 1586 1587#kiwiki #comment_wrapper .comment_buttons > .button{ 1588 padding:0; 1589} 1590#kiwiki #comment_wrapper .comment_buttons > .button input.button{ 1591 border: 0; 1592 margin: 0; 1593 font-size: 12px; 1594 filter: grayscale(.7); 1595 padding:1px 8px ; 1596} 1597 1598#kiwiki #comment_wrapper .comment_buttons > .button input.button:hover{ 1599 filter: grayscale(0); 1600} 1601 1602#kiwiki div.dokuwiki div.comment_replies.reply { 1603 background-color: var(--kiwiki-ui-200); 1604 padding: .5em; 1605} 1606 1607/*MISC*/ 1608#kiwiki .JSpopup { 1609 border: 1px solid var(--kiwiki-ui-300); 1610} 1611 1612#kiwiki div.ui-admin { 1613 display: flex; 1614 flex-direction: column; 1615} 1616 1617#kiwiki .ProseMirror li p { 1618 color: var(--kiwiki-text-color); 1619} 1620