skins/monobook/main.css

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