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