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