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