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-pref-clear {
 400         clear: both;
 401 }
 402
 403 #mw_content a.external,
 404 #mw_content a[href ^="gopher://"] {
 405         background: url(external.png) center right no-repeat;
 406         padding-right: 13px;
 407 }
 408 #mw_content a[href ^="https://"],
 409 .link-https {
 410         background: url(lock_icon.gif) center right no-repeat;
 411         padding-right: 16px;
 412 }
 413 #mw_content a[href ^="mailto:"],
 414 .link-mailto {
 415         background: url(mail_icon.gif) center right no-repeat;
 416         padding-right: 18px;
 417 }
 418 #mw_content a[href ^="news://"] {
 419         background: url(news_icon.png) center right no-repeat;
 420         padding-right: 18px;
 421 }
 422 #mw_content a[href ^="ftp://"],
 423 .link-ftp {
 424         background: url(file_icon.gif) center right no-repeat;
 425         padding-right: 18px;
 426 }
 427 #mw_content a[href ^="irc://"],
 428 #mw_content a.extiw[href ^="irc://"],
 429 .link-irc {
 430         background: url(discussionitem_icon.gif) center right no-repeat;
 431         padding-right: 18px;
 432 }
 433
 434 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 435 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 436 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 437 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 438 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 439 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 440 .link-audio {
 441         background: url("audio.png") center right no-repeat;
 442         padding-right: 13px;
 443 }
 444 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 445 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 446 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 447 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 448 .link-video {
 449         background: url("video.png") center right no-repeat;
 450         padding-right: 13px;
 451 }
 452 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 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 .link-document {
 456         background: url("document.png") center right no-repeat;
 457         padding-right: 12px;
 458 }
 459
 460 /* images */
 461 div.floatright, table.floatright {
 462         clear: right;
 463         float: right;
 464         position: relative;
 465         margin: 0 0 .5em .5em;
 466         border: 0;
 467 /*
 468         border: .5em solid white;
 469         border-width: .5em 0 .8em 1.4em;
 470 */
 471 }
 472 div.floatright p { font-style: italic; }
 473 div.floatleft, table.floatleft {
 474         float: left;
 475         clear: left;
 476         position: relative;
 477         margin: 0 .5em .5em 0;
 478         border: 0;
 479 /*
 480         margin: .3em .5em .5em 0;
 481         border: .5em solid white;
 482         border-width: .5em 1.4em .8em 0;
 483 */
 484 }
 485 div.floatleft p { font-style: italic; }
 486 /* thumbnails */
 487 div.thumb {
 488         margin-bottom: .5em;
 489         border-style: solid;
 490         border-color: white;
 491         width: auto;
 492 }
 493 div.thumbinner {
 494         border: 1px solid #ccc;
 495         padding: 3px !important;
 496         background-color: #f9f9f9;
 497         font-size: 94%;
 498         text-align: center;
 499         overflow: hidden;
 500 }
 501 html .thumbimage {
 502         border: 1px solid #ccc;
 503 }
 504 html .thumbcaption {
 505         border: none;
 506         text-align: left;
 507         line-height: 1.4em;
 508         padding: 3px !important;
 509         font-size: 94%;
 510 }
 511 div.magnify {
 512         float: right;
 513         border: none !important;
 514         background: none !important;
 515 }
 516 div.magnify a, div.magnify img {
 517         display: block;
 518         border: none !important;
 519         background: none !important;
 520 }
 521 div.tright {
 522         clear: right;
 523         float: right;
 524         border-width: .5em 0 .8em 1.4em;
 525 }
 526 div.tleft {
 527         float: left;
 528         clear: left;
 529         margin-right: .5em;
 530         border-width: .5em 1.4em .8em 0;
 531 }
 532 img.thumbborder {
 533         border: 1px solid #dddddd;
 534 }
 535 .hiddenStructure {
 536         display: none;
 537 }
 538 .mw-warning {
 539         border: 1px solid #aaa;
 540         background-color: #f9f9f9;
 541         padding: 5px;
 542         font-size: 95%;
 543 }
 544
 545 #toc,
 546 .toc {
 547         margin: 0 0 0 0;
 548         padding: 0 0 0 0;
 549         border-spacing: 0;
 550         background-color: #f0f0f0;
 551         border: solid 1px #bbbbbb;
 552 }
 553
 554 #toc tr, #toc td {
 555         margin: 0 0 0 0;
 556         padding: 0 0 0 0;
 557 }
 558
 559 #toctitle {
 560         border-bottom: solid 1px #3c78b5;
 561         background-color: #dddddd;
 562         margin: 0 0 0 0;
 563 }
 564
 565 #toc h2,
 566 .toc h2 {
 567         display: inline;
 568         border: none;
 569         padding: 0;
 570         font-size: 100%;
 571         font-weight: bold;
 572 }
 573 #toc #toctitle,
 574 .toc #toctitle,
 575 #toc .toctitle,
 576 .toc .toctitle {
 577         text-align: center;
 578 }
 579
 580 #toc ul,
 581 .toc ul {
 582         list-style-type: none;
 583         list-style-image: none;
 584         margin: 0 1em 0 1em;
 585         padding-left: 0;
 586         text-align: left;
 587 }
 588
 589 #toc ul ul,
 590 .toc ul ul {
 591         margin: 0 0 0 2em;
 592 }
 593
 594 #toc .toctoggle,
 595 .toc .toctoggle {
 596         font-size: 94%;
 597 }
 598
 599 .mw-warning {
 600         margin-left: 50px;
 601         margin-right: 50px;
 602         text-align: center;
 603 }
 604
 605 .catlinks {
 606         border: solid 1px #bbbbbb;
 607         background-color: #f0f0f0;
 608         padding: 0.1em 0.3em 0.1em 0.3em;
 609         margin: 0 0 0 0;
 610 }
 611
 612 #mw_header h1,
 613 #p-personal,
 614 #p-cactions {
 615         overflow: hidden;
 616 }
 617
 618 /* disable interwiki styling */
 619 #mw_content a.extiw,
 620 #mw_content a.extiw:active {
 621         color: #36b;
 622         background: none;
 623         padding: 0;
 624 }
 625 #mw_content a.external {
 626         color: #36b;
 627 }
 628
 629
 630
 631 .redirectText {
 632         font-size: 150%;
 633         margin: 5px;
 634 }
 635
 636 .printfooter {
 637         display: none;
 638 }
 639
 640 .sharedUploadNotice {
 641         font-style: italic;
 642 }
 643
 644 span.updatedmarker {
 645         color: black;
 646         background-color: #0f0;
 647 }
 648
 649 span.comment {
 650         font-style: italic;
 651 }
 652
 653 span.changedby {
 654         font-size: 95%;
 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 }