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