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.2em;
 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 /* small for tables and similar */
 289 .small, .small * { font-size: 94%; }
 290 table.small { font-size: 100% }
 291
 292 /*
 293 ** content styles
 294 */
 295
 296 #toc {
 297     /*border:1px solid #2f6fab;*/
 298     border:1px solid #aaaaaa;
 299     background-color:#f9f9f9;
 300     padding:5px;
 301     font-size: 95%;
 302 }
 303 #toc .tocindent { margin-left: 2em; }
 304 #toc .tocline { margin-bottom: 0px; }
 305 #toc p { margin: 0 }
 306 #toc .toctoggle { font-size: 94%; }
 307 #toc .editsection {
 308     margin-top: 0.7em;
 309     font-size: 94%;
 310 }
 311
 312 /* images */
 313 div.floatright, table.floatright {
 314     clear: right;
 315     float: right;
 316     margin: 0;
 317     position: relative;
 318     border: 0.5em solid White;
 319     border-width: 0.5em 0 0.8em 1.4em;
 320 }
 321 div.floatright p { font-style: italic; }
 322 div.floatleft, table.floatleft {
 323     float: left;
 324     margin: 0.3em 0.5em 0.5em 0;
 325     position: relative;
 326     border: 0.5em solid White;
 327     border-width: 0.5em 1.4em 0.8em 0;
 328 }
 329 div.floatleft p { font-style: italic; }
 330 /* thumbnails */
 331 div.thumb {
 332     margin-bottom: 0.5em;
 333     border-style: solid; border-color: White;
 334     width: auto;
 335 }
 336 div.thumb div {
 337     border:1px solid #cccccc;
 338     padding: 3px !important;
 339     background-color:#f9f9f9;
 340     font-size: 94%;
 341     text-align: center;
 342     overflow: hidden;
 343 }
 344 div.thumb div a img {
 345     border:1px solid #cccccc;
 346 }
 347 div.thumb div div.thumbcaption {
 348     border: none;
 349     text-align: left;
 350     line-height: 1.4;
 351     padding: 0.3em 0 0.1em 0;
 352 }
 353 div.magnify {
 354     float: right;
 355     border: none !important;
 356     background: none !important;
 357 }
 358 div.magnify a, div.magnify img {
 359     display: block;
 360     border: none !important;
 361     background: none !important;
 362 }
 363 div.tright {
 364     clear: right;
 365     float: right;
 366     border-width: 0.5em 0 0.8em 1.4em;
 367 }
 368 div.tleft {
 369     float: left;
 370     margin-right:0.5em;
 371     border-width: 0.5em 1.4em 0.8em 0;
 372 }
 373
 374 .urlexpansion,
 375 .hiddenStructure {
 376     display: none;
 377 }
 378 img.tex { vertical-align: middle; }
 379 span.texhtml { font-family: serif; }
 380 /*
 381 ** classes for special content elements like town boxes
 382 ** intended to be referenced directly from the wiki src
 383 */
 384
 385 /*
 386 ** User styles
 387 */
 388
 389 /* table standards */
 390 table.rimage {
 391     float:right;
 392     position:relative;
 393     margin-left:1em;
 394     margin-bottom:1em;
 395     text-align:center;
 396 }
 397 .toccolours {
 398     border:1px solid #aaaaaa;
 399     background-color:#f9f9f9;
 400     padding:5px;
 401     font-size: 95%;
 402 }
 403 div.townBox {
 404     position:relative;
 405     float:right;
 406     background:White;
 407     margin-left:1em;
 408     border: 1px solid Grey;
 409     padding:0.3em;
 410     width: 200px;
 411     overflow: hidden;
 412     clear: right;
 413 }
 414 div.townBox dl {
 415     padding: 0;
 416     margin: 0 0 0.3em 0;
 417     font-size: 96%;
 418 }
 419 div.townBox dl dt {
 420     background: none;
 421     margin: 0.4em 0 0 0;
 422 }
 423 div.townBox dl dd {
 424     margin: 0.1em 0 0 1.1em;
 425     background-color: #f3f3f3;
 426 }
 427
 428 /*
 429 ** edit views etc
 430 */
 431
 432 .special li {
 433     line-height: 1.4em;
 434     margin: 0;
 435     padding: 0;
 436 }
 437
 438
 439 /* Page history styling */
 440 /* the auto-generated edit comments */
 441 .autocomment { color: gray; }
 442 #pagehistory span.user {
 443     margin-left: 1.4em;
 444     margin-right: 0.4em;
 445 }
 446 #pagehistory span.minor { font-weight: bold; }
 447 #pagehistory li { border: 1px solid White; }
 448 #pagehistory li.selected {
 449     background-color:#f9f9f9;
 450     border:1px dashed #aaaaaa;
 451 }
 452 /*
 453 ** Diff rendering
 454 */
 455 table.diff { background:white; }
 456 td.diff-otitle { background:#ffffff; }
 457 td.diff-ntitle { background:#ffffff; }
 458 td.diff-addedline {
 459     background:#ccffcc;
 460     font-size: smaller;
 461 }
 462 td.diff-deletedline {
 463     background:#ffffaa;
 464     font-size: smaller;
 465 }
 466 td.diff-context {
 467     background:#eeeeee;
 468     font-size: smaller;
 469 }
 470 span.diffchange { color: red; }
 471
 472 /*
 473 ** keep the whitespace in front of the ^=, hides rule from konqueror
 474 ** this is css3, the validator doesn't like it when validating as css2
 475 */
 476 #bodyContent a[href ^="http://"],
 477 #bodyContent a[href ^="gopher://"] {
 478     background: url(external.png) center right no-repeat;
 479     padding-right: 13px;
 480 }
 481 #bodyContent a[href ^="https://"],
 482 .link-https {
 483     background: url("lock_icon.gif") center right no-repeat;
 484     padding-right: 16px;
 485 }
 486 #bodyContent a[href ^="mailto:"],
 487 .link-mailto {
 488     background: url("mail_icon.gif") center right no-repeat;
 489     padding-right: 18px;
 490 }
 491 #bodyContent a[href ^="news://"] {
 492     background: url("news_icon.png") center right no-repeat;
 493     padding-right: 18px;
 494 }
 495 #bodyContent a[href ^="ftp://"],
 496 .link-ftp {
 497     background: url("file_icon.gif") center right no-repeat;
 498     padding-right: 18px;
 499 }
 500 #bodyContent a[href ^="irc://"],
 501 .link-irc {
 502     background: url("discussionitem_icon.gif")  center right no-repeat;
 503     padding-right: 18px;
 504 }
 505 /* disable interwiki styling */
 506 #bodyContent a.extiw,
 507 #bodyContent a.extiw:active {
 508     color: #3366bb;
 509     background: none;
 510     padding: 0;
 511 }
 512 #bodyContent a.external { color: #3366bb; }
 513 /* this can be used in the content area to switch off
 514 special external link styling */
 515 #bodyContent .plainlinks a {
 516     background: none !important;
 517     padding: 0;
 518 }
 519 /*
 520 ** Structural Elements
 521 */
 522
 523 /*
 524 ** general portlet styles (elements in the quickbar)
 525 */
 526 .portlet {
 527     border: none;
 528     margin: 0 0 0.5em 0em;
 529     float: none;
 530     padding: 0;
 531     width: 11.6em;
 532     overflow: hidden;
 533 }
 534 .portlet h4 {
 535     font-size: 95%;
 536     font-weight: normal;
 537     white-space: nowrap;
 538 }
 539 .portlet h5 {
 540     background: transparent;
 541     padding: 0em 1em 0em 0.5em;
 542     text-transform: lowercase;
 543     display: inline;
 544     font-size: 91%;
 545     height: 1em;
 546     font-weight: normal;
 547     white-space: nowrap;
 548 }
 549 .portlet h6 {
 550     background: #ffae2e;
 551     border: 1px solid #2f6fab;
 552     border-style: solid solid none solid;
 553     padding: 0em 1em 0em 1em;
 554     text-transform: lowercase;
 555     display: block;
 556     font-size: 1em;
 557     height: 1.2em;
 558     font-weight: normal;
 559     white-space: nowrap;
 560 }
 561 .pBody {
 562     font-size: 95%;
 563     background: White;
 564     border-collapse: collapse;
 565     border: 1px solid #aaaaaa;
 566     padding: 0 0.8em 0.3em 0.5em;
 567 }
 568 .portlet h1,
 569 .portlet h2,
 570 .portlet h3,
 571 .portlet h4 {
 572     margin: 0;
 573     padding: 0;
 574 }
 575 .portlet ul {
 576     line-height: 1.5em;
 577     list-style-type: square;
 578     list-style-image: url("bullet.gif");
 579     font-size:95%;
 580 }
 581 .portlet li {
 582     padding:0;
 583     margin: 0 0 0 0;
 584     margin-bottom: 0;
 585 }
 586
 587 /*
 588 ** Logo properties
 589 */
 590
 591 #p-logo {
 592     z-index: 3;
 593     position:absolute; /*needed to use z-index */
 594     top: 0;
 595     left: 0;
 596     height: 155px;
 597     width: 12em;
 598     overflow: visible;
 599 }
 600 #p-logo h5 { display: none; }
 601 #p-logo a,
 602 #p-logo a:hover {
 603     display: block;
 604     height: 155px;
 605     width: 12.2em;
 606     background-repeat: no-repeat;
 607     background-position: 35% 50% !important;
 608     text-decoration: none;
 609 }
 610
 611 /*
 612 ** the navigation portlet
 613 */
 614
 615 #p-nav {
 616     position:relative;
 617     z-index:3;
 618 }
 619
 620 /*
 621 ** Search portlet
 622 */
 623 #p-search {
 624     position:relative;
 625     z-index:3;
 626 }
 627 #p-search .pBody {
 628     text-align: center;
 629 }
 630 input.searchButton {
 631     margin-top:1px;
 632     padding: 0 0.4em !important;
 633     font-size: 95%;
 634     cursor: pointer;
 635     background-color: White;
 636     border: 1px solid #2f6fab;
 637 }
 638
 639 #searchInput {
 640     border: 1px solid #2f6fab;
 641     width:10.9em;
 642     margin: 0 0 0 0;
 643     font-size: 95%;
 644 }
 645
 646
 647 #p-search .pBody {
 648     padding: 0.5em 0.4em 0.4em 0.4em;
 649 }
 650
 651
 652 /*
 653 ** the personal toolbar
 654 */
 655
 656 #p-personal {
 657     width:100%;
 658     white-space:nowrap;
 659     padding:0 0 0 0;
 660     margin:0;
 661     position:absolute;
 662     left:0px;
 663     top:0px;
 664     z-index: 0;
 665     border: none;
 666     background: none;
 667     overflow: visible;
 668     line-height: 1.2em;
 669 }
 670
 671 #p-personal h5 {
 672     display:none;
 673 }
 674 #p-personal .portlet,
 675 #p-personal .pBody {
 676     padding:0;
 677     margin:0;
 678     border: none;
 679     z-index:0;
 680     overflow: visible;
 681     background: none;
 682 }
 683 /* this is the ul contained in the portlet */
 684 #p-personal ul {
 685     border: none;
 686     line-height: 1.4em;
 687     color: #2f6fab;
 688     padding: 0em 2em 0 3em;
 689     margin: 0;
 690     text-align: right;
 691     text-transform: lowercase;
 692     list-style: none;
 693     z-index:0;
 694     background: none;
 695 }
 696 #p-personal li {
 697     z-index:0;
 698     border:none;
 699     padding:0;
 700     display: inline;
 701     color: #2f6fab;
 702     margin-left: 1em;
 703     line-height: 1.2em;
 704     background: none;
 705 }
 706 #p-personal li a {
 707     text-decoration: none;
 708     color: #005896;
 709     padding-bottom: 0.2em;
 710     background: none;
 711 }
 712 #p-personal li a:hover {
 713     background-color: White;
 714     padding-bottom: 0.2em;
 715     text-decoration: none;
 716 }
 717
 718 /* the icon in front of the user name, single quotes
 719 in bg url to hide it from iemac */
 720 li#pt-userpage,
 721 li#pt-anonuserpage,
 722 li#pt-login {
 723     background:  url('user.gif') top left no-repeat;
 724     background-repeat: no-repeat;
 725     padding-left: 20px;
 726     text-transform: none;
 727 }
 728
 729 /*
 730 ** the page-related actions- page/talk, edit etc
 731 */
 732
 733 #p-cactions {
 734     position:absolute;
 735     top: 1.3em;
 736     left: 11.5em;
 737     margin: 0;
 738     white-space:nowrap;
 739     width: 76%;
 740     line-height: 1.1em;
 741     overflow: visible;
 742     background: none;
 743     border-collapse: collapse;
 744     padding-left: 1em;
 745     list-style: none;
 746     font-size: 95%;
 747 }
 748 #p-cactions .hiddenStructure { display: none; }
 749 #p-cactions ul {
 750     list-style: none;
 751 }
 752 #p-cactions li {
 753     display: inline;
 754     border: 1px solid #aaaaaa;
 755     border-bottom: none;
 756     padding: 0 0 0.1em 0;
 757     margin: 0 0.3em 0 0;
 758     overflow: visible;
 759     background: White;
 760 }
 761 #p-cactions li.selected {
 762     border-color: #fabd23;
 763     padding: 0 0 0.2em 0;
 764 }
 765 #p-cactions li a {
 766     background-color: White;
 767     color: #002bb8;
 768     border: none;
 769     padding: 0 0.8em 0.3em 0.8em;
 770     text-decoration: none;
 771     text-transform: lowercase;
 772     position: relative;
 773     z-index: 0;
 774     margin: 0;
 775 }
 776 #p-cactions .selected a { z-index: 3; }
 777 #p-cactions .new a { color:#ba0000; }
 778 #p-cactions li a:hover {
 779     z-index: 3;
 780     text-decoration: none;
 781 }
 782 #p-cactions h5 { display: none; }
 783 #p-cactions li.istalk { margin-right: 0; }
 784 #p-cactions li.istalk a { padding-right: 0.5em; }
 785 #p-cactions #ca-addsection a {
 786     padding-left: 0.4em;
 787     padding-right: 0.4em;
 788 }
 789 /* offsets to distinguish the tab groups */
 790 li#ca-talk { margin-right: 1.6em; }
 791 li#ca-watch, li#ca-watch { margin-left: 1.6em; }
 792
 793
 794 /*
 795 ** the remaining portlets
 796 */
 797 #p-tbx,
 798 #p-lang {
 799     position:relative;
 800     z-index:3;
 801 }
 802
 803 /*
 804 ** footer
 805 */
 806 #footer {
 807     background-color: White;
 808     border-top: 1px solid #fabd23;
 809     border-bottom: 1px solid #fabd23;
 810     margin: 0.6em 0em 1em 0em;
 811     padding: 0.4em 0em 1.2em 0em;
 812     text-align: center;
 813     font-size: 90%;
 814 }
 815 #footer li {
 816     display: inline;
 817     margin: 0 1.3em;
 818 }
 819 /* hide from incapable browsers */
 820 head:first-child+body #footer li { white-space: nowrap; }
 821 #f-poweredbyico, #f-copyrightico {
 822     margin: 0 8px;
 823     position: relative;
 824     top: -2px; /* Bump it up just a tad */
 825 }
 826 #f-poweredbyico {
 827     float: right;
 828     height: 1%;
 829 }
 830 #f-copyrightico {
 831     float: left;
 832     height: 1%;
 833 }
 834
 835 /* js pref toc */
 836 #preftoc {
 837     float: left;
 838     margin: 1em 1em 1em 1em;
 839     width: 13em;
 840 }
 841 #preftoc li { border: 1px solid White; }
 842 #preftoc li.selected {
 843     background-color:#f9f9f9;
 844     border:1px dashed #aaaaaa;
 845 }
 846 #preftoc a,
 847 #preftoc a:active {
 848     display: block;
 849     color: #0014a6;
 850 }
 851 #prefcontrol {
 852     clear: both;
 853     float: left;
 854     margin-top: 1em;
 855 }
 856 div.prefsectiontip {
 857     font-size: 95%;
 858     margin-top: 1em;
 859 }
 860 fieldset.operaprefsection { margin-left: 15em }
 861
 862 /*
 863 ** IE/Mac fixes, hope to find a validating way to move this
 864 ** to a separate stylesheet. This would work but doesn't validate:
 865 ** @import("IEMacFixes.css");
 866 */
 867
 868 /* tabs: border on the a, not the div */
 869 * > html #p-cactions li { border:none; }
 870 * > html #p-cactions li a {
 871     border: 1px solid #aaaaaa;
 872     border-bottom: none;
 873 }
 874 * > html #p-cactions li.selected a { border-color: #fabd23; }
 875 /* footer icons need a fixed width */
 876 * > html #f-poweredbyico,
 877 * > html #f-copyrightico { width: 88px; }
 878 * > html #bodyContent,
 879 * > html #bodyContent pre {
 880     overflow-x: auto;
 881     width: 100%;
 882     padding-bottom: 25px;
 883 }
 884
 885 /* more IE fixes */
 886 /* float/negative margin brokenness */
 887 * html #footer {margin-top: 0;}
 888 * html #column-content {
 889     display: inline;
 890     margin-bottom: 0;
 891 }
 892 * html div.editsection { font-size: smaller; }
 893 #pagehistory li.selected { position: relative; }
 894
 895 /* debugging tool.. */
 896 /*div{ border:1px solid #000000;}*/
 897
 898 #siteNotice {
 899     border: 1px solid red;
 900 }
 901
 902
 903 /* Mac IE 5.0 fix; floated content turns invisible */
 904 * > html #column-content {
 905     float: none;
 906 }
 907 * > html #column-one {
 908     position: absolute;
 909     left: 0;
 910     top: 0;
 911 }
 912 * > html #footer {
 913     margin-left: 13.2em;
 914 }