1 /* combined.css - MoinMoin Default Styles from common.css, screen.css and print.css 2 3 Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk> 4 Copyright (c) 2001, 2002, 2003 by Juergen Hermann 5 */ 6 7 /* content styles */ 8 9 html { 10 background-color: white; 11 color: black; 12 font-family: sans-serif; 13 font-size: 1em; 14 } 15 16 body { 17 margin: 0; 18 } 19 20 /* Links */ 21 22 a {color: #0044B3;} 23 /* a:visited {color: #597BB3;} */ 24 a:visited {color: #FF7BB3;} 25 26 a.nonexistent:visited, a.nonexistent, 27 a.badinterwiki:visited, a.badinterwiki {color: gray;} 28 29 dl, ol, ul { 30 padding: 0 1em; 31 margin: 0 0.5em; 32 } 33 34 li p { 35 margin: 0.1em 0; 36 } 37 38 li.gap { 39 margin-top: 0.25em; 40 } 41 42 dt { 43 margin-top: 0.25em; 44 font-weight: bold; 45 } 46 47 dd { 48 margin-top: 0; 49 margin-bottom: 0; 50 } 51 52 dd p { 53 margin: 0.1em 0; 54 } 55 56 a, img, img.drawing { 57 border: 0; 58 } 59 60 pre { 61 border: 1pt solid #AEBDCC; 62 background-color: #F3F5F7; 63 padding: 5pt; 64 font-family: courier, monospace; 65 white-space: pre; 66 /* begin css 3 or browser specific rules - do not remove! 67 see: http://forums.techguy.org/archive/index.php/t-249849.html */ 68 white-space: pre-wrap; 69 word-wrap: break-word; 70 white-space: -moz-pre-wrap; 71 white-space: -pre-wrap; 72 white-space: -o-pre-wrap; 73 /* end css 3 or browser specific rules */ 74 } 75 76 pre.comment { 77 background-color: #CCCCCC; 78 color: red; 79 padding: 0; 80 margin: 0; 81 border: 0; 82 } 83 84 /* .comment css definition must be top of .red/.green/.blue or it won't work */ 85 .comment { color: #555555; background-color: #DDDDFF; } 86 87 .red { background-color: #FFCCCC; } 88 .green { background-color: #CCFFCC; } 89 .blue { background-color: #CCCCFF; } 90 .yellow { background-color: #FFF29F; } 91 .orange { background-color: #FFD59B; } 92 93 .solid { border: 2px solid #000000; padding: 2px; } 94 .dashed { border: 2px dashed #000000; padding: 2px; } 95 .dotted { border: 2px dotted #000000; padding: 2px; } 96 97 .left { text-align: left; } 98 .center { text-align: center; } 99 .right { text-align: right; } 100 .justify { text-align: justify; } 101 102 table 103 { 104 margin: 0.5em 0 0 0.5em; 105 border-collapse: collapse; 106 } 107 108 th, td 109 { 110 padding: 0.25em 0.5em 0.25em 0.5em; 111 border: 1pt solid #ADB9CC; 112 } 113 114 td p { 115 margin: 0; 116 padding: 0; 117 } 118 /* TableOfContents macro */ 119 div.table-of-contents { 120 border: 1px solid #bbbbbb; 121 color: black; 122 background-color: #eeeeee; 123 font-size: 80%; 124 text-align: left; 125 margin: 0.5em 0 0.5em 1em; 126 padding: 0.5em 0.75em 0.5em 0.5em; 127 max-width: 50%; 128 display: inline-table; 129 } 130 div.table-of-contents ol { 131 margin: 0; 132 padding: 0 0 0 2em; 133 } 134 div.table-of-contents ul { 135 margin: 0; 136 list-style:none; 137 } 138 div.table-of-contents li { 139 margin:0; 140 padding: 0; 141 } 142 p.table-of-contents-heading { 143 font-weight:bold; 144 padding:0; 145 margin: 0 0 0.5em 0; 146 letter-spacing: 0.075em; 147 } 148 149 /* Include macro */ 150 .included-page { 151 position: relative; 152 } 153 154 .included-page .include-link { 155 position: absolute; 156 top: 0; 157 right: 0; 158 } 159 160 /* Navigation macro */ 161 table.navigation { 162 background: #fff; 163 margin: 0; 164 } 165 166 .footnotes div { 167 width: 5em; 168 border-top: 1pt solid gray; 169 } 170 171 .footnotes ol { 172 padding: 0 2em; 173 margin: 0 0 1em; 174 } 175 176 .footnotes li { 177 } 178 179 .info { 180 float: right; 181 font-size: 0.7em; 182 color: gray; 183 } 184 185 #pageinfo { 186 margin-top: 2em; 187 } 188 189 .seperator { 190 color: gray; 191 } 192 193 #pagebottom {clear: both;} 194 195 /* standard rule ---- */ 196 hr { 197 height: 1pt; 198 background-color: #9C9C9C; 199 border: 0; 200 } 201 202 /* custom rules ----- to ---------- */ 203 .hr1 {height: 2pt;} 204 .hr2 {height: 3pt;} 205 .hr3 {height: 4pt;} 206 .hr4 {height: 5pt;} 207 .hr5 {height: 6pt;} 208 .hr6 {height: 7pt;} 209 210 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */ 211 .u {text-decoration: underline;} 212 .strike {text-decoration: line-through;} 213 214 /* eye catchers */ 215 .warning 216 { 217 color: red; 218 } 219 220 .error 221 { 222 color: red; 223 } 224 225 strong.highlight 226 { 227 background-color: #CCE0FF; 228 padding: 1pt; 229 } 230 231 232 /* Recent changes */ 233 234 .rcrss { 235 float: right; 236 margin: 0 7px 0 14px; 237 height: 0; 238 position: relative; 239 top: 9px; 240 } 241 *[div="rtl"] .rcrss { 242 float: left; 243 } 244 .recentchanges[dir="rtl"] .rcrss { 245 float: left; 246 } 247 248 .recentchanges table { 249 clear: both; 250 border-collapse: collapse; 251 252 border: 1px solid #4d7da9; 253 } 254 255 .recentchanges td { 256 vertical-align: top; 257 border: none; 258 background: #e6eaf0; 259 } 260 261 262 .recentchanges .rcdaybreak td { 263 background: #81BBF2; 264 border: none; 265 border: 1px solid #4d7da9; 266 } 267 268 .rcdaybreak td a { 269 font-size: 0.88em; 270 } 271 272 .rcicon1, .rcicon2 { 273 text-align: center; 274 } 275 276 .rcpagelink { 277 width: 33%; 278 } 279 280 .rctime { 281 font-size: 0.88em; 282 white-space: nowrap; 283 } 284 285 .rceditor { 286 white-space: nowrap; 287 font-size: 0.88em; 288 } 289 290 .rccomment { 291 width: 50%; 292 color: gray; 293 font-size: 0.88em; 294 } 295 296 297 /* User Preferences */ 298 299 .userpref table, .userpref td { 300 border: none; 301 } 302 303 /* CSS for new code_area markup used by Colorizer and ParserBase */ 304 305 div.codearea { /* the div makes the border */ 306 margin: 0.5em 0; 307 padding: 0; 308 border: 1pt solid #AEBDCC; 309 background-color: #F3F5F7; 310 color: black; 311 } 312 313 div.codearea pre { /* the pre has no border and is inside the div */ 314 margin: 0; 315 padding: 10pt; 316 border: none; 317 } 318 319 a.codenumbers { /* format of the line numbering link */ 320 margin: 0 10pt; 321 font-size: 0.85em; 322 color: gray; 323 } 324 325 /* format of certain syntax spans */ 326 div.codearea pre span.LineNumber {color: gray;} 327 div.codearea pre span.ID {color: #000000;} 328 div.codearea pre span.Operator {color: #0000C0;} 329 div.codearea pre span.Char {color: #004080;} 330 div.codearea pre span.Comment {color: #008000;} 331 div.codearea pre span.Number {color: #0080C0;} 332 div.codearea pre span.String {color: #004080;} 333 div.codearea pre span.SPChar {color: #0000C0;} 334 div.codearea pre span.ResWord {color: #A00000;} 335 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} 336 div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} 337 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} 338 div.codearea pre span.Special {color: #0000ff;} 339 div.codearea pre span.Preprc {color: #803999;} 340 341 /* for diff parser */ 342 div.codearea pre span.DiffAdded {color: #4876FF;} 343 div.codearea pre span.DiffRemoved {color: #FF0000;} 344 div.codearea pre span.DiffChanged {color: #FF7F50;} 345 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} 346 347 /* Search results */ 348 .advancedsearch { 349 border: 1pt solid #ADB9CC; 350 } 351 352 .advancedsearch td { 353 vertical-align: top; 354 background-color: #E7E7E7; 355 border: 0px; 356 } 357 358 .advancedsearch td.searchfor { 359 font-weight: bold; 360 } 361 362 .advancedsearch input { 363 border: 1px solid #ADB9CC; 364 background-color: #fff; 365 } 366 367 .advancedsearch input[disabled] { 368 background-color: #eee; 369 } 370 371 .advancedsearch td.submit { 372 border-top: 1px solid #ADB9CC; 373 background-color: #fff; 374 text-align: right; 375 } 376 377 .advancedsearch optioni, 378 .advancedsearch select { 379 border: 1px solid #ADB9CC; 380 background-color: #fff; 381 } 382 383 384 .searchresults dt { 385 margin-top: 1em; 386 font-weight: normal; 387 } 388 389 .searchresults dd, .searchresults p { 390 font-size: 0.85em; 391 } 392 393 .searchresults .searchhitinfobar { 394 color: #008000; 395 margin-left: 15px; 396 margin-top: 0; 397 } 398 399 p.searchstats { 400 font-size: 0.8em; 401 text-align: right; 402 width: 100%; 403 background-color: #E6EAF0; 404 border-top: 1px solid #9088DC; 405 padding: 2px; 406 } 407 408 p.searchhint { 409 background-color: #E6EAF0; 410 border: 1px solid #9088DC; 411 padding: 2px; 412 } 413 414 .searchpages { 415 margin-left: auto; 416 margin-right: auto; 417 } 418 419 .searchpages tr, .searchpages td { 420 border: 0; 421 padding: 5px; 422 margin: 0; 423 text-align: center; 424 vertical-align: middle; 425 color: #b93a58; 426 font-weight: bold; 427 font-size: 1.05em; 428 } 429 430 .searchpages td a, .searchpages td a:link { 431 text-decoration: underline; 432 } 433 434 /* MonthCalendar css */ 435 436 /* days without and with pages linked to them */ 437 a.cal-emptyday { 438 color: #777777; 439 text-align: center; 440 } 441 a.cal-usedday { 442 color: #000000; 443 font-weight: bold; 444 text-align: center; 445 } 446 /* general stuff: workdays, weekend, today */ 447 td.cal-workday { 448 background-color: #DDDDFF; 449 text-align: center; 450 } 451 td.cal-weekend { 452 background-color: #FFDDDD; 453 text-align: center; 454 } 455 td.cal-today { 456 background-color: #CCFFCC; 457 border-style: solid; 458 border-width: 2pt; 459 text-align: center; 460 } 461 /* invalid places on the monthly calendar sheet */ 462 td.cal-invalidday { 463 background-color: #CCCCCC; 464 } 465 /* links to prev/next month/year */ 466 a.cal-link { 467 color: #000000; 468 text-decoration: none; 469 } 470 th.cal-header { 471 background-color: #DDBBFF; 472 text-align: center; 473 } 474 475 /* for MonthCalendar mouseover info boxes */ 476 TABLE.tip { 477 color: black; 478 background-color: #FF8888; 479 font-size: small; 480 font-weight: normal; 481 border-style: solid; 482 border-width: 1px; 483 } 484 485 TH.tip { 486 background-color: #FF4444; 487 font-weight: bold; 488 text-align: center; 489 } 490 491 TD.tip { 492 text-align: left; 493 } 494 *[dir="rtl"] TD.tip { 495 text-align: right; 496 } 497 498 /* end MonthCalendar stuff */ 499 500 #message .hint {font-style: italic;} 501 #message .info { 502 float: none; 503 font-size: 1em; 504 color: black; 505 } 506 #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;} 507 #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;} 508 #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;} 509 510 511 /* admonition start */ 512 #content div.caution, 513 #content div.important, 514 #content div.note, 515 #content div.tip, 516 #content div.warning { 517 border: 1pt solid #E5E5E5; 518 background-color: #F9F9FF; 519 color: black; 520 521 margin: 10pt 30pt 10pt 30pt; 522 background-repeat: no-repeat; 523 background-position: 8px 8px; 524 min-height: 64px; /*64=48+8+8 but doesn't work with IE*/ 525 padding-left: 64px; 526 } 527 528 #content div.caution p, 529 #content div.important p, 530 #content div.note p, 531 #content div.tip p, 532 #content div.warning p { 533 margin-top: 8px; /*to align text with bg graphic*/ 534 } 535 536 #content div.tip { background-image: url("../img/admon-tip.png"); } 537 #content div.note { background-image: url("../img/admon-note.png"); } 538 #content div.important { background-image: url("../img/admon-important.png"); } 539 #content div.caution { background-image: url("../img/admon-caution.png"); } 540 #content div.warning { background-image: url("../img/admon-warning.png"); } 541 542 /* admonition end */ 543 544 545 /* Styles from screen.css... */ 546 547 /* content styles */ 548 549 body { 550 padding: 0; 551 margin: 0; 552 border: 0; 553 } 554 555 a:link { color: #47f; text-decoration: none; } 556 a:link:hover, a:link:active { color: green; text-decoration: underline; } 557 a:visited { color: #04a; text-decoration: none; } 558 a:visited:hover { color: red; text-decoration: underline; } 559 a.nonexistent:link { color: #666; text-decoration: none; } 560 a.nonexistent:hover { color: black; text-decoration: underline; } 561 562 a.download { 563 font-size: 120%; 564 letter-spacing: 0.05em; 565 font-weight: bold; 566 background: #E7E7E7; 567 border: 1px solid #9C9C9C; 568 padding: 0.5em; 569 text-align: center; 570 } 571 572 input { 573 } 574 575 textarea { 576 font-size: 1em; 577 font-family: monospace; 578 } 579 580 .disabled { 581 color: gray; 582 } 583 584 /* user interface styles */ 585 586 #header { 587 background: #eeeeee; 588 padding: 0; 589 border-bottom: 2px solid black; 590 } 591 592 #footer { 593 background: #eeeeee; 594 padding: 0; 595 border-top: 2px solid black; 596 } 597 598 /* Menu regions. */ 599 600 .editing, 601 #identity, 602 #navigation { 603 margin-top: 1.5em; /* can be removed if menutitle is undisplayed */ 604 } 605 606 #navigation { 607 background: #dddddd; 608 } 609 610 #identity { 611 background: #333333; 612 color: white; 613 } 614 615 .menutitleholder { 616 position: relative; 617 padding-top: 0.5em; /* can be removed if menutitle is undisplayed */ 618 } 619 620 .menutitle { 621 position: absolute; 622 bottom: 1em; 623 left: 0; 624 padding: 0.25em; 625 margin: 0.25em; 626 background: #999999; 627 color: white; 628 /* display: none; */ 629 } 630 631 /* Menus and lists. */ 632 633 .editbar, 634 #mainpages, 635 #navibar, 636 #username, 637 #pageabout, 638 #pagelocation { 639 display: inline-block; 640 } 641 642 .editbar, 643 #mainpages, 644 #pageabout, 645 #pagelocation, 646 #pagetrail, 647 #navibar { 648 padding: 0.5em 0; 649 margin: 0; 650 color: black; 651 } 652 653 #username { 654 padding: 0.5em 0; 655 margin: 0; 656 } 657 658 .editbar li, 659 #mainpages li, 660 #pageabout li, 661 #pagelocation li, 662 #pagetrail li, 663 #username li, 664 #navibar li { 665 display: inline; 666 padding: 0.5em 0.5em; 667 white-space: nowrap; 668 } 669 670 #navibar li.wikilink { 671 background: #dddddd; 672 } 673 674 #navibar li.userlink { 675 background: #cccccc; 676 } 677 678 .editbar a, 679 .editbar a:visited, 680 #username a, 681 #username a:visited, 682 #navibar a, 683 #navibar a:visited { 684 text-decoration: none !important; 685 } 686 687 .editbar a, 688 .editbar a:visited, 689 #username a, 690 #username a:visited { 691 color: inherit !important; 692 } 693 694 #username li.current a, 695 #navibar li.current a { 696 font-weight: bold; 697 } 698 699 .editbar form, .editbar form div { 700 display: inline; 701 margin: 0; 702 } 703 704 .editbar select { 705 font-size: 100%; 706 vertical-align: middle; 707 } 708 709 /* Other elements. */ 710 711 #logo { 712 float: left; 713 margin: 0.5em; 714 padding: 0; 715 /* For text only logo */ 716 font-size: larger; 717 font-weight: bold; 718 } 719 720 *[dir="rtl"] #logo { 721 float: right; 722 } 723 724 #logo img { 725 vertical-align: middle; 726 } 727 728 #logo a { 729 color: black; 730 text-decoration: none; 731 } 732 733 #searchform { 734 margin: 4px 0.5em 8px 0.5em; 735 padding: 0; 736 font-size: 0.82em; 737 float: right; 738 clear: right; 739 text-align: right; 740 } 741 742 *[dir="rtl"] #searchform { 743 float: left; 744 clear: left; 745 text-align: left; 746 } 747 748 #searchform input { 749 font-size: 100%; 750 vertical-align: middle; 751 } 752 753 #pageline { 754 } 755 756 #message { 757 clear: both; 758 margin: 0; 759 padding: 5px 10px; 760 border-bottom: 1px solid #c9c9c9; 761 background: #E6EAF0; 762 } 763 764 #message p { 765 margin: 5px 0; 766 padding: 0; 767 /* font-weight: bold; */ 768 } 769 770 #message div.buttons { 771 font-weight: normal; 772 } 773 774 .dialog form { 775 margin: 0 15px; 776 } 777 778 .dialog td { 779 border: none; 780 padding: 5px; 781 } 782 783 .dialog td.label { 784 text-align: right; 785 font-weight: bold; 786 width: 25%; 787 } 788 789 *[dir="rtl"] .dialog td.label { 790 text-align: left; 791 } 792 793 .dialog td.content input { 794 width: 100%; 795 } 796 797 #page { 798 background-color: white; 799 margin: 0; 800 padding: 0.25em; 801 } 802 803 #editor-textarea { 804 padding: 0px; 805 } 806 807 #editor-textarea, 808 #editor-help { 809 font-family: monospace; 810 border: 1px solid #8cacbb; 811 color: black; 812 background-color: white; 813 width: 100%; 814 margin-top: 0.5em; 815 } 816 817 #editor-help { 818 font-size: small; 819 background-color: #EEEEFF; 820 padding: 3px; 821 } 822 823 #editor-comment { 824 font-size: 100%; 825 border: 1px solid #8cacbb; 826 color: black; 827 background-color: white; 828 vertical-align: middle; 829 padding: 1px; 830 display: inline; 831 width: 70%; 832 } 833 834 #preview, #previewbelow { 835 margin-top: 0.5em; 836 } 837 838 #textcha { 839 font-size: 100%; 840 margin-top: 0.5em; 841 border: 2px solid #FF8888; 842 color: black; 843 vertical-align: middle; 844 padding: 3px 2px; 845 } 846 847 #textcha-answer { 848 border: 2px solid #000000; 849 padding: 3px 2px; 850 } 851 852 input.button { 853 } 854 855 #credits, #version, #timings{ 856 margin: 5px 10px; 857 padding: 0; 858 text-align: center; 859 font-size: 0.88em; 860 color: #6C7680; 861 } 862 863 #credits li, #timings li { 864 display: inline; 865 padding: 0 2px; 866 margin: 0 4px; 867 } 868 869 #credits img { 870 vertical-align: middle; 871 } 872 873 .diff { 874 width:99%; 875 } 876 877 .diff-header { 878 font-weight: bold; 879 } 880 881 .diff-title { 882 background-color: #C0C0C0; 883 } 884 885 .diff-added { 886 background-color: #E0FFE0; 887 vertical-align: sub; 888 } 889 890 .diff-removed { 891 background-color: #FFFFE0; 892 vertical-align: sub; 893 } 894 895 .diff-added span { 896 background-color: #80FF80; 897 } 898 899 .diff-removed span { 900 background-color: #FFFF80; 901 } 902 903 table.navigation { 904 float: right; 905 margin: 2px; 906 } 907 908 #openididentifier { 909 background: url(../../common/openid.png) no-repeat; 910 background-position: 0 50%; 911 padding-left: 18px; 912 } 913 914 @media print { 915 916 /* content styles */ 917 918 html { 919 font-family: Times, serif; 920 font-size: 12pt; 921 } 922 923 body { 924 /* Give about 3.4cm in Mozilla/Firefox and about 2.2cm in Safari */ 925 margin: 1.5cm; 926 } 927 928 a, a:visited, a.nonexistent, a.badinterwiki { 929 color: black; 930 text-decoration: none; 931 } 932 933 a:hover { 934 text-decoration: underline; 935 } 936 937 .info a { 938 color: gray; 939 } 940 941 pre { 942 font-size: 10pt; 943 } 944 945 a.interwiki:before, a.badinterwiki:before { 946 content: attr(title) ":"; 947 } 948 949 a.interwiki img, a.badinterwiki img { 950 display: none; 951 } 952 953 .footnotes div { 954 width: 5em; 955 border-top: 1pt solid gray; 956 } 957 958 /* user interface styles */ 959 960 #header, #sidebar, #footer, #timings, #credits, #interwiki, #pagelocation { 961 display: none; 962 } 963 964 }