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