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