skins/modern/main.css

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