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