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