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