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