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