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