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