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: 87.5%/1.4 "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 14 background-color: __background__; 15 color: __text__; 16 -webkit-text-size-adjust: 100%; 17} 18 19/* the document */ 20div.dokuwiki div.page { 21 margin: 4px 2em 0 1em; 22 text-align: justify; 23} 24 25div.dokuwiki table { 26 font-size: 100%; 27} 28 29div.dokuwiki tr, 30div.dokuwiki td, 31div.dokuwiki th { 32} 33 34div.dokuwiki img { 35 border: 0; 36} 37 38div.dokuwiki p, 39div.dokuwiki blockquote, 40div.dokuwiki table, 41div.dokuwiki pre { 42 margin: 0 0 1.0em 0; 43} 44 45div.dokuwiki hr { 46 border: 0px; 47 border-top: 1px solid __border__; 48 text-align: center; 49 height: 0px; 50} 51 52div.dokuwiki div.nothing { 53 text-align: center; 54 margin: 2em; 55} 56 57/* ---------------- forms ------------------------ */ 58 59div.dokuwiki form { 60 border: none; 61 display: inline; 62} 63 64div.dokuwiki label.block { 65 display: block; 66 text-align: right; 67 font-weight: bold; 68} 69 70div.dokuwiki label.simple { 71 display: block; 72 text-align: left; 73 font-weight: normal; 74} 75 76div.dokuwiki label.block input.edit { 77 width: 50%; 78} 79 80div.dokuwiki fieldset { 81 width: 300px; 82 text-align: center; 83 border: 1px solid __border__; 84 padding: 0.5em; 85 margin: auto; 86} 87 88div.dokuwiki textarea.edit { 89 font-family: monospace, serif; 90 /* second generic font fixes problem with font-size, see 91 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 92 font-size: 100%; 93 color: __text__; 94 background-color: __background__; 95 border: 1px solid __border__; 96 padding: 0.3em 0 0 0.3em; 97 /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */ 98 width: 700px; 99 min-width: 100%; 100 max-width: 100%; 101} 102 103/* nice alphatransparency background except for IE <7 */ 104html>body div.dokuwiki textarea.edit { 105 background: __background__ url(images/inputshadow.png) repeat-x top; 106} 107 108div.dokuwiki input.edit, 109div.dokuwiki select.edit { 110 font-size: 100%; 111 border: 1px solid __border__; 112 color: __text__; 113 background-color: __background__; 114 vertical-align: middle; 115 margin: 1px; 116 padding: 0.20em 0.3em; 117 display: inline; 118} 119 120/* nice alphatransparency background except for IE <7 */ 121html>body div.dokuwiki input.edit, 122html>body div.dokuwiki select.edit { 123 background: __background__ url(images/inputshadow.png) repeat-x top; 124} 125 126div.dokuwiki select.edit { 127 padding: 0.1em 0; 128} 129 130div.dokuwiki input.missing { 131 font-size: 100%; 132 border: 1px solid __border__; 133 color: __text__; 134 background-color: #ffcccc; 135 vertical-align: middle; 136 margin: 1px; 137 padding: 0.20em 0.3em; 138 display: inline; 139} 140 141/* disabled style - not understood by IE */ 142div.dokuwiki textarea.edit[disabled], 143div.dokuwiki textarea.edit[readonly], 144div.dokuwiki input.edit[disabled], 145div.dokuwiki input.edit[readonly], 146div.dokuwiki input.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 ------------------- */ 193div.bar button, 194div.dokuwiki input.button, 195div.dokuwiki button.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.button, 210div.bar button 211{ 212 background: white url(images/buttonshadow.png) repeat-x bottom; 213 height: 1.8em; 214} 215 216* html div.dokuwiki input.button, 217* html div.dokuwiki button.button { 218 height: 1.6em; 219} 220 221div.dokuwiki div.secedit button, form#dw__login button, 222div.dokuwiki div.secedit input.button { 223 border: 1px solid __border__; 224 color: __text__; 225 /*background-color: __background__;*/ 226 background: white url(images/buttonshadow.png) repeat-x bottom; 227 vertical-align: middle; 228 text-decoration: none; 229 margin: 0; 230 padding: 2px; 231 font-size: 10pt; 232 cursor: pointer; 233 float: right; 234 display: inline; 235 height: 1.8em; 236} 237 238form#dw__login button { 239 font-size: 10pt; 240 height: 1.5em; 241 float: initial; 242 243} 244/* ----------- page navigator ------------- */ 245 246div.dokuwiki div.pagenav { 247 margin: 1em 0 0 0; 248} 249 250div.dokuwiki div.pagenav-prev { 251 text-align: right; 252 float: left; 253 width: 49% 254} 255 256div.dokuwiki div.pagenav-next { 257 text-align: left; 258 float: right; 259 width: 49% 260} 261 262/* ----------- type of recent changes select -------- */ 263 264div.dokuwiki form#dw__recent select { 265 margin-bottom: 10px; 266} 267 268/* --------------- Links ------------------ */ 269 270div.dokuwiki a:link, 271div.dokuwiki a:visited { 272 color: __extern__; 273 text-decoration: none; 274} 275div.dokuwiki a:hover, 276div.dokuwiki a:active { 277 color: __text__; 278 text-decoration: underline; 279} 280 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.icon { 395 vertical-align: middle; 396} 397 398div.dokuwiki abbr { 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: 1px solid __border__; 416 clear: left; 417} 418 419/* special headlines */ 420div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} 421div.dokuwiki h2 {font-size: 150%; margin-left: 20px;} 422div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;} 423div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;} 424div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;} 425 426/* indent different sections */ 427div.dokuwiki div.level1 { margin-left: 3px; } 428div.dokuwiki div.level2 { margin-left: 23px; } 429div.dokuwiki div.level3 { margin-left: 43px; } 430div.dokuwiki div.level4 { margin-left: 63px; } 431div.dokuwiki div.level5 { margin-left: 83px; } 432 433/* unordered lists */ 434div.dokuwiki ul { 435 line-height: 1.5em; 436 list-style-type: square; 437 list-style-image: none; 438 margin: 0 0 1em 3.5em; 439 color: __text_alt__; 440} 441 442/* ordered lists */ 443div.dokuwiki ol { 444 line-height: 1.5em; 445 list-style-image: none; 446 margin: 0 0 1em 3.5em; 447 color: __text_alt__; 448 font-weight: bold; 449} 450 451/* no bottom gap in between and smaller left margin for nested lists */ 452div.dokuwiki li ul, 453div.dokuwiki li ol { 454 margin: 0 0 0 1.5em; 455} 456 457/* the list items overriding the ul/ol definition */ 458div.dokuwiki .li { 459 color: __text__; 460 font-weight: normal; 461} 462 463div.dokuwiki ol { list-style-type: decimal; } 464div.dokuwiki ol ol { list-style-type: upper-roman; } 465div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 466div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 467 468div.dokuwiki li.open { 469 list-style-image: url(images/open.gif); 470 /*list-style-type: circle;*/ 471} 472 473div.dokuwiki li.closed { 474 list-style-image: url(images/closed.gif); 475 /*list-style-type: disc;*/ 476} 477 478div.dokuwiki blockquote { 479 border-left: 2px solid __border__; 480 padding-left: 3px; 481} 482 483div.dokuwiki pre, 484div.dokuwiki code { 485 font-family: monospace, serif; 486 /* second generic font fixes problem with font-size, see 487 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 488 font-size: 100%; 489} 490div.dokuwiki pre { 491 padding: 0.5em; 492 border: 1px dashed __border__; 493 color: __text__; 494 overflow: auto; 495} 496 497/* code blocks by indention */ 498div.dokuwiki pre.pre { 499 background-color: __background_other__; 500} 501 502/* code blocks by code tag */ 503div.dokuwiki pre.code { 504 background-color: __background_other__; 505} 506 507/* code blocks by file tag */ 508div.dokuwiki pre.file { 509 background-color: __background_alt__; 510} 511 512/* filenames for file and code blocks */ 513div.dokuwiki dl.file, 514div.dokuwiki dl.code { 515 margin-top: 2em; 516 margin-bottom: 2.5em; 517} 518 519div.dokuwiki dl.file dt, 520div.dokuwiki dl.code dt { 521 border: 1px dashed __border__; 522 display: inline; 523 padding: 0.1em 1em; 524 margin-left: 2em; 525} 526 527div.dokuwiki dl.code dt a, 528div.dokuwiki dl.file dt a { 529 color: __text__; 530} 531 532div.dokuwiki dl.code dt { 533 background-color: __background_other__; 534 border-bottom: 1px solid __background_other__; 535} 536 537div.dokuwiki dl.file dt { 538 background-color: __background_alt__; 539 border-bottom: 1px solid __background_alt__; 540} 541 542 543/* inline tables */ 544div.dokuwiki table.inline { 545 background-color: __background__; 546 border-spacing: 0px; 547 border-collapse: collapse; 548} 549 550div.dokuwiki table.inline th { 551 padding: 3px; 552 border: 1px solid __border__; 553 background-color: __background_alt__; 554} 555 556div.dokuwiki table.inline td { 557 padding: 3px; 558 border: 1px solid __border__; 559} 560 561/* ---------- table of contents ------------------- */ 562 563div.dokuwiki #dw__toc { 564 margin: 1.2em 0 0 2em; 565 float: right; 566 width: 200px; 567 font-size: 80%; 568 clear: both; 569} 570 571div.dokuwiki #dw__toc h3 { 572 border: 1px solid __border__; 573 background-color: __background_alt__; 574 text-align: left; 575 font-weight: bold; 576 padding: 3px; 577 margin: 0 0 2px 0; 578 font-size: 1em; 579} 580 581div.dokuwiki .toggle strong { 582 border: 0.4em solid __background_alt__; 583 float: right; 584 display: block; 585 margin: 0.4em 3px 0 0; 586} 587 588div.dokuwiki .toggle span { 589 display: none; 590} 591 592div.dokuwiki .toggle.closed strong { 593 margin-top: 0.4em; 594 border-top: 0.4em solid __text__; 595} 596 597div.dokuwiki .toggle.open strong { 598 margin-top: 0; 599 border-bottom: 0.4em solid __text__; 600} 601 602div.dokuwiki #dw__toc > div { 603 border: 1px solid __border__; 604 background-color: __background__; 605 text-align: left; 606 padding: 0.5em 0 0.7em 0; 607} 608 609div.dokuwiki #dw__toc ul { 610 list-style-type: none; 611 list-style-image: none; 612 line-height: 1.2em; 613 padding-left: 1em; 614 margin: 0; 615} 616 617div.dokuwiki #dw__toc ul li { 618 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 619 padding-left: 0.4em; 620} 621 622div.dokuwiki #dw__toc ul li.clear { 623 background-image: none; 624 padding-left: 0.4em; 625} 626 627div.dokuwiki #dw__toc a:link, 628div.dokuwiki #dw__toc a:visited { 629 color: __extern__; 630} 631 632div.dokuwiki #dw__toc a:hover, 633div.dokuwiki #dw__toc a:active { 634 color: __text__; 635} 636 637/* ---------------------------- Diff rendering --------------------------*/ 638div.dokuwiki table.diff { 639 background-color: __background__; 640 width: 100%; 641} 642div.dokuwiki td.diff-blockheader { 643 font-weight: bold; 644} 645div.dokuwiki table.diff th { 646 border-bottom: 1px solid __border__; 647 font-size: 110%; 648 width: 50%; 649 font-weight: normal; 650 text-align: left; 651} 652div.dokuwiki table.diff th a { 653 font-weight: bold; 654} 655div.dokuwiki table.diff th span.user { 656 color: __text__; 657 font-size: 80%; 658} 659div.dokuwiki table.diff th span.sum { 660 font-size: 80%; 661 font-weight: bold; 662} 663div.dokuwiki table.diff th.minor { 664 font-style: italic; 665} 666div.dokuwiki table.diff td { 667 font-family: monospace; 668 font-size: 100%; 669} 670div.dokuwiki td.diff-addedline, 671div.dokuwiki span.diff-addedline { 672 background-color: #ddffdd; 673} 674div.dokuwiki td.diff-deletedline, 675div.dokuwiki span.diff-deletedline { 676 background-color: #ffffbb; 677} 678div.dokuwiki td.diff-context { 679 background-color: __background_neu__; 680} 681div.dokuwiki table.diff td.diff-addedline strong, 682div.dokuwiki table.diff td.diff-deletedline strong { 683 color: red; 684} 685 686/* --------------------- footnotes -------------------------------- */ 687 688div.dokuwiki div.footnotes { 689 clear: both; 690 border-top: 1px solid __border__; 691 padding-left: 1em; 692 margin-top: 1em; 693} 694 695div.dokuwiki div.fn { 696 font-size: 90%; 697} 698 699div.dokuwiki a.fn_bot { 700 font-weight: bold; 701} 702 703/* insitu-footnotes */ 704div.insitu-footnote { 705 font-size: 80%; 706 line-height: 1.2em; 707 border: 1px solid __border__; 708 background-color: __background_other__; 709 text-align: left; 710 padding: 4px; 711 max-width: 40%; /* IE's width is handled in javascript */ 712 min-width: 5em; 713} 714 715/* overcome IE issue with one line code or file boxes which require h. scrolling */ 716* html .insitu-footnote pre.code, 717* html .insitu-footnote pre.file { 718 padding-bottom: 18px; 719} 720 721/* --------------- search result formating --------------- */ 722#dw__loading { 723 text-align: center; 724 margin-bottom: 1em; 725} 726 727div.dokuwiki .search_results { 728 padding: 0 10px 0 30px; 729} 730 731div.dokuwiki .search_results dt { 732 margin-bottom: 3px; 733} 734div.dokuwiki .search_results dd { 735 margin-bottom: 6px; 736 color: __text_other__; 737 font-size: 12px; 738 margin-left: 20px; 739} 740 741div.dokuwiki .search_sep { 742 color: __text__; 743} 744 745div.dokuwiki .search_hit { 746 color: __text__; 747 background-color: __highlight__; 748} 749div.dokuwiki strong.search_hit { 750 font-weight: normal; 751} 752 753div.dokuwiki div.search_quickresult { 754 margin: 0 0 15px 30px; 755 padding: 0 10px 10px 0; 756 border-bottom: 1px dashed __border__; 757} 758div.dokuwiki div.search_quickresult h3 { 759 margin: 0 0 1.0em 0; 760 font-size: 1em; 761 font-weight: bold; 762} 763 764div.dokuwiki ul.search_quickhits { 765 margin: 0 0 0.5em 1.0em; 766} 767 768div.dokuwiki ul.search_quickhits li { 769 margin: 0 1.0em 0 1.0em; 770 float: left; 771 width: 30%; 772} 773 774div.dokuwiki .section_highlight { 775 background-color: __background_alt__ !important; 776} 777 778/* ------------------ Additional ---------------------- */ 779 780div.footerinc { 781 text-align: center; 782} 783.footerinc a img { 784 opacity: 0.5; 785 border: 0; 786} 787 788.footerinc a:hover img { 789 opacity: 1; 790} 791 792/* ---------- AJAX quicksearch ----------- */ 793 794div.dokuwiki div.ajax_qsearch { 795 position: absolute; 796 right: 237px;; 797 width: 200px; 798 opacity: 0.9; 799 display: none; 800 font-size: 80%; 801 line-height: 1.2em; 802 border: 1px solid __border__; 803 background-color: __background_other__; 804 text-align: left; 805 padding: 4px; 806} 807 808/* --------- Toolbar -------------------- */ 809button.toolbutton { 810 background-color: __background__; 811 padding: 0px; 812 margin: 0 1px 0 0; 813 border: 1px solid __border__; 814 cursor: pointer; 815} 816 817/* nice alphatransparency background except for IE <7 */ 818html>body button.toolbutton { 819 background: __background__ url(images/buttonshadow.png) repeat-x bottom; 820} 821 822div.picker { 823 width: 250px; 824 border: 1px solid __border__; 825 background-color: __background_alt__; 826} 827 828div.pk_hl { 829 width: 125px; 830} 831 832button.pickerbutton { 833 padding: 0px; 834 margin: 0 1px 1px 0; 835 border: 0; 836 background-color: transparent; 837 font-size: 80%; 838 cursor: pointer; 839} 840 841/* --------------- Image Details ----------------- */ 842 843div.dokuwiki div.img_big { 844 float: left; 845 margin-right: 0.5em; 846} 847 848div.dokuwiki dl.img_tags dt { 849 font-weight: bold; 850 background-color: __background_alt__; 851} 852div.dokuwiki dl.img_tags dd { 853 background-color: __background_neu__; 854} 855 856div.dokuwiki div.imagemeta { 857 color: __text_neu__; 858 font-size: 70%; 859 line-height: 95%; 860} 861 862div.dokuwiki div.imagemeta img.thumb { 863 float: left; 864 margin-right: 0.1em; 865} 866 867