1/** 2 * Design elements for default Template - [modified by freechaco!d] 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 background-image: url(images/bg_darker.png); 14 font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 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: 2px 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 0 0.3em 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 bottom; 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 bottom; 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 input.button[disabled], 142div.dokuwiki select.edit[disabled] { 143 background-color: __background_neu__!important; 144 color: __text_neu__!important; 145} 146 147/* edit form */ 148div.dokuwiki div.toolbar, 149div.dokuwiki div#wiki__editbar { 150 margin: 2px 0; 151 text-align: left; 152} 153div.dokuwiki div#size__ctl { 154 float: right; 155 width: 60px; 156 height: 2.7em; 157} 158div.dokuwiki #size__ctl img { 159 cursor: pointer; 160} 161div.dokuwiki div#wiki__editbar div.editButtons { 162 float: left; 163 padding: 0 1.0em 0.7em 0; 164} 165div.dokuwiki div#wiki__editbar div.summary { 166 float: left; 167} 168div.dokuwiki .nowrap { 169 white-space: nowrap; 170} 171div.dokuwiki div#draft__status { 172 float: right; 173 color: __text_alt__; 174} 175 176div.dokuwiki div.license { 177 padding: 0.5em; 178 font-size: 90%; 179 text-align: center; 180} 181 182div.dokuwiki form#dw__editform div.license { 183 clear: left; 184 font-size: 90%; 185} 186 187/* --------- buttons ------------------- */ 188 189div.dokuwiki input.button, 190div.dokuwiki button.button { 191 border: 1px solid __border__; 192 color: __text__; 193 background-color: __background__; 194 vertical-align: middle; 195 text-decoration: none; 196 font-size: 100%; 197 cursor: pointer; 198 margin: 1px; 199 padding: 0.125em 0.4em; 200 -moz-border-radius:4px; 201} 202 203div.dokuwiki input.button:active, 204div.dokuwiki button.button:active { 205 border: 1px solid #888; 206} 207 208/* nice alphatransparency background except for IE <7 */ 209html>body div.dokuwiki input.button, 210html>body div.dokuwiki button.button { 211 background: __background__ url(images/buttonshadow.png) repeat-x top; 212} 213 214* html div.dokuwiki input.button, 215* html div.dokuwiki button.button { 216 height: 1.8em; 217} 218 219div.dokuwiki div.secedit input.button { 220 border: 1px solid __border__; 221 color: __text__; 222 background-color: __background__; 223 vertical-align: middle; 224 text-decoration: none; 225 margin: 0; 226 padding: 0; 227 font-size: 10px; 228 cursor: pointer; 229 float: right; 230 display: inline; 231} 232 233/* ----------- page navigator ------------- */ 234 235div.dokuwiki div.pagenav { 236 margin: 1em 0 0 0; 237} 238 239div.dokuwiki div.pagenav-prev { 240 text-align: right; 241 float: left; 242 width: 49% 243} 244 245div.dokuwiki div.pagenav-next { 246 text-align: left; 247 float: right; 248 width: 49% 249} 250 251/* --------------- Links ------------------ */ 252 253div.dokuwiki a:link, 254div.dokuwiki a:visited { 255 color: __extern__; 256 text-decoration: none; 257} 258div.dokuwiki a:hover, 259div.dokuwiki a:active { 260 color: __text__; 261 text-decoration: underline; 262} 263 264div.dokuwiki h1 a, 265div.dokuwiki h2 a, 266div.dokuwiki h3 a, 267div.dokuwiki h4 a, 268div.dokuwiki h5 a, 269div.dokuwiki a.nolink { 270 color: __text__ !important; 271 text-decoration: none !important; 272} 273 274/* external link */ 275/* 276div.dokuwiki a.urlextern { 277 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 278 padding: 1px 0px 1px 16px; 279} 280*/ 281 282/* windows share */ 283div.dokuwiki a.windows { 284 background: transparent url(images/windows.gif) 0px 1px no-repeat; 285 padding: 1px 0px 1px 16px; 286} 287 288/* interwiki link (icon are set by dokuwiki) */ 289div.dokuwiki a.interwiki { 290} 291 292/* link to some embedded media */ 293div.dokuwiki a.media { 294} 295 296div.dokuwiki a.urlextern:link, 297div.dokuwiki a.windows:link, 298div.dokuwiki a.interwiki:link { 299 color: __extern__; 300} 301 302div.dokuwiki a.urlextern:visited, 303div.dokuwiki a.windows:visited, 304div.dokuwiki a.interwiki:visited { 305 color: #436976; 306} 307div.dokuwiki a.urlextern:hover, 308div.dokuwiki a.urlextern:active, 309div.dokuwiki a.windows:hover, 310div.dokuwiki a.windows:active, 311div.dokuwiki a.interwiki:hover, 312div.dokuwiki a.interwiki:active { 313 color: __text__; 314} 315 316/* email link */ 317div.dokuwiki a.mail { 318 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 319 padding: 1px 0px 1px 16px; 320} 321 322/* existing wikipage */ 323div.dokuwiki a.wikilink1 { 324 color: __existing__ !important; 325} 326 327/* not existing wikipage */ 328div.dokuwiki a.wikilink2 { 329 color: __missing__ !important; 330 text-decoration: none !important; 331 border-bottom: dashed 1px __missing__ !important; 332} 333 334/* ------------- Page elements ----------------- */ 335 336div.dokuwiki div.preview { 337 background-color: __background_neu__; 338 margin: 0 0 0 2em; 339 padding: 4px; 340 border: 1px dashed __text__; 341} 342 343div.dokuwiki div.breadcrumbs { 344 background-color: __background_neu__; 345 color: __text_neu__; 346 font-size: 80%; 347 padding: 0 0 0 4px; 348} 349 350div.dokuwiki span.user { 351 color: __text_other__; 352 font-size: 90%; 353} 354 355div.dokuwiki li.minor { 356 color: __text_neu__; 357 font-style: italic; 358} 359 360/* embedded images */ 361div.dokuwiki img.media { 362 margin: 3px; 363} 364 365div.dokuwiki img.medialeft { 366 border: 0; 367 float: left; 368 margin: 0 1.5em 0 0; 369} 370 371div.dokuwiki img.mediaright { 372 border: 0; 373 float: right; 374 margin: 0 0 0 1.5em; 375} 376 377div.dokuwiki img.mediacenter { 378 border: 0; 379 display: block; 380 margin: 0 auto; 381} 382 383/* smileys */ 384div.dokuwiki img.middle { 385 vertical-align: middle; 386} 387 388div.dokuwiki acronym { 389 cursor: help; 390 border-bottom: 1px dotted __text__; 391} 392 393/* general headline setup */ 394div.dokuwiki h1, 395div.dokuwiki h2, 396div.dokuwiki h3, 397div.dokuwiki h4, 398div.dokuwiki h5 { 399 color: __text__; 400 background-color: inherit; 401 font-size: 100%; 402 font-weight: normal; 403 margin: 0 0 1em 0; 404 padding: 0.5em 0 0 0; 405 border-bottom: 2px solid __border__; 406 clear: left; 407} 408 409/* special headlines */ 410div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} 411div.dokuwiki h2 {font-size: 150%; margin-left: 20px;} 412div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;} 413div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;} 414div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;} 415 416/* indent different sections */ 417div.dokuwiki div.level1 { margin-left: 3px; } 418div.dokuwiki div.level2 { margin-left: 23px; } 419div.dokuwiki div.level3 { margin-left: 43px; } 420div.dokuwiki div.level4 { margin-left: 63px; } 421div.dokuwiki div.level5 { margin-left: 83px; } 422 423/* unordered lists */ 424div.dokuwiki ul { 425 line-height: 1.5em; 426 list-style-type: square; 427 list-style-image: none; 428 margin: 0 0 0.5em 1.5em; 429 color: __text_alt__; 430} 431 432/* ordered lists */ 433div.dokuwiki ol { 434 line-height: 1.5em; 435 list-style-image: none; 436 margin: 0 0 0.5em 1.5em; 437 color: __text_alt__; 438 font-weight: bold; 439} 440 441/* no bottom gap in between and smaller left margin for nested lists */ 442div.dokuwiki li ul, 443div.dokuwiki li ol { 444 margin: 0 0 0 1.5em; 445} 446 447/* the list items overriding the ul/ol definition */ 448div.dokuwiki .li { 449 color: __text__; 450 font-weight: normal; 451} 452 453div.dokuwiki ol { list-style-type: decimal; } 454div.dokuwiki ol ol { list-style-type: upper-roman; } 455div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 456div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 457 458div.dokuwiki li.open { 459 list-style-image: url(images/open.gif); 460 /*list-style-type: circle;*/ 461} 462 463div.dokuwiki li.closed { 464 list-style-image: url(images/closed.gif); 465 /*list-style-type: disc;*/ 466} 467 468div.dokuwiki blockquote { 469 border-left: 2px solid __border__; 470 padding-left: 3px; 471} 472 473div.dokuwiki pre { 474 font-size: 120%; 475 padding: 0.5em; 476 border: 1px dashed __border__; 477 color: __text__; 478 overflow: auto; 479} 480 481/* code blocks by indention */ 482div.dokuwiki pre.pre { 483 background-color: __background_other__; 484} 485 486/* code blocks by code tag */ 487div.dokuwiki pre.code { 488 background-color: __background_other__; 489} 490 491/* code blocks by file tag */ 492div.dokuwiki pre.file { 493 background-color: __background_alt__; 494} 495 496/* filenames for file and code blocks */ 497div.dokuwiki dl.file, 498div.dokuwiki dl.code { 499 margin-top: 2em; 500 margin-bottom: 2.5em; 501} 502 503div.dokuwiki dl.file dt, 504div.dokuwiki dl.code dt { 505 border: 1px dashed __border__; 506 display: inline; 507 padding: 0.1em 1em; 508 margin-left: 2em; 509} 510 511div.dokuwiki dl.code dt a, 512div.dokuwiki dl.file dt a { 513 color: __text__; 514} 515 516div.dokuwiki dl.code dt { 517 background-color: __background_other__; 518 border-bottom: 1px solid __background_other__; 519} 520 521div.dokuwiki dl.file dt { 522 background-color: __background_alt__; 523 border-bottom: 1px solid __background_alt__; 524} 525 526 527/* inline code words */ 528div.dokuwiki code { 529 font-size: 120%; 530} 531 532/* inline tables */ 533div.dokuwiki table.inline { 534 background-color: __background__; 535 border-spacing: 0px; 536 border-collapse: collapse; 537} 538 539div.dokuwiki table.inline th { 540 padding: 3px; 541 border: 1px solid __border__; 542 background-color: __background_alt__; 543} 544 545div.dokuwiki table.inline td { 546 padding: 3px; 547 border: 1px solid __border__; 548} 549 550/* ---------- table of contents ------------------- */ 551 552div.dokuwiki div.toc { 553 margin: 1.2em 0 0 2em; 554 float: right; 555 width: 200px; 556 font-size: 80%; 557 clear: both; 558} 559 560div.dokuwiki div.tocheader { 561 border: 1px solid __border__; 562 background-color: __background_alt__; 563 color: white; 564 text-align: left; 565 font-weight: bold; 566 padding: 3px; 567 margin-bottom: 2px; 568} 569 570div.dokuwiki span.toc_open, 571div.dokuwiki span.toc_close { 572 border: 0.4em solid __background_alt__; 573 float: right; 574 display: block; 575 margin: 0.4em 3px 0 0; 576} 577 578div.dokuwiki span.toc_open span, 579div.dokuwiki span.toc_close span { 580 display: none; 581} 582 583div.dokuwiki span.toc_open { 584 margin-top: 0.4em; 585 border-top: 0.4em solid __text__; 586} 587 588div.dokuwiki span.toc_close { 589 margin-top: 0; 590 border-bottom: 0.4em solid __text__; 591} 592 593div.dokuwiki #toc__inside { 594 border: 1px solid __border__; 595 background-color: __background__; 596 text-align: left; 597 padding: 0.5em 0 0.7em 0; 598} 599 600div.dokuwiki ul.toc { 601 list-style-type: none; 602 list-style-image: none; 603 line-height: 1.2em; 604 padding-left: 1em; 605 margin: 0; 606} 607 608div.dokuwiki ul.toc li { 609 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 610 padding-left: 0.4em; 611} 612 613div.dokuwiki ul.toc li.clear { 614 background-image: none; 615 padding-left: 0.4em; 616} 617 618div.dokuwiki a.toc:link, 619div.dokuwiki a.toc:visited { 620 color: __extern__; 621} 622 623div.dokuwiki a.toc:hover, 624div.dokuwiki a.toc:active { 625 color: __text__; 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: 120%; 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__; 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: #222; 756 /* opacity: 0.8; */ 757} 758 759/* ------------------ Additional ---------------------- */ 760 761div.footerinc { 762 text-align: center; 763} 764.footerinc a img { 765 opacity: 0.5; 766 border: 0; 767} 768 769.footerinc a:hover img { 770 opacity: 1; 771} 772 773/* ---------- AJAX quicksearch ----------- */ 774 775div.dokuwiki div.ajax_qsearch { 776 position: absolute; 777 right: 237px;; 778 width: 200px; 779 opacity: 0.85; 780 display: none; 781 font-size: 80%; 782 line-height: 1.2em; 783 border: 1px solid __border__; 784 background-color: __background__; 785 text-align: left; 786 padding: 4px; 787} 788 789/* --------- Toolbar -------------------- */ 790button.toolbutton { 791 background-color: __background__; 792 padding: 0px; 793 margin: 0 1px 0 0; 794 border: 1px solid __border__; 795 cursor: pointer; 796} 797 798/* nice alphatransparency background except for IE <7 */ 799html>body button.toolbutton { 800 background: #ddd url(images/buttonshadow_dark.png) repeat-x bottom; 801} 802 803div.picker { 804 width: 250px; 805 border: 1px solid __border__; 806 background-color: __background_alt__; 807} 808 809div.pk_hl { 810 width: 125px; 811} 812 813button.pickerbutton { 814 padding: 0px; 815 margin: 0 1px 1px 0; 816 border: 0; 817 background-color: transparent; 818 font-size: 80%; 819 cursor: pointer; 820} 821 822/* --------------- Image Details ----------------- */ 823 824div.dokuwiki div.img_big { 825 float: left; 826 margin-right: 0.5em; 827} 828 829div.dokuwiki dl.img_tags dt { 830 font-weight: bold; 831 background-color: __background_alt__; 832} 833div.dokuwiki dl.img_tags dd { 834 background-color: __background_neu__; 835} 836 837div.dokuwiki div.imagemeta { 838 color: __text_neu__; 839 font-size: 70%; 840 line-height: 95%; 841} 842 843div.dokuwiki div.imagemeta img.thumb { 844 float: left; 845 margin-right: 0.1em; 846} 847