skins/amethyst/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  * Amethyst skin
  12  * Original design by Sorkhiri and Sorwena members of the EverQuest
  13  * <Amethyst> guild
  14  * Ported to MediaWiki by Ashar Voultoiz
  15
  16 gris : #2F333B
  17 gris clair : #aaaaaa
  18 bleu : #2A3C61
  19 bleu clair : #2f6fab
  20 yellow : #fabd23
  21
  22 */
  23
  24 #column-content {
  25     width: 100%;
  26     float: right;
  27     margin: 0 0 0.6em -12.2em;
  28     padding:0;
  29 }
  30 #content {
  31     margin: 2.8em 0 0 12.2em;
  32     padding: 0em 1em 1.5em 1em;
  33     color : #C0C0C0;
  34         background: #2F333B;
  35     border: 1px solid #aaaaaa;
  36     border-right: none;
  37     line-height: 1.5em;
  38     position: relative;
  39     z-index: 2;
  40 }
  41 #column-one { padding-top: 160px; }
  42 /* the left column width is specified in class .portlet */
  43
  44 /* Font size:
  45 ** We take advantage of keyword scaling- browsers won't go below 9px
  46 ** More at http://www.w3.org/2003/07/30-font-size
  47 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  48 */
  49
  50 body {
  51         font-family: Arial, Helvetica, sans-serif;
  52         font-size: x-small;
  53         font-weight: normal;
  54         color: White;
  55         background: Black;
  56     /* background: #070707 url("headbg.jpg") 0px 0px no-repeat; */
  57     margin: 0;
  58     padding: 0;
  59 }
  60
  61 /* scale back up to a sane default */
  62 #globalWrapper {
  63     font-size:127%;
  64     width: 100%;
  65     margin: 0;
  66     padding: 0;
  67 }
  68 .visualClear { clear: both; }
  69
  70 /* general styles */
  71
  72 table {
  73     font-size: 100%;
  74     background: #2F333B;
  75         color: white;
  76 }
  77 th {
  78         font-family: Tahoma, Arial, Helvetica, sans-serif;
  79         font-size: 11px;
  80         color: White;
  81         background: #2A3C61;
  82         font-weight: normal
  83 }
  84 td {
  85         font-family: Tahoma, Arial, Helvetica, sans-serif;
  86         font-size: 11px;
  87         color:#8A8F99 ;
  88         background: #2F333B;
  89         font-weight: normal
  90 }
  91
  92 a {
  93     color: white;
  94     background: none;
  95 }
  96 a:visited { color: white; }
  97 a:active { color: #ffa500; }
  98 a:hover { text-decoration: underline;}
  99 a.stub { color: #772233; }
 100 a.new,
 101 #p-nav a.new { color:#C033C0; }
 102 a.new:visited,
 103 #p-nav a.new:visited { color:#C033C0; }
 104
 105 img {
 106     border: none;
 107     vertical-align: middle;
 108 }
 109 p {
 110     margin: 0.4em 0em 0.5em 0em;
 111     line-height: 1.5em;
 112 }
 113
 114 p img { margin: 0; }
 115
 116 hr {
 117     height: 1px;
 118     color: #aaaaaa;
 119     background-color: #aaaaaa;
 120     border: 0;
 121     margin: 0.2em 0 0.2em 0;
 122 }
 123
 124 h1, h2, h3, h4, h5, h6 {
 125     color: White;
 126     background: none;
 127     font-weight: normal;
 128     margin: 0;
 129     padding-top: 0.5em;
 130     padding-bottom: 0.17em;
 131     border-bottom: 1px solid #aaaaaa;
 132 }
 133 h1 { font-size: 188%; }
 134 h2 { font-size: 150%; }
 135 h3, h4, h5, h6 {
 136     border-bottom: none;
 137     font-weight: bold;
 138 }
 139 h3 { font-size: 132%; }
 140 h4 { font-size: 116%; }
 141 h5 { font-size: 100%; }
 142 h6 { font-size: 80%;  }
 143
 144 ul {
 145     line-height: 1.5em;
 146     list-style-type: square;
 147     margin: 0.3em 0 0 1.5em;
 148     padding:0;
 149     list-style-image: url("bullet.gif");
 150 }
 151 ol {
 152     line-height: 1.5em;
 153     margin: 0.3em 0 0 3.2em;
 154     padding:0;
 155     list-style-image: none;
 156 }
 157 li { margin-bottom: 0.1em; }
 158 dt {
 159     font-weight: bold;
 160     margin-bottom: 0.1em;
 161 }
 162 dl{
 163     margin-top: 0.2em;
 164     margin-bottom: 0.5em;
 165 }
 166 dd {
 167     line-height: 1.5em;
 168     margin-left: 2em;
 169     margin-bottom: 0.1em;
 170 }
 171
 172 fieldset {
 173     border: 1px solid #2f6fab;
 174     margin: 1em 0em 1em 0em;
 175     padding: 0em 1em 1em 1em;
 176     line-height: 1.5em;
 177 }
 178
 179 legend {
 180     padding: 0.5em;
 181     font-size: 95%;
 182         color: white;
 183 }
 184 form {
 185     border: none;
 186     margin: 0;
 187 }
 188
 189 textarea {
 190     color: #C0C0C0;
 191     background-color: #2F333B;
 192         border: 1px solid #2f6fab;
 193     width: 100%;
 194     padding: 0.1em;
 195     overflow: auto;
 196 }
 197 /* hide this from ie/mac and konq2.2 */
 198 @media All {
 199     head:first-child+body input {
 200         visibility: visible;
 201         border: 1px solid #2f6fab;
 202         color: White;
 203         background-color: #2F333B;
 204         vertical-align: middle;
 205         padding: 0.2em;
 206     }
 207 }
 208 input.historysubmit {
 209     padding: 0 0.3em 0.3em 0.3em !important;
 210     font-size: 94%;
 211     cursor: pointer;
 212     height: 1.7em !important;
 213     margin-left: 1.6em;
 214 }
 215 input[type="radio"],
 216 input[type="checkbox"] { border:none; }
 217
 218 select {
 219     border: 1px solid #2f6fab;
 220     color: Black;
 221     vertical-align: top;
 222 }
 223 abbr, acronym, .explain {
 224     border-bottom: 1px dotted Black;
 225     color: Black;
 226     background: none;
 227     cursor: help;
 228 }
 229 q {
 230     font-family: Times, "Times New Roman", serif;
 231     font-style: italic;
 232 }
 233 /* disabled for now
 234 blockquote {
 235     font-family: Times, "Times New Roman", serif;
 236     font-style: italic;
 237 }*/
 238 code { background-color: #f9f9f9; }
 239 pre {
 240     padding: 1em;
 241     border: 1px dashed #2f6fab;
 242     color: #C0C0C0;
 243     background-color: #2A3C61;
 244     line-height: 1.1em;
 245 }
 246
 247
 248 /*
 249 ** the main content area
 250 */
 251
 252 #siteSub { display: none; }
 253 #contentSub {
 254     font-size: 84%;
 255     line-height: 1.2em;
 256     margin: 0 0 1.4em 1em;
 257     color: #7d7d7d;
 258     width: auto;
 259 }
 260 span.subpages { display: block; }
 261
 262 /* Some space under the headers in the content area */
 263 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 264 #bodyContent h3,
 265 #bodyContent h4,
 266 #bodyContent h5 {
 267     margin-bottom: 0.3em;
 268 }
 269 .firstHeading { margin-bottom:0.1em; }
 270
 271 /* user notification thing */
 272 .usermessage {
 273     background-color: #2A3C61;
 274     border: 1px solid #ffa500;
 275     color: White;
 276     font-weight: bold;
 277     margin: 2em 0em 1em 0em;
 278     padding: 0.5em 1em;
 279     vertical-align: middle;
 280 }
 281 #siteNotice {
 282     text-align: center;
 283     font-size: 95%;
 284     padding: 0 0.9em 0 0.9em;
 285 }
 286 #siteNotice p { margin: 0; padding: 0; }
 287 .error {
 288     color: red;
 289     font-size: larger;
 290 }
 291 #catlinks {
 292     border:1px solid #aaaaaa;
 293     background-color:#f9f9f9;
 294     padding:5px;
 295     margin-top: 1em;
 296     clear: both;
 297 }
 298 /* currently unused, intended to be used by a metadata box
 299 in the bottom-right corner of the content area */
 300 .documentDescription {
 301     /* The summary text describing the document */
 302     font-weight: bold;
 303     display: block;
 304     margin: 1em 0em;
 305     line-height: 1.5em;
 306 }
 307 .documentByLine {
 308     text-align: right;
 309     font-size: 90%;
 310     clear: both;
 311     font-weight: normal;
 312     color: #76797c;
 313 }
 314
 315 /* emulate center */
 316 .center {
 317     width: 100%;
 318     text-align: center;
 319 }
 320 *.center * {
 321     margin-left: auto;
 322     margin-right: auto;
 323 }
 324 /* small for tables and similar */
 325 .small, .small * { font-size: 94%; }
 326 table.small { font-size: 100% }
 327
 328 /*
 329 ** content styles
 330 */
 331
 332 /* IE/mac fixes */
 333 #toc {
 334   display: inline-table;
 335 }
 336 #toc h2, #toc div, #toc ul, #toc li {
 337   float: left;
 338   clear: left;
 339 }
 340 @media all {
 341   #toc {
 342     display: block;
 343     text-align: center;
 344   }
 345   #toc * {
 346     float: none!important;
 347   }
 348 }
 349 /* end IE/mac fixes */
 350
 351 #toc {
 352     border: 1px solid #aaa;
 353     background-color: #2f333b;
 354     padding: 0.5em;
 355     font-size: 95%;
 356     float: left;
 357 }
 358 #toc h2 {
 359     display: inline;
 360     border: none;
 361     padding: 0;
 362     font-size: 100%;
 363     font-weight: bold;
 364 }
 365 #toc ul {
 366     list-style-type: none;
 367     list-style-image: none;
 368     margin-left: 0;
 369     padding-left: 0;
 370     text-align: left;
 371 }
 372 #toc ul ul {
 373     margin: 0 0 0 2em;
 374 }
 375 #toc .toctoggle {
 376     font-size: 94%;
 377 }
 378
 379 /* images */
 380 div.floatright, table.floatright {
 381     clear: right;
 382     float: right;
 383     margin: 0;
 384     position: relative;
 385     border: 0.5em solid White;
 386     border-width: 0.5em 0 0.8em 1.4em;
 387 }
 388 div.floatright p { font-style: italic; }
 389 div.floatleft, table.floatleft {
 390     float: left;
 391     margin: 0.3em 0.5em 0.5em 0;
 392     position: relative;
 393     border: 0.5em solid White;
 394     border-width: 0.5em 1.4em 0.8em 0;
 395 }
 396 div.floatleft p { font-style: italic; }
 397 /* thumbnails */
 398 div.thumb {
 399     margin-bottom: 0.5em;
 400     border-style: solid;
 401         border-color: #2F333B;
 402     width: auto;
 403 }
 404 div.thumb div {
 405     border:1px solid #aaaaaa;
 406     padding: 3px !important;
 407     background-color:#2F333B;
 408     font-size: 94%;
 409     text-align: center;
 410     overflow: hidden;
 411 }
 412 div.thumb div a img {
 413     border:1px solid #cccccc;
 414 }
 415 div.thumb div div.thumbcaption {
 416     border: none;
 417     text-align: left;
 418     line-height: 1.4em;
 419     padding: 0.3em 0 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: 0.5em 0 0.8em 1.4em;
 435 }
 436 div.tleft {
 437     float: left;
 438     margin-right:0.5em;
 439     border-width: 0.5em 1.4em 0.8em 0;
 440 }
 441
 442 .hiddenStructure {
 443     display: none;
 444 }
 445 img.tex { vertical-align: middle; }
 446 span.texhtml { font-family: serif; }
 447
 448 /*
 449 ** classes for special content elements like town boxes
 450 ** intended to be referenced directly from the wiki src
 451 */
 452
 453 /*
 454 ** User styles
 455 */
 456 /* table standards */
 457 table.rimage {
 458     float:right;
 459     position:relative;
 460     margin-left:1em;
 461     margin-bottom:1em;
 462     text-align:center;
 463 }
 464 .toccolours {
 465     border:1px solid #aaaaaa;
 466     background-color:#f9f9f9;
 467     padding:5px;
 468     font-size: 95%;
 469 }
 470 div.townBox {
 471     position:relative;
 472     float:right;
 473     background:White;
 474     margin-left:1em;
 475     border: 1px solid gray;
 476     padding:0.3em;
 477     width: 200px;
 478     overflow: hidden;
 479     clear: right;
 480 }
 481 div.townBox dl {
 482     padding: 0;
 483     margin: 0 0 0.3em 0;
 484     font-size: 96%;
 485 }
 486 div.townBox dl dt {
 487     background: none;
 488     margin: 0.4em 0 0 0;
 489 }
 490 div.townBox dl dd {
 491     margin: 0.1em 0 0 1.1em;
 492     background-color: #f3f3f3;
 493 }
 494
 495 /*
 496 ** edit views etc
 497 */
 498 .special li {
 499     line-height: 1.4em;
 500     margin: 0;
 501     padding: 0;
 502 }
 503
 504 /* Page history styling */
 505 /* the auto-generated edit comments */
 506 .autocomment { color: gray; }
 507 #pagehistory span.user {
 508     margin-left: 1.4em;
 509     margin-right: 0.4em;
 510 }
 511 #pagehistory span.minor { font-weight: bold; }
 512 #pagehistory li { border: 1px solid #2F333B; }
 513 #pagehistory li.selected {
 514     background-color:#2A3C61;
 515     border:1px dashed #2f6fab;
 516 }
 517 /*
 518 ** Diff rendering
 519 */
 520 table.diff { background:#2F333B; }
 521 td.diff-otitle { background:#2F333B; }
 522 td.diff-ntitle { background:#2F333B; }
 523 td.diff-addedline {
 524         color: black;
 525     background:#ccffcc;
 526     font-size: smaller;
 527 }
 528 td.diff-deletedline {
 529         color: black;
 530     background:#ffffaa;
 531     font-size: smaller;
 532 }
 533 td.diff-context {
 534         color: black;
 535     background:#aaaaaa;
 536     font-size: smaller;
 537 }
 538 span.diffchange { color: red; }
 539
 540 /*
 541 ** keep the whitespace in front of the ^=, hides rule from konqueror
 542 ** this is css3, the validator doesn't like it when validating as css2
 543 */
 544 #bodyContent a[href ^="http://"],
 545 #bodyContent a[href ^="gopher://"] {
 546     background: url(external.png) center right no-repeat;
 547     padding-right: 13px;
 548 }
 549 #bodyContent a[href ^="https://"],
 550 .link-https {
 551     background: url("lock_icon.gif") center right no-repeat;
 552     padding-right: 16px;
 553 }
 554 #bodyContent a[href ^="mailto:"],
 555 .link-mailto {
 556     background: url("mail_icon.gif") center right no-repeat;
 557     padding-right: 18px;
 558 }
 559 #bodyContent a[href ^="news://"] {
 560     background: url("news_icon.png") center right no-repeat;
 561     padding-right: 18px;
 562 }
 563 #bodyContent a[href ^="ftp://"],
 564 .link-ftp {
 565     background: url("file_icon.gif") center right no-repeat;
 566     padding-right: 18px;
 567 }
 568 #bodyContent a[href ^="irc://"],
 569 .link-irc {
 570     background: url("discussionitem_icon.gif")  center right no-repeat;
 571     padding-right: 18px;
 572 }
 573 /* disable interwiki styling */
 574 #bodyContent a.extiw,
 575 #bodyContent a.extiw:active {
 576     color: #3366bb;
 577     background: none;
 578     padding: 0;
 579 }
 580 #bodyContent a.external { color: white; }
 581 /* this can be used in the content area to switch off
 582 special external link styling */
 583 #bodyContent .plainlinks a {
 584     background: none !important;
 585     padding: 0;
 586 }
 587 /*
 588 ** Structural Elements
 589 */
 590
 591 /*
 592 ** general portlet styles (elements in the quickbar)
 593 */
 594 .portlet {
 595     border: none;
 596     margin: 0 0 0.5em 0em;
 597     float: none;
 598     padding: 0;
 599     width: 11.6em;
 600     overflow: hidden;
 601 }
 602 .portlet h4 {
 603     font-size: 95%;
 604     font-weight: normal;
 605     white-space: nowrap;
 606 }
 607 .portlet h5 {
 608     background: transparent;
 609     padding: 0em 1em 0em 0.5em;
 610     text-transform: lowercase;
 611     display: inline;
 612     font-size: 91%;
 613     height: 1em;
 614     font-weight: normal;
 615     white-space: nowrap;
 616 }
 617 .portlet h6 {
 618     background: #ffae2e;
 619     border: 1px solid #2f6fab;
 620     border-style: solid solid none solid;
 621     padding: 0em 1em 0em 1em;
 622     text-transform: lowercase;
 623     display: block;
 624     font-size: 1em;
 625     height: 1.2em;
 626     font-weight: normal;
 627     white-space: nowrap;
 628 }
 629 .pBody {
 630     font-size: 95%;
 631     border-collapse: collapse;
 632     border: none;
 633     padding: 0.3em;
 634 }
 635 .portlet h1,
 636 .portlet h2,
 637 .portlet h3,
 638 .portlet h4 {
 639     margin: 0;
 640     padding: 0;
 641 }
 642 .portlet ul {
 643         margin: 0 0 0 0;
 644     line-height: 2em;
 645     list-style-type: none;
 646     list-style-image: none;
 647     font-size:95%;
 648 }
 649 .portlet li {
 650         background: #2F333B;
 651     padding:0;
 652     margin: 0 0 0.5em 0;
 653         border : 1px solid #aaaaaa;
 654 }
 655 .portlet form {
 656         background: #2F333B;
 657     padding:0;
 658     margin: 0 0 0.5em 0;
 659         border : 1px solid #aaaaaa;
 660 }
 661 /*
 662 ** Logo properties
 663 */
 664
 665 #p-logo {
 666     z-index: 3;
 667     position:absolute; /*needed to use z-index */
 668     top: 0;
 669     left: 0;
 670     height: 155px;
 671     width: 12em;
 672     overflow: visible;
 673 }
 674 #p-logo h5 { display: none; }
 675 #p-logo a,
 676 #p-logo a:hover {
 677     display: block;
 678     height: 155px;
 679     width: 12.2em;
 680     background-repeat: no-repeat;
 681     background-position: 35% 50% !important;
 682     text-decoration: none;
 683 }
 684
 685 /*
 686 ** the navigation portlet
 687 */
 688
 689 #p-personal {
 690     position:relative;
 691     z-index:3;
 692 }
 693
 694 /*
 695 ** Search portlet
 696 */
 697 #p-search {
 698     position:relative;
 699     z-index:3;
 700 }
 701 #p-search .pBody {
 702     text-align: center;
 703 }
 704 input.searchButton {
 705     margin-top:1px;
 706     padding: 0 0.4em !important;
 707     font-size: 95%;
 708     cursor: pointer;
 709     background-color: White;
 710     border: 1px solid #2f6fab;
 711 }
 712 #searchInput {
 713     border: 1px solid #2f6fab;
 714     width:10.9em;
 715     margin: 0 0 0 0;
 716     font-size: 95%;
 717 }
 718 #p-search .pBody {
 719     padding: 0.5em 0.4em 0.4em 0.4em;
 720 }
 721
 722 /*
 723 ** the personal toolbar
 724 */
 725
 726 #p-nav {
 727     width:100%;
 728     white-space:nowrap;
 729     padding:0 0 0 0;
 730     margin:0;
 731     position:absolute;
 732     left:0px;
 733     top:0px;
 734     z-index: 0;
 735     border: none;
 736     background: none;
 737     overflow: visible;
 738     line-height: 1.2em;
 739 }
 740
 741 #p-nav h5 {
 742     display:none;
 743 }
 744 #p-nav .portlet,
 745 #p-nav .pBody {
 746     padding:0;
 747     margin:0;
 748     border: none;
 749     z-index:0;
 750     overflow: visible;
 751     background: none;
 752 }
 753
 754 /* this is the ul contained in the portlet */
 755 #p-nav ul {
 756     border: none;
 757     line-height: 1.4em;
 758     color: #2f6fab;
 759     padding: 0em 2em 0 3em;
 760     margin: 0;
 761     text-align: right;
 762     text-transform: lowercase;
 763     list-style: none;
 764     z-index:0;
 765     background: none;
 766 }
 767 #p-nav li {
 768     z-index:0;
 769     border:none;
 770     padding:0;
 771     display: inline;
 772     color: #2f6fab;
 773     margin-left: 1em;
 774     line-height: 1.2em;
 775     background: none;
 776 }
 777 #p-nav li a {
 778     text-decoration: none;
 779     color: white;
 780     padding-bottom: 0.2em;
 781     background: none;
 782 }
 783 #p-nav li a:hover {
 784     padding-bottom: 0.2em;
 785     text-decoration: none;
 786 }
 787
 788 /* the icon in front of the user name, single quotes
 789 in bg url to hide it from iemac */
 790 li#pt-userpage,
 791 li#pt-anonuserpage,
 792 li#pt-login {
 793     background:  url('user.gif') top left no-repeat;
 794     padding-left: 20px;
 795     text-transform: none;
 796 }
 797
 798 /*
 799 ** the page-related actions- page/talk, edit etc
 800 */
 801 #p-cactions {
 802     position:absolute;
 803     top: 1.3em;
 804     left: 11.9em;
 805     margin: 0;
 806     white-space:nowrap;
 807     width: 76%;
 808     line-height: 1.1em;
 809     overflow: visible;
 810     background: none;
 811     border-collapse: collapse;
 812     padding-left: 1em;
 813     list-style: none;
 814     font-size: 95%;
 815 }
 816 #p-cactions .hiddenStructure { display: none; }
 817 #p-cactions ul {
 818     list-style: none;
 819 }
 820 #p-cactions li {
 821     display: inline;
 822     border: 1px solid #aaaaaa;
 823     border-bottom: none;
 824     padding: 0 0 0.1em 0;
 825     margin: 0 0.3em 0 0;
 826     overflow: visible;
 827     background: #2F333B;
 828 }
 829 #p-cactions li.selected {
 830     border-color: #fabd23;
 831     padding: 0 0 0.2em 0;
 832 }
 833 #p-cactions li a {
 834     background-color: #2F333B;
 835     color: white;
 836     border: none;
 837     padding: 0 0.8em 0.3em 0.8em;
 838     text-decoration: none;
 839     text-transform: lowercase;
 840     position: relative;
 841     z-index: 0;
 842     margin: 0;
 843 }
 844 #p-cactions .selected a { z-index: 3; }
 845 #p-cactions .new a { color: #A033A0; background-color: black; }
 846 #p-cactions li a:hover {
 847     z-index: 3;
 848     text-decoration: none;
 849 }
 850 #p-cactions h5 { display: none; }
 851 #p-cactions li.istalk { margin-right: 0; }
 852 #p-cactions li.istalk a { padding-right: 0.5em; }
 853 #p-cactions #ca-addsection a {
 854     padding-left: 0.4em;
 855     padding-right: 0.4em;
 856 }
 857
 858
 859 /* offsets to distinguish the tab groups */
 860 li#ca-talk { margin-right: 1.6em; }
 861 li#ca-watch, li#ca-watch { margin-left: 1.6em; }
 862
 863
 864 /*
 865 ** the remaining portlets
 866 */
 867 #p-tbx,
 868 #p-lang {
 869     position:relative;
 870     z-index:3;
 871 }
 872
 873 /*
 874 ** footer
 875 */
 876 #footer {
 877     background-color: #2F333B;
 878     border-top: 1px solid #aaaaaa;
 879     border-bottom: 1px solid #aaaaaa;
 880         color: #C0C0C0;
 881     margin: 0.6em 0em 1em 0em;
 882     padding: 0.4em 0em 1.2em 0em;
 883     text-align: center;
 884     font-size: 90%;
 885 }
 886 #footer li {
 887     display: inline;
 888     margin: 0 1.3em;
 889 }
 890 /* hide from incapable browsers */
 891 head:first-child+body #footer li { white-space: nowrap; }
 892 #f-poweredbyico, #f-copyrightico {
 893     margin: 0 8px;
 894     position: relative;
 895     top: -2px; /* Bump it up just a tad */
 896 }
 897 #f-poweredbyico {
 898     float: right;
 899     height: 1%;
 900 }
 901 #f-copyrightico {
 902     float: left;
 903     height: 1%;
 904 }
 905
 906 /* js pref toc */
 907 #preftoc {
 908     float: left;
 909     margin: 1em 1em 1em 1em;
 910     width: 13em;
 911 }
 912 #preftoc li { border: 1px solid White; }
 913 #preftoc li.selected {
 914     background-color:#f9f9f9;
 915     border:1px dashed #aaaaaa;
 916 }
 917 #preftoc a,
 918 #preftoc a:active {
 919     display: block;
 920     color: #0014a6;
 921 }
 922 #prefcontrol {
 923     clear: both;
 924     float: left;
 925     margin-top: 1em;
 926 }
 927 div.prefsectiontip {
 928     font-size: 95%;
 929     margin-top: 1em;
 930 }
 931 fieldset.operaprefsection { margin-left: 15em }
 932
 933 /*
 934 ** IE/Mac fixes, hope to find a validating way to move this
 935 ** to a separate stylesheet. This would work but doesn't validate:
 936 ** @import("IEMacFixes.css");
 937 */
 938 /* tabs: border on the a, not the div */
 939 * > html #p-cactions li { border:none; }
 940 * > html #p-cactions li a {
 941     border: 1px solid #aaaaaa;
 942     border-bottom: none;
 943 }
 944 * > html #p-cactions li.selected a { border-color: #fabd23; }
 945 /* footer icons need a fixed width */
 946 * > html #f-poweredbyico,
 947 * > html #f-copyrightico { width: 88px; }
 948 * > html #bodyContent,
 949 * > html #bodyContent pre {
 950     overflow-x: auto;
 951     width: 100%;
 952     padding-bottom: 25px;
 953 }
 954
 955 /* more IE fixes */
 956 /* float/negative margin brokenness */
 957 * html #footer {margin-top: 0;}
 958 * html #column-content {
 959     display: inline;
 960     margin-bottom: 0;
 961 }
 962 * html div.editsection { font-size: smaller; }
 963 #pagehistory li.selected { position: relative; }
 964
 965 /* Mac IE 5.0 fix; floated content turns invisible */
 966 * > html #column-content {
 967     float: none;
 968 }
 969 * > html #column-one {
 970     position: absolute;
 971     left: 0;
 972     top: 0;
 973 }
 974 * > html #footer {
 975     margin-left: 13.2em;
 976 }
 977 .redirectText {
 978         font-size:150%;
 979         margin:5px;
 980 }
 981
 982 .printfooter {
 983         display: none;
 984 }
 985
 986 ul.special li.not_patrolled, ol.special li.not_patrolled {
 987         background-color: #2A3C61;
 988 }
 989 div.patrollink {
 990         font-size: 75%;
 991         text-align: right;
 992 }
 993 span.newpage, span.minor, span.searchmatch {
 994         font-weight: bold;
 995 }
 996 span.searchmatch {
 997         color: red;
 998 }
 999
1000 span.updatedmarker {
1001         color:black;
1002         background-color:#00FF00;
1003 }
1004 span.newpageletter {
1005         font-weight:bold;
1006         color:black;
1007         background-color:yellow;
1008 }
1009 span.minoreditletter {
1010         color:black;
1011         background-color:#C5FFE6;
1012 }
1013
1014 table.gallery {
1015         border:  1px solid #cccccc;
1016         margin:  2px;
1017         padding: 2px;
1018         background-color:#ffffff;
1019 }
1020
1021 table.gallery tr {
1022         vertical-align:top;
1023 }
1024
1025 table.gallery td {
1026       vertical-align:top;
1027       background-color:#f9f9f9;
1028       border: solid 2px white;
1029 }
1030
1031
1032 div.gallerybox {
1033         margin: 2px;
1034         width:  150px;
1035 }
1036
1037 div.gallerybox div.thumb {
1038         text-align: center;
1039         border: 1px solid #cccccc;
1040         margin: 2px;
1041 }
1042
1043 div.gallerytext {
1044         font-size: 94%;
1045         padding: 2px 4px;
1046 }
1047