1/** 2 * CSS for DokuKIT Template 3 * 4 * @author Andreas Gohr <andi@splitbrain.org> 5 * @author Anika Henke <anika@selfthinker.org> 6 * @author moraes <moraes@tipos.com.br> 7 * @author Klaus Vormweg <klaus.vormweg@gmx.de> 8 * @author Robin Roth <robin.roth@kit.edu> 9 * @author Martin Gabelmann <martin@gabelmann.biz> 10 * @author Konstantin Asteriadis <konstantin.asteriadis@kit.edu> 11 */ 12 13 14 15 16html,body { 17 height:100%; 18} 19* { 20 font-family:Verdana, Arial, Helvetica, sans-serif; 21 margin:0; 22 padding:0; 23} 24img { 25 border:0; 26} 27sup, sub { 28 font-size: 0.8em; 29} 30body { 31 background:__background_image__; 32 color:#000000; 33 font-size:.6875em; 34 line-height:1em; 35 overflow:-moz-scrollbars-vertical; /* Keine Spruenge im FF */ 36 overflow-y: scroll; 37} 38html>/**/body { 39 overflow-x: auto; 40} 41 42/* Farben der allgemeinen Links */ 43a:link,a:active,a:visited { color:__existing__; } 44a:active,a:visited { text-decoration:none; } 45a:hover { 46 text-decoration:underline; 47} 48 49/* Wrapper */ 50div#wrapper { 51 background:__wrapper__; 52 width: 1015px; 53 height:100% !important; 54 margin: 0px auto; 55 position:relative; 56 left:-12px; 57} 58* html div#wrapper { 59 background:__wrapper__; 60} 61 62 63/* Linke Spalte */ 64div#left-row { 65 float:left; 66 margin-right:5px; 67 width:181px; 68 display: table-cell; 69 position: relative; 70 height:100%; 71} 72 73/* Rechte Spalte */ 74div#right-row { 75 float: right; 76 width: 199px; 77 display: table-cell; 78 position: relative; 79 height: 100%; 80 background-color: #e5e5e5; 81 padding-left: 10px; 82} 83 84div.infobox { 85 background: #fff url(imgages/infobox_right_top_V2.gif) right top no-repeat; 86 margin-bottom: 10px; 87 width: 188px; 88} 89 90div.infobox-inner { 91 background: url(images/infobox_left_bottom_V2.gif) left bottom no-repeat; 92 color: #000000; 93 font-size: .91em; 94 line-height: 1.18em; 95 padding: 7px 10px 10px 9px; 96 width: 168px; 97 overflow: hidden; 98} 99 100/* mittlere Spalte */ 101div#middle-row, .inline, { 102 font-size: 1em; 103 background-color: #FFF; 104 padding: 10px; 105 margin-bottom: 10px; 106 float: left; 107 width: 564px; /* set this to 760px if no right-box is shown */ 108 height: 100%; 109 display: table; 110} 111 112/* Container */ 113div#container { 114 padding-bottom:53px; 115 margin-left: 16px; 116 border-left:2px #fff solid; 117 width:979px; 118 height:100%; 119 min-height:550px; 120 display: table; 121} 122 123/* Formatierungen fuer Content */ 124div#content { 125 color:#000000; 126 background-color:#ffffff; 127 line-height:1.45em; 128 margin:-3px 0 19px; 129 height: 100%; 130 position:relative; 131 display: table-cell; 132} 133 134/* Spacer */ 135div.spacer { 136 background-color:#e5e5e5; 137 border-left:2px #fff solid; 138 border-right:2px #fff solid; 139 clear:both; 140 height:10px; 141 margin-left: 16px; 142 width:979px; 143} 144 145/* Clear'er */ 146.clear { 147 clear:both; 148 height:0; 149 overflow:hidden; 150} 151 152/* Metanavigation */ 153div#metanavigation { 154 padding-right:19px; 155 position:absolute; 156 z-index:2; 157 font-size:.9091em; 158 height:2.5455em; 159 line-height:2.5455em; 160 text-align:right; 161 width:980px; 162} 163 164div#metanavigation a:link, 165div#metanavigation a:active, 166div#metanavigation a:visited, 167div#metanavigation .btn_admin button, 168div#metanavigation .btn_profile button, 169div#metanavigation .btn_login button, 170div#metanavigation .btn_logout button { 171 color:#4D4D4D; 172 text-decoration:none; 173 text-transform:uppercase; 174} 175 176div#metanavigation a + a:before, 177div#metanavigation .btn_admin button:before, 178div#metanavigation .btn_profile button:before, 179div#metanavigation .btn_login button:before, 180div#metanavigation .btn_logout button:before { 181 color: #4D4D4D; 182 content: " | "; 183} 184 185div#metanavigation a:hover .btn_login button,.btn_logout button { 186 text-decoration:underline; 187} 188 189/* Head */ 190div#head { 191 height:108px; 192 width:1015px; 193 background-color:#ffffff; 194 padding-top: 8px; 195} 196 197div#logo { 198 background-color:#fff; 199 float:left; 200 height:108px; 201 width:204px; 202} 203 204div#head-image { 205 background:__imgblend__ 0 0 no-repeat; 206 float:left; 207 height:108px; 208 width:811px; 209} 210 211div#head-text { 212 background-color:#fff; 213 float:left; 214 font-size:.9091em; 215 font-weight:700; 216 height:33px; 217 line-height:1.25em; 218 margin-top:74px; 219 overflow:hidden; 220} 221 222.big_font{ 223 font-size:1.09em !important; 224 height:27px !important; 225 padding-top:6px; 226} 227 228div#head-text-corner { 229 background:url(images/head_text_corner.png) 0 0 no-repeat; 230 float:left; 231 height:33px; 232 margin-top:74px; 233 width:15px; 234} 235 236div#head-text a { 237 background:#fff; 238 color:#000000; 239 display:block; 240 line-height:1.25em; 241 padding:4px 0 4px 10px; 242 text-decoration:none; 243} 244 245/* Footer */ 246div#footer-container { 247 height:53px; 248 left:0; 249 position:absolute; 250 width: 1015px; 251 background:__footer_image__; 252 bottom:0; 253} 254* html div#footer-container { 255 background:#ffffff url(images/bg_footer_V2.gif) left top no-repeat; 256} 257div#footer { 258 height:23px; 259 width: 1015px; 260 } 261div#footer-text { 262 font-size:.8182em; 263 height:21px; 264 float:left; 265 width:965px; 266} 267div#footer-corner { 268 display: none; 269} 270div#footer-content { 271 border-top:1px __border__ solid; 272 height:20px; 273 line-height:2.2727em; 274 margin-left:26px; 275 width:100%; 276 } 277div#footer-content a:link,div#footer-content a:active,div#footer-content a:visited { 278 color:#808080; 279 text-decoration:none; 280 text-transform:uppercase; 281} 282div#footer-content a:hover { 283 text-decoration:underline; 284} 285.footer-left { 286 float:left; 287 margin-right:15px; 288} 289.footer-right { 290 float:right; 291} 292 293/* last changed */ 294div#owner { 295 height:15px; 296 text-align:left; 297 margin:5px auto 0; 298 width:1015px; 299 } 300span#owner-text { 301 color:#4D4D4D; 302 padding-left:32px; 303 font-size:.82em; 304 line-height:1.5em; 305} 306span#owner-text a { 307 color:#4D4D4D; 308} 309 310 311/* tables */ 312.table { 313 display: inline-block; 314 width:100%; 315} 316table.inline { 317 color: #000; 318 line-height: 1.3em; 319 margin-bottom: 10px; 320 width: 100%; 321 border-spacing: 0px; 322 border-collapse: collapse; 323} 324 325table.inline th { 326 background-color: #808080; 327 border-bottom: 1px solid #FFF; 328 color: #FFF; 329 font-weight: 700; 330 height: auto; 331 line-height: 20px; 332 padding: 0px 6px; 333 text-align: left; 334} 335 336table.inline tbody td { 337 padding: 4px 0px 4px 5px; 338 vertical-align: top; 339} 340 341table.inline tbody tr:hover td { 342 background-color: #D9EFEC; 343 cursor:pointer; 344} 345 346table.inline tbody tr:nth-child(odd) {background: #E5E5E5} 347table.inline tbody tr:nth-child(even) {background: #FFF} 348 349table.inline .wikilink1, 350table.inline .mail { 351font-weight: 700; 352background: transparent url("images/arrow_dunkelgruen.gif") no-repeat scroll 0px 0.36em; 353color: #009682; 354padding-left: 5px; 355} 356 357table.inline .wikilink2 { 358font-weight: 700; 359background: transparent url("images/arrow_dunkelgruen.gif") no-repeat scroll 0px 0.36em; 360color: #009682; 361padding-left: 5px; 362border-style-bottom:dotted; 363} 364 365/* tables end */ 366 367/* Labels */ 368h1 { 369 border-bottom:1px solid #ccc; 370 color:#000000; 371 font-size:1.27em; 372 margin:-1px 0 14px; 373 padding-bottom:10px; 374 padding-top:10px; /* neu */ 375 line-height:16px; 376} 377h1.caption { 378 background-color:#e5e5e5; 379 color:#000000; 380 font-weight:700; 381 font-size:1em; 382 height:auto; 383 padding-left:6px; 384 text-align:left; 385 margin-bottom:0px; 386 border-bottom: none; 387 padding-bottom: 6px; 388 padding-top: 6px; 389} 390h2 { 391 color:#000000; 392 font-size:1.0909em; 393 font-weight:700; 394 line-height:16px; 395 margin:0; 396 padding-top:8px; 397 padding-bottom:8px; 398} 399h3 { 400 color:#808080; 401 font-size:1.0909em; 402 font-weight:700; 403 line-height:16px; 404 margin:0; 405 padding-bottom:8px; 406} 407h4 { 408 background:url(images/headline_bg.gif) center left repeat-x; 409 font-size:1em; 410 height:1.45em; 411 margin-bottom:5px; 412} 413html>/**/body h4:first-line * { /* Achtung ohne * stuerzt IE8 ab bei H4 mit einem leeren Span darin! */ 414 background-color:#ffffff; 415} 416h5 { 417 color:#000000; 418 font-size:1em; 419 margin:-1px 0 14px; 420 line-height:16px; 421} 422 423/*end labels */ 424 425/* bureaucracy plugin */ 426 427.dokuwiki form.bureaucracy__plugin fieldset { 428 width: auto; 429 text-align: center; 430} 431 432.dokuwiki form.bureaucracy__plugin label { 433 float: right; 434 width: 100%; 435 text-align: right; 436 font-weight: 700; 437} 438 439.dokuwiki form.bureaucracy__plugin label textarea.edit { 440 width: 50%; 441 float: right; 442 resize: none; 443} 444 445.dokuwiki form.bureaucracy__plugin label.textareafield > span { 446 width: auto; 447} 448 449.dokuwiki form.bureaucracy__plugin label.textareafield { 450 text-align: right; 451} 452 453/* end bureaucracy plugin */ 454 455 456 457/* Formulars */ 458/* no linebreak after formulars */ 459form { 460 display:inline; 461 margin:0; 462 display:inline; 463} 464 465input, textarea { 466 border:1px solid __border__; 467 margin:1px; 468} 469form fieldset { 470 border:1px solid __border__; 471 padding: 0.5em; 472} 473form fieldset legend { 474 margin: 0 0.5em 0; 475 padding: 0 0.5em 0; 476 font-weight: bold; 477 font-size:1.2em; 478 line-height:1.2em; 479 color: #000000; 480} 481form label { 482 padding-left: 0.5em; 483 padding-right: 1em; 484} 485form input { 486 vertical-align:middle; 487} 488 489form input[type="submit"] { 490 background: linear-gradient(to bottom, #009682 0%, #b3e0da 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 491 border-radius: 8px 0; 492 border-color: #808080; 493 color: #ffffff; 494 font-weight: bold; 495 padding: 2px 5px; 496} 497form input[type="submit"]:hover { 498 color: #000000; 499} 500input,textarea, select { 501 background-color:#fff; 502 border:1px __border__ solid; 503 font-size:1em; 504 font-weight:400; 505 margin-bottom:6px; 506} 507/* textarea.edit needs flexible width to work both in edit and locked mode, see #25 */ 508textarea.edit { 509 width: 100%; 510} 511form label { 512 float:left; 513 font-weight:700; 514} 515form br { 516 clear:left; 517} 518 519/* **************** */ 520/* LINKE NAVIGATION */ 521/* **************** */ 522 523/* Link to the current active page -- bold */ 524#menu-box span.curid > a { 525 text-decoration: none; 526 font-weight: 700 !important; 527} 528 529/* dynamic navi created from index */ 530#menu-box .dynamic { 531 margin: 0; 532 margin-left: -2px; 533 margin-top: 0px; 534 padding: 0; 535 width: 178px; 536 font-family: verdana; 537 font-size:.9091em; 538 color: #000000; 539 overflow: hidden; 540} 541#menu-box .dynamic ul { 542 margin: 0; 543 border: 0; 544 padding: 0; 545 list-style-type: none; 546} 547 548#menu-box .dynamic a:hover { 549 text-decoration: underline; 550} 551 552#menu-box .dynamic a { 553 margin-top: 4px; 554 padding: 3px 5px 3px 15px; 555 display: block; 556} 557 558#menu-box .dynamic ul.idx li.open div.li a.wikilink2, 559#menu-box .dynamic ul.idx li.open div.li a.wikilink1 { 560 font-weight: 700; 561 color: #ffffff; 562 background-color: #009682; 563 display: block; 564 background-image: url(images/navi_level_1_open.gif); 565 background-repeat: no-repeat; 566 background-position: 6px 8px; 567} 568 569#menu-box .dynamic ul.idx li.closed div.li a.wikilink2, 570#menu-box .dynamic ul.idx li.closed div.li a.wikilink1 { 571 color:#808080; 572 background-color: #ffffff; 573 display: block; 574 background-image: url(images/navi_level_1_closed.gif); 575 background-repeat: no-repeat; 576 background-position: 6px 8px; 577} 578#menu-box .dynamic li.level4 a.wikilink2, 579#menu-box .dynamic li.level4 a.wikilink1, 580#menu-box .dynamic li.level3 a.wikilink2, 581#menu-box .dynamic li.level3 a.wikilink1, 582#menu-box .dynamic li.level2 a.wikilink2, 583#menu-box .dynamic li.level2 a.wikilink1 { 584 font-weight:100 !important; 585 color: #000 !important; 586 background-image:none !important; 587 background-color: #D9EFEC !important; 588} 589 590#menu-box .dynamic .open, 591#menu-box .dynamic .closed, 592#menu-box .dynamic .level1 { 593 background-image: url(images/left_navi_V2.gif); 594 background-position: right bottom; 595 background-repeat: no-repeat; 596 display: block; 597 background-color: #ffffff; 598 padding: 2px; 599 margin: 4px; 600 padding-right: 1px; 601 margin-right: 0px; 602} 603 604#menu-box .dynamic .open .idx { 605 padding: 1px; 606 margin: 2px; 607 background-color: #D9EFEC; 608 padding-right: 0px !important; 609 margin-right: 0px !important; 610} 611 612.idx ul > .closed li, 613.idx ul > .open li { 614 background-image: none !important; 615} 616 617 618#menu-box a.wikilink1, 619#menu-box a.wikilink2, 620#menu-box a.urlextern { 621 font-weight:700; 622 color: #808080; 623 text-decoration: none; 624 border-bottom: none !important; 625} 626 627#menu-box a.wikilink1:hover, 628#menu-box a.wikilink2:hover, 629#menu-box a.urlextern:hover { 630 text-decoration: underline; 631} 632 633#menu-box .dynamic .li_level_1_selected_no_children { 634 padding-bottom: 5px; 635 background-image: url(images/left_navi_V2.gif); 636 background-position: right bottom; 637 background-repeat: no-repeat; 638 background-color: #009682; 639} 640 641#menu-box .dynamic .li_level_1_selected_children ul { 642 border-left: 2px solid #ffffff; 643 border-right: 2px solid #ffffff; 644 padding-bottom: 1px; 645} 646#menu-box .dynamic .li_level_1_selected_children ul li ul{ 647 border-left: 0; 648 border-right: 0; 649 padding-bottom: 0; 650} 651 652#menu-box .dynamic .li_has_child { 653 background-color: #d9efec; 654} 655#menu-box .dynamic .level_1_not_selected { 656 margin-top: 4px; 657 border: 2px solid #ffffff; 658 background-color: #ffffff; 659 color:#808080; 660 font-weight:700; 661} 662 663#menu-box .dynamic .selected { 664 margin: 0px; 665 border-bottom: 2px solid #ffffff; 666 color: #000000; 667 background-color: #b3e0da; 668 font-weight: 700; 669} 670#menu-box .dynamic .has_no_children { 671 padding-bottom: 0; 672 border-bottom: 0; 673} 674#menu-box .dynamic .has_children_open { 675 background-image: url(images/navi_level_1_open.gif); 676 background-repeat: no-repeat; 677 background-position: 6px 8px; 678} 679#menu-box .dynamic ul li ul li .has_children_open { 680 background-image: url(images/navi_open.gif); 681} 682* html #menu-box .dynamic ul li .has_children_open { 683 background-position: 8px 10px; 684} 685* html #menu-box .dynamic ul li ul li .has_children_open { 686 background-position: 8px 8px; 687} 688#menu-box .dynamic .has_children_closed { 689 border-bottom: 0; 690 background-image: url(images/navi_level_1_closed.gif); 691 background-repeat: no-repeat; 692 background-position: 6px 6px; 693} 694#menu-box .dynamic ul li ul li .has_children_closed { 695 background-image: url(images/navi_closed.gif); 696} 697* html #menu-box .dynamic ul li .has_children_closed { 698 background-position: 8px 8px; 699} 700* html #menu-box .dynamic ul li ul li .has_children_closed { 701 background-position: 8px 6px; 702} 703#menu-box .dynamic .item_not_selected { 704 margin: 0; 705 margin-left: 10px; 706 color: #000000; 707 font-weight: 400; 708} 709#menu-box .dynamic .item_selected { 710 margin: 0; 711 margin-left: 10px; 712 color:#000000; 713 font-weight: 700; 714} 715 716/* Navigation (statisch, momentan funktioniert dynamisch nicht) */ 717 718#menu-box .file { 719 margin: 0; 720 padding: 0; 721 width: 178px; 722 font-family: verdana; 723 font-size:.9091em; 724 color: #000000; 725 overflow: hidden; 726} 727 728#menu-box .file ul { 729 margin: 0; 730 border: 0; 731 list-style-type: none; 732} 733 734#menu-box .file a:hover { 735 text-decoration: underline; 736} 737 738/* Level 1 */ 739#menu-box .file li.level1 { 740 margin-bottom: 4px; 741 border-right: 2px solid white; 742 border-top: 2px solid white; 743 border-bottom: 2px solid white; 744 border-bottom-right-radius: 5px; 745 background-color: #ffffff; 746} 747 748#menu-box .file a { 749 padding: 5px 5px 5px 15px; 750 display: block; 751} 752 753#menu-box .file li.level1 > .li .curid a { 754 border-bottom-right-radius: 3px; 755 background-color: #009682; 756 color: #ffffff; 757} 758 759#menu-box .file li.node > .li .curid a { 760 border-bottom-right-radius: 0px !important; 761} 762 763#menu-box .file .level1 .li { 764 margin-bottom: 0px !important; 765} 766 767/* Level 2 */ 768#menu-box .file .level1 ul { 769 display: block; 770 font-weight: 100 !important; 771 color: #000000; 772 background-color:#D9EFEC; 773 border-bottom-right-radius: 3px; 774} 775 776#menu-box .file .level2 .li a.wikilink1, 777#menu-box .file .level2 .li a.wikilink2, 778#menu-box .file .level2 .li a.urlextern { 779 font-weight:400; 780 color: #000; 781} 782 783#menu-box .file .node > .li { 784 padding-bottom: 0px; 785 background-image: none; 786 border-bottom: 2px solid white; 787} 788 789/* Suche */ 790div#suchen { 791 margin:0 0 10px 5px; 792 padding:1px; 793 background-color:#fff; 794 border: 1px solid __border__; 795 height: 15px; 796 width:169px; 797} 798div#suchen input[type="text"] { 799 margin:0; 800 border:0; 801 border-right:1px solid __border__; 802 padding:1px 0 0 0; 803 float:left; 804 height:14px; 805 width:106px; 806 font-size:0.9091em; 807} 808div#suchen button { 809 margin:0; 810 border: 0; 811 padding: 0; 812 float:left; 813 font-size:0.9091em; 814 font-weight: bold; 815 color: #009682; 816 background-color: #fff; 817 text-transform: uppercase; 818 height: 14px; 819 width: 60px; 820 cursor: pointer; 821} 822 823div#suchen .ajax_qsearch { 824 left: 180px; 825} 826 827 828@media (max-width: 550px) { 829 div#head { 830 text-align: center; 831 } 832 div#head-image { 833 float: left !important; 834 background: unset !important; 835 } 836 div#logo { 837 margin-top: 0 !important; 838 } 839 div#head-text { 840 width: 50% !important; 841 margin: 0 !important; 842 overflow: visible !important; 843 text-align: center; 844 padding: 0; 845 } 846 div#head-image { 847 height: auto !important; 848 } 849 div.big_font { 850 height: auto !important; 851 } 852 853 div#head-text-corner { 854 display: none !important; 855 } 856} 857 858@media (max-width: 943px) { 859 body { 860 background: none !important; 861 } 862 863 div#wrapper { 864 width: auto !important; 865 background-image: none !important; 866 left: 0 !important; 867 } 868 869 div#head, 870 div#head-image, 871 div#left-row, 872 div#middle-row, 873 div#footer, 874 div#footer-container, 875 div#footer-content, 876 div#metanavigation, 877 div#footer-text, 878 div#owner, 879 div#menu-box{ 880 float: none !important; 881 padding: 0 !important; 882 width: 100% !important; 883 margin: 0 !important; 884 } 885 886 div.spacer, 887 div#container { 888 width: 100% !important; 889 float: none !important; 890 margin: 0 !important; 891 border: 0 !important; 892 } 893 894 div#content { 895 padding: 0px !important; 896 padding-bottom: 70px !important; 897 } 898 899 div#footer-container{ 900 background: none !important; 901 } 902 903 div#metanavigation { 904 position: relative !important; 905 } 906 907 div#head { 908 height: auto !important; 909 } 910 911 div#head-image { 912 background-position: right !important; 913 } 914 915 div#logo img { 916 display: none; 917 } 918 919 div#logo { 920 overflow: hidden !important; 921 background: url("images/kit_mobile.png") left top no-repeat; 922 width:100px; 923 height: 40px; 924 background-size: 100px; 925 margin-top: 40px; 926 } 927 928 div#toggle_space, 929 div#toggle_space span { 930 display: block !important; 931 text-align: center; 932 height: 22px; 933 } 934 935 div#left-row { 936 display: none; 937 padding-bottom: 5px !important; 938 height: auto !important; 939 } 940 941 942 div#middle-row, 943 div#right-row, 944 div#content { 945 display: block; 946 padding-bottom: 5px !important; 947 height: auto !important; 948 } 949 950 div.sidebar_box { 951 background-color: #E5E5E5; 952 width: 100% !important; 953 } 954 955 div.sidebar_box ul { 956 float: left !important; 957 width: 100% !important; 958 height: 100% !important; 959 list-style-type: none !important; 960 } 961 962 div#suchen { 963 border: 0; 964 float: unset !important; 965 margin: 0 !important; 966 width: 100% !important; 967 padding: 4px 0 0 0; 968 height: auto; 969 } 970 div#suchen input[type="text"] { 971 padding: 0; 972 border: 0; 973 width: 80%; 974 } 975 976 div#suchen button { 977 width: 20%; 978 } 979 980 div#suchen .ajax_qsearch { 981 position: static; 982 clear: both; 983 } 984 985 div.sidebar_box li { 986 display: inline-block !important; 987 } 988 #menu-box .file a { 989 padding: 3px 3px 3px !important; 990 } 991 #menu-box .file .level1 > ul { 992 background: none !important; 993 } 994 #menu-box .file .level1 .li { 995 padding-bottom: 2px; 996 } 997 #menu-box .file li.level1.linktocurrent > .li { 998 padding-bottom: 0 !important; 999 } 1000 span#owner-text { 1001 padding-left: 0 !important; 1002 display: block !important; 1003 } 1004} 1005 1006 1007@media print { 1008 * { 1009 background:none !important; 1010 /* width:auto !important; */ 1011 position:static !important; 1012 height:auto !important; 1013 /* float: none !important; */ 1014 overflow: visible !important; 1015 font-size: 12pt; 1016 } 1017 div#owner { 1018 font-size: 11pt; 1019 } 1020 div[id^="filterbox_"] { 1021 display:none !important; 1022 } 1023 table, .inline, #wrapper, #container { 1024 width:auto !important; 1025 } 1026 html { 1027 height:auto !important; 1028 } 1029 body { 1030 height:auto !important; 1031 overflow: visible !important; 1032 } 1033 div#wrapper { 1034 height:auto !important; 1035 margin:0; 1036 } 1037 div#metanavigation { 1038 display:none; 1039 } 1040 div#logo, div#head-text { 1041 float: left !important; 1042 } 1043 div#logo { 1044 overflow:hidden !important; 1045 height:92px !important; 1046 width:188px !important; 1047 } 1048 div#logo img { 1049 margin-top:-16px; 1050 margin-left:-16px; 1051 } 1052 div#head-image { 1053 border: 1px solid #fff; 1054 } 1055 div#head-text { 1056 margin-top:54px; 1057 margin-left:168px; 1058 position:absolute !important; 1059 } 1060 div#footer { 1061 display:none; 1062 } 1063 div#container { 1064 padding-bottom:0; 1065 padding:0; 1066 margin:0; 1067 } 1068 div#left-row { 1069 float:none; 1070 width: auto; 1071 display:none; /* herausnehmen fuer Breadcrumb */ 1072 } 1073 1074 div#middle-row { 1075 height:100%; 1076 padding:10px; 1077 margin:0 10px 10px 0; 1078 width:auto; 1079 clear:left; 1080 } 1081 div.text { 1082 overflow: visible !important; 1083 clear:left; 1084 } 1085 .faq_answer { 1086 display: block !important; 1087 } 1088 table, .headline a, form, .inline, #owner-text { 1089 color:#000000 !important; 1090 } 1091 #right-row { 1092 display: none !important; 1093 } 1094 #print_infobox { 1095 display: block !important; 1096 } 1097} 1098 1099 1100 /* ---------- table of contents ------------------- */ 1101 1102#dw__toc { 1103 margin: 1.2em 0 0 2em; 1104 float: right; 1105 width: 17em; 1106 font-size: 80%; 1107 padding-top:35px; 1108} 1109 1110#dw__toc h3 { 1111 border: 1px solid __border__; 1112 background-color: __background_alt__; 1113 text-align: left; 1114 font-weight: bold; 1115 padding: 3px; 1116 margin-bottom: 2px; 1117} 1118 1119.toggle strong { 1120 border: 0.4em solid __background_alt__; 1121 float: right; 1122 display: block; 1123 margin: 0.4em 3px 0 0; 1124} 1125 1126.toggle span { 1127 display: none; 1128} 1129 1130.toggle.closed strong { 1131 margin-top: 0.4em; 1132 border-top: 0.4em solid __text__; 1133} 1134 1135.toggle.open strong { 1136 margin-top: 0; 1137 border-bottom: 0.4em solid __text__; 1138} 1139 1140#dw__toc > div { 1141 border: 1px solid __border__; 1142 background-color: __background__; 1143 text-align: left; 1144 padding: 0.5em 0 0.7em 0; 1145} 1146 1147#dw__toc ul { 1148 list-style-type: none; 1149 list-style-image: none; 1150 line-height: 1.2em; 1151 padding-left: 1em; 1152 margin: 0; 1153} 1154 1155#dw__toc ul li { 1156 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 1157 padding-left: 0.4em; 1158 margin-top: 5px; 1159} 1160 1161#dw__toc ul li.clear { 1162 background-image: none; 1163 padding-left: 0.4em; 1164} 1165 1166#dw__toc a:link, 1167#dw__toc a:visited { 1168 color: __text__; 1169} 1170 1171#dw__toc a:hover, 1172#dw__toc a:active { 1173 color: __existing__; 1174} 1175 1176/* --------------- Links ------------------ */ 1177 1178a:link, 1179a:visited { color: __existing__; } 1180a:visited { text-decoration: none; } 1181a:hover, 1182a:active { 1183 color: __text__; 1184 text-decoration: underline; 1185} 1186 1187h1 a, 1188h2 a, 1189h3 a, 1190h4 a, 1191h5 a, 1192a.nolink { 1193 color: __text_alt__ !important; 1194 text-decoration: none !important; 1195} 1196 1197/* windows share */ 1198a.windows { 1199 background: transparent url(images/windows.gif) 0px 1px no-repeat; 1200 padding: 1px 0px 1px 16px; 1201} 1202 1203/* interwiki link (icon are set by dokuwiki) */ 1204a.interwiki { 1205} 1206 1207/* link to some embedded media */ 1208a.media { 1209} 1210 1211a.urlextern:link, 1212a.windows:link, 1213a.interwiki:link, 1214a.urlextern:visited, 1215a.windows:visited, 1216a.interwiki:visited { 1217 color: __extern__; 1218} 1219a.urlextern:hover, 1220a.urlextern:active, 1221a.windows:hover, 1222a.windows:active, 1223a.interwiki:hover, 1224a.interwiki:active { 1225 color: __text__; 1226} 1227 1228/* existing wikipage */ 1229a.wikilink1 { 1230 color: __existing__; 1231} 1232 1233/* not existing wikipage */ 1234a.wikilink2 { 1235 color: __missing__; 1236 text-decoration: none !important; 1237 border-bottom: dashed 1px __missing__; 1238} 1239 1240/* ------------- Page elements ----------------- */ 1241 1242div.preview { 1243 background-color: __background_other__; 1244 margin: 0 0 0 2em; 1245 padding: 4px; 1246 border: 1px dashed __text__; 1247} 1248 1249div.breadcrumbs { 1250 background-color: __background_neu__; 1251 color: __text_neu__; 1252 font-size: 80%; 1253 padding: 4px 0 0 4px; 1254 min-height: 2em; 1255} 1256 1257span.user { 1258 color: __text_other__; 1259 font-size: 90%; 1260} 1261 1262li.minor { 1263 color: __text_neu__; 1264 font-style: italic; 1265} 1266 1267/* embedded images */ 1268img.media { 1269 margin: 3px; 1270} 1271 1272img.medialeft { 1273 border: 0; 1274 float: left; 1275 margin: 0 1.5em 0 0; 1276} 1277 1278img.mediaright { 1279 border: 0; 1280 float: right; 1281 margin: 0 0 0 1.5em; 1282} 1283 1284img.mediacenter { 1285 border: 0; 1286 display: block; 1287 margin: 0 auto; 1288} 1289 1290/* smileys */ 1291img.icon { 1292 vertical-align: middle; 1293} 1294 1295abbr { 1296 cursor: help; 1297 border-bottom: 1px dotted __text__; 1298} 1299 1300/* unordered lists */ 1301ul { 1302 list-style-type: square; 1303 list-style-image: none; 1304 margin: 0 0 0.5em 1.5em; 1305 color: __text__; 1306} 1307 1308/* ordered lists */ 1309ol { 1310 list-style-image: none; 1311 margin: 0 0 0.5em 1.5em; 1312 color: __text__; 1313 font-weight: bold; 1314} 1315 1316/* no bottom gap in between and smaller left margin for nested lists */ 1317li ul, 1318li ol { 1319 margin: 0 0 0 1.5em; 1320} 1321 1322/* space before headings */ 1323#content h1, 1324#content h2, 1325#content h3, 1326#content h4, 1327#content h5, 1328#content h6 { margin-top: 1em; } 1329 1330div.footnotes { margin-top: 5em; } 1331 1332/* spacing between paragraphs */ 1333div.table + p, p + div.table, 1334blockquote + p, p + blockquote, 1335ol + p, p + ol, 1336ul + p, p + ul, 1337ol + pre, pre + ol, 1338ul + pre, pre + ul, 1339pre + p, p + pre, 1340p + p { margin-top: 1em; } 1341 1342/* the list items overriding the ul/ol definition */ 1343.li { 1344 color: __text__; 1345 font-weight: normal; 1346 margin-bottom: 0.1em; 1347} 1348 1349ol {list-style-type: decimal;} 1350ol ol {list-style-type: upper-roman;} 1351ol ol ol {list-style-type: lower-alpha;} 1352ol ol ol ol {list-style-type: lower-greek;} 1353 1354li.open { 1355 list-style-image: url(images/open.gif); 1356 /*list-style-type: circle;*/ 1357} 1358 1359li.closed { 1360 list-style-image: url(images/closed.gif); 1361 /*list-style-type: disc;*/ 1362} 1363 1364blockquote { 1365 border-left: 2px solid __border__; 1366 margin-left: 2px; 1367 padding-left: 1em; 1368} 1369 1370pre, 1371code { 1372 font-family: monospace, serif; 1373 /* second generic font fixes problem with font-size, see 1374 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 1375 font-size: 1em; 1376} 1377pre { 1378 padding: 0.5em; 1379 border: 1px dashed __border__; 1380 color: __text__; 1381 overflow: auto; 1382} 1383 1384/* code blocks by indention */ 1385pre.pre { 1386 background-color: __background_other__; 1387} 1388 1389/* code blocks by code tag */ 1390pre.code { 1391 background-color: __background_other__; 1392 overflow: auto; 1393 width: 560px; 1394} 1395 1396/* code blocks by file tag */ 1397pre.file { 1398 background-color: __background_pre__; 1399} 1400 1401/* filenames for file and code blocks */ 1402dl.file, 1403dl.code { 1404 margin-top: 2em; 1405 margin-bottom: 2.5em; 1406} 1407 1408dl.file dt, 1409dl.code dt { 1410 border: 1px dashed __border__; 1411 display: inline; 1412 padding: 0.1em 1em; 1413 margin-left: 2em; 1414} 1415 1416dl.code dt a, 1417dl.file dt a { 1418 color: __text_alt__; 1419 font-weight: bold; 1420} 1421 1422dl.code dt { 1423 background-color: __background_other__; 1424 border-bottom: 1px solid __background_other__; 1425} 1426 1427dl.file dt { 1428 background-color: __background_pre__; 1429 border-bottom: 1px solid __background_pre__; 1430} 1431 1432/* inline code words */ 1433code { 1434 font-size: 1em; 1435} 1436 1437 1438/* --------- buttons ------------------- */ 1439 1440/* metanavigation integration */ 1441.btn_admin button, 1442.btn_profile button, 1443.btn_login button, 1444.btn_logout button { 1445 background:none!important; 1446 border:none; 1447 padding:0!important; 1448 font: inherit; 1449 cursor: pointer; 1450 text-decoration:none; 1451 text-transform: uppercase; 1452} 1453 1454button { 1455 border: 1px solid __border__; 1456 color: __text_alt__; 1457 background-color: __background__; 1458 text-decoration: none; 1459 font-weight: bold; 1460 font-size: 0.8em; 1461 cursor: pointer; 1462 margin: 1px; 1463 padding: 0.125em 0.4em; 1464} 1465 1466div.secedit { 1467 float: right; 1468 display: inline; 1469} 1470 1471/* highlight corresb. section */ 1472div.section_highlight { 1473 background-color: #D9EFEC; 1474} 1475 1476 1477div.site_tools { 1478 background-color: #E5E5E5; 1479 float: right; 1480 padding-right: 12px; 1481 padding-left: 4px; 1482 padding-bottom: 4px; 1483 position: relative; 1484 z-index: 3; 1485} 1486 1487/* hide-plugin integration*/ 1488 1489div.hiddenHead { 1490 color: #fff; 1491 background-color: #808080; 1492 font-weight: bold; 1493 padding-left: 6px; 1494 font-size: 100%; 1495} 1496 1497div.hiddenGlobal { 1498 border: thick none !important; 1499} 1500 1501div.hiddenOnHidden { 1502 color: #fff; 1503} 1504 1505div.hiddenOnVisible { 1506 color: #fff; 1507} 1508 1509div.hiddenBody { 1510 border-top: none; 1511 padding: 0px; 1512} 1513 1514div.hiddenGlobal:not(.hiddenHidden) > div.hiddenHead p::after, 1515div.hiddenGlobal.hiddenHidden > div.hiddenHead p::after { 1516 background-image: none !important; 1517} 1518 1519div.hiddenGlobal:not(.hiddenHidden) > div.hiddenHead p::before { 1520 background-image: url("/lib/plugins/hidden/images/shrink2.png"); 1521} 1522 1523div.hiddenGlobal.hiddenHidden > div.hiddenHead p::before { 1524 background-image: url("/lib/plugins/hidden/images/enlarge2.png"); 1525} 1526 1527div.hiddenHead p::before, 1528div.hiddenHead p::before { 1529 display: inline-block; 1530 background-size: 1.2em 1.2em; 1531 width: 1.2em; 1532 height: 1.2em; 1533 content: ""; 1534} 1535 1536/* Translationplugin Integration */ 1537.dokuwiki .plugin_translation { 1538 display:inline-block; 1539 text-align:right; 1540} 1541 1542.dokuwiki .plugin_translation ul { 1543 text-align: right; 1544 margin: 0 auto; 1545 padding: 0; 1546 list-style: none; 1547 background-color: transparent !important; 1548 border: none; 1549} 1550.dokuwiki .plugin_translation li { 1551 margin: 0; 1552 display: inline-block; 1553} 1554 1555.dokuwiki .plugin_translation a { 1556 color: #4D4D4D !important; 1557 display: inline-block; 1558 min-height: 16px; 1559} 1560 1561.dokuwiki .plugin_translation a.wikilink2 { 1562 visibility: hidden !important; 1563 width: 0px; 1564} 1565 1566.dokuwiki .plugin_translation .li a.wikilink1:before { 1567 color: #4D4D4D; 1568 content: " | "; 1569 padding-left: 3px; 1570} 1571 1572.notify { 1573 position: fixed; 1574 top: 0; 1575} 1576 1577/* explicitly overwrite translation_plugin style */ 1578.dokuwiki div.plugin_translation ul li a.wikilink1:link, 1579.dokuwiki div.plugin_translation ul li a.wikilink1:hover, 1580.dokuwiki div.plugin_translation ul li a.wikilink1:active, 1581.dokuwiki div.plugin_translation ul li a.wikilink1:visited { 1582 background-color: transparent !important; 1583 color: #4D4D4D !important; 1584 padding: 0px; 1585 margin: 0px; 1586} 1587 1588 1589/* hide the inactive language button in the header*/ 1590.plugin_translation ul li a.cur { 1591 display: none; 1592} 1593/* */ 1594 1595/* nspages plugin compatibility */ 1596.catpageheadline { 1597 text-decoration: none !important; 1598 color: __text_alt__ !important; 1599 background-color: inherit; 1600 font-size: 140%; 1601 font-weight: bold; 1602 margin: 0.5em 0 0.25em 0; 1603 padding: 0; 1604} 1605 1606/* double column staff member sites */ 1607.dokuwiki .memberimage { 1608 position:relative; 1609 float:left; 1610 width: 200px; 1611 margin-left: 4px; 1612 margin-right: 30px; 1613 margin-top: 10px; 1614} 1615 1616.dokuwiki .memberdescription { 1617 position:relative; 1618 float:left; 1619 text-align:left; 1620 width: 60%; 1621} 1622