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