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