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