stylesheets/monobook/main.css

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