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