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