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