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: 90% Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; 14 background-color: __background__; 15 color: __text__; 16} 17 18/* the document */ 19div.dokuwiki div.page { 20 margin: 1.5em 2em 1.5em 2em; 21 /*text-align: justify;*/ 22 text-align: left; 23} 24 25div.dokuwiki table { 26 font-size: 100%; 27} 28 29div.dokuwiki tr, 30div.dokuwiki td, 31div.dokuwiki th { 32} 33 34div.dokuwiki img { 35 border: 0; 36} 37 38div.dokuwiki p, 39div.dokuwiki blockquote, 40div.dokuwiki table, 41div.dokuwiki pre { 42 margin: 0 0 1.0em 0; 43} 44 45div.dokuwiki hr { 46 border: 0px; 47 border-top: 1px solid __border__; 48 text-align: center; 49 height: 0px; 50} 51 52div.dokuwiki div.nothing { 53 text-align: center; 54 margin: 2em; 55} 56 57/* ---------------- forms ------------------------ */ 58 59div.dokuwiki form { 60 border: none; 61 display: inline; 62} 63 64div.dokuwiki label.block { 65 display: block; 66 text-align: right; 67 font-weight: bold; 68} 69 70div.dokuwiki label.simple { 71 display: block; 72 text-align: left; 73 font-weight: normal; 74} 75 76div.dokuwiki label.block input.edit { 77 width: 50%; 78} 79 80div.dokuwiki fieldset { 81 width: 300px; 82 text-align: center; 83 border: 1px solid __border__; 84 padding: 0.5em; 85 margin: auto; 86} 87 88div.dokuwiki textarea.edit { 89 font-family: monospace; 90 font-size: 14px; 91 color: __text__; 92 background-color: __background__; 93 border: 1px solid __border__; 94 padding: 0.3em 0 0 0.3em; 95 width: 100%; 96} 97 98/* nice alphatransparency background except for IE <7 */ 99html>body div.dokuwiki textarea.edit { 100 background: __background__ url(images/inputshadow.png) repeat-x top; 101} 102 103div.dokuwiki input.edit, 104div.dokuwiki select.edit { 105 font-size: 100%; 106 border: 1px solid __border__; 107 color: __text__; 108 background-color: __background__; 109 vertical-align: middle; 110 margin: 1px; 111 padding: 0.20em 0.3em; 112 display: inline; 113} 114 115/* nice alphatransparency background except for IE <7 */ 116html>body div.dokuwiki input.edit, 117html>body div.dokuwiki select.edit { 118 background: __background__ url(images/inputshadow.png) repeat-x top; 119} 120 121div.dokuwiki select.edit { 122 padding: 0.1em 0; 123} 124 125div.dokuwiki input.missing { 126 font-size: 100%; 127 border: 1px solid __border__; 128 color: __text__; 129 background-color: #ffcccc; 130 vertical-align: middle; 131 margin: 1px; 132 padding: 0.20em 0.3em; 133 display: inline; 134} 135 136/* disabled style - not understood by IE */ 137div.dokuwiki textarea.edit[disabled], 138div.dokuwiki textarea.edit[readonly], 139div.dokuwiki input.edit[disabled], 140div.dokuwiki input.edit[readonly], 141div.dokuwiki input.button[disabled], 142div.dokuwiki select.edit[disabled] { 143 background-color: __background_neu__!important; 144 color: __text_neu__!important; 145} 146 147/* edit form */ 148div.dokuwiki div.toolbar, 149div.dokuwiki div#wiki__editbar { 150 margin: 2px 0; 151 text-align: left; 152} 153div.dokuwiki div#size__ctl { 154 float: right; 155 width: 60px; 156 height: 2.7em; 157} 158div.dokuwiki #size__ctl img { 159 cursor: pointer; 160} 161div.dokuwiki div#wiki__editbar div.editButtons { 162 float: left; 163 padding: 0 1.0em 0.7em 0; 164} 165div.dokuwiki div#wiki__editbar div.summary { 166 float: left; 167} 168div.dokuwiki .nowrap { 169 white-space: nowrap; 170} 171div.dokuwiki div#draft__status { 172 float: right; 173 color: __text_alt__; 174} 175 176div.dokuwiki div.license { 177 padding: 0.5em; 178 font-size: 90%; 179 text-align: center; 180} 181 182div.dokuwiki form#dw__editform div.license { 183 clear: left; 184 font-size: 90%; 185} 186 187/* --------- buttons ------------------- */ 188 189div.dokuwiki input.button, 190div.dokuwiki button.button { 191 border: 1px solid __border__; 192 color: __text__; 193 background-color: __background__; 194 vertical-align: middle; 195 text-decoration: none; 196 font-size: 80%; 197 cursor: pointer; 198 margin: 1px; 199 padding: 0.125em 0.4em; 200} 201 202/* nice alphatransparency background except for IE <7 */ 203html>body div.dokuwiki input.button, 204html>body div.dokuwiki button.button { 205 background: __background__ url(images/buttonshadow.png) repeat-x bottom; 206} 207 208* html div.dokuwiki input.button, 209* html div.dokuwiki button.button { 210 height: 1.8em; 211} 212 213div.dokuwiki div.secedit input.button { 214 border: 1px solid __border__; 215 color: __text__; 216 background-color: __background__; 217 vertical-align: middle; 218 text-decoration: none; 219 margin: 0; 220 padding: 0; 221 font-size: 10px; 222 cursor: pointer; 223 float: right; 224 display: inline; 225} 226 227/* ----------- page navigator ------------- */ 228 229div.dokuwiki div.pagenav { 230 margin: 1em 0 0 0; 231} 232 233div.dokuwiki div.pagenav-prev { 234 text-align: right; 235 float: left; 236 width: 49% 237} 238 239div.dokuwiki div.pagenav-next { 240 text-align: left; 241 float: right; 242 width: 49% 243} 244 245/* --------------- Links ------------------ */ 246 247div.dokuwiki a:link, 248div.dokuwiki a:visited { 249 color: __extern__; 250 text-decoration: none; 251} 252div.dokuwiki a:hover, 253div.dokuwiki a:active { 254 color: __text__; 255 text-decoration: underline; 256} 257 258div.dokuwiki h1 a, 259div.dokuwiki h2 a, 260div.dokuwiki h3 a, 261div.dokuwiki h4 a, 262div.dokuwiki h5 a, 263div.dokuwiki a.nolink { 264 color: __text__ !important; 265 text-decoration: none !important; 266} 267 268/* external link */ 269div.dokuwiki a.urlextern { 270/* background: transparent url(images/link_icon.gif) 0px 1px no-repeat; */ 271 padding: 1px 0px 1px 0px; 272} 273 274/* windows share */ 275div.dokuwiki a.windows { 276 background: transparent url(images/windows.gif) 0px 1px no-repeat; 277 padding: 1px 0px 1px 16px; 278} 279 280/* interwiki link (icon are set by dokuwiki) */ 281div.dokuwiki a.interwiki { 282} 283 284/* link to some embedded media */ 285div.dokuwiki a.media { 286} 287 288div.dokuwiki a.urlextern:link, 289div.dokuwiki a.windows:link, 290div.dokuwiki a.interwiki:link { 291 color: __extern__; 292} 293 294div.dokuwiki a.urlextern:visited, 295div.dokuwiki a.windows:visited, 296div.dokuwiki a.interwiki:visited { 297 color: purple; 298} 299div.dokuwiki a.urlextern:hover, 300div.dokuwiki a.urlextern:active, 301div.dokuwiki a.windows:hover, 302div.dokuwiki a.windows:active, 303div.dokuwiki a.interwiki:hover, 304div.dokuwiki a.interwiki:active { 305 color: __existing__; 306} 307 308/* email link */ 309div.dokuwiki a.mail { 310 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 311 padding: 1px 0px 1px 16px; 312} 313 314/* existing wikipage */ 315div.dokuwiki a.wikilink1 { 316 color: __existing__ !important; 317} 318 319/* not existing wikipage */ 320div.dokuwiki a.wikilink2 { 321 color: __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 color: __text_neu__; 335 font-size: 80%; 336 padding: 6px 0 0 6px; 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 0.5em 1.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 0.5em 1.5em; 426 color: __text_alt__; 427 font-weight: bold; 428} 429 430/* no bottom gap in between and smaller left margin for nested lists */ 431div.dokuwiki li ul, 432div.dokuwiki li ol { 433 margin: 0 0 0 1.5em; 434} 435 436/* the list items overriding the ul/ol definition */ 437div.dokuwiki .li { 438 color: __text__; 439 font-weight: normal; 440} 441 442div.dokuwiki ol { list-style-type: decimal; } 443div.dokuwiki ol ol { list-style-type: upper-roman; } 444div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 445div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 446 447div.dokuwiki li.open { 448 list-style-image: url(images/open.gif); 449 /*list-style-type: circle;*/ 450} 451 452div.dokuwiki li.closed { 453 list-style-image: url(images/closed.gif); 454 /*list-style-type: disc;*/ 455} 456 457div.dokuwiki blockquote { 458 border-left: 2px solid __border__; 459 padding-left: 3px; 460} 461 462div.dokuwiki pre { 463 font-size: 120%; 464 padding: 0.5em; 465 border: 1px dashed __border__; 466 color: __text__; 467 overflow: auto; 468} 469 470/* code blocks by indention */ 471div.dokuwiki pre.pre { 472 background-color: __background_other__; 473} 474 475/* code blocks by code tag */ 476div.dokuwiki pre.code { 477 background-color: __background_other__; 478} 479 480/* inline code words */ 481div.dokuwiki code { 482 font-size: 120%; 483} 484 485/* code blocks by file tag */ 486div.dokuwiki pre.file { 487 background-color: __background_alt__; 488} 489 490/* filenames for file and code blocks */ 491div.dokuwiki dl.file, 492div.dokuwiki dl.code { 493 margin-top: 2em; 494 margin-bottom: 2.5em; 495} 496 497div.dokuwiki dl.file dt, 498div.dokuwiki dl.code dt { 499 border: 1px dashed __border__; 500 display: inline; 501 padding: 0.1em 1em; 502 margin-left: 2em; 503} 504 505div.dokuwiki dl.code dt a, 506div.dokuwiki dl.file dt a { 507 color: __text__; 508} 509 510div.dokuwiki dl.code dt { 511 background-color: __background_other__; 512 border-bottom: 1px solid __background_other__; 513} 514 515div.dokuwiki dl.file dt { 516 background-color: __background_alt__; 517 border-bottom: 1px solid __background_alt__; 518} 519 520 521/* inline code words */ 522div.dokuwiki code { 523 font-size: 120%; 524} 525 526/* inline tables */ 527div.dokuwiki table.inline { 528 background-color: __background__; 529 border-spacing: 0px; 530 border-collapse: collapse; 531} 532 533div.dokuwiki table.inline th { 534 padding: 3px; 535 border: 1px solid __border__; 536 background-color: __background_alt__; 537} 538 539div.dokuwiki table.inline td { 540 padding: 3px; 541 border: 1px solid __border__; 542} 543 544/* ---------- table of contents ------------------- */ 545 546div.dokuwiki div.toc { 547 margin: 1.2em 0 0 2em; 548 float: right; 549 width: 200px; 550 font-size: 80%; 551 clear: both; 552} 553 554div.dokuwiki div.tocheader { 555 border: 1px solid __border__; 556 background-color: __background_alt__; 557 text-align: left; 558 font-weight: bold; 559 padding: 3px; 560 margin-bottom: 2px; 561} 562 563div.dokuwiki span.toc_open, 564div.dokuwiki span.toc_close { 565 border: 0.4em solid __background_alt__; 566 float: right; 567 display: block; 568 margin: 0.4em 3px 0 0; 569} 570 571div.dokuwiki span.toc_open span, 572div.dokuwiki span.toc_close span { 573 display: none; 574} 575 576div.dokuwiki span.toc_open { 577 margin-top: 0.4em; 578 border-top: 0.4em solid __text__; 579} 580 581div.dokuwiki span.toc_close { 582 margin-top: 0; 583 border-bottom: 0.4em solid __text__; 584} 585 586div.dokuwiki #toc__inside { 587 border: 1px solid __border__; 588 background-color: __background__; 589 text-align: left; 590 padding: 0.5em 0 0.7em 0; 591} 592 593div.dokuwiki ul.toc { 594 list-style-type: none; 595 list-style-image: none; 596 line-height: 1.2em; 597 padding-left: 1em; 598 margin: 0; 599} 600 601div.dokuwiki ul.toc li { 602 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 603 padding-left: 0.4em; 604} 605 606div.dokuwiki ul.toc li.clear { 607 background-image: none; 608 padding-left: 0.4em; 609} 610 611div.dokuwiki a.toc:link, 612div.dokuwiki a.toc:visited { 613 color: __extern__; 614} 615 616div.dokuwiki a.toc:hover, 617div.dokuwiki a.toc:active { 618 color: __text__; 619} 620 621/* ---------------------------- Diff rendering --------------------------*/ 622div.dokuwiki table.diff { 623 background-color: __background__; 624 width: 100%; 625} 626div.dokuwiki td.diff-blockheader { 627 font-weight: bold; 628} 629div.dokuwiki table.diff th { 630 border-bottom: 1px solid __border__; 631 font-size: 110%; 632 width: 50%; 633 font-weight: normal; 634 text-align: left; 635} 636div.dokuwiki table.diff th a { 637 font-weight: bold; 638} 639div.dokuwiki table.diff th span.user { 640 color: __text__; 641 font-size: 80%; 642} 643div.dokuwiki table.diff th span.sum { 644 font-size: 80%; 645 font-weight: bold; 646} 647div.dokuwiki table.diff th.minor { 648 font-style: italic; 649} 650div.dokuwiki table.diff td { 651 font-family: monospace; 652 font-size: 100%; 653} 654div.dokuwiki td.diff-addedline { 655 background-color: #ddffdd; 656} 657div.dokuwiki td.diff-deletedline { 658 background-color: #ffffbb; 659} 660div.dokuwiki td.diff-context { 661 background-color: __background_neu__; 662} 663div.dokuwiki table.diff td.diff-addedline strong, 664div.dokuwiki table.diff td.diff-deletedline strong { 665 color: red; 666} 667 668/* --------------------- footnotes -------------------------------- */ 669 670div.dokuwiki div.footnotes { 671 clear: both; 672 border-top: 1px solid __border__; 673 padding-left: 1em; 674 margin-top: 1em; 675} 676 677div.dokuwiki div.fn { 678 font-size: 90%; 679} 680 681div.dokuwiki a.fn_top { 682 vertical-align: super; 683 font-size: 80%; 684} 685 686div.dokuwiki a.fn_bot { 687 vertical-align: super; 688 font-size: 80%; 689 font-weight: bold; 690} 691 692/* insitu-footnotes */ 693div.insitu-footnote { 694 font-size: 80%; 695 line-height: 1.2em; 696 border: 1px solid __border__; 697 background-color: __background_other__; 698 text-align: left; 699 padding: 4px; 700 max-width: 40%; /* IE's width is handled in javascript */ 701} 702 703/* overcome IE issue with one line code or file boxes which require h. scrolling */ 704* html .insitu-footnote pre.code, 705* html .insitu-footnote pre.file { 706 padding-bottom: 18px; 707} 708 709/* --------------- search result formating --------------- */ 710div.dokuwiki .search_result { 711 margin-bottom: 6px; 712 padding: 0 10px 0 30px; 713} 714 715div.dokuwiki .search_snippet { 716 color: __text_other__; 717 font-size: 12px; 718 margin-left: 20px; 719} 720 721div.dokuwiki .search_sep { 722 color: __text__; 723} 724 725div.dokuwiki .search_hit { 726 color: __text__; 727 background-color: __highlight__; 728} 729div.dokuwiki strong.search_hit { 730 font-weight: normal; 731} 732 733div.dokuwiki div.search_quickresult { 734 margin: 0 0 15px 30px; 735 padding: 0 10px 10px 0; 736 border-bottom: 1px dashed __border__; 737} 738div.dokuwiki div.search_quickresult h3 { 739 margin: 0 0 1.0em 0; 740 font-size: 1em; 741 font-weight: bold; 742} 743 744div.dokuwiki ul.search_quickhits { 745 margin: 0 0 0.5em 1.0em; 746} 747 748div.dokuwiki ul.search_quickhits li { 749 margin: 0 1.0em 0 1.0em; 750 float: left; 751 width: 30%; 752} 753 754div.dokuwiki div.section_highlight { 755 background-color: __background_alt__; 756} 757 758/* ------------------ Additional ---------------------- */ 759 760div.footerinc { 761 text-align: center; 762} 763.footerinc a img { 764 opacity: 0.5; 765 border: 0; 766} 767 768.footerinc a:hover img { 769 opacity: 1; 770} 771 772/* ---------- AJAX quicksearch ----------- */ 773 774div.dokuwiki div.ajax_qsearch { 775 position: absolute; 776 right: 237px;; 777 width: 200px; 778 opacity: 0.9; 779 display: none; 780 font-size: 80%; 781 line-height: 1.2em; 782 border: 1px solid __border__; 783 background-color: __background_other__; 784 text-align: left; 785 padding: 4px; 786} 787 788/* --------- Toolbar -------------------- */ 789button.toolbutton { 790 background-color: __background__; 791 padding: 0px; 792 margin: 0 1px 0 0; 793 border: 1px solid __border__; 794 cursor: pointer; 795} 796 797/* nice alphatransparency background except for IE <7 */ 798html>body button.toolbutton { 799 background: __background__ url(images/buttonshadow.png) repeat-x bottom; 800} 801 802div.picker { 803 width: 250px; 804 border: 1px solid __border__; 805 background-color: __background_alt__; 806} 807 808div.pk_hl { 809 width: 125px; 810} 811 812button.pickerbutton { 813 padding: 0px; 814 margin: 0 1px 1px 0; 815 border: 0; 816 background-color: transparent; 817 font-size: 80%; 818 cursor: pointer; 819} 820 821/* --------------- Image Details ----------------- */ 822 823div.dokuwiki div.img_big { 824 float: left; 825 margin-right: 0.5em; 826} 827 828div.dokuwiki dl.img_tags dt { 829 font-weight: bold; 830 background-color: __background_alt__; 831} 832div.dokuwiki dl.img_tags dd { 833 background-color: __background_neu__; 834} 835 836div.dokuwiki div.imagemeta { 837 color: __text_neu__; 838 font-size: 70%; 839 line-height: 95%; 840} 841 842div.dokuwiki div.imagemeta img.thumb { 843 float: left; 844 margin-right: 0.1em; 845} 846