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