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