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