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