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