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