skins/modern/main.css

   1 body {
   2         margin: 0 0 0 0;
   3         padding: 0 0 0 0;
   4         /*font-size: 10pt;*/
   5         font-size: x-small;
   6
   7
   8         font-family: sans-serif;
   9         color: black;
  10         background-color: #f0f0f0;
  11
  12         direction: ltr;
  13         unicode-bidi: embed;
  14 }
  15
  16 #mw_main,
  17 #p-personal,
  18 #mw_header,
  19 .os-suggest {
  20         font-size: 130%;
  21 }
  22
  23 #mw_header {
  24         position: absolute;
  25         top: 0;
  26         left: 0;
  27         margin: 0 0 0 0;
  28         padding: 0 0em 0 0em;
  29         border: none;
  30         height: 2em;
  31         width: 100%;
  32
  33         background-color: #003366;
  34         color: white;
  35 }
  36
  37 #mw_header h1 {
  38         margin: 0 0 0 0.5em;
  39         padding: 0 0 0 0;
  40         text-decoration: none;
  41         font-size: 150%;
  42 }
  43
  44 #p-personal {
  45         position: absolute;
  46         top: 2em;
  47         left: 0;
  48         height: 1.5em;
  49         margin: 0 0 0 0;
  50         padding: 0 0 0 0;
  51         width: 100%;
  52
  53 }
  54
  55 #p-personal div.pBody {
  56         margin: 0 0 0 0;
  57         padding: 0 0 0 0;
  58         height: 1.5em;
  59         font-variant: small-caps;
  60 }
  61
  62 #p-personal h5 {
  63         display: none;
  64 }
  65
  66 #p-personal ul {
  67         margin: 0 0 0 0;
  68         padding: 0 0 0 0;
  69         display: block;
  70         height: 1.5em;
  71         background-color: #3c78b5;
  72 }
  73
  74 #p-personal li {
  75         display: block;
  76         float: left;
  77         height: 1.5em;
  78         margin: 0 0 0 0;
  79         vertical-align: middle;
  80
  81         font-weight: bold;
  82         text-transform: lowercase;
  83 }
  84
  85 #p-personal li a {
  86         text-decoration: none;
  87         color: white;
  88         padding: 0 1em 0 1em;
  89 }
  90
  91 #p-personal li a:hover {
  92         text-decoration: none;
  93         color: white;
  94 }
  95
  96 #p-personal li:hover {
  97         background-color: #003366;
  98 }
  99
 100 #jump-to-nav {
 101         display: none;
 102 }
 103
 104 #mw_contentwrapper {
 105         width: 100%;
 106         margin: 0 0 0 -15em;
 107         float: right;
 108 }
 109
 110 #mw_content {
 111         margin: 0 0 0 14em;
 112
 113         background-color: white;
 114         border-top: solid 1px #bbbbbb;
 115         border-left: solid 1px #bbbbbb;
 116         border-bottom: solid 1px #bbbbbb;
 117
 118         line-height: 1.5em;
 119         padding: 0 1em 1em 1em;
 120 }
 121
 122 #mw_portlets {
 123         width: 14em;
 124
 125         border-right: solid 1px #bbbbbb;
 126         background-color: #f0f0f0;
 127 }
 128
 129 #mw_main {
 130         padding: 0 0 0 0;
 131         margin: 0 0 0 0;
 132         margin-top: 3.5em;
 133 }
 134
 135 div.mw_clear {
 136         margin: 0 0 0 0;
 137         padding: 0 0 0 0;
 138         clear: both;
 139 }
 140
 141 .portlet {
 142         padding: 0 0 0 0;
 143         margin: 0 0 0 0;
 144 }
 145
 146 .portlet div.pBody {
 147         padding: 0em 0 0.5em 0;
 148 }
 149
 150 textarea {
 151         width: 100%;
 152         padding: .1em;
 153 }
 154
 155 #searchBody {
 156         text-align: center;
 157 }
 158
 159 #searchInput {
 160         width: 85%;
 161         margin-left: auto;
 162         margin-right: auto;
 163 }
 164
 165 #p-search #searchform div div {
 166         margin-top: .4em;
 167 }
 168
 169 .portlet h5 {
 170         padding: 0.1em 0 0.3em 1em;
 171         margin: 0 0 0 0;
 172         background-color: #dddddd;
 173         font-weight: bold;
 174         border-bottom: solid 1px #3c78b5;
 175         height: 1.1em;
 176 }
 177
 178 .portlet ul {
 179         margin: 0 0 0 1.5em;
 180         padding: 0 0 0 0;
 181 }
 182
 183 #mw_portlets .portlet ul {
 184         line-height: 1.4em;
 185 }
 186
 187 ul {
 188         /* @embed */
 189         list-style-image: url(bullet.gif);
 190 }
 191
 192 #p-cactions {
 193         height: 1.5em;
 194         padding: 0 0 0 0;
 195         margin: 0 0 0 14em;
 196 }
 197
 198 #p-cactions div.pBody {
 199         margin: 0 0 0 0;
 200         padding: 0 0 0 0;
 201 }
 202
 203 #p-cactions a,
 204 #p-cactions a:hover {
 205         color: black;
 206         text-decoration: none;
 207 }
 208
 209 #p-cactions ul {
 210         display: inline;
 211         margin: 0 0 0 0;
 212         padding: 0 0 0 0;
 213 }
 214
 215 #p-cactions li {
 216         margin: 0 0.5em 0 0.5em;
 217         padding: 0 0.2em 0 0.2em;
 218         display: block;
 219         float: left;
 220         height: 1.5em;
 221         text-transform: lowercase;
 222 }
 223
 224 #p-cactions li.selected {
 225         background-color: #bbbbbb;
 226 }
 227
 228 #p-cactions li a,
 229 #p-cactions li a:hover,
 230 #p-cactions li a:visited {
 231         text-decoration: underline;
 232         color: #003366;
 233 }
 234
 235 #p-cactions li.selected a,
 236 #p-cactions li.selected a:hover,
 237 #p-cactions li.selected a:visited {
 238         text-decoration: none;
 239         color: white;
 240 }
 241
 242 #p-cactions h5 {
 243         display: none;
 244 }
 245
 246 #siteSub {
 247         display: none;
 248 }
 249
 250 #footer {
 251         background-color: #f0f0f0;
 252         /* @embed */
 253         background: url(footer-grad.png) repeat-x 0 0;
 254         padding: 10px 1em 1em 1em;
 255         clear:both;
 256         color: #444444;
 257 }
 258
 259 #footer a,
 260 #footer a:hover,
 261 #footer a:visited {
 262         color: #444444;
 263         text-decoration: underline;
 264 }
 265
 266 img {
 267         border: none;
 268 }
 269
 270 #footer li {
 271         display: inline;
 272         list-style-type: none;
 273         padding: 0 0 0 0;
 274         margin: 0 0 0 0;
 275 }
 276
 277 #footer ul {
 278         padding: 0 0 0 0;
 279         margin: 0 0 0 0;
 280 }
 281
 282 div.printfooter {
 283         display: none;
 284 }
 285
 286 p {
 287         margin: 1em 0 1em 0;
 288 }
 289
 290 hr {
 291         height: 1px;
 292         color: #aaa;
 293         background-color: #aaa;
 294         border: 0;
 295         margin: .2em 0 .2em 0;
 296 }
 297
 298 #contentSub {
 299         color: #888;
 300         font-size: small;
 301         padding-left: 2em;
 302 }
 303
 304 #mw_portlets form {
 305         margin: 0 0 0 0;
 306         padding: 0 0 0 0;
 307 }
 308
 309 a {
 310         text-decoration: none;
 311         color: #003366;
 312         background: none;
 313 }
 314 a:visited {
 315         color: #5a3696;
 316 }
 317 a:active {
 318         color: #faa700;
 319 }
 320 a:hover {
 321         text-decoration: underline;
 322 }
 323 a.stub {
 324         color: #772233;
 325 }
 326 a.new {
 327         color: #ba0000;
 328 }
 329 a.new:visited {
 330         color: #a55858;
 331 }
 332
 333 span.editsection {
 334         font-size: small;
 335 }
 336
 337 h1, h2 {
 338         border-bottom: solid 1px #003366;
 339 }
 340
 341 h1, h2, h3, h4, h5, h6 {
 342         overflow: hidden;
 343 }
 344
 345 #preftoc {
 346         width: 100%;
 347         margin: 0 0 0 0;
 348         padding: 0 0 0 0;
 349         height: 1.5em;
 350         clear: right;
 351 }
 352
 353 #preftoc li {
 354         margin: 0 0.5em 0 0.5em;
 355         padding: 0 0.2em 0 0.2em;
 356         display: block;
 357         float: left;
 358         height: 1.5em;
 359         text-transform: lowercase;
 360 }
 361
 362 #preferences {
 363         margin: 0 0 0 0;
 364         padding: 0em 1em 1em 1em;
 365         border: solid 1px #bbbbbb;
 366         clear: left; /* Multi-line toc should not push data to horizontally */
 367 }
 368
 369 #preferences fieldset {
 370         margin-top: 0;
 371         border: none;
 372 }
 373
 374 #preferences h2 {
 375 }
 376
 377 .mainLegend {
 378         display: none;
 379 }
 380
 381 .htmlform-tip {
 382         font-size: x-small;
 383         padding: .2em 2em;
 384         color: #666;
 385 }
 386
 387 .prefsection legend {
 388         font-weight: bold;
 389 }
 390
 391 #preftoc li.selected {
 392         background-color: #bbbbbb;
 393 }
 394
 395 #preftoc li a,
 396 #preftoc li a:hover,
 397 #preftoc li a:visited {
 398         text-decoration: underline;
 399         color: #003366;
 400 }
 401
 402 #preftoc li.selected a,
 403 #preftoc li.selected a:hover,
 404 #preftoc li.selected a:visited {
 405         text-decoration: none;
 406         color: white;
 407 }
 408
 409 #mw-pref-clear {
 410         clear: both;
 411 }
 412
 413 #mw_content a.external,
 414 #mw_content a[href ^="gopher://"] {
 415         /* @embed */
 416         background: url(external.png) center right no-repeat;
 417         padding-right: 13px;
 418 }
 419 #mw_content a[href ^="https://"],
 420 .link-https {
 421         /* @embed */
 422         background: url(lock_icon.gif) center right no-repeat;
 423         padding-right: 16px;
 424 }
 425 #mw_content a[href ^="mailto:"],
 426 .link-mailto {
 427         /* @embed */
 428         background: url(mail_icon.gif) center right no-repeat;
 429         padding-right: 18px;
 430 }
 431 #mw_content a[href ^="news://"] {
 432         /* @embed */
 433         background: url(news_icon.png) center right no-repeat;
 434         padding-right: 18px;
 435 }
 436 #mw_content a[href ^="ftp://"],
 437 .link-ftp {
 438         /* @embed */
 439         background: url(file_icon.gif) center right no-repeat;
 440         padding-right: 18px;
 441 }
 442 #mw_content a[href ^="irc://"],
 443 #mw_content a.extiw[href ^="irc://"],
 444 #mw_content a[href ^="ircs://"],
 445 #mw_content a.extiw[href ^="ircs://"],
 446 .link-irc {
 447         /* @embed */
 448         background: url(discussionitem_icon.gif) center right no-repeat;
 449         padding-right: 18px;
 450 }
 451
 452 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 453 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 454 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 455 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 456 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 457 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 458 .link-audio {
 459         /* @embed */
 460         background: url("audio.png") center right no-repeat;
 461         padding-right: 13px;
 462 }
 463 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 464 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 465 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 466 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 467 .link-video {
 468         /* @embed */
 469         background: url("video.png") center right no-repeat;
 470         padding-right: 13px;
 471 }
 472 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 473 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 474 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 475 .link-document {
 476         /* @embed */
 477         background: url("document.png") center right no-repeat;
 478         padding-right: 12px;
 479 }
 480
 481 /* images */
 482 /* @noflip */
 483 div.floatright, table.floatright {
 484         clear: right;
 485         float: right;
 486         position: relative;
 487         margin: 0 0 .5em .5em;
 488         border: 0;
 489 /*
 490         border: .5em solid white;
 491         border-width: .5em 0 .8em 1.4em;
 492 */
 493 }
 494 div.floatright p { font-style: italic; }
 495 /* @noflip */
 496 div.floatleft, table.floatleft {
 497         float: left;
 498         clear: left;
 499         position: relative;
 500         margin: 0 .5em .5em 0;
 501         border: 0;
 502 /*
 503         margin: .3em .5em .5em 0;
 504         border: .5em solid white;
 505         border-width: .5em 1.4em .8em 0;
 506 */
 507 }
 508 div.floatleft p { font-style: italic; }
 509 /* thumbnails */
 510 div.thumb {
 511         margin-bottom: .5em;
 512         width: auto;
 513 }
 514 div.thumbinner {
 515         border: 1px solid #ccc;
 516         padding: 3px !important;
 517         background-color: #f9f9f9;
 518         font-size: 94%;
 519         text-align: center;
 520         overflow: hidden;
 521 }
 522 html .thumbimage {
 523         border: 1px solid #ccc;
 524 }
 525 html .thumbcaption {
 526         border: none;
 527         text-align: left;
 528         line-height: 1.4em;
 529         padding: 3px !important;
 530         font-size: 94%;
 531 }
 532 div.magnify {
 533         float: right;
 534         border: none !important;
 535         background: none !important;
 536 }
 537 div.magnify a, div.magnify img {
 538         display: block;
 539         border: none !important;
 540         background: none !important;
 541 }
 542 /* @noflip */
 543 div.tright {
 544         clear: right;
 545         float: right;
 546         margin: .5em 0 .8em 1.4em;
 547 }
 548 /* @noflip */
 549 div.tleft {
 550         float: left;
 551         clear: left;
 552         margin: .5em 1.4em .8em 0;
 553 }
 554 img.thumbborder {
 555         border: 1px solid #dddddd;
 556 }
 557 .mw-warning {
 558         border: 1px solid #aaa;
 559         background-color: #f9f9f9;
 560         padding: 5px;
 561         font-size: 95%;
 562 }
 563
 564 #toc,
 565 .toc {
 566         margin: 0 0 0 0;
 567         padding: 0 0 0 0;
 568         border-spacing: 0;
 569         background-color: #f0f0f0;
 570         border: solid 1px #bbbbbb;
 571 }
 572
 573 #toc tr, #toc td {
 574         margin: 0 0 0 0;
 575         padding: 0 0 0 0;
 576 }
 577
 578 #toctitle {
 579         border-bottom: solid 1px #3c78b5;
 580         background-color: #dddddd;
 581         margin: 0 0 0 0;
 582 }
 583
 584 #toc h2,
 585 .toc h2 {
 586         display: inline;
 587         border: none;
 588         padding: 0;
 589         font-size: 100%;
 590         font-weight: bold;
 591 }
 592 #toc #toctitle,
 593 .toc #toctitle,
 594 #toc .toctitle,
 595 .toc .toctitle {
 596         text-align: center;
 597 }
 598
 599 #toc ul,
 600 .toc ul {
 601         list-style-type: none;
 602         list-style-image: none;
 603         margin: 0 1em 0 1em;
 604         padding-left: 0;
 605         text-align: left;
 606 }
 607
 608 #toc ul ul,
 609 .toc ul ul {
 610         margin: 0 0 0 2em;
 611 }
 612
 613 #toc .toctoggle,
 614 .toc .toctoggle {
 615         font-size: 94%;
 616 }
 617
 618 .mw-warning {
 619         margin-left: 50px;
 620         margin-right: 50px;
 621         text-align: center;
 622 }
 623
 624 .catlinks {
 625         border: solid 1px #bbbbbb;
 626         background-color: #f0f0f0;
 627         padding: 0.1em 0.3em 0.1em 0.3em;
 628         margin: 0 0 0 0;
 629 }
 630
 631 #mw_header h1,
 632 #p-personal,
 633 #p-cactions {
 634         overflow: hidden;
 635 }
 636
 637 /* disable interwiki styling */
 638 #mw_content a.extiw,
 639 #mw_content a.extiw:active {
 640         color: #36b;
 641         background: none;
 642         padding: 0;
 643 }
 644 #mw_content a.external {
 645         color: #36b;
 646 }
 647 /* External URLs should always be treated as LTR (bug 4330) */
 648 #mw_content .rtl a.external {
 649         direction: ltr;
 650         unicode-bidi: embed;
 651 }
 652
 653
 654 .redirectText {
 655         font-size: 150%;
 656         margin: 5px;
 657 }
 658
 659 .printfooter {
 660         display: none;
 661 }
 662
 663 .sharedUploadNotice {
 664         font-style: italic;
 665 }
 666
 667 span.updatedmarker {
 668         color: black;
 669         background-color: #0f0;
 670 }
 671
 672 .previewnote {
 673         text-indent: 3em;
 674         color: #c00;
 675         border-bottom: 1px solid #aaa;
 676         padding-bottom: 1em;
 677         margin-bottom: 1em;
 678 }
 679
 680 .previewnote p {
 681         margin: 0;
 682         padding: 0;
 683 }
 684
 685 .editExternally {
 686         border: 1px solid gray;
 687         background-color: #ffffff;
 688         padding: 3px;
 689         margin-top: 0.5em;
 690         float: left;
 691         font-size: small;
 692         text-align: center;
 693 }
 694 .editExternallyHelp {
 695         font-style: italic;
 696         color: gray;
 697 }
 698
 699 .toggle {
 700         margin-left: 2em;
 701         text-indent: -2em;
 702 }
 703
 704 table.collapsed tr.collapsable {
 705         display: none;
 706 }
 707
 708 input#wpSummary {
 709         width: 80%;
 710 }
 711
 712 /* @bug 1714 */
 713 input#wpSave, input#wpDiff {
 714         margin-right: 0.33em;
 715 }
 716
 717 #wpSave {
 718         font-weight: bold;
 719 }
 720
 721 /* noarticletext */
 722 div.noarticletext {
 723         border: 1px solid #ccc;
 724         background: #fff;
 725         padding: .2em 1em;
 726         color: #000;
 727 }
 728
 729 div#searchTargetContainer {
 730         left:       10px;
 731         top:        10px;
 732         width:      90%;
 733         background: white;
 734 }
 735
 736 div#searchTarget {
 737         padding:    3px;
 738         margin:     5px;
 739         background: #F0F0F0;
 740         border:     solid 1px blue;
 741 }
 742
 743 div#searchTarget ul li {
 744         list-style: none;
 745 }
 746
 747 div#searchTarget ul li:before {
 748         color: orange;
 749         content: "\00BB \0020";
 750 }
 751
 752 div#searchTargetHide {
 753         float: right;
 754         border: solid 1px black;
 755         background: gainsboro;
 756         padding: 2px;
 757 }
 758
 759 div.multipageimagenavbox {
 760         border: solid 1px silver;
 761         padding: 4px;
 762         margin: 1em;
 763         background: #f0f0f0;
 764 }
 765
 766 div.multipageimagenavbox div.thumb {
 767         border: none;
 768         margin-left: 2em;
 769         margin-right: 2em;
 770 }
 771
 772 div.multipageimagenavbox hr {
 773         margin: 6px;
 774 }
 775
 776 table.multipageimage td {
 777         text-align: center;
 778 }
 779
 780 .templatesUsed { margin-top: 1.5em; }
 781
 782 .mw-summary-preview {
 783         margin: 0.1em 0;
 784 }
 785
 786 /* Friendlier slave lag warnings */
 787 div.mw-lag-warn-normal,
 788 div.mw-lag-warn-high {
 789         padding: 3px;
 790         text-align: center;
 791         margin: 3px auto;
 792 }
 793 div.mw-lag-warn-normal {
 794         border: 1px solid #FFCC66;
 795         background-color: #FFFFCC;
 796 }
 797 div.mw-lag-warn-high {
 798         font-weight: bold;
 799         border: 2px solid #FF0033;
 800         background-color: #FFCCCC;
 801 }
 802
 803 .MediaTransformError {
 804         background-color: #ccc;
 805         padding: 0.1em;
 806 }
 807 .MediaTransformError td {
 808         text-align: center;
 809         vertical-align: middle;
 810         font-size: 90%;
 811 }
 812 ul {
 813         line-height: 1.5em;
 814         list-style-type: square;
 815         margin: .3em 0 0 1.5em;
 816         padding: 0;
 817         /* @embed */
 818         list-style-image: url(bullet.gif);
 819 }
 820 ol {
 821         line-height: 1.5em;
 822         margin: .3em 0 0 3.2em;
 823         padding: 0;
 824         list-style-image: none;
 825 }
 826 li {
 827         margin-bottom: .1em;
 828 }
 829 dt {
 830         font-weight: bold;
 831         margin-bottom: .1em;
 832 }
 833 dl {
 834         margin-top: .2em;
 835         margin-bottom: .5em;
 836 }
 837
 838 #p-cactions li.new a {
 839         color: #cc2200;
 840 }
 841
 842 span.subpages {
 843         font-size: 80%;
 844         display: block;
 845 }
 846
 847 pre {
 848         border: solid 1px #3c78b5;
 849         padding: 0.4em;
 850         background-color: #f0f0f0;
 851 }
 852
 853 .usermessage {
 854         background-color: #dadaff;
 855 }
 856
 857 .mw-topboxes {
 858         border-collapse: collapse;
 859         margin: 0 -1em 1em -1em;
 860         padding: 0 0 8px 0;
 861         /* @embed */
 862         background: url(footer-grad.png) repeat-x bottom left;
 863 }
 864
 865 .mw-topbox p {
 866         padding: 0 0 0 0;
 867         margin: 0 0 0 0;
 868 }
 869
 870 .mw-topbox {
 871         color: black;
 872         font-weight: bold;
 873         margin: 0 0 0 0;
 874         padding: 0 1em 0 1em;
 875         vertical-align: middle;
 876         border-collapse: collapse;
 877         border-bottom: solid 1px #bbbbbb;
 878 }
 879
 880 #siteSub {
 881         background-color: #dddddd;
 882 }
 883
 884 /* emulate center */
 885 .center {
 886         width: 100%;
 887         text-align: center;
 888 }
 889 *.center * {
 890         margin-left: auto;
 891         margin-right: auto;
 892 }
 893
 894 /* table standards */
 895 .toccolours {
 896         border: 1px solid #bbbbbb;
 897         background-color: #f0f0f0;
 898         border-spacing: 0pt;
 899         margin: 0pt;
 900         padding: 0pt;
 901 }
 902
 903 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 904 .tipsy {
 905         font-size: 130%;
 906 }
 907
 908 /**
 909  * Lists:
 910  * The following lines don't have a visible effect on non-Gecko browsers
 911  * They fix a problem ith Gecko browsers rendering lists to the right of
 912  * left-floated objects in an RTL layout.
 913  */
 914 /* @noflip */
 915 html > body.rtl div#mw_contentholder ul {
 916         display: table;
 917 }
 918
 919 /* @noflip */
 920 html > body.rtl div#mw_contentholder ul#filetoc {
 921         display: block;
 922 }