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