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