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