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 div#column-content {
  13         width: 100%;
  14         float: right;
  15         margin: 0 0 .6em -12.2em;
  16         padding: 0;
  17 }
  18 div#content {
  19         margin: 2.8em 0 0 12.2em;
  20         padding: 0 1em 1em 1em;
  21         position: relative;
  22         z-index: 2;
  23 }
  24 div#column-one {
  25         padding-top: 160px;
  26 }
  27 div#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         /* @embed */
  45         background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
  46         color: black;
  47         margin: 0;
  48         padding: 0;
  49         direction: ltr; /* Needed for RTL flipping */
  50         unicode-bidi: embed;
  51 }
  52
  53 /* scale back up to a sane default */
  54 div#globalWrapper {
  55         font-size: 127%;
  56         width: 100%;
  57         margin: 0;
  58         padding: 0;
  59 }
  60
  61 /* general styles */
  62
  63 table {
  64         font-size: 100%;
  65 }
  66 a {
  67         text-decoration: none;
  68         color: #002bb8;
  69         background: none;
  70 }
  71 a:visited {
  72         color: #5a3696;
  73 }
  74 a:active {
  75         color: #faa700;
  76 }
  77 a:hover {
  78         text-decoration: underline;
  79 }
  80 a.stub {
  81         color: #772233;
  82 }
  83 a.new, #p-personal a.new {
  84         color: #cc2200;
  85 }
  86 a.new:visited, #p-personal a.new:visited {
  87         color: #a55858;
  88 }
  89
  90 img {
  91         border: none;
  92         vertical-align: middle;
  93 }
  94 p {
  95         margin: .4em 0 .5em 0;
  96         line-height: 1.5em;
  97 }
  98 p img {
  99         margin: 0;
 100 }
 101
 102 hr {
 103         height: 1px;
 104         color: #aaa;
 105         background-color: #aaa;
 106         border: 0;
 107         margin: .2em 0 .2em 0;
 108 }
 109
 110 /* Headers */
 111 .mw-h1, .mw-h2, .mw-h3, .mw-h4, .mw-h5, .mw-h6 {
 112         color: black;
 113         background: none;
 114         margin: 0;
 115         overflow: hidden;
 116         border-bottom: 1px solid #aaa;
 117 }
 118 .mw-h3, .mw-h4, .mw-h5, .mw-h6 {
 119         border-bottom: none;
 120 }
 121 h1, h2 { font-weight: normal; }
 122
 123 h1 { font-size: 188%; }
 124 h2 { font-size: 150%; }
 125 h3, h4, h5, h6 {
 126         border-bottom: none;
 127         font-weight: bold;
 128 }
 129 h3 { font-size: 132%; }
 130 h4 { font-size: 116%; }
 131 h5 { font-size: 100%; }
 132 h6 { font-size: 80%; }
 133
 134 /* To replicate the old padding, where h# were block-level elements and edit
 135  * links were floated, we need to multiply .5em top padding and .17em bottom
 136  * padding by the header text sizes. */
 137 .mw-h1 { padding: .94em 0 .32em; } /* (0.5*1.88)em 0 (0.17*1.88)em */
 138 .mw-h2 { padding: .75em 0 .26em; } /* (0.5*1.50)em 0 (0.17*1.50)em */
 139 .mw-h3 { padding: .66em 0 .22em; } /* etc. */
 140 .mw-h4 { padding: .58em 0 .20em; }
 141 .mw-h5 { padding: .50em 0 .17em; }
 142 .mw-h6 { padding: .40em 0 .14em; }
 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         /* @embed */
 151         list-style-image: url(bullet.gif);
 152 }
 153 ol {
 154         line-height: 1.5em;
 155         margin: .3em 0 0 3.2em;
 156         padding: 0;
 157         list-style-image: none;
 158 }
 159 li {
 160         margin-bottom: .1em;
 161 }
 162 dt {
 163         font-weight: bold;
 164         margin-bottom: .1em;
 165 }
 166 dl {
 167         margin-top: .2em;
 168         margin-bottom: .5em;
 169 }
 170 dd {
 171         line-height: 1.5em;
 172         margin-left: 2em;
 173         margin-bottom: .1em;
 174 }
 175
 176 fieldset {
 177         border: 1px solid #2f6fab;
 178         margin: 1em 0 1em 0;
 179         padding: 0 1em 1em;
 180         line-height: 1.5em;
 181 }
 182 fieldset.nested {
 183         margin: 0 0 0.5em 0;
 184         padding: 0 0.5em 0.5em;
 185 }
 186 legend {
 187         padding: .5em;
 188         font-size: 95%;
 189 }
 190 form {
 191         border: none;
 192         margin: 0;
 193 }
 194
 195 textarea {
 196         width: 100%;
 197         padding: .1em;
 198 }
 199
 200 input.historysubmit {
 201         padding: 0 .3em .3em .3em !important;
 202         font-size: 94%;
 203         cursor: pointer;
 204         height: 1.7em !important;
 205         margin-left: 1.6em;
 206 }
 207 select {
 208         vertical-align: top;
 209 }
 210 q {
 211         font-family: Times, "Times New Roman", serif;
 212         font-style: italic;
 213 }
 214 /* disabled for now
 215 blockquote {
 216         font-family: Times, "Times New Roman", serif;
 217         font-style: italic;
 218 }*/
 219 code {
 220         background-color: #f9f9f9;
 221 }
 222 pre {
 223         padding: 1em;
 224         border: 1px dashed #2f6fab;
 225         color: black;
 226         background-color: #f9f9f9;
 227         line-height: 1.1em;
 228 }
 229
 230 /*
 231 ** the main content area
 232 */
 233
 234 #siteSub {
 235         display: none;
 236 }
 237 #jump-to-nav {
 238         display: none;
 239 }
 240
 241 #contentSub, #contentSub2 {
 242         font-size: 84%;
 243         line-height: 1.2em;
 244         margin: 0 0 1.4em 1em;
 245         color: #7d7d7d;
 246         width: auto;
 247 }
 248 span.subpages {
 249         display: block;
 250 }
 251
 252 /* Some space under the headers in the content area */
 253 #bodyContent h1, #bodyContent h2 {
 254         margin-bottom: .6em;
 255 }
 256 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 257         margin-bottom: .3em;
 258 }
 259 #firstHeading {
 260         margin-bottom: .1em;
 261         /* These two rules hack around bug 2013 (fix for more limited bug 11325).
 262            When bug 2013 is fixed properly, they should be removed. */
 263         line-height: 1.2em;
 264         padding-bottom: 0;
 265 }
 266
 267 /* user notification thing */
 268 .usermessage {
 269         background-color: #ffce7b;
 270         border: 1px solid #ffa500;
 271         color: black;
 272         font-weight: bold;
 273         margin: 2em 0 1em;
 274         padding: .5em 1em;
 275         vertical-align: middle;
 276 }
 277 #siteNotice {
 278         position: relative;
 279         text-align: center;
 280         font-size: 95%;
 281         padding: 0 0.9em;
 282 }
 283 #siteNotice p {
 284         margin: 0;
 285         padding: 0;
 286 }
 287
 288 .catlinks {
 289         border: 1px solid #aaa;
 290         background-color: #f9f9f9;
 291         padding: 5px;
 292         margin-top: 1em;
 293         clear: both;
 294 }
 295 /* currently unused, intended to be used by a metadata box
 296 in the bottom-right corner of the content area */
 297 .documentDescription {
 298         /* The summary text describing the document */
 299         font-weight: bold;
 300         display: block;
 301         margin: 1em 0;
 302         line-height: 1.5em;
 303 }
 304 .documentByLine {
 305         text-align: right;
 306         font-size: 90%;
 307         clear: both;
 308         font-weight: normal;
 309         color: #76797c;
 310 }
 311
 312 /* emulate center */
 313 .center {
 314         width: 100%;
 315         text-align: center;
 316 }
 317 *.center * {
 318         margin-left: auto;
 319         margin-right: auto;
 320 }
 321 /* small for tables and similar */
 322 .small {
 323         font-size: 94%;
 324 }
 325 table.small {
 326         font-size: 100%;
 327 }
 328
 329 /*
 330 ** content styles
 331 */
 332
 333 #toc,
 334 .toc,
 335 .mw-warning {
 336         border: 1px solid #aaa;
 337         background-color: #f9f9f9;
 338         padding: 5px;
 339         font-size: 95%;
 340 }
 341 #toc h2,
 342 .toc h2 {
 343         display: inline;
 344         border: none;
 345         padding: 0;
 346         font-size: 100%;
 347         font-weight: bold;
 348 }
 349 #toc #toctitle,
 350 .toc #toctitle,
 351 #toc .toctitle,
 352 .toc .toctitle {
 353         text-align: center;
 354 }
 355 #toc ul,
 356 .toc ul {
 357         list-style-type: none;
 358         list-style-image: none;
 359         padding: 0 .4em;
 360         text-align: left;
 361 }
 362 #toc ul ul,
 363 .toc ul ul {
 364         margin: 0 0 0 2em;
 365 }
 366 #toc .toctoggle,
 367 .toc .toctoggle {
 368         font-size: 94%;
 369 }
 370
 371 .mw-warning {
 372         margin-left: 50px;
 373         margin-right: 50px;
 374         text-align: center;
 375 }
 376
 377 /* images */
 378 /* @noflip */div.floatright, table.floatright {
 379         margin: 0 0 .5em .5em;
 380         border: 0;
 381 /*
 382         border: .5em solid white;
 383         border-width: .5em 0 .8em 1.4em;
 384 */
 385 }
 386 div.floatright p { font-style: italic; }
 387 /* @noflip */div.floatleft, table.floatleft {
 388         margin: 0 .5em .5em 0;
 389         border: 0;
 390 /*
 391         margin: .3em .5em .5em 0;
 392         border: .5em solid white;
 393         border-width: .5em 1.4em .8em 0;
 394 */
 395 }
 396 div.floatleft p { font-style: italic; }
 397 /* thumbnails */
 398 div.thumb {
 399         margin-bottom: .5em;
 400         width: auto;
 401 }
 402 div.thumbinner {
 403         border: 1px solid #ccc;
 404         padding: 3px !important;
 405         background-color: #f9f9f9;
 406         font-size: 94%;
 407         text-align: center;
 408         overflow: hidden;
 409 }
 410 html .thumbimage {
 411         border: 1px solid #ccc;
 412 }
 413 html .thumbcaption {
 414         border: none;
 415         text-align: left;
 416         line-height: 1.4em;
 417         padding: 3px !important;
 418         font-size: 94%;
 419 }
 420 div.magnify {
 421         float: right;
 422         border: none !important;
 423         background: none !important;
 424 }
 425 div.magnify a, div.magnify img {
 426         display: block;
 427         border: none !important;
 428         background: none !important;
 429 }
 430 /* @noflip */div.tright {
 431         margin: .5em 0 1.3em 1.4em;
 432 }
 433 /* @noflip */div.tleft {
 434         margin: .5em 1.4em 1.3em 0;
 435 }
 436 img.thumbborder {
 437         border: 1px solid #dddddd;
 438 }
 439
 440 /*
 441 ** classes for special content elements like town boxes
 442 ** intended to be referenced directly from the wiki src
 443 */
 444
 445 /*
 446 ** User styles
 447 */
 448 /* table standards */
 449 table.rimage {
 450         float: right;
 451         position: relative;
 452         margin-left: 1em;
 453         margin-bottom: 1em;
 454         text-align: center;
 455 }
 456 .toccolours {
 457         border: 1px solid #aaa;
 458         background-color: #f9f9f9;
 459         padding: 5px;
 460         font-size: 95%;
 461 }
 462
 463 /*
 464 ** edit views etc
 465 */
 466 .special li {
 467         line-height: 1.4em;
 468         margin: 0;
 469         padding: 0;
 470 }
 471
 472 /*
 473 ** keep the whitespace in front of the ^=, hides rule from konqueror
 474 ** this is css3, the validator doesn't like it when validating as css2
 475 */
 476 #bodyContent a.external,
 477 #bodyContent a.external[href ^="gopher://"] {
 478         /* @embed */
 479         background: url(external-ltr.png) center right no-repeat;
 480         padding-right: 13px;
 481 }
 482 #bodyContent a.external[href ^="https://"],
 483 .link-https {
 484         /* @embed */
 485         background: url(lock_icon.gif) center right no-repeat;
 486         padding-right: 16px;
 487 }
 488 #bodyContent a.external[href ^="mailto:"],
 489 .link-mailto {
 490         /* @embed */
 491         background: url(mail_icon.gif) center right no-repeat;
 492         padding-right: 18px;
 493 }
 494 #bodyContent a.external[href ^="news://"] {
 495         /* @embed */
 496         background: url(news_icon.png) center right no-repeat;
 497         padding-right: 18px;
 498 }
 499 #bodyContent a.external[href ^="ftp://"],
 500 .link-ftp {
 501         /* @embed */
 502         background: url(file_icon.gif) center right no-repeat;
 503         padding-right: 18px;
 504 }
 505 #bodyContent a.external[href ^="irc://"],
 506 #bodyContent a.external[href ^="ircs://"],
 507 .link-irc {
 508         /* @embed */
 509         background: url(discussionitem_icon.gif) center right no-repeat;
 510         padding-right: 18px;
 511 }
 512 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
 513 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
 514 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
 515 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
 516 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
 517 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
 518 .link-audio {
 519         /* @embed */
 520         background: url("audio.png") center right no-repeat;
 521         padding-right: 13px;
 522 }
 523 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
 524 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
 525 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
 526 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
 527 .link-video {
 528         /* @embed */
 529         background: url("video.png") center right no-repeat;
 530         padding-right: 13px;
 531 }
 532 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
 533 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
 534 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
 535 .link-document {
 536         /* @embed */
 537         background: url("document.png") center right no-repeat;
 538         padding-right: 12px;
 539 }
 540
 541 /* Interwiki Styling */
 542 #bodyContent a.extiw,
 543 #bodyContent a.extiw:active {
 544         color: #36b;
 545         /* Don't show icons for interwiki links */
 546         background: none;
 547         padding: 0;
 548 }
 549 #bodyContent a.extiw:visited {
 550         color: #636;
 551 }
 552 #bodyContent a.extiw:active {
 553         color: #b63;
 554 }
 555
 556 /* External links */
 557 #bodyContent a.external {
 558         color: #36b;
 559 }
 560 #bodyContent a.external:visited {
 561         color: #636; /* bug 3112 */
 562 }
 563 #bodyContent a.external:active {
 564         color: #b63;
 565 }
 566
 567 /*
 568 ** Structural Elements
 569 */
 570
 571 /*
 572 ** general portlet styles (elements in the quickbar)
 573 */
 574 .portlet {
 575         border: none;
 576         margin: 0 0 .5em;
 577         padding: 0;
 578         float: none;
 579         width: 11.6em;
 580         overflow: hidden;
 581 }
 582 html > body .portlet {
 583         float: left;
 584         clear: left;
 585 }
 586 /* recover IEMac (might be fine with the float, but usually it's close to IE */
 587 *>body .portlet {
 588         float: none;
 589         clear: none;
 590 }
 591 .portlet h4 {
 592         font-size: 95%;
 593         font-weight: normal;
 594         white-space: nowrap;
 595 }
 596 .portlet h5 {
 597         background: transparent;
 598         padding: 0 1em 0 .5em;
 599         display: inline;
 600         height: 1em;
 601         text-transform: lowercase;
 602         font-size: 91%;
 603         font-weight: normal;
 604         white-space: nowrap;
 605 }
 606 .portlet h6 {
 607         background: #ffae2e;
 608         border: 1px solid #2f6fab;
 609         border-style: solid solid none solid;
 610         padding: 0 1em 0 1em;
 611         text-transform: lowercase;
 612         display: block;
 613         font-size: 1em;
 614         height: 1.2em;
 615         font-weight: normal;
 616         white-space: nowrap;
 617 }
 618 .pBody {
 619         font-size: 95%;
 620         background-color: white;
 621         color: black;
 622         border-collapse: collapse;
 623         border: 1px solid #aaa;
 624         padding: 0 .8em .3em .5em;
 625 }
 626 .portlet h1,
 627 .portlet h2,
 628 .portlet h3,
 629 .portlet h4 {
 630         margin: 0;
 631         padding: 0;
 632 }
 633 .portlet ul {
 634         line-height: 1.5em;
 635         list-style-type: square;
 636         /* @embed */
 637         list-style-image: url(bullet.gif);
 638         font-size: 95%;
 639 }
 640 .portlet li {
 641         padding: 0;
 642         margin: 0;
 643 }
 644
 645 /*
 646 ** Logo properties
 647 */
 648
 649 #p-logo {
 650         top: 0;
 651         left: 0;
 652         position: absolute; /*needed to use z-index */
 653         z-index: 3;
 654         height: 155px;
 655         width: 12em;
 656         overflow: visible;
 657 }
 658 #p-logo h5 {
 659         display: none;
 660 }
 661 #p-logo a,
 662 #p-logo a:hover {
 663         display: block;
 664         height: 155px;
 665         width: 12.2em;
 666         background-repeat: no-repeat;
 667         background-position: 35% 50% !important;
 668         text-decoration: none;
 669 }
 670
 671 /*
 672 ** Search portlet
 673 */
 674 #p-search {
 675         position: relative;
 676         z-index: 3;
 677 }
 678 input.searchButton {
 679         margin-top: 1px;
 680         font-size: 95%;
 681 }
 682 #searchGoButton {
 683         padding-left: .5em;
 684         padding-right: .5em;
 685         font-weight: bold;
 686 }
 687 #searchInput {
 688         width: 10.9em;
 689         margin: 0;
 690         font-size: 95%;
 691 }
 692 #p-search .pBody {
 693         padding: .5em .4em .4em .4em;
 694         text-align: center;
 695 }
 696 #p-search #searchform div div {
 697         margin-top: .4em;
 698         font-size: 95%;
 699 }
 700 /*
 701 ** the personal toolbar
 702 */
 703 #p-personal {
 704         position: absolute;
 705         left: 0;
 706         top: 0;
 707         z-index: 0;
 708 }
 709 #p-personal {
 710         width: 100%;
 711         white-space: nowrap;
 712         padding: 0;
 713         margin: 0;
 714         border: none;
 715         background: none;
 716         overflow: visible;
 717         line-height: 1.2em;
 718 }
 719 #p-personal h5 {
 720         display: none;
 721 }
 722 #p-personal .portlet,
 723 #p-personal .pBody {
 724         z-index: 0;
 725         padding: 0;
 726         margin: 0;
 727         border: none;
 728         overflow: visible;
 729         background: none;
 730 }
 731 /* this is the ul contained in the portlet */
 732 #p-personal ul {
 733         border: none;
 734         line-height: 1.4em;
 735         color: #2f6fab;
 736         padding: 0 2em 0 3em;
 737         margin: 0;
 738         text-align: right;
 739         list-style: none;
 740         z-index: 0;
 741         background: none;
 742         cursor: default;
 743 }
 744 #p-personal li {
 745         z-index: 0;
 746         border: none;
 747         padding: 0;
 748         display: inline;
 749         color: #2f6fab;
 750         margin-left: 1em;
 751         line-height: 1.2em;
 752         background: none;
 753 }
 754 #p-personal li a {
 755         text-decoration: none;
 756         color: #005896;
 757         padding-bottom: .2em;
 758         background: none;
 759 }
 760 #p-personal li a:hover {
 761         background-color: white;
 762         padding-bottom: .2em;
 763         text-decoration: none;
 764 }
 765 #p-personal li.active a:hover {
 766         background-color: transparent;
 767 }
 768 /* the icon in front of the user name, single quotes
 769 in bg url to hide it from iemac */
 770 li#pt-userpage,
 771 li#pt-anonuserpage,
 772 li#pt-login {
 773         /* @embed */
 774         background: url(user.gif) top left no-repeat;
 775         padding-left: 20px;
 776         text-transform: none;
 777 }
 778 #p-personal ul {
 779         text-transform: lowercase;
 780 }
 781 #p-personal li.active {
 782         font-weight: bold;
 783 }
 784 /*
 785 ** the page-related actions- page/talk, edit etc
 786 */
 787 #p-cactions {
 788         position: absolute;
 789         top: 1.3em;
 790         left: 11.5em;
 791         margin: 0;
 792         white-space: nowrap;
 793         width: 76%;
 794         line-height: 1.1em;
 795         overflow: visible;
 796         background: none;
 797         border-collapse: collapse;
 798         padding-left: 1em;
 799         list-style: none;
 800         font-size: 95%;
 801 }
 802 #p-cactions ul {
 803         list-style: none;
 804 }
 805 #p-cactions li {
 806         display: inline;
 807         border: 1px solid #aaa;
 808         border-bottom: none;
 809         padding: 0 0 .1em 0;
 810         margin: 0 .3em 0 0;
 811         overflow: visible;
 812         background: white;
 813 }
 814 #p-cactions li.selected {
 815         border-color: #fabd23;
 816         padding: 0 0 .2em 0;
 817         font-weight: bold;
 818 }
 819 #p-cactions li a {
 820         background-color: #fbfbfb;
 821         color: #002bb8;
 822         border: none;
 823         padding: 0 .8em .3em;
 824         position: relative;
 825         z-index: 0;
 826         margin: 0;
 827         text-decoration: none;
 828 }
 829 #p-cactions li.selected a {
 830         z-index: 3;
 831         background-color: white;
 832 }
 833 #p-cactions .new a {
 834         color: #ba0000;
 835 }
 836 #p-cactions li a:hover {
 837         z-index: 3;
 838         text-decoration: none;
 839         background-color: white;
 840 }
 841 #p-cactions h5 {
 842         display: none;
 843 }
 844 #p-cactions li.istalk {
 845         margin-right: 0;
 846 }
 847 #p-cactions li.istalk a {
 848         padding-right: .5em;
 849 }
 850 #p-cactions #ca-addsection a {
 851         padding-left: .4em;
 852         padding-right: .4em;
 853 }
 854 /* offsets to distinguish the tab groups */
 855 li#ca-talk {
 856         margin-right: 1.6em;
 857 }
 858 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 859         margin-left: 1.6em;
 860 }
 861 #p-cactions .pBody {
 862         font-size: 1em;
 863         background-color: transparent;
 864         color: inherit;
 865         border-collapse: inherit;
 866         border: 0;
 867         padding: 0;
 868 }
 869 #p-cactions li a {
 870         text-transform: lowercase;
 871 }
 872
 873 #p-lang {
 874         position: relative;
 875         z-index: 3;
 876 }
 877
 878 /* Override text-transform on languages where capitalization is significant */
 879 .capitalize-all-nouns .portlet h5,
 880 .capitalize-all-nouns .portlet h6,
 881 .capitalize-all-nouns #p-personal ul,
 882 .capitalize-all-nouns #p-cactions ul li a {
 883         text-transform: none;
 884 }
 885
 886 /* TODO: #t-iscite is only used by the Cite extension, come up with some
 887  * system which allows extensions to add to this file on the fly
 888  */
 889 #t-ispermalink, #t-iscite {
 890         color: #999;
 891 }
 892 /*
 893 ** footer
 894 */
 895 div#footer {
 896         background-color: white;
 897         border-top: 1px solid #fabd23;
 898         border-bottom: 1px solid #fabd23;
 899         margin: .6em 0 1em 0;
 900         padding: .4em 0 1.2em 0;
 901         text-align: center;
 902         font-size: 90%;
 903 }
 904 div#footer li {
 905         display: inline;
 906         margin: 0 1.3em;
 907 }
 908 #f-poweredbyico, #f-copyrightico {
 909         margin: 0 8px;
 910         position: relative;
 911         top: -2px; /* Bump it up just a tad */
 912 }
 913 #f-poweredbyico {
 914         float: right;
 915         height: 1%;
 916 }
 917 #f-copyrightico {
 918         float: left;
 919         height: 1%;
 920 }
 921
 922 .mw-htmlform-submit {
 923         font-weight: bold;
 924         padding-left: .3em;
 925         padding-right: .3em;
 926         margin-right: 2em;
 927 }
 928
 929 /* js pref toc */
 930 #preftoc {
 931         margin: 0;
 932         padding: 0;
 933         width: 100%;
 934         clear: both;
 935 }
 936 #preftoc li {
 937         background-color: #f0f0f0;
 938         color: #000;
 939 }
 940 #preftoc li {
 941         margin: 1px -2px 1px 2px;
 942         float: left;
 943         padding: 2px 0 3px 0;
 944         border: 1px solid #fff;
 945         border-right-color: #716f64;
 946         border-bottom: 0;
 947         position: relative;
 948         white-space: nowrap;
 949         list-style-type: none;
 950         list-style-image: none;
 951         z-index: 3;
 952 }
 953 #preftoc li.selected {
 954         font-weight: bold;
 955         background-color: #f9f9f9;
 956         border: 1px solid #aaa;
 957         border-bottom: none;
 958         cursor: default;
 959         top: 1px;
 960         padding-top: 2px;
 961         margin-right: -3px;
 962 }
 963 #preftoc > li.selected {
 964         top: 2px;
 965 }
 966 #preftoc a,
 967 #preftoc a:active {
 968         display: block;
 969         color: #000;
 970         padding: 0 .7em;
 971         position: relative;
 972         text-decoration: none;
 973 }
 974 #preftoc li.selected a {
 975         cursor: default;
 976         text-decoration: none;
 977 }
 978 #preferences {
 979         margin: 0;
 980         border: 1px solid #aaa;
 981         clear: both;
 982         padding: 1.5em;
 983         background-color: #F9F9F9;
 984 }
 985 .prefsection {
 986         border: none;
 987         padding: 0;
 988         margin: 0;
 989 }
 990
 991 .prefsection legend {
 992         font-weight: bold;
 993 }
 994 .prefsection table, .prefsection legend {
 995         background-color: #F9F9F9;
 996 }
 997 .mainLegend {
 998         display: none;
 999 }
1000 td.htmlform-tip {
1001         font-size: x-small;
1002         padding: .2em 2em;
1003         color: #666;
1004 }
1005
1006 .preferences-login {
1007         clear: both;
1008         margin-bottom: 1.5em;
1009 }
1010
1011 .prefcache {
1012         font-size: 90%;
1013         margin-top: 2em;
1014 }
1015
1016 div#userloginForm form,
1017 div#userlogin form#userlogin2 {
1018         margin: 0 3em 1em 0;
1019         border: 1px solid #aaa;
1020         clear: both;
1021         padding: 1.5em 2em;
1022         background-color: #f9f9f9;
1023         float: left;
1024 }
1025
1026 div#userloginForm table,
1027 div#userlogin form#userlogin2 table {
1028         background-color: #f9f9f9;
1029 }
1030
1031 div#userloginForm h2,
1032 div#userlogin form#userlogin2 h2 {
1033         padding-top: 0;
1034 }
1035
1036 div#userlogin .captcha,
1037 div#userloginForm .captcha {
1038         border: 1px solid #bbb;
1039         padding: 1.5em 2em;
1040         background-color: white;
1041 }
1042
1043 #loginend, #signupend {
1044         clear: both;
1045 }
1046
1047 #userloginprompt, #languagelinks {
1048         font-size: 85%;
1049 }
1050
1051 #login-sectiontip {
1052         font-size: 85%;
1053         line-height: 1.2;
1054         padding-top: 2em;
1055 }
1056
1057 #userlogin .loginText, #userlogin .loginPassword {
1058         width: 12em;
1059 }
1060
1061 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1062         font-weight: bold;
1063 }
1064
1065 /*
1066 ** IE/Mac fixes, hope to find a validating way to move this
1067 ** to a separate stylesheet. This would work but doesn't validate:
1068 ** @import("IEMacFixes.css");
1069 */
1070 /* tabs: border on the a, not the div */
1071 * > html #p-cactions li { border: none; }
1072 * > html #p-cactions li a {
1073         border: 1px solid #aaa;
1074         border-bottom: none;
1075 }
1076 * > html #p-cactions li.selected a { border-color: #fabd23; }
1077 /* footer icons need a fixed width */
1078 * > html #f-poweredbyico,
1079 * > html #f-copyrightico { width: 88px; }
1080 * > html #bodyContent,
1081 * > html #bodyContent pre {
1082         overflow-x: auto;
1083         width: 100%;
1084         padding-bottom: 25px;
1085 }
1086
1087 /* more IE fixes */
1088 /* float/negative margin brokenness */
1089 * html div#footer {margin-top: 0;}
1090 * html div#column-content {
1091         display: inline;
1092         margin-bottom: 0;
1093 }
1094 #pagehistory li.selected { position: relative; }
1095
1096 /* Mac IE 5.0 fix; floated content turns invisible */
1097 * > html div#column-content {
1098         float: none;
1099 }
1100 * > html div#column-one {
1101         position: absolute;
1102         left: 0;
1103         top: 0;
1104 }
1105 * > html div#footer {
1106         margin-left: 13.2em;
1107 }
1108 .redirectText {
1109         font-size: 150%;
1110         margin: 5px;
1111 }
1112
1113 .printfooter {
1114         display: none;
1115 }
1116
1117 div.patrollink {
1118         clear: both;
1119 }
1120
1121 .sharedUploadNotice {
1122         font-style: italic;
1123 }
1124
1125 span.updatedmarker {
1126         color: black;
1127         background-color: #0f0;
1128 }
1129
1130 .editExternally {
1131         border: 1px solid gray;
1132         background-color: #ffffff;
1133         padding: 3px;
1134         margin-top: 0.5em;
1135         float: left;
1136         font-size: small;
1137         text-align: center;
1138 }
1139 .editExternallyHelp {
1140         font-style: italic;
1141         color: gray;
1142 }
1143
1144 .toggle {
1145         margin-left: 2em;
1146         text-indent: -2em;
1147 }
1148
1149 /* @bug 1714 */
1150 input#wpSave, input#wpDiff {
1151         margin-right: 0.33em;
1152 }
1153
1154 #wpSave {
1155         font-weight: bold;
1156 }
1157
1158 /* noarticletext */
1159 div.noarticletext {
1160         border: 1px solid #ccc;
1161         background: #fff;
1162         padding: .2em 1em;
1163         color: #000;
1164 }
1165
1166 div#searchTargetContainer {
1167         left:       10px;
1168         top:        10px;
1169         width:      90%;
1170         background: white;
1171 }
1172
1173 div#searchTarget {
1174         padding:    3px;
1175         margin:     5px;
1176         background: #F0F0F0;
1177         border:     solid 1px blue;
1178 }
1179
1180 div#searchTarget ul li {
1181         list-style: none;
1182 }
1183
1184 div#searchTarget ul li:before {
1185         color: orange;
1186         content: "\00BB \0020";
1187 }
1188
1189 div#searchTargetHide {
1190         float:right;
1191         border:solid 1px black;
1192         background:#DCDCDC;
1193         padding:2px;
1194 }
1195
1196 #powersearch p {
1197         margin-top:0px;
1198 }
1199
1200 div.multipageimagenavbox {
1201         border: solid 1px silver;
1202         padding: 4px;
1203         margin: 1em;
1204         background: #f0f0f0;
1205 }
1206
1207 div.multipageimagenavbox div.thumb {
1208         border: none;
1209         margin-left: 2em;
1210         margin-right: 2em;
1211 }
1212
1213 div.multipageimagenavbox hr {
1214         margin: 6px;
1215 }
1216
1217 table.multipageimage td {
1218         text-align: center;
1219 }
1220
1221 .templatesUsed { margin-top: 1.5em; }
1222
1223 .mw-summary-preview {
1224         margin: 0.1em 0;
1225 }
1226
1227 /* Friendlier slave lag warnings */
1228 div.mw-lag-warn-normal,
1229 div.mw-lag-warn-high {
1230         padding: 3px;
1231         text-align: center;
1232         margin: 3px auto;
1233 }
1234 div.mw-lag-warn-normal {
1235         border: 1px solid #FFCC66;
1236         background-color: #FFFFCC;
1237 }
1238 div.mw-lag-warn-high {
1239         font-weight: bold;
1240         border: 2px solid #FF0033;
1241         background-color: #FFCCCC;
1242 }
1243
1244 .MediaTransformError {
1245         background-color: #ccc;
1246         padding: 0.1em;
1247 }
1248 .MediaTransformError td {
1249         text-align: center;
1250         vertical-align: middle;
1251         font-size: 90%;
1252 }
1253
1254 /* God-damned hack for the crappy layout */
1255 .ui-autocomplete {
1256         font-size: 127%!important;
1257 }
1258
1259 /* Sometimes people don't want personal tools to be lowercase! */
1260 .no-text-transform {
1261         text-transform: none;
1262 }
1263
1264 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
1265 .tipsy {
1266         font-size: 127%;
1267 }