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