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