skins/monobook/main.css

   1 /*
   2 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
   3 ** Copyright Gabriel Wicke - http://wikidev.net/
   4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
   5 **
   6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
   7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
   8 ** Michael Zeltner and Geir Bækholt)
   9 ** All you guys rock :)
  10 */
  11
  12 #column-content {
  13     width: 100%;
  14     float: right;
  15     margin: 0 0 .6em -12.2em;
  16     padding: 0;
  17 }
  18 #content {
  19     margin: 2.8em 0 0 12.2em;
  20     padding: 0 1em 1.5em 1em;
  21     background: white;
  22     color: black;
  23     border: 1px solid #aaa;
  24     border-right: none;
  25     line-height: 1.5em;
  26     position: relative;
  27     z-index: 2;
  28 }
  29 #column-one {
  30     padding-top: 160px;
  31 }
  32 /* the left column width is specified in class .portlet */
  33
  34 /* Font size:
  35 ** We take advantage of keyword scaling- browsers won't go below 9px
  36 ** More at http://www.w3.org/2003/07/30-font-size
  37 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  38 */
  39
  40 body {
  41     font: x-small sans-serif;
  42     background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
  43     color: black;
  44     margin: 0;
  45     padding: 0;
  46 }
  47
  48 /* scale back up to a sane default */
  49 #globalWrapper {
  50     font-size: 127%;
  51     width: 100%;
  52     margin: 0;
  53     padding: 0;
  54 }
  55 .visualClear {
  56     clear: both;
  57 }
  58
  59 /* general styles */
  60
  61 table {
  62     background: white;
  63     font-size: 100%;
  64     color: black;
  65 }
  66 a {
  67     text-decoration: none;
  68     color: #002bb8;
  69     background: none;
  70 }
  71 a:visited {
  72     color: #5a3696;
  73 }
  74 a:active {
  75     color: #faa700;
  76 }
  77 a:hover {
  78     text-decoration: underline;
  79 }
  80 a.stub {
  81     color: #772233;
  82 }
  83 a.new, #p-personal a.new {
  84     color: #ba0000;
  85 }
  86 a.new:visited, #p-personal a.new:visited {
  87     color: #a55858;
  88 }
  89
  90 img {
  91     border: none;
  92     vertical-align: middle;
  93 }
  94 p {
  95     margin: .4em 0 .5em 0;
  96     line-height: 1.5em;
  97 }
  98 p img {
  99     margin: 0;
 100 }
 101
 102 hr {
 103     height: 1px;
 104     color: #aaa;
 105     background-color: #aaa;
 106     border: 0;
 107     margin: .2em 0 .2em 0;
 108 }
 109
 110 h1, h2, h3, h4, h5, h6 {
 111     color: black;
 112     background: none;
 113     font-weight: normal;
 114     margin: 0;
 115     padding-top: .5em;
 116     padding-bottom: .17em;
 117     border-bottom: 1px solid #aaa;
 118 }
 119 h1 { font-size: 188%; }
 120 h2 { font-size: 150%; }
 121 h3, h4, h5, h6 {
 122     border-bottom: none;
 123     font-weight: bold;
 124 }
 125 h3 { font-size: 132%; }
 126 h4 { font-size: 116%; }
 127 h5 { font-size: 100%; }
 128 h6 { font-size: 80%;  }
 129
 130 ul {
 131     line-height: 1.5em;
 132     list-style-type: square;
 133     margin: .3em 0 0 1.5em;
 134     padding: 0;
 135     list-style-image: url(bullet.gif);
 136 }
 137 ol {
 138     line-height: 1.5em;
 139     margin: .3em 0 0 3.2em;
 140     padding: 0;
 141     list-style-image: none;
 142 }
 143 li {
 144     margin-bottom: .1em;
 145 }
 146 dt {
 147     font-weight: bold;
 148     margin-bottom: .1em;
 149 }
 150 dl {
 151     margin-top: .2em;
 152     margin-bottom: .5em;
 153 }
 154 dd {
 155     line-height: 1.5em;
 156     margin-left: 2em;
 157     margin-bottom: .1em;
 158 }
 159
 160 fieldset {
 161     border: 1px solid #2f6fab;
 162     margin: 1em 0 1em 0;
 163     padding: 0 1em 1em;
 164     line-height: 1.5em;
 165 }
 166 legend {
 167     background: white;
 168     padding: .5em;
 169     font-size: 95%;
 170 }
 171 form {
 172     border: none;
 173     margin: 0;
 174 }
 175
 176 textarea {
 177         font-size: small;
 178     width: 100%;
 179     padding: .1em;
 180 }
 181
 182 input.historysubmit {
 183     padding: 0 .3em .3em .3em !important;
 184     font-size: 94%;
 185     cursor: pointer;
 186     height: 1.7em !important;
 187     margin-left: 1.6em;
 188 }
 189 select {
 190     vertical-align: top;
 191 }
 192 abbr, acronym, .explain {
 193     border-bottom: 1px dotted black;
 194     color: black;
 195     background: none;
 196     cursor: help;
 197 }
 198 q {
 199     font-family: Times, "Times New Roman", serif;
 200     font-style: italic;
 201 }
 202 /* disabled for now
 203 blockquote {
 204     font-family: Times, "Times New Roman", serif;
 205     font-style: italic;
 206 }*/
 207 code {
 208     background-color: #f9f9f9;
 209 }
 210 pre {
 211     padding: 1em;
 212     border: 1px dashed #2f6fab;
 213     color: black;
 214     background-color: #f9f9f9;
 215     line-height: 1.1em;
 216 }
 217
 218 /*
 219 ** the main content area
 220 */
 221
 222 #siteSub {
 223     display: none;
 224 }
 225
 226 #contentSub, #contentSub2 {
 227     font-size: 84%;
 228     line-height: 1.2em;
 229     margin: 0 0 1.4em 1em;
 230     color: #7d7d7d;
 231     width: auto;
 232 }
 233 span.subpages {
 234     display: block;
 235 }
 236
 237 /* Some space under the headers in the content area */
 238 #bodyContent h1, #bodyContent h2 {
 239     margin-bottom: .6em;
 240 }
 241 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 242     margin-bottom: .3em;
 243 }
 244 .firstHeading {
 245     margin-bottom: .1em;
 246 }
 247
 248 /* user notification thing */
 249 .usermessage {
 250     background-color: #ffce7b;
 251     border: 1px solid #ffa500;
 252     color: black;
 253     font-weight: bold;
 254     margin: 2em 0 1em;
 255     padding: .5em 1em;
 256     vertical-align: middle;
 257 }
 258 #siteNotice {
 259     text-align: center;
 260     font-size: 95%;
 261     padding: 0 .9em;
 262 }
 263 #siteNotice p {
 264     margin: 0;
 265     padding: 0;
 266 }
 267 .error {
 268     color: red;
 269     font-size: larger;
 270 }
 271 #catlinks {
 272     border: 1px solid #aaa;
 273     background-color: #f9f9f9;
 274     padding: 5px;
 275     margin-top: 1em;
 276     clear: both;
 277 }
 278 /* currently unused, intended to be used by a metadata box
 279 in the bottom-right corner of the content area */
 280 .documentDescription {
 281     /* The summary text describing the document */
 282     font-weight: bold;
 283     display: block;
 284     margin: 1em 0;
 285     line-height: 1.5em;
 286 }
 287 .documentByLine {
 288     text-align: right;
 289     font-size: 90%;
 290     clear: both;
 291     font-weight: normal;
 292     color: #76797c;
 293 }
 294
 295 /* emulate center */
 296 .center {
 297     width: 100%;
 298     text-align: center;
 299 }
 300 *.center * {
 301     margin-left: auto;
 302     margin-right: auto;
 303 }
 304 /* small for tables and similar */
 305 .small, .small * {
 306     font-size: 94%;
 307 }
 308 table.small {
 309     font-size: 100%;
 310 }
 311
 312 /*
 313 ** content styles
 314 */
 315
 316 #toc,
 317 .toc {
 318         border: 1px solid #aaa;
 319         background-color: #f9f9f9;
 320         padding: 5px;
 321         font-size: 95%;
 322 }
 323 #toc h2,
 324 .toc h2 {
 325         display: inline;
 326         border: none;
 327         padding: 0;
 328         font-size: 100%;
 329         font-weight: bold;
 330 }
 331 #toc #toctitle,
 332 .toc #toctitle,
 333 #toc .toctitle,
 334 .toc .toctitle {
 335         text-align: center;
 336 }
 337 #toc ul,
 338 .toc ul {
 339         list-style-type: none;
 340         list-style-image: none;
 341         margin-left: 0;
 342         padding-left: 0;
 343         text-align: left;
 344 }
 345 #toc ul ul,
 346 .toc ul ul {
 347         margin: 0 0 0 2em;
 348 }
 349 #toc .toctoggle,
 350 .toc .toctoggle {
 351         font-size: 94%;
 352 }
 353
 354
 355 /* images */
 356 div.floatright, table.floatright {
 357     clear: right;
 358     float: right;
 359     position: relative;
 360     margin: 0 0 .5em .5em;
 361     border: 0;
 362 /*
 363     border: .5em solid white;
 364     border-width: .5em 0 .8em 1.4em;
 365 */
 366 }
 367 div.floatright p { font-style: italic; }
 368 div.floatleft, table.floatleft {
 369     float: left;
 370     position: relative;
 371     margin: 0 .5em .5em 0;
 372     border: 0;
 373 /*
 374     margin: .3em .5em .5em 0;
 375     border: .5em solid white;
 376     border-width: .5em 1.4em .8em 0;
 377 */
 378 }
 379 div.floatleft p { font-style: italic; }
 380 /* thumbnails */
 381 div.thumb {
 382     margin-bottom: .5em;
 383     border-style: solid;
 384     border-color: white;
 385     width: auto;
 386 }
 387 div.thumb div {
 388     border: 1px solid #ccc;
 389     padding: 3px !important;
 390     background-color: #f9f9f9;
 391     font-size: 94%;
 392     text-align: center;
 393     overflow: hidden;
 394 }
 395 div.thumb div a img {
 396     border: 1px solid #ccc;
 397 }
 398 div.thumb div div.thumbcaption {
 399     border: none;
 400     text-align: left;
 401     line-height: 1.4em;
 402     padding: .3em 0 .1em 0;
 403 }
 404 div.magnify {
 405     float: right;
 406     border: none !important;
 407     background: none !important;
 408 }
 409 div.magnify a, div.magnify img {
 410     display: block;
 411     border: none !important;
 412     background: none !important;
 413 }
 414 div.tright {
 415     clear: right;
 416     float: right;
 417     border-width: .5em 0 .8em 1.4em;
 418 }
 419 div.tleft {
 420     float: left;
 421     margin-right: .5em;
 422     border-width: .5em 1.4em .8em 0;
 423 }
 424
 425 .hiddenStructure {
 426     display: none;
 427 }
 428 img.tex {
 429     vertical-align: middle;
 430 }
 431 span.texhtml {
 432     font-family: serif;
 433 }
 434
 435 /*
 436 ** classes for special content elements like town boxes
 437 ** intended to be referenced directly from the wiki src
 438 */
 439
 440 /*
 441 ** User styles
 442 */
 443 /* table standards */
 444 table.rimage {
 445     float: right;
 446     position: relative;
 447     margin-left: 1em;
 448     margin-bottom: 1em;
 449     text-align: center;
 450 }
 451 .toccolours {
 452     border: 1px solid #aaa;
 453     background-color: #f9f9f9;
 454     padding: 5px;
 455     font-size: 95%;
 456 }
 457 div.townBox {
 458     position: relative;
 459     float: right;
 460     background: white;
 461     margin-left: 1em;
 462     border: 1px solid gray;
 463     padding: .3em;
 464     width: 200px;
 465     overflow: hidden;
 466     clear: right;
 467 }
 468 div.townBox dl {
 469     padding: 0;
 470     margin: 0 0 .3em;
 471     font-size: 96%;
 472 }
 473 div.townBox dl dt {
 474     background: none;
 475     margin: .4em 0 0;
 476 }
 477 div.townBox dl dd {
 478     margin: .1em 0 0 1.1em;
 479     background-color: #f3f3f3;
 480 }
 481
 482 /*
 483 ** edit views etc
 484 */
 485 .special li {
 486     line-height: 1.4em;
 487     margin: 0;
 488     padding: 0;
 489 }
 490
 491 /* Page history styling */
 492 /* the auto-generated edit comments */
 493 .autocomment {
 494     color: gray;
 495 }
 496 #pagehistory span.user {
 497     margin-left: 1.4em;
 498     margin-right: .4em;
 499 }
 500 #pagehistory span.minor {
 501     font-weight: bold;
 502 }
 503 #pagehistory li {
 504     border: 1px solid white;
 505 }
 506 #pagehistory li.selected {
 507     background-color: #f9f9f9;
 508     border: 1px dashed #aaa;
 509 }
 510
 511 /*
 512 ** Diff rendering
 513 */
 514 table.diff, td.diff-otitle, td.diff-ntitle {
 515     background-color: white;
 516 }
 517 td.diff-addedline {
 518     background: #cfc;
 519     font-size: smaller;
 520 }
 521 td.diff-deletedline {
 522     background: #ffa;
 523     font-size: smaller;
 524 }
 525 td.diff-context {
 526     background: #eee;
 527     font-size: smaller;
 528 }
 529 span.diffchange {
 530     color: red;
 531     font-weight: bold;
 532 }
 533
 534 /*
 535 ** keep the whitespace in front of the ^=, hides rule from konqueror
 536 ** this is css3, the validator doesn't like it when validating as css2
 537 */
 538 #bodyContent a[href ^="http://"],
 539 #bodyContent a[href ^="gopher://"] {
 540     background: url(external.png) center right no-repeat;
 541     padding-right: 13px;
 542 }
 543 #bodyContent a[href ^="https://"],
 544 .link-https {
 545     background: url(lock_icon.gif) center right no-repeat;
 546     padding-right: 16px;
 547 }
 548 #bodyContent a[href ^="mailto:"],
 549 .link-mailto {
 550     background: url(mail_icon.gif) center right no-repeat;
 551     padding-right: 18px;
 552 }
 553 #bodyContent a[href ^="news://"] {
 554     background: url(news_icon.png) center right no-repeat;
 555     padding-right: 18px;
 556 }
 557 #bodyContent a[href ^="ftp://"],
 558 .link-ftp {
 559     background: url(file_icon.gif) center right no-repeat;
 560     padding-right: 18px;
 561 }
 562 #bodyContent a[href ^="irc://"],
 563 .link-irc {
 564     background: url(discussionitem_icon.gif) center right no-repeat;
 565     padding-right: 18px;
 566 }
 567 /* disable interwiki styling */
 568 #bodyContent a.extiw,
 569 #bodyContent a.extiw:active {
 570     color: #36b;
 571     background: none;
 572     padding: 0;
 573 }
 574 #bodyContent a.external {
 575     color: #36b;
 576 }
 577 /* this can be used in the content area to switch off
 578 special external link styling */
 579 #bodyContent .plainlinks a {
 580     background: none !important;
 581     padding: 0;
 582 }
 583 /*
 584 ** Structural Elements
 585 */
 586
 587 /*
 588 ** general portlet styles (elements in the quickbar)
 589 */
 590 .portlet {
 591     border: none;
 592     margin: 0 0 .5em;
 593     padding: 0;
 594     float: none;
 595     width: 11.6em;
 596     overflow: hidden;
 597 }
 598 .portlet h4 {
 599     font-size: 95%;
 600     font-weight: normal;
 601     white-space: nowrap;
 602 }
 603 .portlet h5 {
 604     background: transparent;
 605     padding: 0 1em 0 .5em;
 606     display: inline;
 607     height: 1em;
 608     text-transform: lowercase;
 609     font-size: 91%;
 610     font-weight: normal;
 611     white-space: nowrap;
 612 }
 613 .portlet h6 {
 614     background: #ffae2e;
 615     border: 1px solid #2f6fab;
 616     border-style: solid solid none solid;
 617     padding: 0 1em 0 1em;
 618     text-transform: lowercase;
 619     display: block;
 620     font-size: 1em;
 621     height: 1.2em;
 622     font-weight: normal;
 623     white-space: nowrap;
 624 }
 625 .pBody {
 626     font-size: 95%;
 627     background-color: white;
 628     color: black;
 629     border-collapse: collapse;
 630     border: 1px solid #aaa;
 631     padding: 0 .8em .3em .5em;
 632 }
 633 .portlet h1,
 634 .portlet h2,
 635 .portlet h3,
 636 .portlet h4 {
 637     margin: 0;
 638     padding: 0;
 639 }
 640 .portlet ul {
 641     line-height: 1.5em;
 642     list-style-type: square;
 643     list-style-image: url(bullet.gif);
 644     font-size: 95%;
 645 }
 646 .portlet li {
 647     padding: 0;
 648     margin: 0;
 649 }
 650
 651 /*
 652 ** Logo properties
 653 */
 654
 655 #p-logo {
 656     z-index: 3;
 657     position: absolute; /*needed to use z-index */
 658     top: 0;
 659     left: 0;
 660     height: 155px;
 661     width: 12em;
 662     overflow: visible;
 663 }
 664 #p-logo h5 {
 665     display: none;
 666 }
 667 #p-logo a,
 668 #p-logo a:hover {
 669     display: block;
 670     height: 155px;
 671     width: 12.2em;
 672     background-repeat: no-repeat;
 673     background-position: 35% 50% !important;
 674     text-decoration: none;
 675 }
 676
 677 /*
 678 ** the navigation portlet
 679 */
 680
 681 #p-navigation {
 682     position: relative;
 683     z-index: 3;
 684 }
 685
 686 /*
 687 ** Search portlet
 688 */
 689 #p-search {
 690     position: relative;
 691     z-index: 3;
 692 }
 693 #p-search .pBody {
 694     text-align: center;
 695 }
 696 input.searchButton {
 697     margin-top: 1px;
 698     font-size: 95%;
 699 }
 700 #searchGoButton {
 701     padding-left: .5em;
 702     padding-right: .5em;
 703     font-weight: bold;
 704 }
 705 #searchInput {
 706     width: 10.9em;
 707     margin: 0;
 708     font-size: 95%;
 709 }
 710 #p-search .pBody {
 711     padding: .5em .4em .4em .4em;
 712 }
 713
 714 /*
 715 ** the personal toolbar
 716 */
 717
 718 #p-personal {
 719     width: 100%;
 720     white-space: nowrap;
 721     padding: 0;
 722     margin: 0;
 723     position: absolute;
 724     left: 0;
 725     top: 0;
 726     z-index: 0;
 727     border: none;
 728     background: none;
 729     overflow: visible;
 730     line-height: 1.2em;
 731 }
 732
 733 #p-personal h5 {
 734     display: none;
 735 }
 736 #p-personal .portlet,
 737 #p-personal .pBody {
 738     padding: 0;
 739     margin: 0;
 740     border: none;
 741     z-index: 0;
 742     overflow: visible;
 743     background: none;
 744 }
 745 /* this is the ul contained in the portlet */
 746 #p-personal ul {
 747     border: none;
 748     line-height: 1.4em;
 749     color: #2f6fab;
 750     padding: 0 2em 0 3em;
 751     margin: 0;
 752     text-align: right;
 753     text-transform: lowercase;
 754     list-style: none;
 755     z-index: 0;
 756     background: none;
 757 }
 758 #p-personal li {
 759     z-index: 0;
 760     border: none;
 761     padding: 0;
 762     display: inline;
 763     color: #2f6fab;
 764     margin-left: 1em;
 765     line-height: 1.2em;
 766     background: none;
 767 }
 768 #p-personal li a {
 769     text-decoration: none;
 770     color: #005896;
 771     padding-bottom: .2em;
 772     background: none;
 773 }
 774 #p-personal li a:hover {
 775     background-color: white;
 776     padding-bottom: .2em;
 777     text-decoration: none;
 778 }
 779
 780 /* the icon in front of the user name, single quotes
 781 in bg url to hide it from iemac */
 782 li#pt-userpage,
 783 li#pt-anonuserpage,
 784 li#pt-login {
 785     background: url(user.gif) top left no-repeat;
 786     padding-left: 20px;
 787     text-transform: none;
 788 }
 789
 790 /*
 791 ** the page-related actions- page/talk, edit etc
 792 */
 793 #p-cactions {
 794     position: absolute;
 795     top: 1.3em;
 796     left: 11.5em;
 797     margin: 0;
 798     white-space: nowrap;
 799     width: 76%;
 800     line-height: 1.1em;
 801     overflow: visible;
 802     background: none;
 803     border-collapse: collapse;
 804     padding-left: 1em;
 805     list-style: none;
 806     font-size: 95%;
 807 }
 808 #p-cactions .hiddenStructure {
 809     display: none;
 810 }
 811 #p-cactions ul {
 812     list-style: none;
 813 }
 814 #p-cactions li {
 815     display: inline;
 816     border: 1px solid #aaa;
 817     border-bottom: none;
 818     padding: 0 0 .1em 0;
 819     margin: 0 .3em 0 0;
 820     overflow: visible;
 821     background: white;
 822 }
 823 #p-cactions li.selected {
 824     border-color: #fabd23;
 825     padding: 0 0 .2em 0;
 826 }
 827 #p-cactions li a {
 828     background-color: white;
 829     color: #002bb8;
 830     border: none;
 831     padding: 0 .8em .3em .8em;
 832     text-decoration: none;
 833     text-transform: lowercase;
 834     position: relative;
 835     z-index: 0;
 836     margin: 0;
 837 }
 838 #p-cactions .selected a {
 839     z-index: 3;
 840 }
 841 #p-cactions .new a {
 842     color: #ba0000;
 843 }
 844 #p-cactions li a:hover {
 845     z-index: 3;
 846     text-decoration: none;
 847 }
 848 #p-cactions h5 {
 849     display: none;
 850 }
 851 #p-cactions li.istalk {
 852     margin-right: 0;
 853 }
 854 #p-cactions li.istalk a {
 855     padding-right: .5em;
 856 }
 857 #p-cactions #ca-addsection a {
 858     padding-left: .4em;
 859     padding-right: .4em;
 860 }
 861 /* offsets to distinguish the tab groups */
 862 li#ca-talk {
 863     margin-right: 1.6em;
 864 }
 865 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 866     margin-left: 1.6em;
 867 }
 868
 869 /*
 870 ** the remaining portlets
 871 */
 872 #p-tbx,
 873 #p-lang {
 874     position: relative;
 875     z-index: 3;
 876 }
 877
 878 #t-ispermalink {
 879     color: #999;
 880 }
 881 /*
 882 ** footer
 883 */
 884 #footer {
 885     background-color: white;
 886     border-top: 1px solid #fabd23;
 887     border-bottom: 1px solid #fabd23;
 888     margin: .6em 0 1em 0;
 889     padding: .4em 0 1.2em 0;
 890     text-align: center;
 891     font-size: 90%;
 892 }
 893 #footer li {
 894     display: inline;
 895     margin: 0 1.3em;
 896 }
 897 /* hide from incapable browsers */
 898 head:first-child+body #footer li { white-space: nowrap; }
 899 #f-poweredbyico, #f-copyrightico {
 900     margin: 0 8px;
 901     position: relative;
 902     top: -2px; /* Bump it up just a tad */
 903 }
 904 #f-poweredbyico {
 905     float: right;
 906     height: 1%;
 907 }
 908 #f-copyrightico {
 909     float: left;
 910     height: 1%;
 911 }
 912
 913 /* js pref toc */
 914 #preftoc {
 915     float: left;
 916     margin: 1em;
 917     width: 13em;
 918 }
 919 #preftoc li {
 920     border: 1px solid white;
 921 }
 922 #preftoc li.selected {
 923     background-color: #f9f9f9;
 924     border: 1px dashed #aaa;
 925 }
 926 #preftoc a,
 927 #preftoc a:active {
 928     display: block;
 929     color: #0014a6;
 930 }
 931 #prefcontrol {
 932     clear: both;
 933     float: left;
 934     margin-top: 1em;
 935 }
 936 div.prefsectiontip {
 937     font-size: 95%;
 938     margin-top: 1em;
 939 }
 940 fieldset.operaprefsection {
 941     margin-left: 15em;
 942 }
 943
 944 /*
 945 ** IE/Mac fixes, hope to find a validating way to move this
 946 ** to a separate stylesheet. This would work but doesn't validate:
 947 ** @import("IEMacFixes.css");
 948 */
 949 /* tabs: border on the a, not the div */
 950 * > html #p-cactions li { border: none; }
 951 * > html #p-cactions li a {
 952     border: 1px solid #aaa;
 953     border-bottom: none;
 954 }
 955 * > html #p-cactions li.selected a { border-color: #fabd23; }
 956 /* footer icons need a fixed width */
 957 * > html #f-poweredbyico,
 958 * > html #f-copyrightico { width: 88px; }
 959 * > html #bodyContent,
 960 * > html #bodyContent pre {
 961     overflow-x: auto;
 962     width: 100%;
 963     padding-bottom: 25px;
 964 }
 965
 966 /* more IE fixes */
 967 /* float/negative margin brokenness */
 968 * html #footer {margin-top: 0;}
 969 * html #column-content {
 970     display: inline;
 971     margin-bottom: 0;
 972 }
 973 * html div.editsection { font-size: smaller; }
 974 #pagehistory li.selected { position: relative; }
 975
 976 /* Mac IE 5.0 fix; floated content turns invisible */
 977 * > html #column-content {
 978     float: none;
 979 }
 980 * > html #column-one {
 981     position: absolute;
 982     left: 0;
 983     top: 0;
 984 }
 985 * > html #footer {
 986     margin-left: 13.2em;
 987 }
 988 .redirectText {
 989     font-size: 150%;
 990     margin: 5px;
 991 }
 992
 993 .printfooter {
 994     display: none;
 995 }
 996
 997 .not-patrolled {
 998     background-color: #ffa;
 999 }
1000 div.patrollink {
1001     font-size: 75%;
1002     text-align: right;
1003 }
1004 span.newpage, span.minor, span.searchmatch {
1005     font-weight: bold;
1006 }
1007 span.unpatrolled {
1008     font-weight: bold;
1009     color: red;
1010 }
1011
1012 span.searchmatch {
1013     color: red;
1014 }
1015 .sharedUploadNotice {
1016     font-style: italic;
1017 }
1018
1019 span.updatedmarker {
1020     color: black;
1021     background-color: #0f0;
1022 }
1023 span.newpageletter {
1024     font-weight: bold;
1025     color: black;
1026     background-color: yellow;
1027 }
1028 span.minoreditletter {
1029     color: black;
1030     background-color: #c5ffe6;
1031 }
1032
1033 table.gallery {
1034     border: 1px solid #ccc;
1035     margin: 2px;
1036     padding: 2px;
1037     background-color: white;
1038 }
1039
1040 table.gallery tr {
1041     vertical-align: top;
1042 }
1043
1044 table.gallery td {
1045     vertical-align: top;
1046     background-color: #f9f9f9;
1047     border: solid 2px white;
1048 }
1049
1050 div.gallerybox {
1051     margin: 2px;
1052     width:  150px;
1053 }
1054
1055 div.gallerybox div.thumb {
1056     text-align: center;
1057     border: 1px solid #ccc;
1058     margin: 2px;
1059 }
1060
1061 div.gallerytext {
1062     font-size: 94%;
1063     padding: 2px 4px;
1064 }
1065
1066 span.comment {
1067         font-style: italic;
1068 }
1069
1070 span.changedby {
1071         font-size: 95%;
1072 }
1073
1074 .previewnote {
1075         text-align: center;
1076         color: #cc0000;
1077 }
1078 .editExternally {
1079         border: 1px solid gray;
1080         background-color: #ffffff;
1081         padding: 3px;
1082         margin-top: 0.5em;
1083         float: left;
1084         font-size: small;
1085         text-align: center;
1086 }
1087 .editExternallyHelp {
1088         font-style: italic;
1089         color: gray;
1090 }
1091
1092 li span.deleted {
1093         text-decoration: line-through;
1094         color: #888;
1095         font-style: italic;
1096 }
1097
1098 .toggle {
1099         margin-left: 2em;
1100         text-indent: -2em;
1101 }
1102
1103 /* Classes for EXIF data display */
1104 table.metadata {
1105         font-size: 0.8em;
1106         margin-left: 0.5em;
1107         margin-bottom: 0.5em;
1108 }
1109
1110 table.metadata caption {
1111         font-weight: bold;
1112 }
1113
1114 table.metadata th {
1115         font-weight: normal;
1116 }
1117
1118 table.metadata td {
1119         padding: 0.1em;
1120 }
1121
1122 table.metadata {
1123         border: none;
1124         border-collapse: collapse;
1125 }
1126
1127 table.metadata td, table.metadata th {
1128         text-align: center;
1129         border: 1px solid #aaaaaa;
1130         padding-left: 0.1em;
1131         padding-right: 0.1em;
1132 }
1133
1134 table.metadata th {
1135         background-color: #f9f9f9;
1136 }
1137
1138 table.metadata td {
1139         background-color: #fcfcfc;
1140 }
1141
1142 /* filetoc */
1143 ul#filetoc {
1144         text-align: center;
1145         border: 1px solid #aaaaaa;
1146         background-color: #f9f9f9;
1147         padding: 5px;
1148         font-size: 95%;
1149         margin-bottom: 0.5em;
1150         margin-left: 0;
1151         margin-right: 0;
1152 }
1153
1154 #filetoc li {
1155         display: inline;
1156         list-style-type: none;
1157         padding-right: 2em;
1158 }
1159
1160 /* @bug 1714 */
1161 input#wpSave, input#wpDiff {
1162         margin-right: 0.33em;
1163 }
1164
1165
1166 /* Classes for article validation */
1167
1168 table.revisionform_default {
1169         border: 1px solid #000000;
1170 }
1171
1172 table.revisionform_focus {
1173         border: 1px solid #000000;
1174         background-color:#00BBFF;
1175 }
1176
1177 tr.revision_tr_default {
1178         background-color:#EEEEEE;
1179 }
1180
1181 tr.revision_tr_first {
1182         background-color:#DDDDDD;
1183 }
1184
1185 p.revision_saved {
1186         color: green;
1187         font-weight:bold;
1188 }
1189
1190 #mw_trackbacks {
1191         border: solid 1px #bbbbff;
1192         background-color: #eeeeff;
1193         padding: 0.2em;
1194 }
1195
1196
1197 /* Allmessages table */
1198
1199 #allmessagestable th {
1200         background-color: #b2b2ff;
1201 }
1202
1203 #allmessagestable tr.orig {
1204         background-color: #ffe2e2;
1205 }
1206
1207 #allmessagestable tr.new {
1208         background-color: #e2ffe2;
1209 }
1210
1211 #allmessagestable tr.def {
1212         background-color: #f0f0ff;
1213 }
1214