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