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