themes/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 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css
  11 ** by Jeff Dairiki
  12 */
  13
  14 #column-content {
  15         width: 100%;
  16         float: right;
  17         margin: 0 0 .6em -12.2em;
  18         padding: 0;
  19         height: 1%;
  20 }
  21 #content {
  22         margin: 2.9em 0 0 12.2em;
  23         padding: 0 1em 1.5em 1em;
  24         background: white;
  25         color: black;
  26         border: 1px solid #aaa;
  27         border-right: none;
  28         line-height: 1.5em;
  29         position: relative;
  30         z-index: 2;
  31 }
  32 #column-one {
  33         padding-top:160px;
  34         position: absolute;
  35         top: 0;
  36         left: 0;
  37         z-index: 4;
  38 }
  39 /* the left column width is specified in class .portlet */
  40
  41 /* Font size:
  42 ** We take advantage of keyword scaling- browsers won't go below 9px
  43 ** More at http://www.w3.org/2003/07/30-font-size
  44 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  45 */
  46
  47 body {
  48     font: small sans-serif;
  49     background: #f9f9f9 url("images/headbg.jpg") 0 0 no-repeat;
  50     color: black;
  51     margin: 0;
  52     padding: 0;
  53 }
  54
  55 /* scale back up to a sane default */
  56 #globalWrapper {
  57         font-size: 127%;
  58         width: 100%;
  59         margin: 0;
  60         padding: 0;
  61 }
  62 .visualClear {
  63         clear: both;
  64 }
  65
  66 /* general styles */
  67
  68 table {
  69         font-size: 100%;
  70         color: black;
  71 }
  72 a {
  73     text-decoration: none;
  74     color: #004ba6;
  75     background: none;
  76 }
  77 a:visited { color: #5a3696; }
  78 a:active { color: #faa700; }
  79 a:hover { text-decoration: underline; }
  80 a.stub { color: #772233; }
  81 a.new, #p-personal a.new {
  82         color: #ba0000;
  83 }
  84 a.new:visited, #p-personal a.new:visited {
  85         color: #a55858;
  86 }
  87
  88 img {
  89         border: none;
  90         vertical-align: middle;
  91 }
  92 p {
  93         margin: .4em 0 .5em 0;
  94         line-height: 1.5em;
  95 }
  96 p img {
  97         margin: 0;
  98 }
  99
 100 hr {
 101         height: 1px;
 102         color: #aaa;
 103         background-color: #aaa;
 104         border: 0;
 105         margin: .2em 0 .2em 0;
 106 }
 107
 108 h1, h2, h3, h4, h5, h6 {
 109     color: black;
 110     background: none;
 111     font-weight: bold;
 112     font-family: Tahoma, sans-serif;
 113     margin: 0;
 114     padding-top: 0.5em;
 115     padding-bottom: 0.17em;
 116     border-bottom: 1px solid #aaa;
 117 }
 118 h1 { font-size: 188%; }
 119 h2 { font-size: 150%; }
 120 h3 { font-size: 132%; }
 121 h4 { font-size: 116%; }
 122 h5 { font-size: 100%; }
 123 h6 { font-size: 80%;  }
 124 h4, h5, h6 {
 125     border-bottom: none;
 126     font-weight: normal;
 127 }
 128 ul {
 129     line-height: 1.5em;
 130     list-style-type: square;
 131     margin: 0.3em 0 0 1.5em;
 132     padding:0;
 133     list-style-image: url("images/bullet.png");
 134 }
 135 ol {
 136         line-height: 1.5em;
 137         margin: 0.3em 0 0 3.2em;
 138         padding:0;
 139         list-style-image: none;
 140 }
 141 li {    margin-bottom: 0.1em; }
 142 dt {
 143         font-weight: bold;
 144         margin-bottom: .1em;
 145 }
 146 dl {
 147         margin-top: .2em;
 148         margin-bottom: .5em;
 149 }
 150 dd {
 151         line-height: 1.5em;
 152         margin-left: 2em;
 153         margin-bottom: .1em;
 154 }
 155
 156 fieldset {
 157     border: 1px solid #2f6fab;
 158     margin: 1em 0 1em 0;
 159     padding: 0 1em 1em 1em;
 160     line-height: 1.5em;
 161 }
 162 legend {
 163     /*background: white;*/
 164     padding: 0.5em;
 165     font-size: 95%;
 166 }
 167 form {
 168     border: none;
 169     margin: 0;
 170 }
 171
 172 textarea {
 173         width: 100%;
 174         padding: .1em;
 175 }
 176
 177 input.historysubmit {
 178     padding: 0 0.3em 0.3em 0.3em !important;
 179     font-size: 94%;
 180     cursor: pointer;
 181     height: 1.7em !important;
 182     margin-left: 1.6em;
 183 }
 184 select {
 185         vertical-align: top;
 186 }
 187 abbr, acronym, .explain {
 188         border-bottom: 1px dotted black;
 189         color: black;
 190         background: none;
 191         cursor: help;
 192 }
 193 q {
 194         font-family: Times, "Times New Roman", serif;
 195         font-style: italic;
 196 }
 197 /* disabled for now
 198 blockquote {
 199         font-family: Times, "Times New Roman", serif;
 200         font-style: italic;
 201 }*/
 202 code {
 203         background-color: #f9f9f9;
 204 }
 205 pre {
 206         padding: 1em;
 207         border: 1px dashed #2f6fab;
 208         color: black;
 209         background-color: #f9f9f9;
 210         line-height: 1.1em;
 211 }
 212
 213 /*
 214 ** the main content area
 215 */
 216
 217 #siteSub { display: none; }
 218 #jump-to-nav {
 219         display: none;
 220 }
 221 #contentSub {
 222     font-size: 84%;
 223     line-height: 1.2em;
 224     margin: 0 0 1.4em 1em;
 225     color: #7d7d7d;
 226     width: auto;
 227 }
 228 span.subpages { display: block; }
 229
 230 /* Some space under the headers in the content area */
 231 #bodyContent h1, #bodyContent h2 {
 232         margin-bottom: .6em;
 233 }
 234 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 235         margin-bottom: .3em;
 236 }
 237 .firstHeading { margin-bottom:0.1em; }
 238
 239 /* user notification thing */
 240 .usermessage {
 241         background-color: #ffce7b;
 242         border: 1px solid #ffa500;
 243         color: black;
 244         font-weight: bold;
 245         margin: 2em 0 1em;
 246         padding: .5em 1em;
 247         vertical-align: middle;
 248 }
 249 #siteNotice {
 250         text-align: center;
 251         font-size: 95%;
 252         padding: 0 .9em;
 253 }
 254 #siteNotice p {
 255         margin: 0;
 256         padding: 0;
 257 }
 258 .error {
 259         color: red;
 260         font-size: larger;
 261 }
 262 .errorbox, .successbox {
 263         font-size: larger;
 264         border: 2px solid;
 265         padding: .5em 1em;
 266         float: left;
 267         margin-bottom: 2em;
 268         color: #000;
 269 }
 270 .errorbox {
 271         border-color: red;
 272         background-color: #fff2f2;
 273 }
 274 .successbox {
 275         border-color: green;
 276         background-color: #dfd;
 277 }
 278 .errorbox h2, .successbox h2 {
 279         font-size: 1em;
 280         font-weight: bold;
 281         display: inline;
 282         margin: 0 .5em 0 0;
 283         border: none;
 284 }
 285
 286 #catlinks {
 287         border: 1px solid #aaa;
 288         background-color: #f9f9f9;
 289         padding: 5px;
 290         margin-top: 1em;
 291         clear: both;
 292 }
 293 /* currently unused, intended to be used by a metadata box
 294 in the bottom-right corner of the content area */
 295 .documentDescription {
 296         /* The summary text describing the document */
 297         font-weight: bold;
 298         display: block;
 299         margin: 1em 0;
 300         line-height: 1.5em;
 301 }
 302 .documentByLine {
 303         text-align: right;
 304         font-size: 90%;
 305         clear: both;
 306         font-weight: normal;
 307         color: #76797c;
 308 }
 309
 310 /* emulate center */
 311 .center {
 312         width: 100%;
 313         text-align: center;
 314 }
 315 *.center * {
 316         margin-left: auto;
 317         margin-right: auto;
 318 }
 319 /* small for tables and similar */
 320 .small, .small * {
 321         font-size: 94%;
 322 }
 323 table.small {
 324         font-size: 100%;
 325 }
 326
 327 /*
 328 ** content styles
 329 */
 330 #toc,
 331 .toc {
 332         width: 200px;
 333         border: 1px solid #aaa;
 334         background-color: #f9f9f9;
 335         padding: 5px;
 336         font-size: 95%;
 337         float: right;
 338         clear: right;
 339 }
 340 #toc h2,
 341 .toc h2 {
 342         display: inline;
 343         border: none;
 344         padding: 0;
 345         font-size: 110%;
 346         font-weight: bold;
 347 }
 348 .toc #toclist {
 349   width: auto;
 350   border: none;
 351 }
 352 #toc #toctitle,
 353 .toc #toctitle,
 354 #toc .toctitle,
 355 .toc .toctitle {
 356   text-align: center;
 357 }
 358 /*
 359 #toc ul,
 360 .toc ul {
 361         list-style-type: none;
 362         list-style-image: none;
 363         margin-left: 0;
 364         padding-left: 0;
 365         text-align: left;
 366 }
 367 */
 368 #toc ul,
 369 .toc ul {
 370   width: auto;
 371   border: none;
 372   line-height: 1.5em;
 373   list-style-type: square;
 374   list-style-image: url("images/bullet.png");
 375   font-size: 95%;
 376   margin-left: 5px;
 377   padding-left: 5px;
 378 }
 379 #toc ul ul,
 380 .toc ul ul {
 381   margin: 0 0 0 2em;
 382 }
 383 #toc .toctoggle,
 384 .toc .toctoggle {
 385   font-size: 94%;
 386 }
 387
 388 .mw-warning {
 389   border: 1px solid #aaa;
 390   background-color: #f9f9f9;
 391   padding: 5px;
 392   font-size: 95%;
 393 }
 394 .mw-warning {
 395   margin-left: 50px;
 396   margin-right: 50px;
 397   text-align: center;
 398 }
 399
 400 /* images */
 401 div.floatright, table.floatright {
 402   clear: right;
 403   float: right;
 404   position: relative;
 405   margin: 0 0 .5em .5em;
 406   border: 0;
 407 /*
 408         border: .5em solid white;
 409         border-width: .5em 0 .8em 1.4em;
 410 */
 411 }
 412 div.floatright p { font-style: italic; }
 413 div.floatleft, table.floatleft {
 414         float: left;
 415         position: relative;
 416         margin: 0 .5em .5em 0;
 417         border: 0;
 418 /*
 419         margin: .3em .5em .5em 0;
 420         border: .5em solid white;
 421         border-width: .5em 1.4em .8em 0;
 422 */
 423 }
 424 div.floatleft p { font-style: italic; }
 425 /* thumbnails */
 426 div.thumb {
 427         margin-bottom: .5em;
 428         border-style: solid;
 429         border-color: white;
 430         width: auto;
 431 }
 432 div.thumb div {
 433         border: 1px solid #ccc;
 434         padding: 3px !important;
 435         background-color: #f9f9f9;
 436         font-size: 94%;
 437         text-align: center;
 438         overflow: hidden;
 439 }
 440 div.thumb div a img {
 441         border: 1px solid #ccc;
 442 }
 443 div.thumb div div.thumbcaption {
 444         border: none;
 445         text-align: left;
 446         line-height: 1.4em;
 447         padding: .3em 0 .1em 0;
 448 }
 449 div.magnify {
 450         float: right;
 451         border: none !important;
 452         background: none !important;
 453 }
 454 div.magnify a, div.magnify img {
 455         display: block;
 456         border: none !important;
 457         background: none !important;
 458 }
 459 div.tright {
 460         clear: right;
 461         float: right;
 462         border-width: .5em 0 .8em 1.4em;
 463 }
 464 div.tleft {
 465         float: left;
 466         margin-right: .5em;
 467         border-width: .5em 1.4em .8em 0;
 468 }
 469
 470 .hiddenStructure {
 471         display: none;
 472         speak: none;
 473 }
 474 img.tex {
 475         vertical-align: middle;
 476 }
 477 span.texhtml {
 478         font-family: serif;
 479 }
 480
 481 /*
 482 ** classes for special content elements like town boxes
 483 ** intended to be referenced directly from the wiki src
 484 */
 485
 486 /*
 487 ** User styles
 488 */
 489 /* table standards */
 490 table.rimage {
 491         float: right;
 492         position: relative;
 493         margin-left: 1em;
 494         margin-bottom: 1em;
 495         text-align: center;
 496 }
 497 .toccolours {
 498         border: 1px solid #aaa;
 499         background-color: #f9f9f9;
 500         padding: 5px;
 501         font-size: 95%;
 502 }
 503 div.townBox {
 504         position: relative;
 505         float: right;
 506         background: white;
 507         margin-left: 1em;
 508         border: 1px solid gray;
 509         padding: .3em;
 510         width: 200px;
 511         overflow: hidden;
 512         clear: right;
 513 }
 514 div.townBox dl {
 515         padding: 0;
 516         margin: 0 0 .3em;
 517         font-size: 96%;
 518 }
 519 div.townBox dl dt {
 520         background: none;
 521         margin: .4em 0 0;
 522 }
 523 div.townBox dl dd {
 524         margin: .1em 0 0 1.1em;
 525         background-color: #f3f3f3;
 526 }
 527
 528 /*
 529 ** edit views etc
 530 */
 531 .special li {
 532         line-height: 1.4em;
 533         margin: 0;
 534         padding: 0;
 535 }
 536
 537 /* Page history styling */
 538 /* the auto-generated edit comments */
 539 .autocomment {
 540         color: gray;
 541 }
 542 #pagehistory span.user {
 543         margin-left: 1.4em;
 544         margin-right: .4em;
 545 }
 546 #pagehistory span.minor {
 547         font-weight: bold;
 548 }
 549 #pagehistory li {
 550         border: 1px solid white;
 551 }
 552 #pagehistory li.selected {
 553         background-color: #f9f9f9;
 554         border: 1px dashed #aaa;
 555 }
 556
 557 /*
 558 ** Diff rendering (unused)
 559 */
 560 table.diff, td.diff-otitle, td.diff-ntitle {
 561         background-color: white;
 562 }
 563 td.diff-addedline {
 564         background: #cfc;
 565         font-size: smaller;
 566 }
 567 td.diff-deletedline {
 568         background: #ffa;
 569         font-size: smaller;
 570 }
 571 td.diff-context {
 572         background: #eee;
 573         font-size: smaller;
 574 }
 575 span.diffchange {
 576         color: red;
 577         font-weight: bold;
 578 }
 579
 580 /**
 581  * Diff Output
 582  */
 583 /* main box */
 584 .diff {
 585   margin-top:    1ex;
 586   margin-bottom: 0.5ex;
 587   background: white;
 588   /* Netscape 4 requires this 1px border.
 589      Without it, the paper borders below cause
 590      the white background to disappear. */
 591   border: 1px #ccc solid;
 592   color: black;
 593   border-top: 1px solid #494f5d;
 594   border-left:  1px solid #494f5d;
 595   border-bottom:  1px solid #c6d2de;
 596   border-right: 1px solid #c6d2de;
 597   padding-top:    1px;
 598   padding-bottom: 1px;
 599   padding-left:  .125em;
 600   padding-right: .125em;
 601   padding: 0;
 602   /* "paper" borders */
 603   /*border-top: 2px #d2d2d2 solid;
 604   border-left:  2px #b2b2b2 solid;
 605   border-bottom:  2px #e8e6df solid;
 606   border-right: 2px #e8e6df solid;*/
 607 /*  padding-left:  0em;
 608   padding-bottom: 0ex;*/
 609 /*  border-style: inset;*/
 610   /*This breaks Netscape 4: (display does not go full width).
 611    * width: auto;
 612    */
 613   /* I'm not sure what the intent of this was, but it's
 614    *  not valid CSS: */
 615   /* display: editarea; */
 616   clear: both;
 617 }
 618 .diff .block {
 619   background: #ddd;
 620   padding-left: 1em;
 621   /* for NS4 */
 622   /*border: none;*/
 623 }
 624
 625 /* individual blocks */
 626 .diff .context {
 627   background: white;
 628   /* for NS4 */
 629   border: none;
 630 }
 631 /* entire difftextblock */
 632 .difftext {
 633   margin-top:    0;
 634   margin-bottom: 0;
 635   background: white;
 636   /* Netscape 4 requires this 1px border.
 637      Without it, the paper borders below cause
 638      the white background to disappear. */
 639   border: 1px black solid;
 640   /* "paper" borders */
 641   border-top:  1px #e8e6df solid;
 642   border-left: 1px #e8e6df solid;
 643   border-bottom: 1px #d2d2d2 solid;
 644   border-right:  1px #b2b2b2 solid;
 645   padding-left:  0em;
 646   padding-right: 0em;
 647   padding-top:    0ex;
 648   padding-bottom: 0ex;
 649   /*This breaks Netscape 4: (display does not go full width).
 650    * width: auto;
 651    */
 652   clear: both;
 653 }
 654 /* + - line prefix */
 655 .diff .block tt {
 656   font-weight: normal;
 657   font-family: monospace;
 658   color: black;
 659   /* for NS4 */
 660   margin-left: 0;
 661   border: none;
 662 }
 663 /* changed words */
 664 .diff del, .diff ins {
 665   font-weight: bold;
 666   text-decoration: none;
 667 }
 668
 669 /* blocks containing deleted or added words */
 670 .diff .original, .diff .deleted,
 671 .diff .final, .diff .added {
 672   background: white;
 673 }
 674 /* blocks containing deleted words */
 675 .diff .original, .diff .deleted {
 676   background: #fcc;
 677   /* for NS4 */
 678   border: none;
 679 }
 680 /* blocks containing added words */
 681 .diff .final, .diff .added {
 682   background: #cfc;
 683   /* for NS4 */
 684   border: none;
 685 }
 686
 687 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
 688 /* deleted words */
 689 .diff del { background: #f99; }
 690 /* added words */
 691 .diff ins { background: #9f9; }
 692
 693 /**
 694  * PageHistory, Info
 695  */
 696 td.pageinfo { font-weight: bold; }
 697 .pageinfo-minoredit, .pageinfo-authorid {
 698   font-size: smaller;
 699   font-style: oblique;
 700 }
 701
 702 /**
 703  * Calendar plugin
 704  */
 705 table.cal {
 706   border: 1px outset gray;
 707   background: white;
 708   margin: 0.5ex 0.5em;
 709   padding: 1px;
 710   /* For Mozilla */
 711   empty-cells: hide;
 712 }
 713
 714 /* cells */
 715 table.cal td {
 716   background: white;
 717   text-align: right;
 718 }
 719
 720 /* Month-name header */
 721 table.cal-header { font-size: larger; }
 722 table.cal-header tr, table.cal-header td { text-align: center; }
 723 .cal-arrow {
 724   font-weight: bold;
 725   text-decoration: none;
 726 }
 727
 728 /* Day-names header */
 729 table.cal tbody tr .cal-dayname {  }
 730 .cal-dayname td {
 731   text-align: center;
 732   font-size: smaller;
 733   text-decoration: underline;
 734 }
 735
 736 /* Individual days */
 737 a.cal-hide { text-decoration: none; }
 738
 739 /* Today */
 740  /* cell */
 741 table.cal td.cal-today {
 742   margin: 1px;
 743   border: 1px solid gray;
 744 }
 745  /* text */
 746 table.cal td.cal-today a.cal-hide {  }
 747
 748 /*
 749 ** keep the whitespace in front of the ^=, hides rule from konqueror
 750 ** this is css3, the validator doesn't like it when validating as css2
 751 */
 752 #bodyContent a.external,
 753 #bodyContent a[href ^="gopher://"] {
 754     background: url("images/url.png") center right no-repeat;
 755     padding-right: 13px;
 756 }
 757 #bodyContent a[href ^="https://"],
 758 .link-https {
 759     background: url("images/lock_icon.png") center right no-repeat;
 760     padding-right: 16px;
 761 }
 762 #bodyContent a[href ^="mailto:"],
 763 .link-mailto {
 764     background: url("images/mail_icon.png") center right no-repeat;
 765     padding-right: 18px;
 766 }
 767 #bodyContent a[href ^="news://"] {
 768     background: url("images/news_icon.png") center right no-repeat;
 769     padding-right: 18px;
 770 }
 771 #bodyContent a[href ^="ftp://"],
 772 .link-ftp {
 773     background: url("images/file_icon.png") center right no-repeat;
 774     padding-right: 18px;
 775 }
 776 #bodyContent a[href ^="irc://"],
 777 .link-irc {
 778     background: url("images/discussionitem_icon.png")  center right no-repeat;
 779     padding-right: 18px;
 780 }
 781 /* disable interwiki styling */
 782 #bodyContent a.extiw,
 783 #bodyContent a.extiw:active {
 784         color: #36b;
 785         background: none;
 786         padding: 0;
 787 }
 788 #bodyContent a.external {
 789         color: #36b;
 790 }
 791 /* this can be used in the content area to switch off
 792 special external link styling */
 793 #bodyContent .plainlinks a {
 794         background: none !important;
 795         padding: 0 !important;
 796 }
 797 /*
 798 ** Structural Elements
 799 */
 800
 801 /*
 802 ** general portlet styles (elements in the quickbar)
 803 */
 804 .portlet {
 805         border: none;
 806         margin: 0 0 .5em;
 807         padding: 0;
 808         float: none;
 809         width: 11.6em;
 810         overflow: hidden;
 811 }
 812 .portlet h4 {
 813     font-size: 95%;
 814     font-weight: normal;
 815     white-space: nowrap;
 816 }
 817 .portlet h5 {
 818     background: transparent;
 819     padding: 0em 1em 0em 0.5em;
 820     text-transform: lowercase;
 821     display: inline;
 822     font-size: 91%;
 823     height: 1em;
 824     font-weight: normal;
 825     white-space: nowrap;
 826 }
 827 .portlet h6 {
 828     background: #ffae2e;
 829     border: 1px solid #2f6fab;
 830     border-style: solid solid none solid;
 831     padding: 0em 1em 0em 1em;
 832     text-transform: lowercase;
 833     display: block;
 834     font-size: 1em;
 835     height: 1.2em;
 836     font-weight: normal;
 837     white-space: nowrap;
 838 }
 839 .pBody {
 840         font-size: 95%;
 841         background-color: white;
 842         color: black;
 843         border-collapse: collapse;
 844         border: 1px solid #aaa;
 845         padding: 0 .8em .3em .5em;
 846 }
 847 .portlet h1,
 848 .portlet h2,
 849 .portlet h3,
 850 .portlet h4 {
 851         margin: 0;
 852         padding: 0;
 853 }
 854 .portlet ul {
 855     line-height: 1.5em;
 856     list-style-type: square;
 857     list-style-image: url("images/bullet.png");
 858     font-size:95%;
 859 }
 860 .portlet li {
 861     padding:0;
 862     margin: 0 0 0 0;
 863     margin-bottom: 0;
 864 }
 865
 866 /*
 867 ** Logo properties
 868  * Optionally at the right also an image
 869 */
 870
 871 #p-logo {
 872         z-index: 0;
 873         position: absolute; /*needed to use z-index */
 874         top: 0;
 875         left: 0;
 876         height: 155px;
 877         width: 12em;
 878         overflow: visible;
 879 }
 880 #p-logo h5 {
 881         display: none;
 882 }
 883 #p-logo a,
 884 #p-logo a:hover {
 885         display: block;
 886         height: 155px;
 887         width: 12.2em;
 888         background-repeat: no-repeat;
 889         background-position: 35% 50% !important;
 890         text-decoration: none;
 891 }
 892 /* At the right we put a small "wiki star" */
 893 #img-logo-right {
 894   position: absolute;
 895   z-index: 4;
 896   top:  0;
 897   right: 0;
 898   height: 86px;
 899   width: 86px;
 900   background: url("images/wiki_stamp.png") left no-repeat;
 901   background-repeat: no-repeat;
 902   overflow: visible;
 903 }
 904
 905 /*
 906 ** the navigation portlet
 907 */
 908
 909 #p-navigation {
 910         position: relative;
 911         z-index: 3;
 912 }
 913 #p-navigation .pBody {
 914         padding-right: 0;
 915 }
 916
 917 #p-navigation a {
 918         display: block;
 919 }
 920
 921 #p-navigation li.active a, #p-navigation li.active a:hover {
 922         text-decoration: none;
 923         display: inline;
 924         font-weight: bold;
 925 }
 926
 927
 928 /*
 929 ** Search portlet
 930 */
 931 #p-search {
 932     position:relative;
 933     z-index: 3;
 934 }
 935 input.searchButton {
 936     margin-top:1px;
 937     padding: 0 0.4em !important;
 938     font-size: 95%;
 939     cursor: pointer;
 940     background-color: White;
 941     border: 1px solid #2f6fab;
 942 }
 943 #searchGoButton {
 944         padding-left: .5em;
 945         padding-right: .5em;
 946         font-weight: bold;
 947 }
 948 /*#searchInput, */
 949 #livesearch, #p-search input.dropdown {
 950   text-align: left;
 951   width: 9.9em;
 952   /*margin: 0;*/
 953   font-size: 95%;
 954 }
 955 #p-search .pBody {
 956         padding: .5em .4em .4em .4em;
 957         text-align: center;
 958 }
 959
 960 /*
 961 ** the personal toolbar
 962 */
 963
 964 #p-personal {
 965     width:40em;
 966     white-space:nowrap;
 967     padding:0 0 0 0;
 968     margin:0;
 969     position:absolute;
 970     right: 90px;
 971     top:0.1em;
 972     z-index: 4;
 973     border: none;
 974     overflow: visible;
 975     color: black;
 976     line-height: 1.2em;
 977 }
 978
 979 #p-personal h5 {
 980     display:none;
 981 }
 982 #p-personal .portlet,
 983 #p-personal .pBody {
 984     padding:0;
 985     margin:0;
 986     border: none;
 987     z-index: 0;
 988     overflow: visible;
 989     background: none;
 990 }
 991 /* this is the ul contained in the portlet */
 992 #p-personal ul {
 993     border: none;
 994     line-height: 1.5em;
 995     color: #2f6fab;
 996     padding: 0em 2em 0 3em;
 997     margin: 0;
 998     text-align: right;
 999     /*text-transform: lowercase;*/
1000     list-style: none;
1001     z-index: 0;
1002     background: none;
1003     cursor: default;
1004 }
1005 #p-personal li {
1006     z-index: 0;
1007     border:none;
1008     padding:0;
1009     display: inline;
1010     color: #2f6fab;
1011     margin-left: 1em;
1012     line-height: 1.2em;
1013     background: none;
1014 }
1015 #p-personal li a {
1016     text-decoration: none;
1017     color: #005896;
1018     padding-bottom: 0.2em;
1019     background: none;
1020 }
1021 #p-personal li a:hover {
1022         background-color: white;
1023         padding-bottom: .2em;
1024         text-decoration: none;
1025 }
1026 #p-personal li.active a:hover {
1027         background-color: transparent;
1028 }
1029 /* the icon in front of the user name, single quotes
1030 in bg url to hide it from iemac */
1031 li#pt-userpage,
1032 li#pt-anonuserpage,
1033 li#pt-login {
1034     /*background:  url('images/wikiuser.png') top left bottom no-repeat;*/
1035     background:  url('images/wikiuser.png') left no-repeat;
1036     background-repeat: no-repeat;
1037     padding-left: 20px;
1038     text-transform: none;
1039 }
1040 #p-personal a.new { color:#ba0000; }
1041
1042 /*
1043 ** the page-related actions- page/talk, edit etc
1044 */
1045 #p-cactions {
1046     position:absolute;
1047     z-index: 0;
1048     top: 1.3em;
1049     left: 11.5em;
1050     margin: 0;
1051     white-space:nowrap;
1052     width: 76%;
1053     line-height: 1.1em;
1054     overflow: visible;
1055     background: none;
1056     border-collapse: collapse;
1057     padding-left: 1em;
1058     list-style: none;
1059     font-size: 95%;
1060 }
1061 #p-cactions .hiddenStructure {
1062         display: none;
1063 }
1064 #p-cactions ul {
1065     list-style: none;
1066 }
1067 #p-cactions li {
1068         display: inline;
1069         border: 1px solid #aaa;
1070         border-bottom: none;
1071         padding: 0 0 .1em 0;
1072         margin: 0 .3em 0 0;
1073         overflow: visible;
1074         background: white;
1075 }
1076 #p-cactions li.selected {
1077         border-color: #fabd23;
1078         padding: 0 0 0.2em 0;
1079 }
1080 #p-cactions li a {
1081         background-color: #fbfbfb;
1082         color: #002bb8;
1083         border: none;
1084         padding: 0 .8em .3em;
1085         text-decoration: none;
1086         /*text-transform: lowercase;*/
1087         position: relative;
1088         z-index: 0;
1089         margin: 0;
1090 }
1091 #p-cactions li.selected a {
1092         z-index: 3;
1093         background-color: #fff;
1094         padding: 0 1em .2em !important;
1095 }
1096 #p-cactions .new a {
1097         color: #ba0000;
1098 }
1099 #p-cactions li a:hover {
1100         z-index: 3;
1101         text-decoration: none;
1102         background-color: #fff;
1103 }
1104 #p-cactions h5 {
1105         display: none;
1106 }
1107 #p-cactions li.istalk {
1108         margin-right: 0;
1109 }
1110 #p-cactions li.istalk a {
1111         padding-right: .5em;
1112 }
1113 #p-cactions #ca-addsection a {
1114         padding-left: .4em;
1115         padding-right: .4em;
1116 }
1117 /* offsets to distinguish the tab groups */
1118 li#ca-talk {
1119         margin-right: 1.6em;
1120 }
1121 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1122         margin-left: 1.6em;
1123 }
1124
1125 /*
1126 ** the remaining portlets
1127 */
1128 #p-tbx,
1129 #p-lang {
1130         position: relative;
1131         z-index: 3;
1132 }
1133
1134 /*
1135 ** footer
1136 */
1137 #footer {
1138         background-color: white;
1139         border-top: 1px solid #fabd23;
1140         border-bottom: 1px solid #fabd23;
1141         margin: .6em 0 1em 0;
1142         border-left: 1px solid #fabd23;
1143         margin-left: 13.6em;
1144         padding: .4em 0 1.2em 0;
1145         text-align: center;
1146         font-size: 90%;
1147 }
1148 #footer li {
1149         display: inline;
1150         margin: 0 1.3em;
1151 }
1152 /* hide from incapable browsers */
1153 head:first-child+body #footer li { white-space: nowrap; }
1154 #f-poweredbyico, #f-copyrightico {
1155     margin: 0 8px;
1156     /*vertical-align: middle;*/
1157     height: 31px;
1158     position: relative;
1159     top: -31px; /* Bump it up just a tad */
1160 }
1161 #f-poweredbyico {
1162     float: right;
1163 }
1164 #f-copyrightico {
1165     float: left;
1166 }
1167
1168 /* js pref toc */
1169 #preftoc {
1170     float: left;
1171     margin: 1em 1em 1em 1em;
1172     width: 13em;
1173 }
1174 #preftoc li { border: 1px solid White; }
1175 #preftoc li.selected {
1176     background-color:#f9f9f9;
1177     border:1px dashed #aaaaaa;
1178 }
1179 #preftoc a,
1180 #preftoc a:active {
1181     display: block;
1182     color: #0014a6;
1183 }
1184 #prefcontrol {
1185     clear: both;
1186     float: left;
1187     margin-top: 1em;
1188 }
1189 div.prefsectiontip {
1190     font-size: 95%;
1191     margin-top: 1em;
1192 }
1193 fieldset.operaprefsection { margin-left: 15em }
1194
1195 /*
1196 ** IE/Mac fixes, hope to find a validating way to move this
1197 ** to a separate stylesheet. This would work but doesn't validate:
1198 ** @import("IEMacFixes.css");
1199 */
1200
1201 /* tabs: border on the a, not the div */
1202 * > html #p-cactions li { border:none; }
1203 * > html #p-cactions li a {
1204         border: 1px solid #aaa;
1205         border-bottom: none;
1206 }
1207 * > html #p-cactions li.selected a { border-color: #fabd23; }
1208 /* footer icons need a fixed width */
1209 * > html #f-poweredbyico,
1210 * > html #f-copyrightico { width: 88px; }
1211 * > html #bodyContent,
1212 * > html #bodyContent pre {
1213         overflow-x: auto;
1214         width: 100%;
1215         padding-bottom: 25px;
1216 }
1217
1218 /* more IE fixes */
1219 /* float/negative margin brokenness */
1220 * html #footer {margin-top: 0;}
1221 * html #column-content {
1222         display: inline;
1223         margin-bottom: 0;
1224 }
1225 * html div.editsection { font-size: smaller; }
1226 #pagehistory li.selected { position: relative; }
1227
1228 /* Mac IE 5.0 fix; floated content turns invisible */
1229 * > html #column-content {
1230         float: none;
1231 }
1232 * > html #column-one {
1233         position: absolute;
1234         left: 0;
1235         top: 0;
1236 }
1237 * > html #footer {
1238         margin-left: 13.2em;
1239 }
1240 .redirectText {
1241         font-size: 150%;
1242         margin: 5px;
1243 }
1244
1245 .printfooter {
1246         display: none;
1247 }
1248
1249 .not-patrolled {
1250         background-color: #ffa;
1251 }
1252 div.patrollink {
1253         font-size: 75%;
1254         text-align: right;
1255 }
1256 span.newpage, span.minor, span.searchmatch, span.bot {
1257         font-weight: bold;
1258 }
1259 span.unpatrolled {
1260         font-weight: bold;
1261         color: red;
1262 }
1263
1264 span.searchmatch {
1265         color: red;
1266 }
1267 .sharedUploadNotice {
1268         font-style: italic;
1269 }
1270
1271 span.updatedmarker {
1272         color: black;
1273         background-color: #0f0;
1274 }
1275 span.newpageletter {
1276         font-weight: bold;
1277         color: black;
1278         background-color: yellow;
1279 }
1280 span.minoreditletter {
1281         color: black;
1282         background-color: #c5ffe6;
1283 }
1284
1285 table.gallery {
1286         border: 1px solid #ccc;
1287         margin: 2px;
1288         padding: 2px;
1289         background-color: white;
1290 }
1291
1292 table.gallery tr {
1293         vertical-align: top;
1294 }
1295
1296 table.gallery td {
1297         vertical-align: top;
1298         background-color: #f9f9f9;
1299         border: solid 2px white;
1300 }
1301
1302 table.gallery td.galleryheader {
1303         text-align: center;
1304         font-weight: bold;
1305 }
1306
1307 div.gallerybox {
1308         margin: 2px;
1309         width:  150px;
1310 }
1311
1312 div.gallerybox div.thumb {
1313         text-align: center;
1314         border: 1px solid #ccc;
1315         margin: 2px;
1316 }
1317
1318 div.gallerytext {
1319         font-size: 94%;
1320         padding: 2px 4px;
1321 }
1322
1323 span.comment {
1324         font-style: italic;
1325 }
1326
1327 span.changedby {
1328         font-size: 95%;
1329 }
1330
1331 .previewnote {
1332         text-indent: 3em;
1333         color: #c00;
1334         border-bottom: 1px solid #aaa;
1335         padding-bottom: 1em;
1336         margin-bottom: 1em;
1337 }
1338
1339 .previewnote p {
1340         margin: 0;
1341         padding: 0;
1342 }
1343
1344 .editExternally {
1345         border: 1px solid gray;
1346         background-color: #ffffff;
1347         padding: 3px;
1348         margin-top: 0.5em;
1349         float: left;
1350         font-size: small;
1351         text-align: center;
1352 }
1353 .editExternallyHelp {
1354         font-style: italic;
1355         color: gray;
1356 }
1357
1358 li span.deleted, span.history-deleted {
1359         text-decoration: line-through;
1360         color: #888;
1361         font-style: italic;
1362 }
1363
1364 .toggle {
1365         margin-left: 2em;
1366         text-indent: -2em;
1367 }
1368
1369 /* Classes for EXIF data display */
1370 table.mw_metadata {
1371         font-size: 0.8em;
1372         margin-left: 0.5em;
1373         margin-bottom: 0.5em;
1374         width: 300px;
1375 }
1376
1377 table.mw_metadata caption {
1378         font-weight: bold;
1379 }
1380
1381 table.mw_metadata th {
1382         font-weight: normal;
1383 }
1384
1385 table.mw_metadata td {
1386         padding: 0.1em;
1387 }
1388
1389 table.mw_metadata {
1390         border: none;
1391         border-collapse: collapse;
1392 }
1393
1394 table.mw_metadata td, table.mw_metadata th {
1395         text-align: center;
1396         border: 1px solid #aaaaaa;
1397         padding-left: 0.1em;
1398         padding-right: 0.1em;
1399 }
1400
1401 table.mw_metadata th {
1402         background-color: #f9f9f9;
1403 }
1404
1405 table.mw_metadata td {
1406         background-color: #fcfcfc;
1407 }
1408
1409 table.collapsed tr.collapsable {
1410         display: none;
1411 }
1412
1413
1414 /* filetoc */
1415 ul#filetoc {
1416         text-align: center;
1417         border: 1px solid #aaaaaa;
1418         background-color: #f9f9f9;
1419         padding: 5px;
1420         font-size: 95%;
1421         margin-bottom: 0.5em;
1422         margin-left: 0;
1423         margin-right: 0;
1424 }
1425
1426 #filetoc li {
1427         display: inline;
1428         list-style-type: none;
1429         padding-right: 2em;
1430 }
1431
1432 /* @bug 1714 */
1433 input#wpSave, input#wpDiff {
1434         margin-right: 0.33em;
1435 }
1436
1437 #editform .editOptions {
1438         display: inline;
1439 }
1440
1441 #wpSave {
1442         font-weight: bold;
1443 }
1444
1445 /* Classes for article validation */
1446
1447 table.revisionform_default {
1448         border: 1px solid #000000;
1449 }
1450
1451 table.revisionform_focus {
1452         border: 1px solid #000000;
1453         background-color:#00BBFF;
1454 }
1455
1456 tr.revision_tr_default {
1457         background-color:#EEEEEE;
1458 }
1459
1460 tr.revision_tr_first {
1461         background-color:#DDDDDD;
1462 }
1463
1464 p.revision_saved {
1465         color: green;
1466         font-weight:bold;
1467 }
1468
1469 #mw_trackbacks {
1470         border: solid 1px #bbbbff;
1471         background-color: #eeeeff;
1472         padding: 0.2em;
1473 }
1474
1475
1476 /* Allmessages table */
1477
1478 #allmessagestable th {
1479         background-color: #b2b2ff;
1480 }
1481
1482 #allmessagestable tr.orig {
1483         background-color: #ffe2e2;
1484 }
1485
1486 #allmessagestable tr.new {
1487         background-color: #e2ffe2;
1488 }
1489
1490 #allmessagestable tr.def {
1491         background-color: #f0f0ff;
1492 }
1493
1494
1495 /* noarticletext */
1496 div.noarticletext {
1497         border: 1px solid #ccc;
1498         background: #fff;
1499         padding: .2em 1em;
1500         color: #000;
1501 }
1502
1503 div#searchTargetContainer {
1504         left:       10px;
1505         top:        10px;
1506         width:      90%;
1507         background: white;
1508 }
1509
1510 div#searchTarget {
1511         padding:    3px;
1512         margin:     5px;
1513         background: #F0F0F0;
1514         border:     solid 1px blue;
1515 }
1516
1517 div#searchTarget ul li {
1518         list-style: none;
1519 }
1520
1521 div#searchTarget ul li:before {
1522         color: orange;
1523         content: "\00BB \0020";
1524 }
1525
1526 div.multipageimagenavbox {
1527    border: solid 1px silver;
1528    padding: 4px;
1529    margin: 1em;
1530    -moz-border-radius: 6px;
1531    background: #f0f0f0;
1532 }
1533
1534 div.multipageimagenavbox div.thumb {
1535    border: none;
1536    margin-left: 2em;
1537    margin-right: 2em;
1538 }
1539
1540 div.multipageimagenavbox hr {
1541    margin: 6px;
1542 }
1543
1544 table.multipageimage td {
1545    text-align: center;
1546 }
1547
1548 /*
1549   Table pager (e.g. Special:Imagelist)
1550   - remove underlines from the navigation link
1551   - collapse borders
1552   - set the borders to outsets (similar to Special:Allmessages)
1553   - remove line wrapping for all td and th, set background color
1554   - restore line wrapping for the last two table cells (description and size)
1555 */
1556 .TablePager_nav a { text-decoration: none; }
1557 .TablePager { border-collapse: collapse; }
1558 .TablePager, .TablePager td, .TablePager th {
1559         border: 0.15em solid #777777;
1560         padding: 0 0.15em 0 0.15em;
1561 }
1562 .TablePager th { background-color: #eeeeff }
1563 .TablePager td { background-color: #ffffff }
1564 .TablePager tr:hover td { background-color: #eeeeff }
1565
1566 .imagelist td, .imagelist th { white-space: nowrap }
1567 .imagelist .TablePager_col_links { background-color: #eeeeff }
1568 .imagelist .TablePager_col_img_description { white-space: normal }
1569 .imagelist th.TablePager_sort { background-color: #ccccff }
1570
1571 /**
1572  * PhpWiki Tables
1573  */
1574 .pagelist { }
1575 .pagelist thead td {
1576   background: #e8e8e8;
1577   text-decoration: none;
1578   font-weight: bold;
1579   font-size: smaller;
1580 }
1581 .pagelist thead td u { text-decoration: none; }
1582 .pagelist tr.evenrow { background: #eee; }
1583 .pagelist tr.oddrow  { background: white; }
1584 th.gridbutton {
1585   background-color: ThreedLightShadow;
1586   color: black;
1587   font-family: Tahoma, sans-serif, Arial, Helvetica;
1588   font-size: small;
1589   font-weight: normal;
1590   /*font-style: menu;*/
1591   white-space: nowrap;
1592   margin: 5px 0px;
1593   max-height: 24px;
1594   padding: 5px 0px 5px 0px;
1595   border-width: 1px;
1596   border-style: solid;
1597   border-color: ThreedHighlight ThreedDarkShadow ThreedDarkShadow ThreedHighlight;
1598 }
1599 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1600   text-decoration: none;
1601   font-size: small;
1602   font-weight: normal;
1603   /*font-style: menu;*/
1604   font-family: Tahoma, sans-serif, Arial, Helvetica;
1605   background-color: ThreedLightShadow;
1606   color: black;
1607 }
1608
1609 .wikipaging { font-size: 80% }
1610 .wikipaging-disabled { color: #999 }
1611
1612 /* <?plugin RawHtml <div class="boxright"> </div> */
1613
1614 div.boxright {
1615   width: 200px;
1616   right: 10px;
1617   padding: 0.5em;
1618   float: right;
1619   border: thin solid #888888;
1620   padding: 0.5em;
1621 }
1622
1623 /* PHP Warnings */
1624 div.errors {
1625   color: black;
1626   background: #eee;
1627   margin-top:    1em;
1628   margin-bottom: 1em;
1629   padding-left:  0.8em;
1630   padding-right: 0.8em;
1631   padding-top:    0.8ex;
1632   padding-bottom: 0;
1633   border: medium solid red;
1634   clear: both;
1635 }
1636 h4.errors {
1637   color: red;
1638   margin:  0;
1639   padding: 0;
1640   text-decoration: underline;
1641 }
1642 div.warning {
1643   color: black;
1644   background: #eee;
1645   margin-top:    1em;
1646   margin-bottom: 1em;
1647   padding-left:  0.8em;
1648   padding-right: 0.8em;
1649   padding-top:    0.8ex;
1650   padding-bottom: 0;
1651   border: thin solid blue;
1652   clear: both;
1653 }
1654 .error { font-family: monospace; font-size: 120%; }
1655 .error ul { font-family: monospace; }
1656
1657 /* Debug */
1658 .debug {
1659   color: black;
1660   background: white;
1661   font-family: monospace;
1662   font-size: smaller;
1663   margin: 1ex 0;
1664   padding: 0.5ex 0.5em;
1665   border: medium solid #fff8dc; /* darker ivory */
1666 }
1667 /* Hints */
1668 .hint {
1669   color: black;
1670   background: #eeeeee;
1671    /* font-size: smaller; */
1672   font-style: italic;
1673   margin-left: 3em;
1674   padding: 0.5ex 0.5em;
1675   border: thin solid #aaaaaa;
1676 }
1677 span.hint {
1678   padding: 0;
1679 }
1680 /* Disabled Plugins */
1681 .disabled-plugin
1682 {
1683   clear: both;
1684   margin: 1ex 0;
1685   padding: 0;
1686 }
1687 .disabled-plugin .title {
1688   color: #400;
1689   background-color: inherit;
1690   font-size: x-small;
1691   text-align: right;
1692   padding: 0 0.5em;
1693 }
1694 .disabled-plugin pre {
1695   color: black;
1696   background: #ddd;
1697   margin: 0;
1698   padding: 0.3ex 0.5em;
1699 }
1700
1701 /* "(Redirected from ...)" message. */
1702 span.redirectfrom {
1703   font-size: small;
1704   font-style: oblique;
1705   font-weight: normal;
1706   padding-left: 1em;
1707 }
1708 .search-context { background: white; font-style: oblique; }
1709 .search-term {
1710   background: yellow;
1711   font-weight: normal;
1712 }