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