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