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