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     font-weight: bold;
 697 }
 698
 699
 700 /*
 701 ** Search portlet
 702 */
 703 #p-search {
 704     position: relative;
 705     z-index: 3;
 706 }
 707 #p-search .pBody {
 708     text-align: center;
 709 }
 710 input.searchButton {
 711     margin-top: 1px;
 712     font-size: 95%;
 713 }
 714 #searchGoButton {
 715     padding-left: .5em;
 716     padding-right: .5em;
 717     font-weight: bold;
 718 }
 719 #searchInput {
 720     width: 10.9em;
 721     margin: 0;
 722     font-size: 95%;
 723 }
 724 #p-search .pBody {
 725     padding: .5em .4em .4em .4em;
 726 }
 727
 728 /*
 729 ** the personal toolbar
 730 */
 731
 732 #p-personal {
 733     width: 100%;
 734     white-space: nowrap;
 735     padding: 0;
 736     margin: 0;
 737     position: absolute;
 738     left: 0;
 739     top: 0;
 740     z-index: 0;
 741     border: none;
 742     background: none;
 743     overflow: visible;
 744     line-height: 1.2em;
 745 }
 746
 747 #p-personal h5 {
 748     display: none;
 749 }
 750 #p-personal .portlet,
 751 #p-personal .pBody {
 752     padding: 0;
 753     margin: 0;
 754     border: none;
 755     z-index: 0;
 756     overflow: visible;
 757     background: none;
 758 }
 759 /* this is the ul contained in the portlet */
 760 #p-personal ul {
 761     border: none;
 762     line-height: 1.4em;
 763     color: #2f6fab;
 764     padding: 0 2em 0 3em;
 765     margin: 0;
 766     text-align: right;
 767     text-transform: lowercase;
 768     list-style: none;
 769     z-index: 0;
 770     background: none;
 771     cursor: default;
 772 }
 773 #p-personal li {
 774     z-index: 0;
 775     border: none;
 776     padding: 0;
 777     display: inline;
 778     color: #2f6fab;
 779     margin-left: 1em;
 780     line-height: 1.2em;
 781     background: none;
 782 }
 783 #p-personal li.active {
 784     font-weight: bold;
 785 }
 786 #p-personal li a {
 787     text-decoration: none;
 788     color: #005896;
 789     padding-bottom: .2em;
 790     background: none;
 791 }
 792 #p-personal li a:hover {
 793     background-color: white;
 794     padding-bottom: .2em;
 795     text-decoration: none;
 796 }
 797 #p-personal li.active a:hover {
 798     background-color: transparent;
 799 }
 800 /* the icon in front of the user name, single quotes
 801 in bg url to hide it from iemac */
 802 li#pt-userpage,
 803 li#pt-anonuserpage,
 804 li#pt-login {
 805     background: url(user.gif) top left no-repeat;
 806     padding-left: 20px;
 807     text-transform: none;
 808 }
 809
 810 /*
 811 ** the page-related actions- page/talk, edit etc
 812 */
 813 #p-cactions {
 814     position: absolute;
 815     top: 1.3em;
 816     left: 11.5em;
 817     margin: 0;
 818     white-space: nowrap;
 819     width: 76%;
 820     line-height: 1.1em;
 821     overflow: visible;
 822     background: none;
 823     border-collapse: collapse;
 824     padding-left: 1em;
 825     list-style: none;
 826     font-size: 95%;
 827 }
 828 #p-cactions .hiddenStructure {
 829     display: none;
 830 }
 831 #p-cactions ul {
 832     list-style: none;
 833 }
 834 #p-cactions li {
 835     display: inline;
 836     border: 1px solid #aaa;
 837     border-bottom: none;
 838     padding: 0 0 .1em 0;
 839     margin: 0 .3em 0 0;
 840     overflow: visible;
 841     background: white;
 842 }
 843 #p-cactions li.selected {
 844     border-color: #fabd23;
 845     padding: 0 0 .2em 0;
 846     font-weight: bold;
 847 }
 848 #p-cactions li a {
 849     background-color: white;
 850     color: #002bb8;
 851     border: none;
 852     padding: 0 .8em .3em .8em;
 853     text-decoration: none;
 854     text-transform: lowercase;
 855     position: relative;
 856     z-index: 0;
 857     margin: 0;
 858 }
 859 #p-cactions .selected a {
 860     z-index: 3;
 861 }
 862 #p-cactions .new a {
 863     color: #ba0000;
 864 }
 865 #p-cactions li a:hover {
 866     z-index: 3;
 867     text-decoration: none;
 868 }
 869 #p-cactions h5 {
 870     display: none;
 871 }
 872 #p-cactions li.istalk {
 873     margin-right: 0;
 874 }
 875 #p-cactions li.istalk a {
 876     padding-right: .5em;
 877 }
 878 #p-cactions #ca-addsection a {
 879     padding-left: .4em;
 880     padding-right: .4em;
 881 }
 882 /* offsets to distinguish the tab groups */
 883 li#ca-talk {
 884     margin-right: 1.6em;
 885 }
 886 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 887     margin-left: 1.6em;
 888 }
 889
 890 /*
 891 ** the remaining portlets
 892 */
 893 #p-tbx,
 894 #p-lang {
 895     position: relative;
 896     z-index: 3;
 897 }
 898
 899 #t-ispermalink {
 900     color: #999;
 901 }
 902 /*
 903 ** footer
 904 */
 905 #footer {
 906     background-color: white;
 907     border-top: 1px solid #fabd23;
 908     border-bottom: 1px solid #fabd23;
 909     margin: .6em 0 1em 0;
 910     padding: .4em 0 1.2em 0;
 911     text-align: center;
 912     font-size: 90%;
 913 }
 914 #footer li {
 915     display: inline;
 916     margin: 0 1.3em;
 917 }
 918 /* hide from incapable browsers */
 919 head:first-child+body #footer li { white-space: nowrap; }
 920 #f-poweredbyico, #f-copyrightico {
 921     margin: 0 8px;
 922     position: relative;
 923     top: -2px; /* Bump it up just a tad */
 924 }
 925 #f-poweredbyico {
 926     float: right;
 927     height: 1%;
 928 }
 929 #f-copyrightico {
 930     float: left;
 931     height: 1%;
 932 }
 933
 934 /* js pref toc */
 935 #preftoc {
 936     margin: 0;
 937     padding: 0;
 938     width: 100%;
 939     clear: both;
 940 }
 941 #preftoc li {
 942     margin: 1px -2px 1px 2px;
 943     float: left;
 944     padding: 2px 0 3px 0;
 945     background-color: #f0f0f0;
 946     color: #000;
 947     border: 1px solid #fff;
 948     border-right-color: #716f64;
 949     border-bottom: 0;
 950     position: relative;
 951     white-space: nowrap;
 952     list-style-type: none;
 953     list-style-image: none;
 954     z-index: 3;
 955 }
 956 #preftoc li.selected {
 957     font-weight: bold;
 958     background-color: #f9f9f9;
 959     border: 1px solid #aaa;
 960     border-bottom: none;
 961     cursor: default;
 962     top: 1px;
 963     padding-top: 2px;
 964     margin-right: -3px;
 965 }
 966 #preftoc > li.selected {
 967     top: 2px;
 968 }
 969 #preftoc a,
 970 #preftoc a:active {
 971     display: block;
 972     color: #000;
 973     padding: 0 .7em;
 974     position: relative;
 975     text-decoration: none;
 976 }
 977 #preftoc li.selected a {
 978     cursor: default;
 979     text-decoration: none;
 980 }
 981 #prefcontrol {
 982     padding-top: 2em;
 983     clear: both;
 984 }
 985 #preferences {
 986     margin: 0;
 987     border: 1px solid #aaa;
 988     clear: both;
 989     padding: 1.5em;
 990     background-color: #F9F9F9;
 991 }
 992 .prefsection {
 993     border: none;
 994     padding: 0;
 995     margin: 0;
 996 }
 997 .prefsection fieldset {
 998     border: 1px solid #aaa;
 999     float: left;
1000     margin-right: 2em;
1001 }
1002 .prefsection legend {
1003     font-weight: bold;
1004 }
1005 .prefsection table, .prefsection legend {
1006     background-color: #F9F9F9;
1007 }
1008 .mainLegend {
1009     display: none;
1010 }
1011 div.prefsectiontip {
1012     font-size: 95%;
1013     margin-top: 0;
1014     background-color: #FFC1C1;
1015     padding: .2em .7em;
1016     clear: both;
1017 }
1018 .btnSavePrefs {
1019     font-weight: bold;
1020     padding-left: .3em;
1021     padding-right: .3em;
1022 }
1023
1024 .preferences-save-success {
1025     border: 2px solid green;
1026     color: #000;
1027     padding: .5em 1.2em;
1028     background-color: #ddffdd;
1029     float: left;
1030     margin-bottom: 1em;
1031 }
1032
1033 .preferences-login {
1034     clear: both;
1035     margin-bottom: 1.5em;
1036 }
1037
1038 .prefcache {
1039     font-size: 90%;
1040     margin-top: 2em;
1041 }
1042
1043 /*
1044 ** IE/Mac fixes, hope to find a validating way to move this
1045 ** to a separate stylesheet. This would work but doesn't validate:
1046 ** @import("IEMacFixes.css");
1047 */
1048 /* tabs: border on the a, not the div */
1049 * > html #p-cactions li { border: none; }
1050 * > html #p-cactions li a {
1051     border: 1px solid #aaa;
1052     border-bottom: none;
1053 }
1054 * > html #p-cactions li.selected a { border-color: #fabd23; }
1055 /* footer icons need a fixed width */
1056 * > html #f-poweredbyico,
1057 * > html #f-copyrightico { width: 88px; }
1058 * > html #bodyContent,
1059 * > html #bodyContent pre {
1060     overflow-x: auto;
1061     width: 100%;
1062     padding-bottom: 25px;
1063 }
1064
1065 /* more IE fixes */
1066 /* float/negative margin brokenness */
1067 * html #footer {margin-top: 0;}
1068 * html #column-content {
1069     display: inline;
1070     margin-bottom: 0;
1071 }
1072 * html div.editsection { font-size: smaller; }
1073 #pagehistory li.selected { position: relative; }
1074
1075 /* Mac IE 5.0 fix; floated content turns invisible */
1076 * > html #column-content {
1077     float: none;
1078 }
1079 * > html #column-one {
1080     position: absolute;
1081     left: 0;
1082     top: 0;
1083 }
1084 * > html #footer {
1085     margin-left: 13.2em;
1086 }
1087 .redirectText {
1088     font-size: 150%;
1089     margin: 5px;
1090 }
1091
1092 .printfooter {
1093     display: none;
1094 }
1095
1096 .not-patrolled {
1097     background-color: #ffa;
1098 }
1099 div.patrollink {
1100     font-size: 75%;
1101     text-align: right;
1102 }
1103 span.newpage, span.minor, span.searchmatch {
1104     font-weight: bold;
1105 }
1106 span.unpatrolled {
1107     font-weight: bold;
1108     color: red;
1109 }
1110
1111 span.searchmatch {
1112     color: red;
1113 }
1114 .sharedUploadNotice {
1115     font-style: italic;
1116 }
1117
1118 span.updatedmarker {
1119     color: black;
1120     background-color: #0f0;
1121 }
1122 span.newpageletter {
1123     font-weight: bold;
1124     color: black;
1125     background-color: yellow;
1126 }
1127 span.minoreditletter {
1128     color: black;
1129     background-color: #c5ffe6;
1130 }
1131
1132 table.gallery {
1133     border: 1px solid #ccc;
1134     margin: 2px;
1135     padding: 2px;
1136     background-color: white;
1137 }
1138
1139 table.gallery tr {
1140     vertical-align: top;
1141 }
1142
1143 table.gallery td {
1144     vertical-align: top;
1145     background-color: #f9f9f9;
1146     border: solid 2px white;
1147 }
1148
1149 div.gallerybox {
1150     margin: 2px;
1151     width:  150px;
1152 }
1153
1154 div.gallerybox div.thumb {
1155     text-align: center;
1156     border: 1px solid #ccc;
1157     margin: 2px;
1158 }
1159
1160 div.gallerytext {
1161     font-size: 94%;
1162     padding: 2px 4px;
1163 }
1164
1165 span.comment {
1166         font-style: italic;
1167 }
1168
1169 span.changedby {
1170         font-size: 95%;
1171 }
1172
1173 .previewnote {
1174   text-indent: 3em;
1175         color: #c00;
1176   border-bottom: 1px solid #aaa;
1177   padding-bottom: 1em;
1178   margin-bottom: 1em;
1179 }
1180
1181 .previewnote p {
1182   margin: 0;
1183   padding: 0;
1184 }
1185
1186 .editExternally {
1187         border: 1px solid gray;
1188         background-color: #ffffff;
1189         padding: 3px;
1190         margin-top: 0.5em;
1191         float: left;
1192         font-size: small;
1193         text-align: center;
1194 }
1195 .editExternallyHelp {
1196         font-style: italic;
1197         color: gray;
1198 }
1199
1200 li span.deleted {
1201         text-decoration: line-through;
1202         color: #888;
1203         font-style: italic;
1204 }
1205
1206 .toggle {
1207         margin-left: 2em;
1208         text-indent: -2em;
1209 }
1210
1211 /* Classes for EXIF data display */
1212 table.metadata {
1213         font-size: 0.8em;
1214         margin-left: 0.5em;
1215         margin-bottom: 0.5em;
1216 }
1217
1218 table.metadata caption {
1219         font-weight: bold;
1220 }
1221
1222 table.metadata th {
1223         font-weight: normal;
1224 }
1225
1226 table.metadata td {
1227         padding: 0.1em;
1228 }
1229
1230 table.metadata {
1231         border: none;
1232         border-collapse: collapse;
1233 }
1234
1235 table.metadata td, table.metadata th {
1236         text-align: center;
1237         border: 1px solid #aaaaaa;
1238         padding-left: 0.1em;
1239         padding-right: 0.1em;
1240 }
1241
1242 table.metadata th {
1243         background-color: #f9f9f9;
1244 }
1245
1246 table.metadata td {
1247         background-color: #fcfcfc;
1248 }
1249
1250 /* filetoc */
1251 ul#filetoc {
1252         text-align: center;
1253         border: 1px solid #aaaaaa;
1254         background-color: #f9f9f9;
1255         padding: 5px;
1256         font-size: 95%;
1257         margin-bottom: 0.5em;
1258         margin-left: 0;
1259         margin-right: 0;
1260 }
1261
1262 #filetoc li {
1263         display: inline;
1264         list-style-type: none;
1265         padding-right: 2em;
1266 }
1267
1268 /* @bug 1714 */
1269 input#wpSave, input#wpDiff {
1270         margin-right: 0.33em;
1271 }
1272
1273
1274 /* Classes for article validation */
1275
1276 table.revisionform_default {
1277         border: 1px solid #000000;
1278 }
1279
1280 table.revisionform_focus {
1281         border: 1px solid #000000;
1282         background-color:#00BBFF;
1283 }
1284
1285 tr.revision_tr_default {
1286         background-color:#EEEEEE;
1287 }
1288
1289 tr.revision_tr_first {
1290         background-color:#DDDDDD;
1291 }
1292
1293 p.revision_saved {
1294         color: green;
1295         font-weight:bold;
1296 }
1297
1298 #mw_trackbacks {
1299         border: solid 1px #bbbbff;
1300         background-color: #eeeeff;
1301         padding: 0.2em;
1302 }
1303
1304
1305 /* Allmessages table */
1306
1307 #allmessagestable th {
1308         background-color: #b2b2ff;
1309 }
1310
1311 #allmessagestable tr.orig {
1312         background-color: #ffe2e2;
1313 }
1314
1315 #allmessagestable tr.new {
1316         background-color: #e2ffe2;
1317 }
1318
1319 #allmessagestable tr.def {
1320         background-color: #f0f0ff;
1321 }
1322
1323
1324 /* noarticletext */
1325 div.noarticletext {
1326         border: 1px solid #ccc;
1327         padding: 7px;
1328         background: white;
1329 }
1330