1/** 2 * Design elements for default Template 3 * 4 * @author Andreas Gohr <andi@splitbrain.org> 5 * @author Anika Henke <anika@selfthinker.org> 6 */ 7 8/* -------------- general elements --------------- */ 9 10* { padding: 0; margin: 0; } 11 12html { 13 background: #000 url(images/bg.jpg) no-repeat center top; 14} 15 16body { 17 font: 80% helvetica,arial,freesans,clean,sans-serif; 18 color: __text__; 19} 20 21/* the document */ 22div.dokuwiki div.page { 23 text-align: justify; 24 background: transparent url(images/bg-content.png) repeat-y scroll center top; 25 padding: 20px 25px 30px 25px; 26 min-height: 430px; 27} 28 29div.dokuwiki table { 30 font-size: 100%; 31} 32 33div.dokuwiki tr, 34div.dokuwiki td, 35div.dokuwiki th { 36} 37 38div.dokuwiki img { 39 border: 0; 40} 41 42div.dokuwiki p, 43div.dokuwiki blockquote, 44div.dokuwiki table, 45div.dokuwiki pre { 46 margin: 0 0 1.0em 0; 47} 48 49div.dokuwiki hr { 50 border: 0px; 51 border-top: 1px solid __border__; 52 text-align: center; 53 height: 0px; 54} 55 56div.dokuwiki div.nothing { 57 text-align: center; 58 margin: 2em; 59} 60 61/* ---------------- forms ------------------------ */ 62 63div.dokuwiki form { 64 border: none; 65 display: inline; 66} 67 68div.dokuwiki label.block { 69 display: block; 70 text-align: right; 71 font-weight: bold; 72} 73 74div.dokuwiki label.simple { 75 display: block; 76 text-align: left; 77 font-weight: normal; 78} 79 80div.dokuwiki label.block input.edit { 81 width: 50%; 82} 83 84div.dokuwiki fieldset { 85 width: 300px; 86 text-align: center; 87 border: 1px solid __border__; 88 padding: 0.5em; 89 margin: auto; 90} 91 92div.dokuwiki textarea.edit { 93 font-family: monospace; 94 font-size: 14px; 95 color: __text__; 96 background-color: __background__; 97 border: 1px solid __border__; 98 padding: 0.3em 0 0 0.3em; 99 width: 100%; 100} 101 102/* nice alphatransparency background except for IE <7 */ 103html>body div.dokuwiki textarea.edit { 104 background: __background__ url(images/inputshadow.png) repeat-x top; 105} 106 107div.dokuwiki input.edit, 108div.dokuwiki select.edit { 109 font-size: 100%; 110 border: 1px solid __border__; 111 color: __text__; 112 background-color: __background__; 113 vertical-align: middle; 114 margin: 1px; 115 padding: 0.20em 0.3em; 116 display: inline; 117} 118 119/* nice alphatransparency background except for IE <7 */ 120html>body div.dokuwiki input.edit, 121html>body div.dokuwiki select.edit { 122 background: __background__ url(images/inputshadow.png) repeat-x top; 123} 124 125div.dokuwiki select.edit { 126 padding: 0.1em 0; 127} 128 129div.dokuwiki input.missing { 130 font-size: 100%; 131 border: 1px solid __border__; 132 color: __text__; 133 background-color: #ffcccc; 134 vertical-align: middle; 135 margin: 1px; 136 padding: 0.20em 0.3em; 137 display: inline; 138} 139 140/* disabled style - not understood by IE */ 141div.dokuwiki textarea.edit[disabled], 142div.dokuwiki textarea.edit[readonly], 143div.dokuwiki input.edit[disabled], 144div.dokuwiki input.edit[readonly], 145div.dokuwiki input.button[disabled], 146div.dokuwiki select.edit[disabled] { 147 background-color: __background_neu__!important; 148 color: __text_neu__!important; 149} 150 151/* edit form */ 152div.dokuwiki div.toolbar, 153div.dokuwiki div#wiki__editbar { 154 margin: 2px 0; 155 text-align: left; 156} 157div.dokuwiki div#size__ctl { 158 float: right; 159 width: 60px; 160 height: 2.7em; 161} 162div.dokuwiki #size__ctl img { 163 cursor: pointer; 164} 165div.dokuwiki div#wiki__editbar div.editButtons { 166 float: left; 167 padding: 0 1.0em 0.7em 0; 168} 169div.dokuwiki div#wiki__editbar div.summary { 170 float: left; 171} 172div.dokuwiki .nowrap { 173 white-space: nowrap; 174} 175div.dokuwiki div#draft__status { 176 float: right; 177 color: __text_alt__; 178} 179 180div.dokuwiki div.license { 181 padding: 0.5em; 182 font-size: 90%; 183 text-align: center; 184} 185 186div.dokuwiki form#dw__editform div.license { 187 clear: left; 188 font-size: 90%; 189} 190 191/* --------- buttons ------------------- */ 192 193div.dokuwiki input.button, 194div.dokuwiki button.button { 195 border: 0px; 196 color: __text__; 197 background-color: __background__; 198 vertical-align: middle; 199 text-decoration: none; 200 font-size: 80%; 201 cursor: pointer; 202 margin: 1px; 203} 204 205/* nice alphatransparency background except for IE <7 */ 206html>body div.dokuwiki input.button, 207html>body div.dokuwiki button.button { 208 background: transparent url(images/button-bg.gif) no-repeat top; 209 width: 91px; 210 height: 21px; 211} 212 213html>body div.dokuwiki input.button:hover, 214html>body div.dokuwiki button.button:hover { 215 background: transparent url(images/button-hover.gif) no-repeat top; 216 width: 91px; 217 height: 21px; 218} 219 220* html div.dokuwiki input.button, 221* html div.dokuwiki button.button { 222 height: 1.8em; 223} 224 225div.dokuwiki div.secedit input.button { 226 color: __text__; 227 vertical-align: middle; 228 text-decoration: none; 229 margin: 0; 230 padding: 0; 231 font-size: 10px; 232 cursor: pointer; 233 float: right; 234 display: inline; 235} 236 237/* ----------- page navigator ------------- */ 238 239div.dokuwiki div.pagenav { 240 margin: 1em 0 0 0; 241} 242 243div.dokuwiki div.pagenav-prev { 244 text-align: right; 245 float: left; 246 width: 49% 247} 248 249div.dokuwiki div.pagenav-next { 250 text-align: left; 251 float: right; 252 width: 49% 253} 254 255/* --------------- Links ------------------ */ 256 257div.dokuwiki a:link, 258div.dokuwiki a:visited { 259 color: __extern__; 260 text-decoration: none; 261} 262div.dokuwiki a:hover, 263div.dokuwiki a:active { 264 color: __text__; 265 text-decoration: underline; 266} 267 268div.dokuwiki h1 a, 269div.dokuwiki h2 a, 270div.dokuwiki h3 a, 271div.dokuwiki h4 a, 272div.dokuwiki h5 a, 273div.dokuwiki a.nolink { 274 color: __text__ !important; 275 text-decoration: none !important; 276} 277 278/* external link */ 279div.dokuwiki a.urlextern { 280 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 281 padding: 1px 0px 1px 16px; 282} 283 284/* windows share */ 285div.dokuwiki a.windows { 286 background: transparent url(images/windows.gif) 0px 1px no-repeat; 287 padding: 1px 0px 1px 16px; 288} 289 290/* interwiki link (icon are set by dokuwiki) */ 291div.dokuwiki a.interwiki { 292} 293 294/* link to some embedded media */ 295div.dokuwiki a.media { 296} 297 298div.dokuwiki a.urlextern:link, 299div.dokuwiki a.windows:link, 300div.dokuwiki a.interwiki:link { 301 color: __extern__; 302} 303 304div.dokuwiki a.urlextern:visited, 305div.dokuwiki a.windows:visited, 306div.dokuwiki a.interwiki:visited { 307 color: purple; 308} 309div.dokuwiki a.urlextern:hover, 310div.dokuwiki a.urlextern:active, 311div.dokuwiki a.windows:hover, 312div.dokuwiki a.windows:active, 313div.dokuwiki a.interwiki:hover, 314div.dokuwiki a.interwiki:active { 315 color: __text__; 316} 317 318/* email link */ 319div.dokuwiki a.mail { 320 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 321 padding: 1px 0px 1px 16px; 322} 323 324/* existing wikipage */ 325div.dokuwiki a.wikilink1 { 326 color: __existing__ !important; 327} 328 329/* not existing wikipage */ 330div.dokuwiki a.wikilink2 { 331 color: __missing__ !important; 332 text-decoration: none !important; 333 border-bottom: dashed 1px __missing__ !important; 334} 335 336/* ------------- Page elements ----------------- */ 337 338div.dokuwiki div.preview { 339 background-color: __background_neu__; 340 margin: 0 0 0 2em; 341 padding: 4px; 342 border: 1px dashed __text__; 343} 344 345div.dokuwiki div.breadcrumbs { 346 background: transparent url(images/bg-content.png) repeat-y scroll center top; 347 color: __text_neu__; 348 font-size: 80%; 349 padding: 2px 0 2px 8px; 350 border-bottom: 1px solid #B3B3B3; 351 margin-top: 4px; 352} 353 354div.dokuwiki span.user { 355 color: __text_other__; 356 font-size: 90%; 357} 358 359div.dokuwiki li.minor { 360 color: __text_neu__; 361 font-style: italic; 362} 363 364/* embedded images */ 365div.dokuwiki img.media { 366 margin: 3px; 367} 368 369div.dokuwiki img.medialeft { 370 border: 0; 371 float: left; 372 margin: 0 1.5em 0 0; 373} 374 375div.dokuwiki img.mediaright { 376 border: 0; 377 float: right; 378 margin: 0 0 0 1.5em; 379} 380 381div.dokuwiki img.mediacenter { 382 border: 0; 383 display: block; 384 margin: 0 auto; 385} 386 387/* smileys */ 388div.dokuwiki img.middle { 389 vertical-align: middle; 390} 391 392div.dokuwiki acronym { 393 cursor: help; 394 border-bottom: 1px dotted __text__; 395} 396 397/* general headline setup */ 398div.dokuwiki h1, 399div.dokuwiki h2, 400div.dokuwiki h3, 401div.dokuwiki h4, 402div.dokuwiki h5 { 403 color: __text__; 404 background-color: inherit; 405 font-size: 100%; 406 font-weight: normal; 407 margin: 0 0 1em 0; 408 padding: 0.5em 0 0 0; 409 border-bottom: 1px solid __border__; 410 clear: left; 411} 412 413/* special headlines */ 414div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} 415div.dokuwiki h2 {font-size: 150%; margin-left: 20px;} 416div.dokuwiki h3 {font-size: 140%; margin-left: 40px; font-weight: bold;} 417div.dokuwiki h4 {font-size: 120%; margin-left: 60px; font-weight: bold;} 418div.dokuwiki h5 {font-size: 100%; margin-left: 80px; font-weight: bold;} 419 420/* indent different sections */ 421div.dokuwiki div.level1 { margin-left: 3px; } 422div.dokuwiki div.level2 { margin-left: 23px; } 423div.dokuwiki div.level3 { margin-left: 43px; } 424div.dokuwiki div.level4 { margin-left: 63px; } 425div.dokuwiki div.level5 { margin-left: 83px; } 426 427/* unordered lists */ 428div.dokuwiki ul { 429 line-height: 1.5em; 430 list-style-type: square; 431 list-style-image: none; 432 margin: 0 0 1em 3.5em; 433 color: __text_alt__; 434} 435 436/* ordered lists */ 437div.dokuwiki ol { 438 line-height: 1.5em; 439 list-style-image: none; 440 margin: 0 0 1em 3.5em; 441 color: __text_alt__; 442 font-weight: bold; 443} 444 445/* no bottom gap in between and smaller left margin for nested lists */ 446div.dokuwiki li ul, 447div.dokuwiki li ol { 448 margin: 0 0 0 1.5em; 449} 450 451/* the list items overriding the ul/ol definition */ 452div.dokuwiki .li { 453 color: __text__; 454 font-weight: normal; 455} 456 457div.dokuwiki ol { list-style-type: decimal; } 458div.dokuwiki ol ol { list-style-type: upper-roman; } 459div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 460div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 461 462div.dokuwiki li.open { 463 list-style-image: url(images/open.gif); 464 /*list-style-type: circle;*/ 465} 466 467div.dokuwiki li.closed { 468 list-style-image: url(images/closed.gif); 469 /*list-style-type: disc;*/ 470} 471 472div.dokuwiki blockquote { 473 border-left: 2px solid __border__; 474 padding-left: 3px; 475} 476 477div.dokuwiki pre { 478 font-size: 120%; 479 padding: 0.5em; 480 border: 1px dashed __border__; 481 color: __text__; 482 overflow: auto; 483} 484 485/* code blocks by indention */ 486div.dokuwiki pre.pre { 487 background-color: __background_other__; 488} 489 490/* code blocks by code tag */ 491div.dokuwiki pre.code { 492 background-color: __background_other__; 493} 494 495/* code blocks by file tag */ 496div.dokuwiki pre.file { 497 background-color: __background_alt__; 498} 499 500/* filenames for file and code blocks */ 501div.dokuwiki dl.file, 502div.dokuwiki dl.code { 503 margin-top: 2em; 504 margin-bottom: 2.5em; 505} 506 507div.dokuwiki dl.file dt, 508div.dokuwiki dl.code dt { 509 border: 1px dashed __border__; 510 display: inline; 511 padding: 0.1em 1em; 512 margin-left: 2em; 513} 514 515div.dokuwiki dl.code dt a, 516div.dokuwiki dl.file dt a { 517 color: __text__; 518} 519 520div.dokuwiki dl.code dt { 521 background-color: __background_other__; 522 border-bottom: 1px solid __background_other__; 523} 524 525div.dokuwiki dl.file dt { 526 background-color: __background_alt__; 527 border-bottom: 1px solid __background_alt__; 528} 529 530 531/* inline code words */ 532div.dokuwiki code { 533 font-size: 120%; 534} 535 536/* inline tables */ 537div.dokuwiki table.inline { 538 background-color: __background__; 539 border-spacing: 0px; 540 border-collapse: collapse; 541} 542 543div.dokuwiki table.inline th { 544 padding: 3px; 545 border: 1px solid __border__; 546 background-color: __background_alt__; 547} 548 549div.dokuwiki table.inline td { 550 padding: 3px; 551 border: 1px solid __border__; 552} 553 554/* ---------- table of contents ------------------- */ 555 556div.dokuwiki div.toc { 557 margin: 1.2em 0 0 2em; 558 float: right; 559 width: 210px; 560 font-size: 80%; 561 clear: both; 562} 563 564div.dokuwiki div.tocheader { 565 background: transparent url(images/toc-header.png) no-repeat scroll center top; 566 text-align: left; 567 font-weight: bold; 568 margin: -10px 0 2px 0; 569 height: 20px; 570 font-size: 12px; 571 padding: 15px 0 0 5px; 572} 573 574div.dokuwiki span.toc_open, 575div.dokuwiki span.toc_close { 576 float: right; 577 display: block; 578 height: 20px; 579 width: 20px; 580 margin: -2px 2px 0 0; 581} 582 583div.dokuwiki span.toc_open span, 584div.dokuwiki span.toc_close span { 585 display: none; 586} 587 588div.dokuwiki span.toc_open { 589 background: transparent url(images/button-toggle.png) no-repeat scroll 0 -20px; 590} 591 592div.dokuwiki span.toc_close { 593 background: transparent url(images/button-toggle.png) no-repeat scroll 0 0; 594} 595 596div.dokuwiki #toc__inside { 597 text-align: left; 598 padding: 0.5em 10px 0.7em; 599 background: transparent url(images/bg-toc.png) no-repeat scroll 0 100%; 600} 601 602div.dokuwiki ul.toc { 603 list-style-type: none; 604 list-style-image: none; 605 line-height: 1.2em; 606 padding-left: 1em; 607 margin: 0; 608 padding: 0; 609} 610 611ul.toc div.li { 612 padding: 2px 0 2px 0; 613} 614 615div.dokuwiki ul.toc li { 616 background: transparent url(images/bullet-orange.gif) no-repeat scroll 0 0; 617 padding: 0 0 0 12px; 618} 619 620div.dokuwiki ul.toc li li { 621 background: transparent url(images/bullet-grey.gif) no-repeat scroll 0 0; 622 padding: 0 0 0 12px; 623} 624 625div.dokuwiki ul.toc li.clear { 626 background-image: none; 627 padding-left: 0.4em; 628} 629 630div.dokuwiki a.toc:link, 631div.dokuwiki a.toc:visited { 632 color: __extern__; 633} 634 635div.dokuwiki a.toc:hover, 636div.dokuwiki a.toc:active { 637 color: __text__; 638} 639 640/* ---------------------------- Diff rendering --------------------------*/ 641div.dokuwiki table.diff { 642 background-color: __background__; 643 width: 100%; 644} 645div.dokuwiki td.diff-blockheader { 646 font-weight: bold; 647} 648div.dokuwiki table.diff th { 649 border-bottom: 1px solid __border__; 650 font-size: 110%; 651 width: 50%; 652 font-weight: normal; 653 text-align: left; 654} 655div.dokuwiki table.diff th a { 656 font-weight: bold; 657} 658div.dokuwiki table.diff th span.user { 659 color: __text__; 660 font-size: 80%; 661} 662div.dokuwiki table.diff th span.sum { 663 font-size: 80%; 664 font-weight: bold; 665} 666div.dokuwiki table.diff th.minor { 667 font-style: italic; 668} 669div.dokuwiki table.diff td { 670 font-family: monospace; 671 font-size: 100%; 672} 673div.dokuwiki td.diff-addedline { 674 background-color: #ddffdd; 675} 676div.dokuwiki td.diff-deletedline { 677 background-color: #ffffbb; 678} 679div.dokuwiki td.diff-context { 680 background-color: __background_neu__; 681} 682div.dokuwiki table.diff td.diff-addedline strong, 683div.dokuwiki table.diff td.diff-deletedline strong { 684 color: red; 685} 686 687/* --------------------- footnotes -------------------------------- */ 688 689div.dokuwiki div.footnotes { 690 clear: both; 691 border-top: 1px solid __border__; 692 padding-left: 1em; 693 margin-top: 1em; 694} 695 696div.dokuwiki div.fn { 697 font-size: 90%; 698} 699 700div.dokuwiki a.fn_bot { 701 font-weight: bold; 702} 703 704/* insitu-footnotes */ 705div.insitu-footnote { 706 font-size: 80%; 707 line-height: 1.2em; 708 border: 1px solid __border__; 709 background-color: __background_other__; 710 text-align: left; 711 padding: 4px; 712 max-width: 40%; /* IE's width is handled in javascript */ 713} 714 715/* overcome IE issue with one line code or file boxes which require h. scrolling */ 716* html .insitu-footnote pre.code, 717* html .insitu-footnote pre.file { 718 padding-bottom: 18px; 719} 720 721/* --------------- search result formating --------------- */ 722div.dokuwiki .search_result { 723 margin-bottom: 6px; 724 padding: 0 10px 0 30px; 725} 726 727div.dokuwiki .search_snippet { 728 color: __text_other__; 729 font-size: 12px; 730 margin-left: 20px; 731} 732 733div.dokuwiki .search_sep { 734 color: __text__; 735} 736 737div.dokuwiki .search_hit { 738 color: __text__; 739 background-color: __highlight__; 740} 741div.dokuwiki strong.search_hit { 742 font-weight: normal; 743} 744 745div.dokuwiki div.search_quickresult { 746 margin: 0 0 15px 30px; 747 padding: 0 10px 10px 0; 748 border-bottom: 1px dashed __border__; 749} 750div.dokuwiki div.search_quickresult h3 { 751 margin: 0 0 1.0em 0; 752 font-size: 1em; 753 font-weight: bold; 754} 755 756div.dokuwiki ul.search_quickhits { 757 margin: 0 0 0.5em 1.0em; 758} 759 760div.dokuwiki ul.search_quickhits li { 761 margin: 0 1.0em 0 1.0em; 762 float: left; 763 width: 30%; 764} 765 766div.dokuwiki div.section_highlight { 767 background-color: __background_alt__; 768} 769 770/* ------------------ Additional ---------------------- */ 771 772div.footerinc { 773 text-align: center; 774 display: none; 775} 776.footerinc a img { 777 opacity: 0.5; 778 border: 0; 779} 780 781.footerinc a:hover img { 782 opacity: 1; 783} 784 785/* ---------- AJAX quicksearch ----------- */ 786 787div.dokuwiki div.ajax_qsearch { 788 position: absolute; 789 right: 237px;; 790 width: 200px; 791 opacity: 0.9; 792 display: none; 793 font-size: 80%; 794 line-height: 1.2em; 795 border: 1px solid __border__; 796 background-color: __background_other__; 797 text-align: left; 798 padding: 4px; 799} 800 801/* --------- Toolbar -------------------- */ 802button.toolbutton { 803 background-color: __background__; 804 padding: 0px; 805 margin: 0 1px 0 0; 806 border: 1px solid __border__; 807 cursor: pointer; 808} 809 810/* nice alphatransparency background except for IE <7 */ 811html>body button.toolbutton { 812 background: __background__ url(images/buttonshadow.png) repeat-x bottom; 813} 814 815div.picker { 816 width: 250px; 817 border: 1px solid __border__; 818 background-color: __background_alt__; 819} 820 821div.pk_hl { 822 width: 125px; 823} 824 825button.pickerbutton { 826 padding: 0px; 827 margin: 0 1px 1px 0; 828 border: 0; 829 background-color: transparent; 830 font-size: 80%; 831 cursor: pointer; 832} 833 834/* --------------- Image Details ----------------- */ 835 836div.dokuwiki div.img_big { 837 float: left; 838 margin-right: 0.5em; 839} 840 841div.dokuwiki dl.img_tags dt { 842 font-weight: bold; 843 background-color: __background_alt__; 844} 845div.dokuwiki dl.img_tags dd { 846 background-color: __background_neu__; 847} 848 849div.dokuwiki div.imagemeta { 850 color: __text_neu__; 851 font-size: 70%; 852 line-height: 95%; 853} 854 855div.dokuwiki div.imagemeta img.thumb { 856 float: left; 857 margin-right: 0.1em; 858} 859 860/* Additional styles */ 861 862form.search { 863 background: transparent url(images/bg-search.gif) no-repeat scroll 0 0; 864 margin: 0 0 0 390px; 865 padding: 2px 0 6px 0; 866} 867 868html>body form.search input.edit { 869 background: transparent none repeat scroll 0 0; 870 border: 0 none; 871 margin: 5px 16px 0 0; 872 padding: 0 10px 0 20px; 873 width: 131px; 874 height: 18px; 875} 876 877form.search input.button { 878 display: none; 879} 880 881div.dokuwiki { 882 margin: 10px auto; 883 width: 900px; 884 background: transparent url(images/bg-top.png) no-repeat scroll center top; 885} 886 887div.stylehead { 888 margin: 0 12px 0 12px; 889 height: 81px; 890} 891 892div.stylefoot { 893 background: transparent url(images/bg-content.png) repeat-y scroll center top; 894 padding: 10px 25px 5px; 895 margin: -10px 0 0 0; 896} 897 898div.dokuwiki > div.license { 899 background: #000000 url(images/bg-footer.gif) no-repeat scroll center top; 900}