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 .button, 665#kiwiki .ui-dialog .ui-dialog-buttonpane button { 666 cursor: pointer; 667 border-radius: 4px; 668 display: inline-flex; 669 align-items: center; 670 justify-content: center; 671 white-space: nowrap; 672 color: var(--kiwiki-btn-text); 673 background-color: var(--kiwiki-btn-bg); 674 border: 1px solid var(--kiwiki-btn-bg); 675 padding: 5px 10px; 676 transition: all 0.2s ease-in-out; 677 margin: 0 4px; 678 background-image: none; 679 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 680 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 681 "Segoe UI Symbol"; 682 font-weight: 400; 683 font-size: 14px; 684} 685/*EDITOR*/ 686#kiwiki .secedit button, 687#kiwiki .editBox #tool__bar button, 688#kiwiki button.toolbutton, 689#kiwiki button.pickerbutton { 690 color: var(--kiwiki-ui-300); 691 background-color: var(--kiwiki-main); 692 border: 1px solid var(--kiwiki-ui-300); 693} 694#kiwiki button.pickerbutton { 695 margin: 2px; 696 padding: 2px 8px; 697 font-size: 16px; 698} 699#kiwiki .secedit button:hover, 700#kiwiki .editBox #tool__bar button:hover, 701#kiwiki button.toolbutton:hover, 702#kiwiki button.pickerbutton:hover,#kiwiki .button:hover { 703 background-color: var(--kiwiki-btn-hover-bg); 704} 705 706#kiwiki div:not(.picker) button.toolbutton img { 707 filter: grayscale(1); 708} 709 710#kiwiki.darkmode div:not(.picker) button.toolbutton img { 711 filter: invert(1) grayscale(1) brightness(1.5); 712} 713 714#kiwiki .picker { 715 background-color: var(--kiwiki-main); 716 border: none; 717 border-radius: 5px; 718} 719#picker2 { 720 overflow: hidden scroll; 721 height: 300px; 722} 723 724#kiwiki fieldset { 725 width: 100%; 726} 727 728/*popup*/ 729#kiwiki .ui-widget-overlay { 730 background: var(--kiwiki-ui-800); 731 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 732 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 733 "Segoe UI Symbol"; 734} 735#kiwiki .ui-widget-header { 736 background: var(--kiwiki-btn-bg); 737 border: none; 738 color: var(--kiwiki-main); 739 display: flex; 740 justify-content: space-between; 741 align-items: center; 742 font-weight: 700; 743 font-size: 16px; 744 letter-spacing: 0.05rem; 745 padding: 0.4em 0 0.4em 1em; 746} 747#kiwiki .ui-widget-header:before, 748#kiwiki .ui-widget-header:after { 749 display: none; 750} 751 752#kiwiki .ui-dialog .ui-dialog-titlebar-close { 753 position: relative; 754} 755 756#kiwiki .ui-dialog .ui-dialog-titlebar-close { 757 position: relative; 758} 759 760#kiwiki .ui-dialog .ui-dialog-titlebar-close .ui-icon { 761 filter: brightness(5); 762} 763#kiwiki .ui-dialog .ui-dialog-buttonpane { 764 border-color: var(--kiwiki-ui-200); 765} 766 767/*TEXT INPUT*/ 768#kiwiki select, 769#kiwiki input.edit, 770#kiwiki .ui-widget input, 771#kiwiki .ui-widget select, 772#kiwiki .ui-widget textarea, 773#kiwiki textarea.edit { 774 width: 100%; 775 height: 2rem; 776 padding: 5px; 777 border-radius: 4px; 778 border: 1px solid var(--kiwiki-ui-100); 779 transition: all 0.2s ease-out; 780 font-size: 14px; 781 margin: 0; 782 color: #000; 783} 784 785#kiwiki input.edit:focus, 786#kiwiki select.edit:focus { 787 color: var(--kiwiki-ui-500); 788 background-color: #fff; 789 border-color: #90b5e2; 790 outline: 0; 791 box-shadow: 0 0 0 0.25rem #206bc440; 792} 793 794/*CODE*/ 795#kiwiki pre { 796 word-wrap: normal; 797 direction: ltr; 798 unicode-bidi: bidi-override; 799 text-align: left; 800 position: relative; 801 padding: 1.5rem 1rem 1rem; 802 overflow: visible; 803 font-size: 0.9rem; 804 -webkit-hyphens: none; 805 -ms-hyphens: none; 806 hyphens: none; 807 line-height: 1.25rem; 808 -moz-tab-size: 3; 809 -o-tab-size: 3; 810 tab-size: 3; 811 border-radius: 4px; 812 white-space: pre-wrap; 813 -webkit-font-smoothing: auto; 814 transition: all 0.2s ease-in-out; 815 background: var(--kiwiki-ui-100); 816 color: var(--kiwiki-text-color); 817} 818 819#kiwiki code { 820 background: var(--kiwiki-ui-100); 821 padding: 2px 5px; 822 display: inline-block; 823 transition: all 0.2s ease-in-out; 824} 825 826#kiwiki pre:before { 827 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 828 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 829 "Segoe UI Symbol"; 830 content: "code"; 831 display: block; 832 position: absolute; 833 top: 1px; 834 left: 10px; 835 text-transform: uppercase; 836 font-size: 0.7rem; 837 font-weight: 900; 838 color: var(--kiwiki-ui-300); 839} 840#kiwiki pre:hover, 841#kiwiki code:hover { 842 box-shadow: 0 0 5px var(--kiwiki-ui-300); 843} 844#kiwiki .code .kw2 { 845 color: #7f430e; 846} 847#kiwiki .code .kw3, 848#kiwiki .code .kw7, 849#kiwiki .code .sy2 { 850 color: #6363ff; 851} 852/*SECTION EDIT*/ 853#kiwiki div[class*="level"] { 854 padding: 10px; 855} 856#kiwiki .secedit { 857 float: initial; 858 margin: 0; 859 width: 100%; 860 display: flex; 861 justify-content: end; 862} 863 864#kiwiki .secedit button { 865 position: relative; 866 top: -15px; 867 right: -5px; 868} 869 870#kiwiki div.section_highlight { 871 background: var(--kiwiki-ui-100); 872 border-color: transparent; 873 padding: 0; 874 margin: 0; 875 border: none; 876 border-radius: 10px; 877} 878 879/*PROFILE*/ 880#kiwiki label.block { 881 display: flex; 882 flex-wrap: nowrap; 883 justify-content: space-between; 884 align-items: center; 885 text-align: left; 886 font-weight: bold; 887} 888 889#kiwiki label.block select, 890#kiwiki label.block input.edit { 891 width: 80%; 892} 893 894#kiwiki .qq-upload-button { 895 cursor: inherit !important; 896 direction: inherit !important; 897} 898 899#kiwiki .qq-upload-button input { 900 font-family: inherit !important; 901 font-size: 1em !important; 902 margin: inherit !important; 903 opacity: 1 !important; 904 padding: inherit !important; 905 position: static !important; 906} 907 908/*edit*/ 909#kiwiki .editBar .summary label { 910 display: flex; 911 align-items: center; 912 gap: 15px; 913} 914#kiwiki .editBar .summary { 915 display: flex; 916 flex-direction: column; 917 padding: 30px 0; 918 gap: 15px; 919} 920 921/*qsearch*/ 922#kiwiki form.search div.ajax_qsearch { 923 position: absolute; 924 top: 60px; 925 left: -15px; 926 max-width: var(--kiwiki-content-max-width); 927 width: 100%; 928 padding: 15px 0 15px 15px; 929 border: 1px solid var(--kiwiki-ui-100); 930 background-color: var(--kiwiki-body-bg); 931 color: var(--kiwiki-text-color); 932 outline: 0; 933 box-shadow: 0 0 15px var(--kiwiki-ui-100); 934 border-radius: 5px; 935 height: 400px; 936 overflow: hidden scroll; 937} 938#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar { 939 width: 0.4em; 940} 941 942#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-thumb { 943 background-color: var(--kiwiki-ui-700); 944 outline: 1px solid var(--kiwiki-ui-700); 945 width: 1em; 946 border-radius: 1em; 947} 948#kiwiki form.search div.ajax_qsearch::-webkit-scrollbar-track { 949 background-color: var(--kiwiki-ui-200); 950 border-style: solid; 951 border-radius: 1em; 952 border-width: 1px; 953 border-color: var(--kiwiki-ui-200); 954} 955 956/*GO TOP/BOTTOM*/ 957#kiwiki #go { 958 position: fixed; 959 bottom: 20px; 960 right: 20px; 961 display: flex; 962 gap: 5px; 963} 964#kiwiki #go .icon { 965 display: flex; 966 justify-content: center; 967 align-items: center; 968 padding: 10px; 969 border-radius: 50px; 970 width: 25px; 971 height: 25px; 972 background-color: var(--kiwiki-btn-bg); 973 transition: all 0.2s ease-in-out; 974} 975#kiwiki #go svg { 976 fill: var(--kiwiki-main); 977 position: relative; 978 top: 0; 979 transition: all 0.25s ease-in-out; 980} 981#kiwiki #go .icon:hover { 982 background-color: var(--kiwiki-btn-hover-bg); 983} 984#kiwiki #go .icon:hover svg { 985 top: -6px; 986} 987 988#kiwiki #go [href="#dokuwiki__bottom"] .icon svg { 989 transform: rotate(180deg); 990} 991 992/*CONFIG PANEL*/ 993#kiwiki #config__manager td.label span.outkey { 994 background-color: var(--kiwiki-body-bg); 995 color: var(--kiwiki-text-color); 996 padding: 0 4px 3px; 997} 998#kiwiki form#dw__configform { 999 position: relative; 1000 display: flex; 1001 flex-direction: column; 1002} 1003#kiwiki fieldset { 1004 width: 100%; 1005 position: relative; 1006 display: block; 1007 background-color: var(--kiwiki-main); 1008 color: var(--kiwiki-text-color); 1009 margin: 0; 1010 box-sizing: border-box; 1011} 1012 1013#kiwiki #config__manager td input.edit { 1014 width: 100%; 1015 margin: 0; 1016 box-sizing: border-box; 1017} 1018 1019/*REVISIONS*/ 1020#kiwiki #dokuwiki__site .changes div.no { 1021 flex-wrap: nowrap; 1022 gap: 15px; 1023 justify-content: space-between; 1024 position: relative; 1025} 1026#kiwiki .changes .changeType { 1027 width: 25%; 1028} 1029#kiwiki .changes .changeType > .quickselect { 1030 position: sticky; 1031 top: 20px; 1032} 1033#kiwiki .changes ul { 1034 width: 75%; 1035} 1036#kiwiki .changes ul > li > div.li { 1037 display: flex; 1038 flex-wrap: wrap; 1039 gap: 0; 1040 align-items: center; 1041 border-bottom: 1px solid var(--kiwiki-ui-200); 1042 padding: 15px 0; 1043} 1044#kiwiki .changes ul > li > div.li * { 1045 padding: 2px 4px; 1046 display: inline-block; 1047} 1048 1049#kiwiki .changes ul > li > div.li .date { 1050 order: 1; 1051} 1052#kiwiki .changes ul > li > div.li .sum { 1053 width: 60%; 1054 font-size: 12px; 1055 order: 2; 1056} 1057#kiwiki .changes ul > li > div.li .sizechange { 1058 width: 10%; 1059 text-align: center; 1060 order: 3; 1061 color: var(--kiwiki-ui-500); 1062} 1063#kiwiki .changes ul > li > div.li *:nth-child(3) { 1064 width: 4%; 1065 text-align: center; 1066 order: 4; 1067} 1068#kiwiki .changes ul > li > div.li *:nth-child(4) { 1069 width: 4%; 1070 text-align: center; 1071 order: 5; 1072} 1073 1074#kiwiki .changes ul > li > div.li:before { 1075 content: ""; 1076 display: block; 1077 width: 100%; 1078 order: 6; 1079} 1080 1081#kiwiki .changes ul > li > div.li > img { 1082 width: 4%; 1083 height: auto; 1084 order: 7; 1085} 1086#kiwiki .changes ul > li > div.li .wikilink1, 1087#kiwiki .changes ul > li > div.li .wikilink2 { 1088 width: 90%; 1089 order: 8; 1090 text-align: left; 1091} 1092 1093#kiwiki .changes ul > li > div.li .user { 1094 display: flex; 1095 justify-content: start; 1096 width: 100%; 1097 order: 9; 1098} 1099 1100#kiwiki #page__revisions.changes div.no { 1101 flex-wrap: wrap; 1102} 1103#kiwiki #page__revisions.changes ul { 1104 width: 100%; 1105 order: 1; 1106} 1107#kiwiki #page__revisions.changes div.no > button { 1108 order: 2; 1109} 1110#kiwiki form.changes ul li span, 1111#kiwiki form.changes ul li a { 1112 line-break: anywhere; 1113} 1114/*DIFF*/ 1115#kiwiki .diffoptions { 1116 padding-bottom: 20px; 1117 margin-bottom: 20px; 1118 border-bottom: 1px solid var(--kiwiki-ui-200); 1119} 1120#kiwiki .diffoptions > form, 1121#kiwiki .diffoptions > p { 1122 width: 50%; 1123} 1124#kiwiki .diffoptions > p { 1125 margin: 0; 1126 text-align: right; 1127} 1128#kiwiki .diffoptions .quickselect { 1129 display: flex; 1130 flex-wrap: nowrap; 1131} 1132#kiwiki .diffoptions .quickselect span { 1133 font-size: 12px; 1134} 1135#kiwiki .diffnav { 1136 vertical-align: middle; 1137} 1138#kiwiki .diffnav > form { 1139 display: inline-block; 1140 width: 80%; 1141 margin: 0; 1142} 1143#kiwiki .diffnav > a { 1144 width: 10%; 1145 margin: 0; 1146 text-decoration: none; 1147} 1148 1149#kiwiki .diffnav > a:before { 1150 display: flex; 1151 justify-content: center; 1152 align-items: center; 1153 border-radius: 4px; 1154 border: 1px solid var(--kiwiki-ui-200); 1155 padding: 7px 0 6px; 1156 margin: 0 2px; 1157} 1158 1159#kiwiki table.diff th { 1160 font-size: 12px; 1161} 1162 1163/*INDEX MODE*/ 1164#kiwiki .mode_index #dokuwiki__content { 1165 text-align: center; 1166 max-width: 700px; 1167 margin: 0 auto; 1168} 1169 1170#kiwiki #index__tree { 1171 text-align: left; 1172} 1173 1174#kiwiki #index__tree > ul > li { 1175 padding: 5px 0; 1176} 1177 1178#kiwiki #index__tree a { 1179 text-decoration: none; 1180} 1181#kiwiki #index__tree li.open ul { 1182 padding-left: 20px; 1183} 1184 1185/*SEARCH MODE*/ 1186#kiwiki .mode_search #dokuwiki__content { 1187 text-align: center; 1188 max-width: 700px; 1189 margin: 0 auto; 1190} 1191 1192#kiwiki .mode_search .search-form { 1193 display: flex; 1194 flex-wrap: wrap; 1195 justify-content: center; 1196 gap: 10px; 1197 padding: 20px; 1198 width: 100%; 1199 border: 0; 1200} 1201 1202#kiwiki .mode_search .search-form input[name="q"] { 1203 width: 75%; 1204 height: 2rem; 1205 padding: 5px; 1206 border-radius: 4px; 1207 border: 1px solid var(--kiwiki-ui-100); 1208 transition: all 0.2s ease-out; 1209 font-size: 14px; 1210 margin: 0; 1211 color: #000; 1212} 1213 1214#kiwiki .mode_search .search-form .advancedOptions { 1215 display: flex; 1216 justify-content: center; 1217 gap: 5px; 1218 padding: 0; 1219 width: 100%; 1220 font-size: 14px; 1221} 1222 1223#kiwiki .mode_search .search-form .toggleAssistant { 1224 order: 3; 1225 width: 95%; 1226 background-color: transparent; 1227 color: var(--kiwiki-text-color); 1228 border: 1px solid var(--kiwiki-ui-100); 1229} 1230 1231#kiwiki .search_quickhits { 1232 display: flex; 1233 flex-direction: column; 1234 text-align: left; 1235} 1236 1237#kiwiki .search_quickhits li { 1238 width: 100%; 1239 margin: 5px 0; 1240} 1241#kiwiki .search_fulltextresult .search_results { 1242 text-align: left; 1243} 1244 1245/*TABS*/ 1246 1247#kiwiki .tabs > ul li a, 1248#kiwiki ul.tabs li strong, 1249#kiwiki ul.tabs li a { 1250 background-color: transparent; 1251 color: var(--kiwiki-ui-400); 1252 border: 1px solid var(--kiwiki-ui-300); 1253 border-radius: 0; 1254 position: relative; 1255 z-index: 0; 1256 text-decoration: none; 1257} 1258#kiwiki ul.tabs li strong, 1259#kiwiki ul.tabs li.active a { 1260 background-color: var(--kiwiki-body-bg); 1261 color: var(--kiwiki-text-color); 1262} 1263#kiwiki .tabs > ul:after, 1264#kiwiki ul.tabs:after { 1265 z-index: 9; 1266 border-bottom: 1px solid var(--kiwiki-ui-300); 1267} 1268#kiwiki ul.tabs li:first-child * { 1269 margin: 0; 1270 border-radius: 4px 0 0; 1271} 1272#kiwiki .panelHeader { 1273 background: none; 1274 border: 1px solid var(--kiwiki-ui-300); 1275 border-top: 0; 1276 border-radius: 0 0 4px 4px; 1277} 1278/*FILE MANAGER*/ 1279#kiwiki #dokuwiki__site #dokuwiki__top.mode_media #dokuwiki__content__wrapper { 1280 width: 90%; 1281 max-width: 100%; 1282} 1283 1284#kiwiki #mediamanager__page { 1285 display: flex; 1286 flex-wrap: nowrap; 1287 padding-top: 70px; 1288} 1289#kiwiki #mediamanager__page > h1 { 1290 width: 100%; 1291 position: absolute; 1292 top: 20px; 1293 border: none; 1294} 1295#kiwiki #mediamanager__page .panel.namespaces { 1296 padding: 15px; 1297 width: 20%; 1298 margin: 0; 1299 border-radius: 4px; 1300 box-shadow: #1e293b0a 0 2px 4px 0; 1301 border: 1px solid var(--kiwiki-ui-100); 1302 background: var(--kiwiki-main, #fff); 1303} 1304 1305#kiwiki #mediamanager__page .panel.namespaces h2 { 1306 padding: 0 0.5em 0.2em; 1307 font-weight: bold; 1308 font-size: 1.5em; 1309 margin: 0; 1310 background: none; 1311 border: none; 1312} 1313 1314#kiwiki #mediamanager__page .panel.filelist { 1315 padding: 0 20px; 1316 display: block; 1317 width: 60%; 1318} 1319 1320#kiwiki #mediamanager__page .panel.file .panelHeader { 1321 border-left: 1px solid var(--kiwiki-ui-300); 1322 border-right: 1px solid var(--kiwiki-ui-300); 1323 border-radius: 0; 1324 margin: 0; 1325 padding: 20px; 1326} 1327#kiwiki #mediamanager__page .panel.file .panelHeader h3 { 1328 text-align: center; 1329 display: block; 1330 width: 100%; 1331} 1332 1333#kiwiki #mediamanager__page .panel.file .panelContent { 1334 border: 1px solid var(--kiwiki-ui-300); 1335 border-top: 0; 1336 display: flex; 1337 flex-direction: column; 1338 align-items: center; 1339 border-radius: 0 0 4px 4px; 1340 padding-bottom: 20px; 1341} 1342 1343#kiwiki #mediamanager__page .panel.filelist ul.thumbs { 1344 display: flex; 1345 flex-wrap: wrap; 1346} 1347#kiwiki #mediamanager__page .panel.filelist .thumbs li { 1348 width: 150px; 1349 background-color: transparent; 1350 cursor: pointer; 1351} 1352#kiwiki #mediamanager__page .panel.filelist .thumbs li:hover { 1353 background-color: var(--kiwiki-ui-200); 1354} 1355#kiwiki #mediamanager__page .panel.filelist .thumbs li dl { 1356 display: flex; 1357 flex-direction: column; 1358 justify-content: center; 1359 align-items: center; 1360 font-size: 12px; 1361} 1362#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > * { 1363 width: 100%; 1364} 1365#kiwiki #mediamanager__page .panel.filelist .thumbs li dl > dt { 1366 display: flex; 1367 justify-content: center; 1368} 1369 1370#kiwiki #mediamanager__page .file ul.actions { 1371 display: flex; 1372 margin: 15px 0; 1373} 1374 1375#kiwiki #mediamanager__page .file dl { 1376 display: flex; 1377 flex-wrap: wrap; 1378 gap: 0; 1379 font-size: 12px; 1380 justify-content: center; 1381} 1382#kiwiki #mediamanager__page .file dl > dt, 1383#kiwiki #mediamanager__page .file dl > dd { 1384 width: 48%; 1385 padding: 2px; 1386} 1387#kiwiki #mediamanager__page .file dl:last-child { 1388 gap: 5px; 1389} 1390#kiwiki #mediamanager__page .file dl:last-child > * { 1391 width: fit-content; 1392 background-color: transparent; 1393} 1394 1395/*ADMIN*/ 1396#kiwiki #dokuwiki__content div.ui-admin ul.admin_tasks { 1397 float: none; 1398 display: flex; 1399 flex-direction: column; 1400 flex-wrap: wrap; 1401 width: 100%; 1402 padding: 0; 1403} 1404 1405#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg, 1406#kiwiki #dokuwiki__content div.ui-admin ul li a span.icon svg path { 1407 fill: var(--kiwiki-btn-bg); 1408} 1409 1410/*EXTENSIONS MANAGER*/ 1411#kiwiki #extension__list .legend > div { 1412 padding: 0; 1413 display: grid; 1414 grid-template-columns: 15% 85%; 1415 width: 100%; 1416 gap: 4px 15px; 1417 border-right: 1px solid var(--kiwiki-ui-300); 1418} 1419 1420#kiwiki #extension__list .legend h2, 1421#kiwiki #extension__list .legend div.screenshot { 1422 float: none; 1423 margin: 0; 1424} 1425#kiwiki #extension__list .legend h2, 1426#kiwiki #extension__list .legend p, 1427#kiwiki #extension__list .legend div.linkbar { 1428 grid-column-start: 2; 1429 grid-column-end: 3; 1430 padding: 0; 1431} 1432#kiwiki #extension__list .legend div.screenshot { 1433 grid-column-start: 1; 1434 grid-column-end: 2; 1435 grid-row-start: 1; 1436 grid-row-end: 4; 1437 margin: 0; 1438 max-width: 100%; 1439} 1440 1441#kiwiki #extension__list .legend div.screenshot img { 1442 width: 100%; 1443 height: auto; 1444} 1445 1446#kiwiki #extension__list .legend div.popularity { 1447 position: relative; 1448 grid-column-start: 1; 1449 grid-column-end: 2; 1450 grid-row-start: 2; 1451 grid-row-end: 4; 1452 width: 90%; 1453 right: initial; 1454 top: 30px; 1455 background-color: var(--kiwiki-body-bg); 1456 border-color: var(--kiwiki-ui-300); 1457} 1458#extension__list .legend div.popularity div { 1459 background-color: var(--kiwiki-btn-bg); 1460} 1461#kiwiki #extension__list .legend dl.details { 1462 grid-column-start: 1; 1463 grid-column-end: 3; 1464 background-color: var(--kiwiki-ui-200); 1465 border: 0; 1466 padding: 10px; 1467 border-radius: 10px 10px 0 10px; 1468} 1469#kiwiki #extension__list .legend a.info { 1470 grid-column-start: 2; 1471 grid-column-end: 3; 1472 position: absolute; 1473 bottom: 0; 1474 right: 5px; 1475} 1476#extension__manager div.msg { 1477 grid-column-start: 1; 1478 grid-column-end: 3; 1479} 1480#kiwiki #extension__list ul.extensionList li { 1481 color: var(--kiwiki-text-color); 1482 border-color: var(--kiwiki-ui-300); 1483} 1484 1485#kiwiki #extension__manager .actions { 1486 display: flex; 1487 flex-wrap: wrap; 1488} 1489 1490#kiwiki #extension__manager .actions p.permerror { 1491 background-position: top 2px left; 1492 line-height: 0.8rem; 1493 margin-top: 10px; 1494} 1495#kiwiki #dokuwiki__site #extension__manager form { 1496 margin: 30px auto; 1497 padding: 20px; 1498 border-radius: 15px; 1499 width: 100%; 1500 max-width: 600px; 1501} 1502 1503#kiwiki #dokuwiki__site #extension__manager form div.no { 1504 flex-direction: column; 1505} 1506 1507#kiwiki #dokuwiki__site #extension__manager form div.no label.block { 1508 justify-content: start; 1509 gap: 10px; 1510} 1511 1512#kiwiki #dokuwiki__site #extension__manager form div.no button[type="submit"] { 1513 color: var(--kiwiki-btn-text); 1514 background-color: var(--kiwiki-btn-bg); 1515 border: 1px solid var(--kiwiki-btn-bg); 1516} 1517 1518#kiwiki #dokuwiki__site #extension__list .legend h2 strong { 1519 display: block; 1520} 1521 1522#kiwiki 1523 #dokuwiki__site 1524 #extension__manager 1525 form 1526 div.no 1527 button[type="submit"]:hover { 1528 color: var(--kiwiki-btn-hover-text); 1529 background-color: var(--kiwiki-btn-hover-bg); 1530} 1531 1532/*FOOTER*/ 1533 1534#kiwiki #dokuwiki__footer { 1535 display: flex; 1536 flex-direction: column; 1537 align-items: center; 1538 max-width: 1100px; 1539 margin: 20px auto; 1540 text-align: center; 1541 font-size: 0.75rem; 1542 color: var(--kiwiki-text-color); 1543} 1544#kiwiki #dokuwiki__footer .meta { 1545 display: flex; 1546 gap: 20px; 1547} 1548#dokuwiki__footer .acl { 1549 display: inline-block; 1550 background-color: rgba(255, 0, 0, 0.3); 1551 padding: 1px 10px; 1552} 1553 1554/*Discussion plugin*/ 1555#kiwiki #comment_wrapper{ 1556 background-color: var(--kiwiki-ui-100); 1557 border-radius: 5px; 1558 box-shadow: #1e293b0a 0 2px 4px 0; 1559} 1560#kiwiki #discussion__comment_form > .no{ 1561 flex-wrap: wrap; 1562} 1563 1564#kiwiki div.dokuwiki .comment_head{ 1565 background-color: var(--kiwiki-ui-300); 1566 color: var(--kiwiki-ui-900); 1567 padding: .5em; 1568 border-radius: 5px 5px 0 0; 1569} 1570 1571 1572#kiwiki div.dokuwiki .comment_body{ 1573 background-color: var(--kiwiki-ui-200); 1574 padding: .5em; 1575 border-radius: 0 0 5px 5px; 1576} 1577 1578#kiwiki #discussion__comment_form label.nowrap{ 1579 order:999; 1580 width: 100%; 1581 display: flex; 1582 align-items: center; 1583} 1584div.dokuwiki div.comment_buttons { 1585 margin-top: -13px; 1586} 1587 1588#kiwiki .comment_buttons > .button{ 1589 padding:0; 1590} 1591#kiwiki .comment_buttons > .button input.button{ 1592 border: 0; 1593 margin: 0; 1594 font-size: 12px; 1595 filter: grayscale(.7); 1596 padding:1px 8px ; 1597} 1598 1599#kiwiki .comment_buttons > .button input.button:hover{ 1600 filter: grayscale(0); 1601} 1602 1603#kiwiki div.dokuwiki div.comment_replies.reply { 1604 background-color: var(--kiwiki-ui-200); 1605 padding: .5em; 1606} 1607 1608/*MISC*/ 1609#kiwiki .JSpopup { 1610 border: 1px solid var(--kiwiki-ui-300); 1611} 1612 1613#kiwiki div.ui-admin { 1614 display: flex; 1615 flex-direction: column; 1616} 1617 1618#kiwiki .ProseMirror li p { 1619 color: var(--kiwiki-text-color); 1620} 1621