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     background: white;
  63     font-size: 100%;
  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     width: 100%;
 178     padding: .1em;
 179 }
 180
 181 input.historysubmit {
 182     padding: 0 .3em .3em .3em !important;
 183     font-size: 94%;
 184     cursor: pointer;
 185     height: 1.7em !important;
 186     margin-left: 1.6em;
 187 }
 188 select {
 189     vertical-align: top;
 190 }
 191 abbr, acronym, .explain {
 192     border-bottom: 1px dotted black;
 193     color: black;
 194     background: none;
 195     cursor: help;
 196 }
 197 q {
 198     font-family: Times, "Times New Roman", serif;
 199     font-style: italic;
 200 }
 201 /* disabled for now
 202 blockquote {
 203     font-family: Times, "Times New Roman", serif;
 204     font-style: italic;
 205 }*/
 206 code {
 207     background-color: #f9f9f9;
 208 }
 209 pre {
 210     padding: 1em;
 211     border: 1px dashed #2f6fab;
 212     color: black;
 213     background-color: #f9f9f9;
 214     line-height: 1.1em;
 215 }
 216
 217 /*
 218 ** the main content area
 219 */
 220
 221 #siteSub {
 222     display: none;
 223 }
 224
 225 #contentSub, #contentSub2 {
 226     font-size: 84%;
 227     line-height: 1.2em;
 228     margin: 0 0 1.4em 1em;
 229     color: #7d7d7d;
 230     width: auto;
 231 }
 232 span.subpages {
 233     display: block;
 234 }
 235
 236 /* Some space under the headers in the content area */
 237 #bodyContent h1, #bodyContent h2 {
 238     margin-bottom: .6em;
 239 }
 240 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 241     margin-bottom: .3em;
 242 }
 243 .firstHeading {
 244     margin-bottom: .1em;
 245 }
 246
 247 /* user notification thing */
 248 .usermessage {
 249     background-color: #ffce7b;
 250     border: 1px solid #ffa500;
 251     color: black;
 252     font-weight: bold;
 253     margin: 2em 0 1em;
 254     padding: .5em 1em;
 255     vertical-align: middle;
 256 }
 257 #siteNotice {
 258     text-align: center;
 259     font-size: 95%;
 260     padding: 0 .9em;
 261 }
 262 #siteNotice p {
 263     margin: 0;
 264     padding: 0;
 265 }
 266 .error {
 267     color: red;
 268     font-size: larger;
 269 }
 270 #catlinks {
 271     border: 1px solid #aaa;
 272     background-color: #f9f9f9;
 273     padding: 5px;
 274     margin-top: 1em;
 275     clear: both;
 276 }
 277 /* currently unused, intended to be used by a metadata box
 278 in the bottom-right corner of the content area */
 279 .documentDescription {
 280     /* The summary text describing the document */
 281     font-weight: bold;
 282     display: block;
 283     margin: 1em 0;
 284     line-height: 1.5em;
 285 }
 286 .documentByLine {
 287     text-align: right;
 288     font-size: 90%;
 289     clear: both;
 290     font-weight: normal;
 291     color: #76797c;
 292 }
 293
 294 /* emulate center */
 295 .center {
 296     width: 100%;
 297     text-align: center;
 298 }
 299 *.center * {
 300     margin-left: auto;
 301     margin-right: auto;
 302 }
 303 /* small for tables and similar */
 304 .small, .small * {
 305     font-size: 94%;
 306 }
 307 table.small {
 308     font-size: 100%;
 309 }
 310
 311 /*
 312 ** content styles
 313 */
 314
 315 #toc,
 316 .toc {
 317         border: 1px solid #aaa;
 318         background-color: #f9f9f9;
 319         padding: 5px;
 320         font-size: 95%;
 321 }
 322 #toc h2,
 323 .toc h2 {
 324         display: inline;
 325         border: none;
 326         padding: 0;
 327         font-size: 100%;
 328         font-weight: bold;
 329 }
 330 #toc #toctitle,
 331 .toc #toctitle,
 332 #toc .toctitle,
 333 .toc .toctitle {
 334         text-align: center;
 335 }
 336 #toc ul,
 337 .toc ul {
 338         list-style-type: none;
 339         list-style-image: none;
 340         margin-left: 0;
 341         padding-left: 0;
 342         text-align: left;
 343 }
 344 #toc ul ul,
 345 .toc ul ul {
 346         margin: 0 0 0 2em;
 347 }
 348 #toc .toctoggle,
 349 .toc .toctoggle {
 350         font-size: 94%;
 351 }
 352
 353
 354 /* images */
 355 div.floatright, table.floatright {
 356     clear: right;
 357     float: right;
 358     position: relative;
 359     margin: 0 0 .5em .5em;
 360     border: 0;
 361 /*
 362     border: .5em solid white;
 363     border-width: .5em 0 .8em 1.4em;
 364 */
 365 }
 366 div.floatright p { font-style: italic; }
 367 div.floatleft, table.floatleft {
 368     float: left;
 369     position: relative;
 370     margin: 0 .5em .5em 0;
 371     border: 0;
 372 /*
 373     margin: .3em .5em .5em 0;
 374     border: .5em solid white;
 375     border-width: .5em 1.4em .8em 0;
 376 */
 377 }
 378 div.floatleft p { font-style: italic; }
 379 /* thumbnails */
 380 div.thumb {
 381     margin-bottom: .5em;
 382     border-style: solid;
 383     border-color: white;
 384     width: auto;
 385 }
 386 div.thumb div {
 387     border: 1px solid #ccc;
 388     padding: 3px !important;
 389     background-color: #f9f9f9;
 390     font-size: 94%;
 391     text-align: center;
 392     overflow: hidden;
 393 }
 394 div.thumb div a img {
 395     border: 1px solid #ccc;
 396 }
 397 div.thumb div div.thumbcaption {
 398     border: none;
 399     text-align: left;
 400     line-height: 1.4em;
 401     padding: .3em 0 .1em 0;
 402 }
 403 div.magnify {
 404     float: right;
 405     border: none !important;
 406     background: none !important;
 407 }
 408 div.magnify a, div.magnify img {
 409     display: block;
 410     border: none !important;
 411     background: none !important;
 412 }
 413 div.tright {
 414     clear: right;
 415     float: right;
 416     border-width: .5em 0 .8em 1.4em;
 417 }
 418 div.tleft {
 419     float: left;
 420     margin-right: .5em;
 421     border-width: .5em 1.4em .8em 0;
 422 }
 423
 424 .hiddenStructure {
 425     display: none;
 426 }
 427 img.tex {
 428     vertical-align: middle;
 429 }
 430 span.texhtml {
 431     font-family: serif;
 432 }
 433
 434 /*
 435 ** classes for special content elements like town boxes
 436 ** intended to be referenced directly from the wiki src
 437 */
 438
 439 /*
 440 ** User styles
 441 */
 442 /* table standards */
 443 table.rimage {
 444     float: right;
 445     position: relative;
 446     margin-left: 1em;
 447     margin-bottom: 1em;
 448     text-align: center;
 449 }
 450 .toccolours {
 451     border: 1px solid #aaa;
 452     background-color: #f9f9f9;
 453     padding: 5px;
 454     font-size: 95%;
 455 }
 456 div.townBox {
 457     position: relative;
 458     float: right;
 459     background: white;
 460     margin-left: 1em;
 461     border: 1px solid gray;
 462     padding: .3em;
 463     width: 200px;
 464     overflow: hidden;
 465     clear: right;
 466 }
 467 div.townBox dl {
 468     padding: 0;
 469     margin: 0 0 .3em;
 470     font-size: 96%;
 471 }
 472 div.townBox dl dt {
 473     background: none;
 474     margin: .4em 0 0;
 475 }
 476 div.townBox dl dd {
 477     margin: .1em 0 0 1.1em;
 478     background-color: #f3f3f3;
 479 }
 480
 481 /*
 482 ** edit views etc
 483 */
 484 .special li {
 485     line-height: 1.4em;
 486     margin: 0;
 487     padding: 0;
 488 }
 489
 490 /* Page history styling */
 491 /* the auto-generated edit comments */
 492 .autocomment {
 493     color: gray;
 494 }
 495 #pagehistory span.user {
 496     margin-left: 1.4em;
 497     margin-right: .4em;
 498 }
 499 #pagehistory span.minor {
 500     font-weight: bold;
 501 }
 502 #pagehistory li {
 503     border: 1px solid white;
 504 }
 505 #pagehistory li.selected {
 506     background-color: #f9f9f9;
 507     border: 1px dashed #aaa;
 508 }
 509
 510 /*
 511 ** Diff rendering
 512 */
 513 table.diff, td.diff-otitle, td.diff-ntitle {
 514     background-color: white;
 515 }
 516 td.diff-addedline {
 517     background: #cfc;
 518     font-size: smaller;
 519 }
 520 td.diff-deletedline {
 521     background: #ffa;
 522     font-size: smaller;
 523 }
 524 td.diff-context {
 525     background: #eee;
 526     font-size: smaller;
 527 }
 528 span.diffchange {
 529     color: red;
 530     font-weight: bold;
 531 }
 532
 533 /*
 534 ** keep the whitespace in front of the ^=, hides rule from konqueror
 535 ** this is css3, the validator doesn't like it when validating as css2
 536 */
 537 #bodyContent a[href ^="http://"],
 538 #bodyContent a[href ^="gopher://"] {
 539     background: url(external.png) center right no-repeat;
 540     padding-right: 13px;
 541 }
 542 #bodyContent a[href ^="https://"],
 543 .link-https {
 544     background: url(lock_icon.gif) center right no-repeat;
 545     padding-right: 16px;
 546 }
 547 #bodyContent a[href ^="mailto:"],
 548 .link-mailto {
 549     background: url(mail_icon.gif) center right no-repeat;
 550     padding-right: 18px;
 551 }
 552 #bodyContent a[href ^="news://"] {
 553     background: url(news_icon.png) center right no-repeat;
 554     padding-right: 18px;
 555 }
 556 #bodyContent a[href ^="ftp://"],
 557 .link-ftp {
 558     background: url(file_icon.gif) center right no-repeat;
 559     padding-right: 18px;
 560 }
 561 #bodyContent a[href ^="irc://"],
 562 .link-irc {
 563     background: url(discussionitem_icon.gif) center right no-repeat;
 564     padding-right: 18px;
 565 }
 566 /* disable interwiki styling */
 567 #bodyContent a.extiw,
 568 #bodyContent a.extiw:active {
 569     color: #36b;
 570     background: none;
 571     padding: 0;
 572 }
 573 #bodyContent a.external {
 574     color: #36b;
 575 }
 576 /* this can be used in the content area to switch off
 577 special external link styling */
 578 #bodyContent .plainlinks a {
 579     background: none !important;
 580     padding: 0;
 581 }
 582 /*
 583 ** Structural Elements
 584 */
 585
 586 /*
 587 ** general portlet styles (elements in the quickbar)
 588 */
 589 .portlet {
 590     border: none;
 591     margin: 0 0 .5em;
 592     padding: 0;
 593     float: none;
 594     width: 11.6em;
 595     overflow: hidden;
 596 }
 597 .portlet h4 {
 598     font-size: 95%;
 599     font-weight: normal;
 600     white-space: nowrap;
 601 }
 602 .portlet h5 {
 603     background: transparent;
 604     padding: 0 1em 0 .5em;
 605     display: inline;
 606     height: 1em;
 607     text-transform: lowercase;
 608     font-size: 91%;
 609     font-weight: normal;
 610     white-space: nowrap;
 611 }
 612 .portlet h6 {
 613     background: #ffae2e;
 614     border: 1px solid #2f6fab;
 615     border-style: solid solid none solid;
 616     padding: 0 1em 0 1em;
 617     text-transform: lowercase;
 618     display: block;
 619     font-size: 1em;
 620     height: 1.2em;
 621     font-weight: normal;
 622     white-space: nowrap;
 623 }
 624 .pBody {
 625     font-size: 95%;
 626     background-color: white;
 627     color: black;
 628     border-collapse: collapse;
 629     border: 1px solid #aaa;
 630     padding: 0 .8em .3em .5em;
 631 }
 632 .portlet h1,
 633 .portlet h2,
 634 .portlet h3,
 635 .portlet h4 {
 636     margin: 0;
 637     padding: 0;
 638 }
 639 .portlet ul {
 640     line-height: 1.5em;
 641     list-style-type: square;
 642     list-style-image: url(bullet.gif);
 643     font-size: 95%;
 644 }
 645 .portlet li {
 646     padding: 0;
 647     margin: 0;
 648 }
 649
 650 /*
 651 ** Logo properties
 652 */
 653
 654 #p-logo {
 655     z-index: 3;
 656     position: absolute; /*needed to use z-index */
 657     top: 0;
 658     left: 0;
 659     height: 155px;
 660     width: 12em;
 661     overflow: visible;
 662 }
 663 #p-logo h5 {
 664     display: none;
 665 }
 666 #p-logo a,
 667 #p-logo a:hover {
 668     display: block;
 669     height: 155px;
 670     width: 12.2em;
 671     background-repeat: no-repeat;
 672     background-position: 35% 50% !important;
 673     text-decoration: none;
 674 }
 675
 676 /*
 677 ** the navigation portlet
 678 */
 679
 680 #p-navigation {
 681     position: relative;
 682     z-index: 3;
 683 }
 684
 685 #p-navigation .pBody {
 686     padding-right: 0;
 687 }
 688
 689 #p-navigation a {
 690     display: block;
 691 }
 692
 693 #p-navigation li.active a, #p-navigation li.active a:hover {
 694     text-decoration: none;
 695     display: inline;
 696 }
 697
 698
 699 /*
 700 ** Search portlet
 701 */
 702 #p-search {
 703     position: relative;
 704     z-index: 3;
 705 }
 706 #p-search .pBody {
 707     text-align: center;
 708 }
 709 input.searchButton {
 710     margin-top: 1px;
 711     font-size: 95%;
 712 }
 713 #searchGoButton {
 714     padding-left: .5em;
 715     padding-right: .5em;
 716     font-weight: bold;
 717 }
 718 #searchInput {
 719     width: 10.9em;
 720     margin: 0;
 721     font-size: 95%;
 722 }
 723 #p-search .pBody {
 724     padding: .5em .4em .4em .4em;
 725 }
 726
 727 /*
 728 ** the personal toolbar
 729 */
 730
 731 #p-personal {
 732     width: 100%;
 733     white-space: nowrap;
 734     padding: 0;
 735     margin: 0;
 736     position: absolute;
 737     left: 0;
 738     top: 0;
 739     z-index: 0;
 740     border: none;
 741     background: none;
 742     overflow: visible;
 743     line-height: 1.2em;
 744 }
 745
 746 #p-personal h5 {
 747     display: none;
 748 }
 749 #p-personal .portlet,
 750 #p-personal .pBody {
 751     padding: 0;
 752     margin: 0;
 753     border: none;
 754     z-index: 0;
 755     overflow: visible;
 756     background: none;
 757 }
 758 /* this is the ul contained in the portlet */
 759 #p-personal ul {
 760     border: none;
 761     line-height: 1.4em;
 762     color: #2f6fab;
 763     padding: 0 2em 0 3em;
 764     margin: 0;
 765     text-align: right;
 766     text-transform: lowercase;
 767     list-style: none;
 768     z-index: 0;
 769     background: none;
 770 }
 771 #p-personal li {
 772     z-index: 0;
 773     border: none;
 774     padding: 0;
 775     display: inline;
 776     color: #2f6fab;
 777     margin-left: 1em;
 778     line-height: 1.2em;
 779     background: none;
 780 }
 781 #p-personal li a {
 782     text-decoration: none;
 783     color: #005896;
 784     padding-bottom: .2em;
 785     background: none;
 786 }
 787 #p-personal li a:hover {
 788     background-color: white;
 789     padding-bottom: .2em;
 790     text-decoration: none;
 791 }
 792
 793 /* the icon in front of the user name, single quotes
 794 in bg url to hide it from iemac */
 795 li#pt-userpage,
 796 li#pt-anonuserpage,
 797 li#pt-login {
 798     background: url(user.gif) top left no-repeat;
 799     padding-left: 20px;
 800     text-transform: none;
 801 }
 802
 803 /*
 804 ** the page-related actions- page/talk, edit etc
 805 */
 806 #p-cactions {
 807     position: absolute;
 808     top: 1.3em;
 809     left: 11.5em;
 810     margin: 0;
 811     white-space: nowrap;
 812     width: 76%;
 813     line-height: 1.1em;
 814     overflow: visible;
 815     background: none;
 816     border-collapse: collapse;
 817     padding-left: 1em;
 818     list-style: none;
 819     font-size: 95%;
 820 }
 821 #p-cactions .hiddenStructure {
 822     display: none;
 823 }
 824 #p-cactions ul {
 825     list-style: none;
 826 }
 827 #p-cactions li {
 828     display: inline;
 829     border: 1px solid #aaa;
 830     border-bottom: none;
 831     padding: 0 0 .1em 0;
 832     margin: 0 .3em 0 0;
 833     overflow: visible;
 834     background: white;
 835 }
 836 #p-cactions li.selected {
 837     border-color: #fabd23;
 838     padding: 0 0 .2em 0;
 839     font-weight: bold;
 840 }
 841 #p-cactions li a {
 842     background-color: white;
 843     color: #002bb8;
 844     border: none;
 845     padding: 0 .8em .3em .8em;
 846     text-decoration: none;
 847     text-transform: lowercase;
 848     position: relative;
 849     z-index: 0;
 850     margin: 0;
 851 }
 852 #p-cactions .selected a {
 853     z-index: 3;
 854 }
 855 #p-cactions .new a {
 856     color: #ba0000;
 857 }
 858 #p-cactions li a:hover {
 859     z-index: 3;
 860     text-decoration: none;
 861 }
 862 #p-cactions h5 {
 863     display: none;
 864 }
 865 #p-cactions li.istalk {
 866     margin-right: 0;
 867 }
 868 #p-cactions li.istalk a {
 869     padding-right: .5em;
 870 }
 871 #p-cactions #ca-addsection a {
 872     padding-left: .4em;
 873     padding-right: .4em;
 874 }
 875 /* offsets to distinguish the tab groups */
 876 li#ca-talk {
 877     margin-right: 1.6em;
 878 }
 879 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 880     margin-left: 1.6em;
 881 }
 882
 883 /*
 884 ** the remaining portlets
 885 */
 886 #p-tbx,
 887 #p-lang {
 888     position: relative;
 889     z-index: 3;
 890 }
 891
 892 #t-ispermalink {
 893     color: #999;
 894 }
 895 /*
 896 ** footer
 897 */
 898 #footer {
 899     background-color: white;
 900     border-top: 1px solid #fabd23;
 901     border-bottom: 1px solid #fabd23;
 902     margin: .6em 0 1em 0;
 903     padding: .4em 0 1.2em 0;
 904     text-align: center;
 905     font-size: 90%;
 906 }
 907 #footer li {
 908     display: inline;
 909     margin: 0 1.3em;
 910 }
 911 /* hide from incapable browsers */
 912 head:first-child+body #footer li { white-space: nowrap; }
 913 #f-poweredbyico, #f-copyrightico {
 914     margin: 0 8px;
 915     position: relative;
 916     top: -2px; /* Bump it up just a tad */
 917 }
 918 #f-poweredbyico {
 919     float: right;
 920     height: 1%;
 921 }
 922 #f-copyrightico {
 923     float: left;
 924     height: 1%;
 925 }
 926
 927 /* js pref toc */
 928 #preftoc {
 929     margin: 0;
 930     padding: 0;
 931     width: 100%;
 932     clear: both;
 933 }
 934 #preftoc li {
 935     margin: 1px -2px 1px 2px;
 936     float: left;
 937     padding: 2px 0 3px 0;
 938     background-color: #f0f0f0;
 939     color: #000;
 940     border: 1px solid #fff;
 941     border-right-color: #716f64;
 942     border-bottom: 0;
 943     position: relative;
 944     white-space: nowrap;
 945     list-style-type: none;
 946     list-style-image: none;
 947     z-index: 3;
 948 }
 949 #preftoc li.selected {
 950     font-weight: bold;
 951     background-color: #f9f9f9;
 952     border: 1px solid #aaa;
 953     border-bottom: none;
 954     cursor: default;
 955     top: 1px;
 956     padding-top: 2px;
 957     margin-right: -3px;
 958 }
 959 #preftoc > li.selected {
 960     top: 2px;
 961 }
 962 #preftoc a,
 963 #preftoc a:active {
 964     display: block;
 965     color: #000;
 966     padding: 0 .7em;
 967     position: relative;
 968     text-decoration: none;
 969 }
 970 #preftoc li.selected a {
 971     cursor: default;
 972     text-decoration: none;
 973 }
 974 #prefcontrol {
 975     padding-top: 2em;
 976     clear: both;
 977 }
 978 #preferences {
 979     margin: 0;
 980     border: 1px solid #aaa;
 981     clear: both;
 982     padding: 1.5em;
 983     background-color: #F9F9F9;
 984 }
 985 .prefsection {
 986     border: none;
 987     padding: 0;
 988     margin: 0;
 989 }
 990 .prefsection fieldset {
 991     border: 1px solid #aaa;
 992     float: left;
 993     margin-right: 2em;
 994 }
 995 .prefsection legend {
 996     font-weight: bold;
 997 }
 998 .prefsection table, .prefsection legend {
 999     background-color: #F9F9F9;
1000 }
1001 .mainLegend {
1002     display: none;
1003 }
1004 div.prefsectiontip {
1005     font-size: 95%;
1006     margin-top: 0;
1007     background-color: #FFC1C1;
1008     padding: .2em .7em;
1009     clear: both;
1010 }
1011 .btnSavePrefs {
1012     font-weight: bold;
1013     padding-left: .3em;
1014     padding-right: .3em;
1015 }
1016
1017 .preferences-save-success {
1018     border: 2px solid green;
1019     color: #000;
1020     padding: .5em 1.2em;
1021     background-color: #ddffdd;
1022     float: left;
1023     margin-bottom: 1em;
1024 }
1025
1026 .preferences-login {
1027     clear: both;
1028     margin-bottom: 1.5em;
1029 }
1030
1031 .prefcache {
1032     font-size: 90%;
1033     margin-top: 2em;
1034 }
1035
1036 /*
1037 ** IE/Mac fixes, hope to find a validating way to move this
1038 ** to a separate stylesheet. This would work but doesn't validate:
1039 ** @import("IEMacFixes.css");
1040 */
1041 /* tabs: border on the a, not the div */
1042 * > html #p-cactions li { border: none; }
1043 * > html #p-cactions li a {
1044     border: 1px solid #aaa;
1045     border-bottom: none;
1046 }
1047 * > html #p-cactions li.selected a { border-color: #fabd23; }
1048 /* footer icons need a fixed width */
1049 * > html #f-poweredbyico,
1050 * > html #f-copyrightico { width: 88px; }
1051 * > html #bodyContent,
1052 * > html #bodyContent pre {
1053     overflow-x: auto;
1054     width: 100%;
1055     padding-bottom: 25px;
1056 }
1057
1058 /* more IE fixes */
1059 /* float/negative margin brokenness */
1060 * html #footer {margin-top: 0;}
1061 * html #column-content {
1062     display: inline;
1063     margin-bottom: 0;
1064 }
1065 * html div.editsection { font-size: smaller; }
1066 #pagehistory li.selected { position: relative; }
1067
1068 /* Mac IE 5.0 fix; floated content turns invisible */
1069 * > html #column-content {
1070     float: none;
1071 }
1072 * > html #column-one {
1073     position: absolute;
1074     left: 0;
1075     top: 0;
1076 }
1077 * > html #footer {
1078     margin-left: 13.2em;
1079 }
1080 .redirectText {
1081     font-size: 150%;
1082     margin: 5px;
1083 }
1084
1085 .printfooter {
1086     display: none;
1087 }
1088
1089 .not-patrolled {
1090     background-color: #ffa;
1091 }
1092 div.patrollink {
1093     font-size: 75%;
1094     text-align: right;
1095 }
1096 span.newpage, span.minor, span.searchmatch {
1097     font-weight: bold;
1098 }
1099 span.unpatrolled {
1100     font-weight: bold;
1101     color: red;
1102 }
1103
1104 span.searchmatch {
1105     color: red;
1106 }
1107 .sharedUploadNotice {
1108     font-style: italic;
1109 }
1110
1111 span.updatedmarker {
1112     color: black;
1113     background-color: #0f0;
1114 }
1115 span.newpageletter {
1116     font-weight: bold;
1117     color: black;
1118     background-color: yellow;
1119 }
1120 span.minoreditletter {
1121     color: black;
1122     background-color: #c5ffe6;
1123 }
1124
1125 table.gallery {
1126     border: 1px solid #ccc;
1127     margin: 2px;
1128     padding: 2px;
1129     background-color: white;
1130 }
1131
1132 table.gallery tr {
1133     vertical-align: top;
1134 }
1135
1136 table.gallery td {
1137     vertical-align: top;
1138     background-color: #f9f9f9;
1139     border: solid 2px white;
1140 }
1141
1142 div.gallerybox {
1143     margin: 2px;
1144     width:  150px;
1145 }
1146
1147 div.gallerybox div.thumb {
1148     text-align: center;
1149     border: 1px solid #ccc;
1150     margin: 2px;
1151 }
1152
1153 div.gallerytext {
1154     font-size: 94%;
1155     padding: 2px 4px;
1156 }
1157
1158 span.comment {
1159         font-style: italic;
1160 }
1161
1162 span.changedby {
1163         font-size: 95%;
1164 }
1165
1166 .previewnote {
1167   text-indent: 3em;
1168         color: #c00;
1169   border-bottom: 1px solid #aaa;
1170   padding-bottom: 1em;
1171   margin-bottom: 1em;
1172 }
1173
1174 .editExternally {
1175         border: 1px solid gray;
1176         background-color: #ffffff;
1177         padding: 3px;
1178         margin-top: 0.5em;
1179         float: left;
1180         font-size: small;
1181         text-align: center;
1182 }
1183 .editExternallyHelp {
1184         font-style: italic;
1185         color: gray;
1186 }
1187
1188 li span.deleted {
1189         text-decoration: line-through;
1190         color: #888;
1191         font-style: italic;
1192 }
1193
1194 .toggle {
1195         margin-left: 2em;
1196         text-indent: -2em;
1197 }
1198
1199 /* Classes for EXIF data display */
1200 table.metadata {
1201         font-size: 0.8em;
1202         margin-left: 0.5em;
1203         margin-bottom: 0.5em;
1204 }
1205
1206 table.metadata caption {
1207         font-weight: bold;
1208 }
1209
1210 table.metadata th {
1211         font-weight: normal;
1212 }
1213
1214 table.metadata td {
1215         padding: 0.1em;
1216 }
1217
1218 table.metadata {
1219         border: none;
1220         border-collapse: collapse;
1221 }
1222
1223 table.metadata td, table.metadata th {
1224         text-align: center;
1225         border: 1px solid #aaaaaa;
1226         padding-left: 0.1em;
1227         padding-right: 0.1em;
1228 }
1229
1230 table.metadata th {
1231         background-color: #f9f9f9;
1232 }
1233
1234 table.metadata td {
1235         background-color: #fcfcfc;
1236 }
1237
1238 /* filetoc */
1239 ul#filetoc {
1240         text-align: center;
1241         border: 1px solid #aaaaaa;
1242         background-color: #f9f9f9;
1243         padding: 5px;
1244         font-size: 95%;
1245         margin-bottom: 0.5em;
1246         margin-left: 0;
1247         margin-right: 0;
1248 }
1249
1250 #filetoc li {
1251         display: inline;
1252         list-style-type: none;
1253         padding-right: 2em;
1254 }
1255
1256 /* @bug 1714 */
1257 input#wpSave, input#wpDiff {
1258         margin-right: 0.33em;
1259 }
1260
1261
1262 /* Classes for article validation */
1263
1264 table.revisionform_default {
1265         border: 1px solid #000000;
1266 }
1267
1268 table.revisionform_focus {
1269         border: 1px solid #000000;
1270         background-color:#00BBFF;
1271 }
1272
1273 tr.revision_tr_default {
1274         background-color:#EEEEEE;
1275 }
1276
1277 tr.revision_tr_first {
1278         background-color:#DDDDDD;
1279 }
1280
1281 p.revision_saved {
1282         color: green;
1283         font-weight:bold;
1284 }
1285
1286 #mw_trackbacks {
1287         border: solid 1px #bbbbff;
1288         background-color: #eeeeff;
1289         padding: 0.2em;
1290 }
1291
1292
1293 /* Allmessages table */
1294
1295 #allmessagestable th {
1296         background-color: #b2b2ff;
1297 }
1298
1299 #allmessagestable tr.orig {
1300         background-color: #ffe2e2;
1301 }
1302
1303 #allmessagestable tr.new {
1304         background-color: #e2ffe2;
1305 }
1306
1307 #allmessagestable tr.def {
1308         background-color: #f0f0ff;
1309 }
1310
1311
1312 /* noarticletext */
1313 div.noarticletext {
1314         border: 1px solid #ccc;
1315         padding: 7px;
1316         background: white;
1317 }
1318