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