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