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