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