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