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