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