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: 81% "Lucida Grande", Verdana, Lucida, Helvetica, 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: 3px solid __border__; 83 padding: 0.5em; 84 margin: auto; 85} 86 87div.dokuwiki textarea.edit { 88 font-family: monospace, serif; 89 /* second generic font fixes problem with font-size, see 90 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 91 font-size: 100%; 92 color: __text__; 93 background-color: __background__; 94 border: 5px solid __border__; 95 border-top-left-radius: 10px 8px; 96 border-bottom-right-radius: 10px 8px; 97 border-bottom-left-radius: 10px 8px; 98 border-top-right-radius: 10px 8px; 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__; 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__; 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 __border__; 200 border-top-left-radius: 10px 8px; 201 border-bottom-right-radius: 10px 8px; 202 border-bottom-left-radius: 10px 8px; 203 border-top-right-radius: 10px 8px; 204 color: __text__; 205 background-color: #272c2d; 206 vertical-align: middle; 207 text-decoration: none; 208 font-size: 100%; 209 cursor: pointer; 210 margin: 1px; 211 padding: 0.125em 0.4em; 212} 213 214/* nice alphatransparency background except for IE <7 */ 215html>body div.dokuwiki input.button, 216html>body div.dokuwiki button.button { 217 background: #272c2d; 218} 219 220* html div.dokuwiki input.button, 221* html div.dokuwiki button.button { 222 height: 1.8em; 223} 224 225div.dokuwiki div.secedit input.button { 226 border: 1px solid __border__; 227 color: __text__; 228 background-color: __background__; 229 vertical-align: middle; 230 text-decoration: none; 231 margin: 0; 232 padding: 0; 233 font-size: 10px; 234 cursor: pointer; 235 float: right; 236 display: inline; 237} 238 239/* ----------- page navigator ------------- */ 240 241div.dokuwiki div.pagenav { 242 margin: 1em 0 0 0; 243} 244 245div.dokuwiki div.pagenav-prev { 246 text-align: right; 247 float: left; 248 width: 60% 249} 250 251div.dokuwiki div.pagenav-next { 252 text-align: left; 253 float: right; 254 width: 49% 255} 256 257/* ----------- type of recent changes select -------- */ 258 259div.dokuwiki form#dw__recent select { 260 margin-bottom: 10px; 261} 262 263/* --------------- Links ------------------ */ 264 265div.dokuwiki a:link, 266div.dokuwiki a:visited { 267 color: __extern__; 268 text-decoration: none; 269} 270div.dokuwiki a:hover, 271div.dokuwiki a:active { 272 color: __text__; 273 text-decoration: underline; 274} 275 276div.dokuwiki h1 a, 277div.dokuwiki h2 a, 278div.dokuwiki h3 a, 279div.dokuwiki h4 a, 280div.dokuwiki h5 a, 281div.dokuwiki a.nolink { 282 color: __text__ !important; 283 text-decoration: none !important; 284} 285 286/* external link */ 287div.dokuwiki a.urlextern { 288 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 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: __extern__; 310} 311 312div.dokuwiki a.urlextern:visited, 313div.dokuwiki a.windows:visited, 314div.dokuwiki a.interwiki:visited { 315 color: purple; 316} 317div.dokuwiki a.urlextern:hover, 318div.dokuwiki a.urlextern:active, 319div.dokuwiki a.windows:hover, 320div.dokuwiki a.windows:active, 321div.dokuwiki a.interwiki:hover, 322div.dokuwiki a.interwiki:active { 323 color: __text__; 324} 325 326/* email link */ 327div.dokuwiki a.mail { 328 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 329 padding: 1px 0px 1px 16px; 330} 331 332/* existing wikipage */ 333div.dokuwiki a.wikilink1 { 334 color: __existing__ !important; 335} 336 337/* not existing wikipage */ 338div.dokuwiki a.wikilink2 { 339 color: __missing__ !important; 340 text-decoration: none !important; 341 border-bottom: dashed 1px __missing__ !important; 342} 343 344/* ------------- Page elements ----------------- */ 345 346div.dokuwiki div.preview { 347 background-color: __background_neu__; 348 margin: 0 0 0 2em; 349 padding: 4px; 350 border: 1px dashed __text__; 351} 352 353div.dokuwiki div.breadcrumbs { 354 background-color: __background_neu__; 355 color: __text_neu__; 356 font-size: 80%; 357 padding: 0 0 0 4px; 358} 359 360div.dokuwiki span.user { 361 color: __text_other__; 362 font-size: 90%; 363} 364 365div.dokuwiki li.minor { 366 color: __text_neu__; 367 font-style: italic; 368} 369 370/* embedded images */ 371div.dokuwiki img.media { 372 margin: 3px; 373} 374 375div.dokuwiki img.medialeft { 376 border: 0; 377 float: left; 378 margin: 0 1.5em 0 0; 379} 380 381div.dokuwiki img.mediaright { 382 border: 0; 383 float: right; 384 margin: 0 0 0 1.5em; 385} 386 387div.dokuwiki img.mediacenter { 388 border: 0; 389 display: block; 390 margin: 0 auto; 391} 392 393/* smileys */ 394div.dokuwiki img.middle { 395 vertical-align: middle; 396} 397 398div.dokuwiki acronym { 399 cursor: help; 400 border-bottom: 1px dotted __text__; 401} 402 403/* general headline setup */ 404div.dokuwiki h1, 405div.dokuwiki h2, 406div.dokuwiki h3, 407div.dokuwiki h4, 408div.dokuwiki h5 { 409 color: __text__; 410 background-color: inherit; 411 font-size: 100%; 412 font-weight: normal; 413 margin: 0 0 1em 0; 414 padding: 0.5em 0 0 0; 415 border-bottom: 5px solid __border__; 416 border-top-left-radius: 10px 8px; 417 border-bottom-right-radius: 10px 8px; 418 border-bottom-left-radius: 10px 8px; 419 border-top-right-radius: 10px 8px; 420 clear: left; 421} 422 423/* special headlines */ 424div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} 425div.dokuwiki h2 {font-size: 150%; margin-left: 20px;} 426div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;} 427div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;} 428div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;} 429 430/* indent different sections */ 431div.dokuwiki div.level1 { margin-left: 3px; } 432div.dokuwiki div.level2 { margin-left: 23px; } 433div.dokuwiki div.level3 { margin-left: 43px; } 434div.dokuwiki div.level4 { margin-left: 63px; } 435div.dokuwiki div.level5 { margin-left: 83px; } 436 437/* unordered lists */ 438div.dokuwiki ul { 439 line-height: 1.5em; 440 list-style-type: square; 441 list-style-image: none; 442 margin: 0 0 1em 3.5em; 443 color: __text_alt__; 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_alt__; 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: #272c2d; 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: #272c2d; 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