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         width: 85%;
 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 .previewnote {
 650         text-indent: 3em;
 651         color: #c00;
 652         border-bottom: 1px solid #aaa;
 653         padding-bottom: 1em;
 654         margin-bottom: 1em;
 655 }
 656
 657 .previewnote p {
 658         margin: 0;
 659         padding: 0;
 660 }
 661
 662 .editExternally {
 663         border: 1px solid gray;
 664         background-color: #ffffff;
 665         padding: 3px;
 666         margin-top: 0.5em;
 667         float: left;
 668         font-size: small;
 669         text-align: center;
 670 }
 671 .editExternallyHelp {
 672         font-style: italic;
 673         color: gray;
 674 }
 675
 676 .toggle {
 677         margin-left: 2em;
 678         text-indent: -2em;
 679 }
 680
 681 table.collapsed tr.collapsable {
 682         display: none;
 683 }
 684
 685 input#wpSummary {
 686         width: 80%;
 687 }
 688
 689 /* @bug 1714 */
 690 input#wpSave, input#wpDiff {
 691         margin-right: 0.33em;
 692 }
 693
 694 #wpSave {
 695         font-weight: bold;
 696 }
 697
 698 /* noarticletext */
 699 div.noarticletext {
 700         border: 1px solid #ccc;
 701         background: #fff;
 702         padding: .2em 1em;
 703         color: #000;
 704 }
 705
 706 div#searchTargetContainer {
 707         left:       10px;
 708         top:        10px;
 709         width:      90%;
 710         background: white;
 711 }
 712
 713 div#searchTarget {
 714         padding:    3px;
 715         margin:     5px;
 716         background: #F0F0F0;
 717         border:     solid 1px blue;
 718 }
 719
 720 div#searchTarget ul li {
 721         list-style: none;
 722 }
 723
 724 div#searchTarget ul li:before {
 725         color: orange;
 726         content: "\00BB \0020";
 727 }
 728
 729 div#searchTargetHide {
 730         float:right;
 731         border:solid 1px black;
 732         background:gainsboro;
 733         padding:2px;
 734 }
 735
 736 div.multipageimagenavbox {
 737    border: solid 1px silver;
 738    padding: 4px;
 739    margin: 1em;
 740    background: #f0f0f0;
 741 }
 742
 743 div.multipageimagenavbox div.thumb {
 744    border: none;
 745    margin-left: 2em;
 746    margin-right: 2em;
 747 }
 748
 749 div.multipageimagenavbox hr {
 750    margin: 6px;
 751 }
 752
 753 table.multipageimage td {
 754    text-align: center;
 755 }
 756
 757 /*
 758   Table pager (e.g. Special:Imagelist)
 759   - remove underlines from the navigation link
 760   - collapse borders
 761   - set the borders to outsets (similar to Special:Allmessages)
 762   - remove line wrapping for all td and th, set background color
 763   - restore line wrapping for the last two table cells (description and size)
 764 */
 765 .TablePager_nav a { text-decoration: none; }
 766 .TablePager { border-collapse: collapse; }
 767 .TablePager, .TablePager td, .TablePager th {
 768         border: 1px solid #aaaaaa;
 769         padding: 0 0.15em 0 0.15em;
 770 }
 771 .TablePager th { background-color: #eeeeff }
 772 .TablePager td { background-color: #ffffff }
 773 .TablePager tr:hover td { background-color: #eeeeff }
 774
 775 .imagelist td, .imagelist th { white-space: nowrap }
 776 .imagelist .TablePager_col_links { background-color: #eeeeff }
 777 .imagelist .TablePager_col_img_description { white-space: normal }
 778 .imagelist th.TablePager_sort { background-color: #ccccff }
 779
 780 .templatesUsed { margin-top: 1.5em; }
 781
 782 .mw-summary-preview {
 783         margin: 0.1em 0;
 784 }
 785
 786 /* Friendlier slave lag warnings */
 787 div.mw-lag-warn-normal,
 788 div.mw-lag-warn-high {
 789         padding: 3px;
 790         text-align: center;
 791         margin: 3px auto;
 792 }
 793 div.mw-lag-warn-normal {
 794         border: 1px solid #FFCC66;
 795         background-color: #FFFFCC;
 796 }
 797 div.mw-lag-warn-high {
 798         font-weight: bold;
 799         border: 2px solid #FF0033;
 800         background-color: #FFCCCC;
 801 }
 802
 803 .MediaTransformError {
 804         background-color: #ccc;
 805         padding: 0.1em;
 806 }
 807 .MediaTransformError td {
 808         text-align: center;
 809         vertical-align: middle;
 810         font-size: 90%;
 811 }
 812 ul {
 813         line-height: 1.5em;
 814         list-style-type: square;
 815         margin: .3em 0 0 1.5em;
 816         padding: 0;
 817         list-style-image: url(bullet.gif);
 818 }
 819 ol {
 820         line-height: 1.5em;
 821         margin: .3em 0 0 3.2em;
 822         padding: 0;
 823         list-style-image: none;
 824 }
 825 li {
 826         margin-bottom: .1em;
 827 }
 828 dt {
 829         font-weight: bold;
 830         margin-bottom: .1em;
 831 }
 832 dl {
 833         margin-top: .2em;
 834         margin-bottom: .5em;
 835 }
 836
 837 #p-cactions li.new a {
 838         color: #cc2200;
 839 }
 840
 841 span.subpages {
 842         font-size: 80%;
 843         display: block;
 844 }
 845
 846 pre {
 847         border: solid 1px #3c78b5;
 848         padding: 0.4em;
 849         background-color: #f0f0f0;
 850 }
 851
 852 .usermessage {
 853         background-color: #dadaff;
 854 }
 855
 856 .mw-topboxes {
 857         border-collapse: collapse;
 858         margin: 0 -1em 1em -1em;
 859         padding: 0 0 8px 0;
 860         background: url(footer-grad.png) repeat-x bottom left;
 861 }
 862
 863 .mw-topbox p {
 864         padding: 0 0 0 0;
 865         margin: 0 0 0 0;
 866 }
 867
 868 .mw-topbox {
 869         color: black;
 870         font-weight: bold;
 871         margin: 0 0 0 0;
 872         padding: 0 1em 0 1em;
 873         vertical-align: middle;
 874         border-collapse: collapse;
 875         border-bottom: solid 1px #bbbbbb;
 876 }
 877
 878 #siteSub {
 879         background-color: #dddddd;
 880 }
 881
 882 /* emulate center */
 883 .center {
 884      width:100%;
 885      text-align:center;
 886 }
 887 *.center * {
 888      margin-left:auto;
 889      margin-right:auto;
 890 }
 891
 892 /* table standards */
 893 .toccolours {
 894     border:1px solid #bbbbbb;
 895     background-color:#f0f0f0;
 896     border-spacing:0pt;
 897     margin:0pt;
 898     padding:0pt;
 899 }