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