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 0.6em -12.2em;
  16     padding:0;
  17 }
  18 #content {
  19     margin: 2.8em 0 0 12.2em;
  20     padding: 0em 1em 1.5em 1em;
  21     background: White;
  22     border: 1px solid #aaaaaa;
  23     border-right: none;
  24     line-height: 1.5em;
  25     position: relative;
  26     z-index: 2;
  27 }
  28 #column-one { padding-top: 160px; }
  29 /* the left column width is specified in class .portlet */
  30
  31 /* Font size:
  32 ** We take advantage of keyword scaling- browsers won't go below 9px
  33 ** More at http://www.w3.org/2003/07/30-font-size
  34 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  35 */
  36
  37 body {
  38     font: x-small sans-serif;
  39     background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
  40     color: Black;
  41     margin: 0;
  42     padding: 0;
  43 }
  44
  45 /* scale back up to a sane default */
  46 #globalWrapper {
  47     font-size:127%;
  48     width: 100%;
  49     margin: 0;
  50     padding: 0;
  51 }
  52 .visualClear { clear: both; }
  53
  54 /* general styles */
  55
  56 table {
  57     font-size: 100%;
  58     background: White;
  59 }
  60 a {
  61     text-decoration: none;
  62     color: #002bb8;
  63     background: none;
  64 }
  65 a:visited { color: #5a3696; }
  66 a:active { color: Orange; }
  67 a:hover { text-decoration: underline; }
  68 a.stub { color: #772233; }
  69 a.new,
  70 #p-personal a.new { color:#ba0000; }
  71 a.new:visited,
  72 #p-personal a.new:visited { color:#a55858; }
  73
  74 img {
  75     border: none;
  76     vertical-align: middle;
  77 }
  78 p {
  79     margin: 0.4em 0em 0.5em 0em;
  80     line-height: 1.5em;
  81 }
  82
  83 p img { margin: 0; }
  84
  85 hr {
  86     height: 1px;
  87     color: #aaaaaa;
  88     background-color: #aaaaaa;
  89     border: 0;
  90     margin: 0.2em 0 0.2em 0;
  91 }
  92
  93 h1, h2, h3, h4, h5, h6 {
  94     color: Black;
  95     background: none;
  96     font-weight: normal;
  97     margin: 0;
  98     padding-top: 0.5em;
  99     padding-bottom: 0.17em;
 100     border-bottom: 1px solid #aaaaaa;
 101 }
 102 h1 { font-size: 188%; }
 103 h2 { font-size: 150%; }
 104 h3, h4, h5, h6 {
 105     border-bottom: none;
 106     font-weight: bold;
 107 }
 108 h3 { font-size: 132%; }
 109 h4 { font-size: 116%; }
 110 h5 { font-size: 100%; }
 111 h6 { font-size: 80%;  }
 112
 113 ul {
 114     line-height: 1.5em;
 115     list-style-type: square;
 116     margin: 0.3em 0 0 1.5em;
 117     padding:0;
 118     list-style-image: url("bullet.gif");
 119 }
 120 ol {
 121     line-height: 1.5em;
 122     margin: 0.3em 0 0 3.2em;
 123     padding:0;
 124     list-style-image: none;
 125 }
 126 li { margin-bottom: 0.1em; }
 127 dt {
 128     font-weight: bold;
 129     margin-bottom: 0.1em;
 130 }
 131 dl{
 132     margin-top: 0.2em;
 133     margin-bottom: 0.5em;
 134 }
 135 dd {
 136     line-height: 1.5em;
 137     margin-left: 2em;
 138     margin-bottom: 0.1em;
 139 }
 140
 141 fieldset {
 142     border: 1px solid #2f6fab;
 143     margin: 1em 0em 1em 0em;
 144     padding: 0em 1em 1em 1em;
 145     line-height: 1.5em;
 146 }
 147 legend {
 148     background: White;
 149     padding: 0.5em;
 150     font-size: 95%;
 151 }
 152 form {
 153     border: none;
 154     margin: 0;
 155 }
 156
 157 textarea {
 158     border: 1px solid #2f6fab;
 159     color: Black;
 160     background-color: white;
 161     width: 100%;
 162     padding: 0.1em;
 163     overflow: auto;
 164 }
 165 /* hide this from ie/mac and konq2.2 */
 166 @media All {
 167     head:first-child+body input {
 168         visibility: visible;
 169         border: 1px solid #2f6fab;
 170         color: Black;
 171         background-color: white;
 172         vertical-align: middle;
 173         padding: 0.2em;
 174     }
 175 }
 176 input.historysubmit {
 177     padding: 0 0.3em 0.3em 0.3em !important;
 178     font-size: 94%;
 179     cursor: pointer;
 180     height: 1.7em !important;
 181     margin-left: 1.6em;
 182 }
 183 input[type="radio"],
 184 input[type="checkbox"] { border:none; }
 185 select {
 186     border: 1px solid #2f6fab;
 187     color: Black;
 188     background: White;
 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 { background-color: #f9f9f9; }
 207 pre {
 208     padding: 1em;
 209     border: 1px dashed #2f6fab;
 210     color: Black;
 211     background-color: #f9f9f9;
 212     line-height: 1.1em;
 213 }
 214
 215
 216 /*
 217 ** the main content area
 218 */
 219
 220 #siteSub { display: none; }
 221 #contentSub {
 222     font-size: 84%;
 223     line-height: 1.2em;
 224     margin: 0 0 1.4em 1em;
 225     color: #7d7d7d;
 226     width: auto;
 227 }
 228 span.subpages { display: block; }
 229
 230 /* Some space under the headers in the content area */
 231 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 232 #bodyContent h3,
 233 #bodyContent h4,
 234 #bodyContent h5 {
 235     margin-bottom: 0.3em;
 236 }
 237 .firstHeading { margin-bottom:0.1em; }
 238
 239 /* user notification thing */
 240 .usermessage {
 241     background-color: #ffce7b;
 242     border: 1px solid #ffa500;
 243     color: Black;
 244     font-weight: bold;
 245     margin: 2em 0em 1em 0em;
 246     padding: 0.5em 1em;
 247     vertical-align: middle;
 248 }
 249 #siteNotice {
 250     text-align: center;
 251     font-size: 95%;
 252     padding: 0 0.9em 0 0.9em;
 253 }
 254 #siteNotice p { margin: none; padding: none; }
 255 .error {
 256     color: red;
 257     font-size: larger;
 258 }
 259 #catlinks {
 260     border:1px solid #aaaaaa;
 261     background-color:#f9f9f9;
 262     padding:5px;
 263     margin-top: 1em;
 264     clear: both;
 265 }
 266 /* currently unused, intended to be used by a metadata box
 267 in the bottom-right corner of the content area */
 268 .documentDescription {
 269     /* The summary text describing the document */
 270     font-weight: bold;
 271     display: block;
 272     margin: 1em 0em;
 273     line-height: 1.5em;
 274 }
 275 .documentByLine {
 276     text-align: right;
 277     font-size: 90%;
 278     clear: both;
 279     font-weight: normal;
 280     color: #76797c;
 281 }
 282
 283 /* emulate center */
 284 .center {
 285     width: 100%;
 286     text-align: center;
 287 }
 288 *.center * {
 289     margin-left: auto;
 290     margin-right: auto;
 291 }
 292 /* small for tables and similar */
 293 .small, .small * { font-size: 94%; }
 294 table.small { font-size: 100% }
 295
 296 /*
 297 ** content styles
 298 */
 299
 300 #toc {
 301     /*border:1px solid #2f6fab;*/
 302     border:1px solid #aaaaaa;
 303     background-color:#f9f9f9;
 304     padding:5px;
 305     font-size: 95%;
 306 }
 307 #toc .tocindent { margin-left: 2em; }
 308 #toc .tocline { margin-bottom: 0px; }
 309 #toc p { margin: 0 }
 310 #toc .toctoggle { font-size: 94%; }
 311 #toc .editsection {
 312     margin-top: 0.7em;
 313     font-size: 94%;
 314 }
 315
 316 /* images */
 317 div.floatright, table.floatright {
 318     clear: right;
 319     float: right;
 320     position: relative;
 321     margin: 0 0 0.5em 0.5em;
 322     border: 0
 323 /*
 324     border: 0.5em solid White;
 325     border-width: 0.5em 0 0.8em 1.4em;
 326 */
 327 }
 328 div.floatright p { font-style: italic; }
 329 div.floatleft, table.floatleft {
 330     float: left;
 331     position: relative;
 332     margin: 0 0.5em 0.5em 0;
 333     border: 0
 334 /*
 335     margin: 0.3em 0.5em 0.5em 0;
 336     border: 0.5em solid White;
 337     border-width: 0.5em 1.4em 0.8em 0;
 338 */
 339 }
 340 div.floatleft p { font-style: italic; }
 341 /* thumbnails */
 342 div.thumb {
 343     margin-bottom: 0.5em;
 344     border-style: solid; border-color: White;
 345     width: auto;
 346 }
 347 div.thumb div {
 348     border:1px solid #cccccc;
 349     padding: 3px !important;
 350     background-color:#f9f9f9;
 351     font-size: 94%;
 352     text-align: center;
 353     overflow: hidden;
 354 }
 355 div.thumb div a img {
 356     border:1px solid #cccccc;
 357 }
 358 div.thumb div div.thumbcaption {
 359     border: none;
 360     text-align: left;
 361     line-height: 1.4em;
 362     padding: 0.3em 0 0.1em 0;
 363 }
 364 div.magnify {
 365     float: right;
 366     border: none !important;
 367     background: none !important;
 368 }
 369 div.magnify a, div.magnify img {
 370     display: block;
 371     border: none !important;
 372     background: none !important;
 373 }
 374 div.tright {
 375     clear: right;
 376     float: right;
 377     border-width: 0.5em 0 0.8em 1.4em;
 378 }
 379 div.tleft {
 380     float: left;
 381     margin-right:0.5em;
 382     border-width: 0.5em 1.4em 0.8em 0;
 383 }
 384 .urlexpansion,
 385 .hiddenStructure {
 386     display: none;
 387 }
 388 img.tex { vertical-align: middle; }
 389 span.texhtml { font-family: serif; }
 390
 391 /*
 392 ** classes for special content elements like town boxes
 393 ** intended to be referenced directly from the wiki src
 394 */
 395
 396 /*
 397 ** User styles
 398 */
 399 /* table standards */
 400 table.rimage {
 401     float:right;
 402     position:relative;
 403     margin-left:1em;
 404     margin-bottom:1em;
 405     text-align:center;
 406 }
 407 .toccolours {
 408     border:1px solid #aaaaaa;
 409     background-color:#f9f9f9;
 410     padding:5px;
 411     font-size: 95%;
 412 }
 413 div.townBox {
 414     position:relative;
 415     float:right;
 416     background:White;
 417     margin-left:1em;
 418     border: 1px solid Grey;
 419     padding:0.3em;
 420     width: 200px;
 421     overflow: hidden;
 422     clear: right;
 423 }
 424 div.townBox dl {
 425     padding: 0;
 426     margin: 0 0 0.3em 0;
 427     font-size: 96%;
 428 }
 429 div.townBox dl dt {
 430     background: none;
 431     margin: 0.4em 0 0 0;
 432 }
 433 div.townBox dl dd {
 434     margin: 0.1em 0 0 1.1em;
 435     background-color: #f3f3f3;
 436 }
 437
 438 /*
 439 ** edit views etc
 440 */
 441 .special li {
 442     line-height: 1.4em;
 443     margin: 0;
 444     padding: 0;
 445 }
 446
 447 /* Page history styling */
 448 /* the auto-generated edit comments */
 449 .autocomment { color: gray; }
 450 #pagehistory span.user {
 451     margin-left: 1.4em;
 452     margin-right: 0.4em;
 453 }
 454 #pagehistory span.minor { font-weight: bold; }
 455 #pagehistory li { border: 1px solid White; }
 456 #pagehistory li.selected {
 457     background-color:#f9f9f9;
 458     border:1px dashed #aaaaaa;
 459 }
 460 /*
 461 ** Diff rendering
 462 */
 463 table.diff { background:white; }
 464 td.diff-otitle { background:#ffffff; }
 465 td.diff-ntitle { background:#ffffff; }
 466 td.diff-addedline {
 467     background:#ccffcc;
 468     font-size: smaller;
 469 }
 470 td.diff-deletedline {
 471     background:#ffffaa;
 472     font-size: smaller;
 473 }
 474 td.diff-context {
 475     background:#eeeeee;
 476     font-size: smaller;
 477 }
 478 span.diffchange { color: red; font-weight: bold; }
 479
 480 /*
 481 ** keep the whitespace in front of the ^=, hides rule from konqueror
 482 ** this is css3, the validator doesn't like it when validating as css2
 483 */
 484 #bodyContent a[href ^="http://"],
 485 #bodyContent a[href ^="gopher://"] {
 486     background: url(external.png) center right no-repeat;
 487     padding-right: 13px;
 488 }
 489 #bodyContent a[href ^="https://"],
 490 .link-https {
 491     background: url("lock_icon.gif") center right no-repeat;
 492     padding-right: 16px;
 493 }
 494 #bodyContent a[href ^="mailto:"],
 495 .link-mailto {
 496     background: url("mail_icon.gif") center right no-repeat;
 497     padding-right: 18px;
 498 }
 499 #bodyContent a[href ^="news://"] {
 500     background: url("news_icon.png") center right no-repeat;
 501     padding-right: 18px;
 502 }
 503 #bodyContent a[href ^="ftp://"],
 504 .link-ftp {
 505     background: url("file_icon.gif") center right no-repeat;
 506     padding-right: 18px;
 507 }
 508 #bodyContent a[href ^="irc://"],
 509 .link-irc {
 510     background: url("discussionitem_icon.gif")  center right no-repeat;
 511     padding-right: 18px;
 512 }
 513 /* disable interwiki styling */
 514 #bodyContent a.extiw,
 515 #bodyContent a.extiw:active {
 516     color: #3366bb;
 517     background: none;
 518     padding: 0;
 519 }
 520 #bodyContent a.external { color: #3366bb; }
 521 /* this can be used in the content area to switch off
 522 special external link styling */
 523 #bodyContent .plainlinks a {
 524     background: none !important;
 525     padding: 0;
 526 }
 527 /*
 528 ** Structural Elements
 529 */
 530
 531 /*
 532 ** general portlet styles (elements in the quickbar)
 533 */
 534 .portlet {
 535     border: none;
 536     margin: 0 0 0.5em 0em;
 537     float: none;
 538     padding: 0;
 539     width: 11.6em;
 540     overflow: hidden;
 541 }
 542 .portlet h4 {
 543     font-size: 95%;
 544     font-weight: normal;
 545     white-space: nowrap;
 546 }
 547 .portlet h5 {
 548     background: transparent;
 549     padding: 0em 1em 0em 0.5em;
 550     text-transform: lowercase;
 551     display: inline;
 552     font-size: 91%;
 553     height: 1em;
 554     font-weight: normal;
 555     white-space: nowrap;
 556 }
 557 .portlet h6 {
 558     background: #ffae2e;
 559     border: 1px solid #2f6fab;
 560     border-style: solid solid none solid;
 561     padding: 0em 1em 0em 1em;
 562     text-transform: lowercase;
 563     display: block;
 564     font-size: 1em;
 565     height: 1.2em;
 566     font-weight: normal;
 567     white-space: nowrap;
 568 }
 569 .pBody {
 570     font-size: 95%;
 571     background: White;
 572     border-collapse: collapse;
 573     border: 1px solid #aaaaaa;
 574     padding: 0 0.8em 0.3em 0.5em;
 575 }
 576 .portlet h1,
 577 .portlet h2,
 578 .portlet h3,
 579 .portlet h4 {
 580     margin: 0;
 581     padding: 0;
 582 }
 583 .portlet ul {
 584     line-height: 1.5em;
 585     list-style-type: square;
 586     list-style-image: url("bullet.gif");
 587     font-size:95%;
 588 }
 589 .portlet li {
 590     padding:0;
 591     margin: 0 0 0 0;
 592     margin-bottom: 0;
 593 }
 594
 595 /*
 596 ** Logo properties
 597 */
 598
 599 #p-logo {
 600     z-index: 3;
 601     position:absolute; /*needed to use z-index */
 602     top: 0;
 603     left: 0;
 604     height: 155px;
 605     width: 12em;
 606     overflow: visible;
 607 }
 608 #p-logo h5 { display: none; }
 609 #p-logo a,
 610 #p-logo a:hover {
 611     display: block;
 612     height: 155px;
 613     width: 12.2em;
 614     background-repeat: no-repeat;
 615     background-position: 35% 50% !important;
 616     text-decoration: none;
 617 }
 618
 619 /*
 620 ** the navigation portlet
 621 */
 622
 623 #p-nav {
 624     position:relative;
 625     z-index:3;
 626 }
 627
 628 /*
 629 ** Search portlet
 630 */
 631 #p-search {
 632     position:relative;
 633     z-index:3;
 634 }
 635 #p-search .pBody {
 636     text-align: center;
 637 }
 638 input.searchButton {
 639     margin-top:1px;
 640     padding: 0 0.4em !important;
 641     font-size: 95%;
 642     cursor: pointer;
 643     background-color: White;
 644     border: 1px solid #2f6fab;
 645 }
 646 #searchInput {
 647     border: 1px solid #2f6fab;
 648     width:10.9em;
 649     margin: 0 0 0 0;
 650     font-size: 95%;
 651 }
 652 #p-search .pBody {
 653     padding: 0.5em 0.4em 0.4em 0.4em;
 654 }
 655
 656 /*
 657 ** the personal toolbar
 658 */
 659
 660 #p-personal {
 661     width:100%;
 662     white-space:nowrap;
 663     padding:0 0 0 0;
 664     margin:0;
 665     position:absolute;
 666     left:0px;
 667     top:0px;
 668     z-index: 0;
 669     border: none;
 670     background: none;
 671     overflow: visible;
 672     line-height: 1.2em;
 673 }
 674
 675 #p-personal h5 {
 676     display:none;
 677 }
 678 #p-personal .portlet,
 679 #p-personal .pBody {
 680     padding:0;
 681     margin:0;
 682     border: none;
 683     z-index:0;
 684     overflow: visible;
 685     background: none;
 686 }
 687 /* this is the ul contained in the portlet */
 688 #p-personal ul {
 689     border: none;
 690     line-height: 1.4em;
 691     color: #2f6fab;
 692     padding: 0em 2em 0 3em;
 693     margin: 0;
 694     text-align: right;
 695     text-transform: lowercase;
 696     list-style: none;
 697     z-index:0;
 698     background: none;
 699 }
 700 #p-personal li {
 701     z-index:0;
 702     border:none;
 703     padding:0;
 704     display: inline;
 705     color: #2f6fab;
 706     margin-left: 1em;
 707     line-height: 1.2em;
 708     background: none;
 709 }
 710 #p-personal li a {
 711     text-decoration: none;
 712     color: #005896;
 713     padding-bottom: 0.2em;
 714     background: none;
 715 }
 716 #p-personal li a:hover {
 717     background-color: White;
 718     padding-bottom: 0.2em;
 719     text-decoration: none;
 720 }
 721
 722 /* the icon in front of the user name, single quotes
 723 in bg url to hide it from iemac */
 724 li#pt-userpage,
 725 li#pt-anonuserpage,
 726 li#pt-login {
 727     background:  url('user.gif') top left no-repeat;
 728     background-repeat: no-repeat;
 729     padding-left: 20px;
 730     text-transform: none;
 731 }
 732
 733 /*
 734 ** the page-related actions- page/talk, edit etc
 735 */
 736 #p-cactions {
 737     position:absolute;
 738     top: 1.3em;
 739     left: 11.5em;
 740     margin: 0;
 741     white-space:nowrap;
 742     width: 76%;
 743     line-height: 1.1em;
 744     overflow: visible;
 745     background: none;
 746     border-collapse: collapse;
 747     padding-left: 1em;
 748     list-style: none;
 749     font-size: 95%;
 750 }
 751 #p-cactions .hiddenStructure { display: none; }
 752 #p-cactions ul {
 753     list-style: none;
 754 }
 755 #p-cactions li {
 756     display: inline;
 757     border: 1px solid #aaaaaa;
 758     border-bottom: none;
 759     padding: 0 0 0.1em 0;
 760     margin: 0 0.3em 0 0;
 761     overflow: visible;
 762     background: White;
 763 }
 764 #p-cactions li.selected {
 765     border-color: #fabd23;
 766     padding: 0 0 0.2em 0;
 767 }
 768 #p-cactions li a {
 769     background-color: White;
 770     color: #002bb8;
 771     border: none;
 772     padding: 0 0.8em 0.3em 0.8em;
 773     text-decoration: none;
 774     text-transform: lowercase;
 775     position: relative;
 776     z-index: 0;
 777     margin: 0;
 778 }
 779 #p-cactions .selected a { z-index: 3; }
 780 #p-cactions .new a { color:#ba0000; }
 781 #p-cactions li a:hover {
 782     z-index: 3;
 783     text-decoration: none;
 784 }
 785 #p-cactions h5 { display: none; }
 786 #p-cactions li.istalk { margin-right: 0; }
 787 #p-cactions li.istalk a { padding-right: 0.5em; }
 788 #p-cactions #ca-addsection a {
 789     padding-left: 0.4em;
 790     padding-right: 0.4em;
 791 }
 792 /* offsets to distinguish the tab groups */
 793 li#ca-talk { margin-right: 1.6em; }
 794 li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }
 795
 796
 797 /*
 798 ** the remaining portlets
 799 */
 800 #p-tbx,
 801 #p-lang {
 802     position:relative;
 803     z-index:3;
 804 }
 805
 806 /*
 807 ** footer
 808 */
 809 #footer {
 810     background-color: White;
 811     border-top: 1px solid #fabd23;
 812     border-bottom: 1px solid #fabd23;
 813     margin: 0.6em 0em 1em 0em;
 814     padding: 0.4em 0em 1.2em 0em;
 815     text-align: center;
 816     font-size: 90%;
 817 }
 818 #footer li {
 819     display: inline;
 820     margin: 0 1.3em;
 821 }
 822 /* hide from incapable browsers */
 823 head:first-child+body #footer li { white-space: nowrap; }
 824 #f-poweredbyico, #f-copyrightico {
 825     margin: 0 8px;
 826     position: relative;
 827     top: -2px; /* Bump it up just a tad */
 828 }
 829 #f-poweredbyico {
 830     float: right;
 831     height: 1%;
 832 }
 833 #f-copyrightico {
 834     float: left;
 835     height: 1%;
 836 }
 837
 838 /* js pref toc */
 839 #preftoc {
 840     float: left;
 841     margin: 1em 1em 1em 1em;
 842     width: 13em;
 843 }
 844 #preftoc li { border: 1px solid White; }
 845 #preftoc li.selected {
 846     background-color:#f9f9f9;
 847     border:1px dashed #aaaaaa;
 848 }
 849 #preftoc a,
 850 #preftoc a:active {
 851     display: block;
 852     color: #0014a6;
 853 }
 854 #prefcontrol {
 855     clear: both;
 856     float: left;
 857     margin-top: 1em;
 858 }
 859 div.prefsectiontip {
 860     font-size: 95%;
 861     margin-top: 1em;
 862 }
 863 fieldset.operaprefsection { margin-left: 15em }
 864
 865 /*
 866 ** IE/Mac fixes, hope to find a validating way to move this
 867 ** to a separate stylesheet. This would work but doesn't validate:
 868 ** @import("IEMacFixes.css");
 869 */
 870 /* tabs: border on the a, not the div */
 871 * > html #p-cactions li { border:none; }
 872 * > html #p-cactions li a {
 873     border: 1px solid #aaaaaa;
 874     border-bottom: none;
 875 }
 876 * > html #p-cactions li.selected a { border-color: #fabd23; }
 877 /* footer icons need a fixed width */
 878 * > html #f-poweredbyico,
 879 * > html #f-copyrightico { width: 88px; }
 880 * > html #bodyContent,
 881 * > html #bodyContent pre {
 882     overflow-x: auto;
 883     width: 100%;
 884     padding-bottom: 25px;
 885 }
 886
 887 /* more IE fixes */
 888 /* float/negative margin brokenness */
 889 * html #footer {margin-top: 0;}
 890 * html #column-content {
 891     display: inline;
 892     margin-bottom: 0;
 893 }
 894 * html div.editsection { font-size: smaller; }
 895 #pagehistory li.selected { position: relative; }
 896
 897 /* Mac IE 5.0 fix; floated content turns invisible */
 898 * > html #column-content {
 899     float: none;
 900 }
 901 * > html #column-one {
 902     position: absolute;
 903     left: 0;
 904     top: 0;
 905 }
 906 * > html #footer {
 907     margin-left: 13.2em;
 908 }
 909 .redirectText {
 910         font-size:150%;
 911         margin:5px;
 912 }
 913
 914 .printfooter {
 915         display: none;
 916 }
 917
 918 .not_patrolled {
 919         background-color: #ffa;
 920 }
 921 div.patrollink {
 922         font-size: 75%;
 923         text-align: right;
 924 }
 925 span.newpage, span.minor, span.searchmatch {
 926         font-weight: bold;
 927 }
 928 span.unpatrolled {
 929         font-weight:bold;
 930         color:red;
 931 }
 932
 933 span.searchmatch {
 934         color: red;
 935 }
 936 .sharedUploadNotice {
 937         font-style: italic;
 938 }
 939
 940 span.updatedmarker {
 941         color:black;
 942         background-color:#00FF00;
 943 }
 944 span.newpageletter {
 945         font-weight:bold
 946         color:black;
 947         background-color:yellow;
 948 }
 949 span.minoreditletter {
 950         color:black;
 951         background-color:#C5FFE6;
 952 }
 953
 954 table.gallery {
 955         border:  1px solid #cccccc;
 956         margin:  2px;
 957         padding: 2px;
 958         background-color:#ffffff;
 959 }
 960
 961 table.gallery tr {
 962         vertical-align:top;
 963 }
 964
 965 table.gallery td {
 966         vertical-align:top;
 967         background-color:#f9f9f9;
 968         border: solid 2px white;
 969 }
 970
 971 div.gallerybox {
 972         margin: 2px;
 973         width:  150px;
 974 }
 975
 976 div.gallerybox div.thumb {
 977         text-align: center;
 978         border: 1px solid #cccccc;
 979         margin: 2px;
 980 }
 981
 982 div.gallerytext {
 983         font-size: 94%;
 984         padding: 2px 4px;
 985 }