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