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