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