skins/modern/main.css

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