1/* 2 * Tableless Layout for Wallpaper template 3 * 4 * @author Andreas Gohr <andi@splitbrain.org> 5 * @author moraes <moraes@tipos.com.br> 6 * @author Klaus Vormweg <klaus.vormweg@gmx.de> 7 */ 8 9/* -------------- basic page elements -------------- */ 10* { 11 padding: 0; margin: 0; 12} 13 14html { 15 font-size: 100%; 16 height: 0; 17} 18 19body { 20 font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 21 background: __background_other__; 22 color: __text__; 23 line-height: 1.4em; 24 text-align: left; 25 float: left; 26 width: 100%; 27} 28img#fakebackground { 29 width: 100%; 30 position: absolute; 31 top: 0; 32 left: 0; 33 z-index: -1; 34} 35div.dokuwiki { 36 min-width: 70em; 37 max-width: 90em; 38 width: 85%; 39 margin: 0 auto; 40} 41 42/* -------------- header --------------- */ 43div.dokuwiki .stylehead { 44 background-color: transparent; 45 min-width: 65em; 46 width: 100%; 47} 48 49div.dokuwiki .header { 50 height: 7.5em; 51 background-color: transparent; 52} 53 54div.dokuwiki .pagename { 55 text-align: left; 56 padding: 3.5em 0 3.5em 0; 57 background-color: transparent; 58} 59 60div.dokuwiki .pagename a { 61 font-size: 250%; 62 font-weight: bolder; 63 color: __text_neu__ !important; 64 text-decoration: none !important; 65} 66 67div.dokuwiki div.breadcrumbs { 68 background-color: rgba(255,255,255,0.6); 69 border-bottom: 1px solid __border__; 70 color: __text_neu__; 71 font-size: 80%; 72 padding: 4px 0 0 4px; 73 min-height: 2.5em; 74 margin-top: 5em; 75} 76 77/* --------------- bottom bar ---------------- */ 78div.dokuwiki .bar { 79 float: left; 80 background-color: transparent; 81 width: 100%; 82 clear: both; 83 min-width: 60em; 84 margin-top: 1em; 85} 86 87div.dokuwiki .bar-left { 88 float: left; 89 padding: 0.1em 0; 90} 91 92div.dokuwiki .bar-right { 93 float: right; 94 text-align: right; 95 padding: 0.1em 0; 96} 97 98div.dokuwiki #bar__bottom { 99 color: __text_neu__; 100 margin-bottom: 0.5em; 101} 102 103/* ------------- File Metadata ----------------------- */ 104div.dokuwiki div.stylefoot { 105 min-width: 60em; 106 width: 100%; 107 height: 1.75em; 108 clear: both; 109 color: __text__; 110 background-color: rgba(255,255,255,0.75); 111} 112 113div.dokuwiki div.stylefoot div.meta { 114 font-size: 85%; 115 text-align: right; 116 padding: 0.25em 1em 0.25em 0; 117 border-top: 1px solid __border__; 118} 119div.dokuwiki div.stylefoot div.meta div.homelink { 120 margin: 0 0 0 0.5em; 121 float: left; 122} 123div.dokuwiki div.stylefoot div.meta div.homelink a { 124 display: block; 125 float: left; 126 padding: 0.15em 0.25em 0.5em 1em; 127} 128 129/* ------------- the document area ------------- */ 130div.dokuwiki div.wrap { 131 width: 100%; 132 overflow: hidden; 133 min-width: 60em; 134 background-color: rgba(255,255,255,0.8) ; 135} 136 137/* ------------- the menu bar ------------- */ 138div.dokuwiki div.mainmenu { 139 margin: 0; 140 padding: 0.5em; 141 background-color: rgba(255,255,255,0.9 ); 142 height: 1.5em; 143 color: __text_other__; 144} 145 146div.dokuwiki div.mainmenu ul { 147 z-index: 0; 148 list-style-type: none; 149 margin: 0; 150 padding: 0; 151 font-weight: bold !important; 152 height: auto; 153} 154 155div.dokuwiki div.mainmenu ul li { 156 margin: 0 1em 0 0; 157 padding: 0; 158 float: left; 159 line-height: 1.25em; 160} 161 162div.dokuwiki div.mainmenu ul li div.li { 163 font-weight: bold !important; 164} 165 166div.dokuwiki div.mainmenu ul ul { 167 position: absolute; 168 visibility: hidden; 169 opacity: 0; 170 transition: visibility 0s linear 0.5s, opacity 0.5s linear; 171 min-width: __menuwidth__; 172 width: auto; 173 background-color: __background_alt__; 174 margin: 0; 175 padding: 0 0 0.25em 0; 176} 177 178div.dokuwiki div.mainmenu ul ul li { 179 float: none; 180 border-top: 1px dotted black; 181 padding: 1px 0.5em 0 0.5em; 182 margin-right: 0 !important; 183} 184 185div.dokuwiki div.mainmenu ul ul li div.li { 186 font-weight: normal !important; 187} 188 189div.dokuwiki div.mainmenu ul li div.li a { 190 color: __text_alt__ !important; 191 text-decoration: none !important; 192 display: block !important; 193} 194 195div.dokuwiki div.mainmenu ul li div.li a:hover, 196div.dokuwiki div.mainmenu ul li div.li a:focus { 197 color: __text_neu__ !important; 198 background-color: __background_other__ !important; 199} 200 201div.dokuwiki div.mainmenu ul ul ul { 202 top: -1px; 203 left: 99.5%; 204} 205 206div.dokuwiki div.mainmenu ul li:hover > ul { 207 visibility: visible; 208 opacity: 1; 209 transition-delay: 0s; 210} 211 212div.dokuwiki div.mainmenu ul li.open { 213 padding-right: 1em; 214 background-image: url(images/open.gif); 215 background-position: 100% 25%; 216 background-repeat: no-repeat; 217} 218 219div.dokuwiki div.mainmenu ul ul li.open { 220 padding-right: 1em; 221 background-image: url(images/closed.gif); 222 background-position: 98% 25%; 223 background-repeat: no-repeat; 224} 225 226/* ------------- the document ------------- */ 227div.dokuwiki div.page { 228 margin-left: 1em; 229 /* width: 780px; */ 230 padding: 1.5em 1em 1.5em 0.5em; 231 background-color: transparent; 232 height: 100%; 233} 234/** 235 * Design elements for Wallpaper Template 236 * 237 * @author Andreas Gohr <andi@splitbrain.org> 238 * @author Anika Henke <anika@selfthinker.org> 239 * @author Klaus Vormweg <klaus.vormweg@gmx.de> 240 */ 241 242/* -------------- general elements --------------- */ 243 244div.dokuwiki table { 245 font-size: 100%; 246} 247 248div.dokuwiki img { 249 border: 0; 250} 251 252div.dokuwiki p, 253div.dokuwiki blockquote, 254div.dokuwiki table, 255div.dokuwiki pre { 256 margin: 0 0 1em 0; 257} 258 259div.dokuwiki hr { 260 border: 0px; 261 border-top: 1px solid __border__; 262 text-align: center; 263 height: 0px; 264 margin: 0 0 1em 0; 265} 266 267div.dokuwiki div.nothing { 268 text-align: center; 269 margin: 2em; 270} 271 272/* ---------------- forms ------------------------ */ 273 274div.dokuwiki form { 275 border: none; 276 display: inline; 277} 278 279div.dokuwiki label.block { 280 display: block; 281 text-align: right; 282 font-weight: bold; 283} 284 285div.dokuwiki label.simple { 286 display: block; 287 text-align: left; 288 font-weight: normal; 289} 290 291div.dokuwiki label.block input.edit { 292 width: 50%; 293} 294 295div.dokuwiki fieldset { 296 width: 24em; 297 text-align: center; 298 border: 1px solid __border__; 299 padding: 0.5em; 300 margin: auto; 301} 302 303div.dokuwiki textarea.edit { 304 font-family: monospace, serif; 305 /* second generic font fixes problem with font-size, see 306 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 307 font-size: 1em; 308 color: __text__; 309 background-color: __background_neu__; 310 border: 1px solid __border__; 311 padding: 0.3em 0 0 0.3em; 312 /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */ 313 width: 700px; 314 min-width: 100%; 315 max-width: 100%; 316} 317div.dokuwiki form#dw__login fieldset { 318 margin-bottom: 2em; 319} 320 321div.dokuwiki form#dw__login fieldset input.button, 322div.dokuwiki form#dw__login fieldset button { 323 color: __text__; 324} 325 326div.dokuwiki input.edit, 327div.dokuwiki select.edit { 328 font-size: 100%; 329 border: 1px solid __border__; 330 color: __text__; 331 background-color: __background_neu__; 332 vertical-align: middle; 333 margin: 1px; 334 padding: 0.20em 0.3em; 335 display: inline; 336} 337 338#config__manager td.label span.outkey { 339 color: __text_alt__; 340 padding: 0 2px; 341 background-color: __background__; 342} 343 344div.dokuwiki select.edit { 345 padding: 0.1em 0; 346} 347 348div.dokuwiki input.missing { 349 font-size: 100%; 350 border: 1px solid __border__; 351 color: __text__; 352 background-color: #ffcccc; 353 vertical-align: middle; 354 margin: 1px; 355 padding: 0.20em 0.3em; 356 display: inline; 357} 358 359/* disabled style - not understood by IE */ 360div.dokuwiki textarea.edit[disabled], 361div.dokuwiki textarea.edit[readonly], 362div.dokuwiki input.edit[disabled], 363div.dokuwiki input.edit[readonly], 364div.dokuwiki input.button[disabled], 365div.dokuwiki select.edit[disabled] { 366 background-color: __background_alt__ !important; 367 color: __color_disabled__ !important; 368} 369 370/* edit form */ 371div.dokuwiki div.toolbar, 372div.dokuwiki div#wiki__editbar { 373 margin: 2px 0; 374 text-align: left; 375} 376div.dokuwiki div#size__ctl { 377 float: right; 378 width: 60px; 379 height: 2.7em; 380} 381div.dokuwiki #size__ctl img { 382 cursor: pointer; 383} 384div.dokuwiki div#wiki__editbar div.editButtons { 385 float: left; 386 padding: 0 1.0em 0.7em 0; 387} 388div.dokuwiki div#wiki__editbar div.summary { 389 float: left; 390} 391div.dokuwiki .nowrap { 392 white-space: nowrap; 393} 394div.dokuwiki div#draft__status { 395 float: right; 396 color: __text_alt__; 397} 398div.dokuwiki a#vorschau { 399 display: block; 400 clear: both; 401 margin-top: 1em; 402} 403 404div.dokuwiki div.license { 405 padding: 0.5em; 406 font-size: 90%; 407 text-align: center; 408} 409 410div.dokuwiki form#dw__editform div.license { 411 clear: left; 412 font-size: 90%; 413} 414 415/* --------- buttons ------------------- */ 416 417div.dokuwiki input.button, 418div.dokuwiki button { 419 border: 1px solid __border__; 420 color: __text__; 421 background-color: __background_neu__; 422 vertical-align: middle; 423 text-decoration: none; 424 font-weight: bold; 425 font-size: 0.95em; 426 cursor: pointer; 427 margin: 1px; 428 padding: 0.125em 0.4em; 429} 430 431* html div.dokuwiki input.button, 432* html div.dokuwiki button { 433 height: 1.8em; 434} 435 436div.dokuwiki div.secedit input.button, 437div.dokuwiki div.secedit button { 438 background-color: transparent; 439 margin-bottom: 0.35em; 440 padding: 0; 441 float: right; 442 display: inline; 443} 444 445div.dokuwiki input#qsearch__in { 446 font-size: 0.825em; 447} 448 449/* ----------- page navigator ------------- */ 450 451div.dokuwiki div.pagenav { 452 margin: 1em 0 0 0; 453} 454 455div.dokuwiki div.pagenav-prev { 456 text-align: right; 457 float: left; 458 width: 49% 459} 460 461div.dokuwiki div.pagenav-next { 462 text-align: left; 463 float: right; 464 width: 49% 465} 466 467/* ----------- type of recent changes select -------- */ 468 469div.dokuwiki form#dw__recent select { 470 margin-bottom: 10px; 471} 472 473/* --------------- Links ------------------ */ 474 475div.dokuwiki a:link, 476div.dokuwiki a:visited { 477 color: __extern__; 478 text-decoration: none; 479} 480div.dokuwiki a:hover, 481div.dokuwiki a:active { 482 color: __text__; 483 text-decoration: underline; 484} 485 486div.dokuwiki h1 a, 487div.dokuwiki h2 a, 488div.dokuwiki h3 a, 489div.dokuwiki h4 a, 490div.dokuwiki h5 a, 491div.dokuwiki a.nolink { 492 color: __text_alt__ !important; 493 text-decoration: none !important; 494} 495 496/* external link */ 497div.dokuwiki a.urlextern { 498 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 499 padding: 1px 0px 1px 16px; 500} 501 502/* windows share */ 503div.dokuwiki a.windows { 504 background: transparent url(images/windows.gif) 0px 1px no-repeat; 505 padding: 1px 0px 1px 16px; 506} 507 508div.dokuwiki a.urlextern:link, 509div.dokuwiki a.windows:link, 510div.dokuwiki a.interwiki:link, 511div.dokuwiki a.urlextern:visited, 512div.dokuwiki a.windows:visited, 513div.dokuwiki a.interwiki:visited { 514 color: __extern__; 515} 516div.dokuwiki a.urlextern:hover, 517div.dokuwiki a.urlextern:active, 518div.dokuwiki a.windows:hover, 519div.dokuwiki a.windows:active, 520div.dokuwiki a.interwiki:hover, 521div.dokuwiki a.interwiki:active { 522 color: __text__; 523} 524 525/* email link */ 526div.dokuwiki a.mail { 527 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 528 padding: 1px 0px 1px 16px; 529} 530 531/* existing wikipage */ 532div.dokuwiki a.wikilink1 { 533 color: __existing__ !important; 534} 535 536/* not existing wikipage */ 537div.dokuwiki a.wikilink2 { 538 color: __missing__ !important; 539 text-decoration: none !important; 540 border-bottom: dashed 1px __missing__ !important; 541} 542 543/* ------------- Page elements ----------------- */ 544 545div.dokuwiki div.preview { 546 background-color: __background_alt__; 547 margin: 0 0 0 2em; 548 padding: 4px; 549 border: 1px dashed __text__; 550} 551 552div.dokuwiki span.user { 553 color: __text_other__; 554 font-size: 90%; 555} 556 557div.dokuwiki li.minor { 558 color: __text_neu__; 559 font-style: italic; 560} 561 562/* embedded images */ 563div.dokuwiki img.media { 564 margin: 3px; 565 max-width: 100%; 566 height: auto; 567} 568 569div.dokuwiki img.medialeft { 570 border: 0; 571 float: left; 572 margin: 0 1.5em 0 0; 573 max-width: 100%; 574 height: auto; 575} 576 577div.dokuwiki img.mediaright { 578 border: 0; 579 float: right; 580 margin: 0 0 0 1.5em; 581 max-width: 100%; 582 height: auto; 583} 584 585div.dokuwiki img.mediacenter { 586 border: 0; 587 display: block; 588 margin: 0 auto; 589 max-width: 100%; 590 height: auto; 591} 592 593/* smileys */ 594div.dokuwiki img.icon { 595 vertical-align: middle; 596} 597 598div.dokuwiki abbr { 599 font-style: normal; 600 text-decoration: none; 601 font-variant: normal; 602 cursor: help; 603 border-bottom: 1px dotted __text__; 604} 605 606/* general headline setup */ 607div.dokuwiki h1, 608div.dokuwiki h2, 609div.dokuwiki h3, 610div.dokuwiki h4, 611div.dokuwiki h5 { 612 color: __text_alt__; 613 background-color: inherit; 614 font-size: 100%; 615 font-weight: bold; 616 margin: 0.5em 0 0.25em 0; 617 padding: 0; 618} 619 620/* special headlines */ 621div.dokuwiki h1 {font-size: 150%;} 622div.dokuwiki h2 {font-size: 140%;} 623div.dokuwiki h3 {font-size: 130%;} 624div.dokuwiki h4 {font-size: 120%;} 625div.dokuwiki h5 {font-size: 110%;} 626 627/* indent different sections */ 628div.dokuwiki div.level1 {margin-left: 0.1em;} 629div.dokuwiki div.level2 {margin-left: 0.6em;} 630div.dokuwiki div.level3 {margin-left: 1.1em;} 631div.dokuwiki div.level4 {margin-left: 1.6em;} 632div.dokuwiki div.level5 {margin-left: 2.1em;} 633 634/* unordered lists */ 635div.dokuwiki ul { 636 list-style-type: square; 637 list-style-image: none; 638 margin: 0 0 0.5em 1.5em; 639 color: __text__; 640} 641 642/* ordered lists */ 643div.dokuwiki ol { 644 list-style-image: none; 645 margin: 0 0 0.5em 1.5em; 646 color: __text__; 647 font-weight: bold; 648} 649 650/* no bottom gap in between and smaller left margin for nested lists */ 651div.dokuwiki li ul, 652div.dokuwiki li ol { 653 margin: 0 0 0 1.5em; 654} 655 656/* the list items overriding the ul/ol definition */ 657div.dokuwiki .li { 658 color: __text__; 659 font-weight: normal; 660 margin-bottom: 0.1em; 661} 662 663div.dokuwiki ol { list-style-type: decimal; } 664div.dokuwiki ol ol { list-style-type: upper-roman; } 665div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 666div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 667 668div.dokuwiki blockquote { 669 border-left: 2px solid __border__; 670 padding-left: 3px; 671} 672 673div.dokuwiki pre, 674div.dokuwiki code { 675 font-family: monospace, serif; 676 /* second generic font fixes problem with font-size, see 677 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 678 font-size: 1em; 679} 680div.dokuwiki pre { 681 padding: 0.5em; 682 border: 1px dashed __border__; 683 color: __text__; 684 overflow: auto; 685} 686 687/* code blocks by indention */ 688div.dokuwiki pre.pre { 689 background-color: rgba(255,255,255,0.5); 690} 691 692/* code blocks by code tag */ 693div.dokuwiki pre.code { 694 background-color: rgba(255,255,255,0.5); 695} 696 697/* code blocks by file tag */ 698div.dokuwiki pre.file { 699 background-color: rgba(255,255,255,0.5); 700} 701 702/* filenames for file and code blocks */ 703div.dokuwiki dl.file, 704div.dokuwiki dl.code { 705 margin-top: 2em; 706 margin-bottom: 2.5em; 707} 708 709div.dokuwiki dl.file dt, 710div.dokuwiki dl.code dt { 711 border: 1px dashed __border__; 712 display: inline; 713 padding: 0.1em 1em; 714 margin-left: 2em; 715} 716 717div.dokuwiki dl.code dt a, 718div.dokuwiki dl.file dt a { 719 color: __text__; 720} 721 722div.dokuwiki dl.code dt { 723 background-color: __background_other__; 724 border-bottom: 1px solid __background_other__; 725} 726 727div.dokuwiki dl.file dt { 728 background-color: rgba(255,255,255,0.5); 729 border-bottom: 1px solid __background_neu__; 730} 731 732 733/* inline tables */ 734div.dokuwiki table.inline { 735 background-color: transparent; 736 border-spacing: 0px; 737 border-collapse: collapse; 738} 739 740div.dokuwiki table.inline th { 741 padding: 3px; 742 border: 1px solid __border__; 743 background-color: transparent; 744} 745 746div.dokuwiki table.inline td { 747 padding: 3px; 748 border: 1px solid __border__; 749} 750 751/* ---------- table of contents ------------------- */ 752 753div.dokuwiki #dw__toc { 754 margin: 0 0 0 2em; 755 float: right; 756 width: 21.25em; 757 font-size: 80%; 758} 759 760div.dokuwiki #dw__toc h3 { 761 border: 1px solid __border__; 762 background-color: rgba(255,255,255,0.75); 763 text-align: left; 764 font-weight: bold; 765 padding: 3px; 766 margin: 1em 0 2px 0; 767} 768 769div.dokuwiki .toggle strong { 770 border: 0.4em solid transparent; 771 float: right; 772 display: block; 773 margin: 0.4em 3px 0 0; 774} 775 776div.dokuwiki .toggle span { 777 display: none; 778} 779 780div.dokuwiki .toggle.closed strong { 781 margin-top: 0.4em; 782 border-top: 0.4em solid __text__; 783} 784 785div.dokuwiki .toggle.open strong { 786 margin-top: 0; 787 border-bottom: 0.4em solid __text__; 788} 789 790div.dokuwiki #dw__toc > div { 791 border: 1px solid __border__; 792 background-color: rgba(255,255,255,0.6); 793 text-align: left; 794 padding: 0.5em 0 0.7em 0; 795} 796 797div.dokuwiki #dw__toc ul { 798 list-style-type: none; 799 list-style-image: none; 800 line-height: 1.2em; 801 padding-left: 1em; 802 margin: 0; 803} 804 805div.dokuwiki #dw__toc ul li { 806 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 807 padding-left: 0.4em; 808} 809 810div.dokuwiki #dw__toc ul li.clear { 811 background-image: none; 812 padding-left: 0.4em; 813} 814 815div.dokuwiki #dw__toc a:link, 816div.dokuwiki #dw__toc a:visited { 817 color: __extern__; 818} 819 820div.dokuwiki #dw__toc a:hover, 821div.dokuwiki #dw__toc a:active { 822 color: __text__; 823} 824 825/* ---------------------------- Diff rendering --------------------------*/ 826div.dokuwiki table.diff { 827 background-color: __background__; 828 width: 100%; 829} 830div.dokuwiki td.diff-blockheader { 831 font-weight: bold; 832} 833div.dokuwiki table.diff th { 834 border-bottom: 1px solid __border__; 835 font-size: 110%; 836 width: 50%; 837 font-weight: normal; 838 text-align: left; 839} 840div.dokuwiki table.diff th a { 841 font-weight: bold; 842} 843div.dokuwiki table.diff th span.user { 844 color: __text__; 845 font-size: 80%; 846} 847div.dokuwiki table.diff th span.sum { 848 font-size: 80%; 849 font-weight: bold; 850} 851div.dokuwiki table.diff th.minor { 852 font-style: italic; 853} 854.dokuwiki table.diff_sidebyside th { 855 width: 50%; 856} 857.dokuwiki table.diff .diff-lineheader { 858 width: .7em; 859 text-align: right; 860} 861[dir=rtl] .dokuwiki table.diff .diff-lineheader { 862 text-align: left; 863} 864.dokuwiki table.diff .diff-lineheader, 865div.dokuwiki table.diff td { 866 font-family: monospace; 867 font-size: 100%; 868} 869div.dokuwiki td.diff-addedline, 870div.dokuwiki span.diff-addedline { 871 background-color: #ddffdd; 872} 873div.dokuwiki td.diff-deletedline, 874div.dokuwiki span.diff-deletedline { 875 background-color: #ffffbb; 876} 877div.dokuwiki td.diff-context { 878 background-color: __background_neu__; 879} 880div.dokuwiki table.diff td.diff-addedline strong, 881div.dokuwiki table.diff td.diff-deletedline strong { 882 color: red; 883} 884 885/* --------------------- footnotes -------------------------------- */ 886 887div.dokuwiki div.footnotes { 888 clear: both; 889 border-top: 1px solid __border__; 890 padding-left: 1em; 891 margin-top: 2em; 892} 893 894div.dokuwiki div.fn { 895 font-size: 90%; 896} 897 898.dokuwiki div.footnotes div.fn div.content { 899 display: inline; 900} 901 902div.dokuwiki a.fn_bot { 903 font-weight: bold; 904} 905 906/* insitu-footnotes */ 907div.insitu-footnote { 908 font-size: 90%; 909 line-height: 1.2em; 910 border: 1px solid __border__; 911 background-color: __background__; 912 text-align: left; 913 padding: 0.5em; 914 max-width: 40%; /* IE's width is handled in javascript */ 915 min-width: 5em; 916} 917 918/* overcome IE issue with one line code or file boxes which require h. scrolling */ 919* html .insitu-footnote pre.code, 920* html .insitu-footnote pre.file { 921 padding-bottom: 18px; 922} 923 924/* --------------- search result formating --------------- */ 925#dw__loading { 926 text-align: center; 927 margin-bottom: 1em; 928} 929 930div.dokuwiki .search_results { 931 padding: 0 10px 0 30px; 932} 933 934div.dokuwiki .search_results dt { 935 margin-bottom: 3px; 936} 937div.dokuwiki .search_results dd { 938 margin-bottom: 6px; 939 color: __text_other__; 940 font-size: 12px; 941 margin-left: 20px; 942} 943 944div.dokuwiki .search_sep { 945 color: __text__; 946} 947 948div.dokuwiki .search_hit { 949 color: __text__; 950 background-color: __highlight__; 951} 952div.dokuwiki strong.search_hit { 953 font-weight: normal; 954} 955 956div.dokuwiki div.search_quickresult { 957 margin: 0 0 15px 30px; 958 padding: 0 10px 10px 0; 959 border-bottom: 1px dashed __border__; 960} 961div.dokuwiki div.search_quickresult h3 { 962 margin: 0 0 1.0em 0; 963 font-size: 1em; 964 font-weight: bold; 965} 966 967div.dokuwiki ul.search_quickhits { 968 margin: 0 0 0.5em 1.0em; 969} 970 971div.dokuwiki ul.search_quickhits li { 972 margin: 0 1.0em 0 1.0em; 973 float: left; 974 width: 30%; 975} 976 977div.dokuwiki .section_highlight { 978 background-color: __background_alt__ !important; 979} 980 981/* ------------------ Additional ---------------------- */ 982 983div.footerinc { 984 text-align: center; 985} 986.footerinc a img { 987 opacity: 0.5; 988 border: 0; 989} 990 991.footerinc a:hover img { 992 opacity: 1; 993} 994 995/* ---------- AJAX quicksearch ----------- */ 996 997div.dokuwiki div.ajax_qsearch { 998 position: absolute; 999 right: 237px;; 1000 width: 200px; 1001 opacity: 0.9; 1002 display: none; 1003 font-size: 80%; 1004 line-height: 1.2em; 1005 border: 1px solid __border__; 1006 background-color: __background_other__; 1007 text-align: left; 1008 padding: 4px; 1009} 1010 1011/* --------- Toolbar -------------------- */ 1012button.toolbutton { 1013 background-color: transparent; 1014 padding: 0px; 1015 margin: 0 1px 0 0; 1016 border: 1px solid __border__; 1017 cursor: pointer; 1018} 1019 1020div.picker { 1021 width: 250px; 1022 border: 1px solid __border__; 1023 background-color: __background_alt__; 1024} 1025 1026div.pk_hl { 1027 width: 125px; 1028} 1029 1030button.pickerbutton { 1031 padding: 0px; 1032 margin: 0 1px 1px 0; 1033 border: 0; 1034 background-color: transparent; 1035 font-size: 80%; 1036 cursor: pointer; 1037} 1038 1039/* ---------- Spellchecking ------------- */ 1040 1041div.dokuwiki a.spell_error { 1042 color: #f00; 1043 text-decoration: underline; 1044} 1045 1046div.dokuwiki div#spell__suggest { 1047 background-color: __background__; 1048 padding: 2px; 1049 border: 1px solid __text__; 1050 font-size: 80%; 1051 display: none; 1052} 1053 1054div.dokuwiki div#spell__result { 1055 border: 1px solid __border__; 1056 color: __text__; 1057 font-size: 14px; 1058 padding: 3px; 1059 background-color: __background_other__; 1060 display: none; 1061} 1062 1063div.dokuwiki span.spell_noerr { 1064 color: #093; 1065} 1066 1067div.dokuwiki span.spell_wait { 1068 color: #06c; 1069} 1070 1071/* --------------- Image Details ----------------- */ 1072 1073div.dokuwiki div.img_big { 1074 float: left; 1075 margin-right: 0.5em; 1076} 1077 1078div.dokuwiki dl.img_tags dt { 1079 font-weight: bold; 1080 background-color: __background_alt__; 1081 color: __text_alt__; 1082} 1083div.dokuwiki dl.img_tags dd { 1084 background-color: __background_neu__; 1085} 1086 1087div.dokuwiki div.imagemeta { 1088 color: __text_neu__; 1089 font-size: 70%; 1090 line-height: 95%; 1091} 1092 1093div.dokuwiki div.imagemeta img.thumb { 1094 float: left; 1095 margin-right: 0.1em; 1096} 1097 1098/* other */ 1099th, .tocheader { 1100 color: __existing__; 1101} 1102legend { 1103 color: __text_alt__ !important; 1104 font-weight: bold; 1105 background-color: __background_alt__; 1106 padding: 0 0.5em; 1107} 1108.license { 1109 clear:both; 1110 text-align: center; 1111 color: __text__ !important; 1112 padding: 0 0.5em 1em 0.5em; 1113 font-size: 75%; 1114} 1115/* blog plugin compatibility */ 1116div.comment_wrapper { 1117 background-color: __background_neu__ !important; 1118} 1119 1120div.comment_buttons { 1121 font-size: 1em !important; 1122} 1123 1124/* nspages plugin compatibility */ 1125.catpageheadline { 1126 text-decoration: none !important; 1127 color: __text_alt__ !important; 1128 background-color: inherit; 1129 font-size: 140%; 1130 font-weight: bold; 1131 margin: 0.5em 0 0.25em 0; 1132 padding: 0; 1133} 1134 1135/* translation plugin compatibility */ 1136.plugin_translation span { 1137 display: none; 1138} 1139div.plugin_translation { 1140 margin-bottom: 0 !important; 1141} 1142/* a11y */ 1143.vishelp { 1144 display: none; 1145} 1146 1147/* responsiveness */ 1148/* hamburger */ 1149input#hamburger { 1150 position: absolute; 1151 clip: rect(0, 0, 0, 0); 1152} 1153label[for="hamburger"] { 1154 display: none; 1155} 1156 1157@media (max-width: 899px) { 1158 div#dw__toc, div.plugin_loadskin, div.mainmenu ul { 1159 display: none; 1160 } 1161 1162 div.dokuwiki, div.dokuwiki .stylehead, div.dokuwiki .bar, 1163 div.dokuwiki div.stylefoot, div.dokuwiki div.wrap { 1164 min-width: 0; 1165 } 1166 1167 div.dokuwiki { 1168 width: 100%; 1169 } 1170 1171 div.dokuwiki .pagename { 1172 padding-left: 0.5em; 1173 } 1174 1175 label[for="hamburger"] { 1176 cursor: pointer; 1177 font-size: 150%; 1178 display: inline; 1179 color: #000; 1180 } 1181 #hamburger:checked ~ ul { 1182 display: block; 1183 position: relative; 1184 left: 2em; 1185 background-color: #fff; 1186 padding: 1em; 1187 width: auto; 1188 max-width: 20.5em; 1189 visibility: visible; 1190 opacity: 1; 1191 } 1192 1193 div.dokuwiki div.mainmenu ul li { 1194 visibility: visible; 1195 margin: 0 1em 0 0; 1196 float: none; 1197 padding: 0.25em 0; 1198 } 1199 1200 div.dokuwiki div.mainmenu ul ul { 1201 display: block; 1202 position: static; 1203 visibility: visible; 1204 padding: 0 0 0.25em 0; 1205 opacity: 1; 1206 } 1207 1208 div.dokuwiki div.mainmenu ul ul li { 1209 padding: 0.25em 0; 1210 } 1211 1212 div.dokuwiki div.mainmenu ul ul ul { 1213 display: block; 1214 visibility: visible; 1215 } 1216 1217 div.dokuwiki div.mainmenu ul li.open, div.dokuwiki div.mainmenu ul ul li.open { 1218 padding-right: 0; 1219 background-image: none; 1220 } 1221} 1222@media (max-width: 579px) { 1223 div.dokuwiki img.medialeft, div.dokuwiki img.mediaright { 1224 float: none; 1225 } 1226} 1227@media (max-width: 379px) { 1228 .resp { 1229 display: none; 1230 } 1231} 1232