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 a {
  63         color: #002bb8;
  64 }
  65 a:visited {
  66         color: #5a3696;
  67 }
  68 a.new,
  69 #p-personal a.new {
  70         color: #cc2200;
  71 }
  72
  73 ul {
  74         /* @embed */
  75         list-style-image: url(bullet.gif);
  76 }
  77
  78 input.historysubmit {
  79         padding: 0 .3em .3em .3em !important;
  80         font-size: 94%;
  81         cursor: pointer;
  82         height: 1.7em !important;
  83         margin-left: 1.6em;
  84 }
  85
  86 pre {
  87         line-height: 1.1em;
  88 }
  89
  90 /*
  91 ** the main content area
  92 */
  93
  94 #siteNotice {
  95         font-size: 95%;
  96         padding: 0 0.9em;
  97 }
  98 #localNotice {
  99         margin: 0;
 100 }
 101 #siteNotice p {
 102         margin: 0;
 103         padding: 0;
 104 }
 105
 106 /* currently unused, intended to be used by a metadata box
 107 in the bottom-right corner of the content area */
 108 .documentDescription {
 109         /* The summary text describing the document */
 110         font-weight: bold;
 111         display: block;
 112         margin: 1em 0;
 113         line-height: 1.5em;
 114 }
 115 .documentByLine {
 116         text-align: right;
 117         font-size: 90%;
 118         clear: both;
 119         font-weight: normal;
 120         color: #76797c;
 121 }
 122
 123 /*
 124 ** classes for special content elements like town boxes
 125 ** intended to be referenced directly from the wiki src
 126 */
 127
 128 /*
 129 ** User styles
 130 */
 131 /* table standards */
 132 table.rimage {
 133         float: right;
 134         position: relative;
 135         margin-left: 1em;
 136         margin-bottom: 1em;
 137         text-align: center;
 138 }
 139
 140 /*
 141 ** edit views etc
 142 */
 143 .special li {
 144         line-height: 1.4em;
 145         margin: 0;
 146         padding: 0;
 147 }
 148
 149 /*
 150 ** keep the whitespace in front of the ^=, hides rule from konqueror
 151 ** this is css3, the validator doesn't like it when validating as css2
 152 */
 153 #bodyContent a.external,
 154 #bodyContent a.external[href ^="gopher://"] {
 155         /* @embed */
 156         background: url(external-ltr.png) center right no-repeat;
 157         padding-right: 13px;
 158 }
 159 #bodyContent a.external[href ^="https://"],
 160 .link-https {
 161         /* @embed */
 162         background: url(lock_icon.gif) center right no-repeat;
 163         padding-right: 16px;
 164 }
 165 #bodyContent a.external[href ^="mailto:"],
 166 .link-mailto {
 167         /* @embed */
 168         background: url(mail_icon.gif) center right no-repeat;
 169         padding-right: 18px;
 170 }
 171 #bodyContent a.external[href ^="news://"] {
 172         /* @embed */
 173         background: url(news_icon.png) center right no-repeat;
 174         padding-right: 18px;
 175 }
 176 #bodyContent a.external[href ^="ftp://"],
 177 .link-ftp {
 178         /* @embed */
 179         background: url(file_icon.gif) center right no-repeat;
 180         padding-right: 18px;
 181 }
 182 #bodyContent a.external[href ^="irc://"],
 183 #bodyContent a.external[href ^="ircs://"],
 184 .link-irc {
 185         /* @embed */
 186         background: url(discussionitem_icon.gif) center right no-repeat;
 187         padding-right: 18px;
 188 }
 189 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
 190 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
 191 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
 192 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
 193 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
 194 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
 195 .link-audio {
 196         /* @embed */
 197         background: url(audio.png) center right no-repeat;
 198         padding-right: 13px;
 199 }
 200 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
 201 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
 202 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
 203 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
 204 .link-video {
 205         /* @embed */
 206         background: url(video.png) center right no-repeat;
 207         padding-right: 13px;
 208 }
 209 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
 210 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
 211 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
 212 .link-document {
 213         /* @embed */
 214         background: url(document.png) center right no-repeat;
 215         padding-right: 12px;
 216 }
 217
 218 /* Interwiki Styling */
 219 #bodyContent a.extiw,
 220 #bodyContent a.extiw:active {
 221         color: #36b;
 222 }
 223
 224 /* External links */
 225 #bodyContent a.external {
 226         color: #36b;
 227 }
 228
 229 /*
 230 ** Structural Elements
 231 */
 232
 233 /*
 234 ** general portlet styles (elements in the quickbar)
 235 */
 236 .portlet {
 237         border: none;
 238         margin: 0 0 .5em;
 239         padding: 0;
 240         float: none;
 241         width: 11.6em;
 242         overflow: hidden;
 243 }
 244 html > body .portlet {
 245         float: left;
 246         clear: left;
 247 }
 248 /* recover IEMac (might be fine with the float, but usually it's close to IE */
 249 *>body .portlet {
 250         float: none;
 251         clear: none;
 252 }
 253 .portlet h4 {
 254         font-size: 95%;
 255         font-weight: normal;
 256         white-space: nowrap;
 257 }
 258 .portlet h5 {
 259         background: transparent;
 260         padding: 0 1em 0 .5em;
 261         display: inline;
 262         height: 1em;
 263         text-transform: lowercase;
 264         font-size: 91%;
 265         font-weight: normal;
 266         white-space: nowrap;
 267 }
 268 .portlet h6 {
 269         background: #ffae2e;
 270         border: 1px solid #2f6fab;
 271         border-style: solid solid none solid;
 272         padding: 0 1em 0 1em;
 273         text-transform: lowercase;
 274         display: block;
 275         font-size: 1em;
 276         height: 1.2em;
 277         font-weight: normal;
 278         white-space: nowrap;
 279 }
 280 .pBody {
 281         font-size: 95%;
 282         background-color: white;
 283         color: black;
 284         border-collapse: collapse;
 285         border: 1px solid #aaa;
 286         padding: 0 .8em .3em .5em;
 287 }
 288 .portlet h1,
 289 .portlet h2,
 290 .portlet h3,
 291 .portlet h4 {
 292         margin: 0;
 293         padding: 0;
 294 }
 295 .portlet ul {
 296         line-height: 1.5em;
 297         list-style-type: square;
 298         /* @embed */
 299         list-style-image: url(bullet.gif);
 300         font-size: 95%;
 301 }
 302 .portlet li {
 303         padding: 0;
 304         margin: 0;
 305 }
 306
 307 /*
 308 ** Logo properties
 309 */
 310
 311 #p-logo {
 312         top: 0;
 313         left: 0;
 314         position: absolute; /*needed to use z-index */
 315         z-index: 3;
 316         height: 155px;
 317         width: 12em;
 318         overflow: visible;
 319 }
 320 #p-logo h5 {
 321         display: none;
 322 }
 323 #p-logo a,
 324 #p-logo a:hover {
 325         display: block;
 326         height: 155px;
 327         width: 12.2em;
 328         background-repeat: no-repeat;
 329         background-position: 35% 50% !important;
 330         text-decoration: none;
 331 }
 332
 333 /*
 334 ** Search portlet
 335 */
 336 #p-search {
 337         position: relative;
 338         z-index: 3;
 339 }
 340 input.searchButton {
 341         margin-top: 1px;
 342         font-size: 95%;
 343 }
 344 #searchGoButton {
 345         padding-left: .5em;
 346         padding-right: .5em;
 347         font-weight: bold;
 348 }
 349 #searchInput {
 350         width: 10.9em;
 351         margin: 0;
 352         font-size: 95%;
 353 }
 354 #p-search .pBody {
 355         padding: .5em .4em .4em .4em;
 356         text-align: center;
 357 }
 358 #p-search #searchform div div {
 359         margin-top: .4em;
 360         font-size: 95%;
 361 }
 362 /*
 363 ** the personal toolbar
 364 */
 365 #p-personal {
 366         position: absolute;
 367         left: 0;
 368         top: 0;
 369         z-index: 0;
 370 }
 371 #p-personal {
 372         width: 100%;
 373         white-space: nowrap;
 374         padding: 0;
 375         margin: 0;
 376         border: none;
 377         background: none;
 378         overflow: visible;
 379         line-height: 1.2em;
 380 }
 381 #p-personal h5 {
 382         display: none;
 383 }
 384 #p-personal .portlet,
 385 #p-personal .pBody {
 386         z-index: 0;
 387         padding: 0;
 388         margin: 0;
 389         border: none;
 390         overflow: visible;
 391         background: none;
 392 }
 393 /* this is the ul contained in the portlet */
 394 #p-personal ul {
 395         border: none;
 396         line-height: 1.4em;
 397         color: #2f6fab;
 398         padding: 0 2em 0 3em;
 399         margin: 0;
 400         text-align: right;
 401         list-style: none;
 402         z-index: 0;
 403         background: none;
 404         cursor: default;
 405 }
 406 #p-personal li {
 407         z-index: 0;
 408         border: none;
 409         padding: 0;
 410         display: inline;
 411         color: #2f6fab;
 412         margin-left: 1em;
 413         line-height: 1.2em;
 414         background: none;
 415 }
 416 #p-personal li a {
 417         text-decoration: none;
 418         color: #005896;
 419         padding-bottom: .2em;
 420         background: none;
 421 }
 422 #p-personal li a:hover {
 423         background-color: white;
 424         padding-bottom: .2em;
 425         text-decoration: none;
 426 }
 427 #p-personal li.active a:hover {
 428         background-color: transparent;
 429 }
 430 /* the icon in front of the user name, single quotes
 431 in bg url to hide it from iemac */
 432 li#pt-userpage,
 433 li#pt-anonuserpage,
 434 li#pt-login {
 435         /* @embed */
 436         background: url(user.gif) top left no-repeat;
 437         padding-left: 20px;
 438         text-transform: none;
 439 }
 440 #p-personal ul {
 441         text-transform: lowercase;
 442 }
 443 #p-personal li.active {
 444         font-weight: bold;
 445 }
 446 /*
 447 ** the page-related actions- page/talk, edit etc
 448 */
 449 #p-cactions {
 450         position: absolute;
 451         top: 1.3em;
 452         left: 11.5em;
 453         margin: 0;
 454         white-space: nowrap;
 455         width: 76%;
 456         line-height: 1.1em;
 457         overflow: visible;
 458         background: none;
 459         border-collapse: collapse;
 460         padding-left: 1em;
 461         list-style: none;
 462         font-size: 95%;
 463 }
 464 #p-cactions ul {
 465         list-style: none;
 466 }
 467 #p-cactions li {
 468         display: inline;
 469         border: 1px solid #aaa;
 470         border-bottom: none;
 471         padding: 0 0 .1em 0;
 472         margin: 0 .3em 0 0;
 473         overflow: visible;
 474         background: white;
 475 }
 476 #p-cactions li.selected {
 477         border-color: #fabd23;
 478         padding: 0 0 .2em 0;
 479         font-weight: bold;
 480 }
 481 #p-cactions li a {
 482         background-color: #fbfbfb;
 483         color: #002bb8;
 484         border: none;
 485         padding: 0 .8em .3em;
 486         position: relative;
 487         z-index: 0;
 488         margin: 0;
 489         text-decoration: none;
 490 }
 491 #p-cactions li.selected a {
 492         z-index: 3;
 493         background-color: white;
 494 }
 495 #p-cactions .new a {
 496         color: #ba0000;
 497 }
 498 #p-cactions li a:hover {
 499         z-index: 3;
 500         text-decoration: none;
 501         background-color: white;
 502 }
 503 #p-cactions h5 {
 504         display: none;
 505 }
 506 #p-cactions li.istalk {
 507         margin-right: 0;
 508 }
 509 #p-cactions li.istalk a {
 510         padding-right: .5em;
 511 }
 512 #p-cactions #ca-addsection a {
 513         padding-left: .4em;
 514         padding-right: .4em;
 515 }
 516 /* offsets to distinguish the tab groups */
 517 li#ca-talk {
 518         margin-right: 1.6em;
 519 }
 520 li#ca-watch,
 521 li#ca-unwatch,
 522 li#ca-varlang-0,
 523 li#ca-print {
 524         margin-left: 1.6em;
 525 }
 526 #p-cactions .pBody {
 527         font-size: 1em;
 528         background-color: transparent;
 529         color: inherit;
 530         border-collapse: inherit;
 531         border: 0;
 532         padding: 0;
 533 }
 534 #p-cactions li a {
 535         text-transform: lowercase;
 536 }
 537
 538 #p-lang {
 539         position: relative;
 540         z-index: 3;
 541 }
 542
 543 /* Override text-transform on languages where capitalization is significant */
 544 .capitalize-all-nouns .portlet h5,
 545 .capitalize-all-nouns .portlet h6,
 546 .capitalize-all-nouns #p-personal ul,
 547 .capitalize-all-nouns #p-cactions ul li a {
 548         text-transform: none;
 549 }
 550
 551 /* TODO: #t-iscite is only used by the Cite extension, come up with some
 552  * system which allows extensions to add to this file on the fly
 553  */
 554 #t-ispermalink, #t-iscite {
 555         color: #999;
 556 }
 557 /*
 558 ** footer
 559 */
 560 div#footer {
 561         background-color: white;
 562         border-top: 1px solid #fabd23;
 563         border-bottom: 1px solid #fabd23;
 564         margin: .6em 0 1em 0;
 565         padding: .4em 0 1.2em 0;
 566         text-align: center;
 567         font-size: 90%;
 568 }
 569 div#footer li {
 570         display: inline;
 571         margin: 0 1.3em;
 572 }
 573 #f-poweredbyico, #f-copyrightico {
 574         margin: 0 8px;
 575         position: relative;
 576         top: -2px; /* Bump it up just a tad */
 577 }
 578 #f-poweredbyico {
 579         float: right;
 580         height: 1%;
 581 }
 582 #f-copyrightico {
 583         float: left;
 584         height: 1%;
 585 }
 586
 587 .mw-htmlform-submit {
 588         font-weight: bold;
 589         padding-left: .3em;
 590         padding-right: .3em;
 591         margin-right: 2em;
 592 }
 593
 594 /* js pref toc */
 595 #preftoc {
 596         margin: 0;
 597         padding: 0;
 598         width: 100%;
 599         clear: both;
 600 }
 601 #preftoc li {
 602         background-color: #f0f0f0;
 603         color: #000;
 604 }
 605 #preftoc li {
 606         margin: 1px -2px 1px 2px;
 607         float: left;
 608         padding: 2px 0 3px 0;
 609         border: 1px solid #fff;
 610         border-right-color: #716f64;
 611         border-bottom: 0;
 612         position: relative;
 613         white-space: nowrap;
 614         list-style-type: none;
 615         list-style-image: none;
 616         z-index: 3;
 617 }
 618 #preftoc li.selected {
 619         font-weight: bold;
 620         background-color: #f9f9f9;
 621         border: 1px solid #aaa;
 622         border-bottom: none;
 623         cursor: default;
 624         top: 1px;
 625         padding-top: 2px;
 626         margin-right: -3px;
 627 }
 628 #preftoc > li.selected {
 629         top: 2px;
 630 }
 631 #preftoc a,
 632 #preftoc a:active {
 633         display: block;
 634         color: #000;
 635         padding: 0 .7em;
 636         position: relative;
 637         text-decoration: none;
 638 }
 639 #preftoc li.selected a {
 640         cursor: default;
 641         text-decoration: none;
 642 }
 643 #preferences {
 644         margin: 0;
 645         border: 1px solid #aaa;
 646         clear: both;
 647         padding: 1.5em;
 648         background-color: #F9F9F9;
 649 }
 650 .prefsection {
 651         border: none;
 652         padding: 0;
 653         margin: 0;
 654 }
 655
 656 .prefsection legend {
 657         font-weight: bold;
 658 }
 659 .prefsection table, .prefsection legend {
 660         background-color: #F9F9F9;
 661 }
 662 .mainLegend {
 663         display: none;
 664 }
 665 td.htmlform-tip {
 666         font-size: x-small;
 667         padding: .2em 2em;
 668         color: #666;
 669 }
 670
 671 .preferences-login {
 672         clear: both;
 673         margin-bottom: 1.5em;
 674 }
 675
 676 .prefcache {
 677         font-size: 90%;
 678         margin-top: 2em;
 679 }
 680
 681 div#userloginForm,
 682 div#userlogin {
 683         margin: 0 3em 1em 0;
 684         border: 1px solid #aaa;
 685         clear: both;
 686         padding: 1.5em 2em;
 687         background-color: #f9f9f9;
 688         float: left;
 689 }
 690
 691 div#userloginForm table,
 692 div#userlogin table {
 693         background-color: #f9f9f9;
 694 }
 695
 696 div#userloginForm h2,
 697 div#userlogin h2 {
 698         padding-top: 0;
 699 }
 700
 701 div#userlogin .captcha,
 702 div#userloginForm .captcha {
 703         border: 1px solid #bbb;
 704         padding: 1.5em 2em;
 705         background-color: white;
 706 }
 707
 708 #loginend, #signupend {
 709         clear: both;
 710 }
 711
 712 #userloginprompt, #languagelinks {
 713         font-size: 85%;
 714 }
 715
 716 #login-sectiontip {
 717         font-size: 85%;
 718         line-height: 1.2;
 719         padding-top: 2em;
 720 }
 721
 722 #userlogin .loginText, #userlogin .loginPassword {
 723         width: 12em;
 724 }
 725
 726 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
 727         font-weight: bold;
 728 }
 729
 730 /*
 731 ** IE/Mac fixes, hope to find a validating way to move this
 732 ** to a separate stylesheet. This would work but doesn't validate:
 733 ** @import("IEMacFixes.css");
 734 */
 735 /* tabs: border on the a, not the div */
 736 * > html #p-cactions li {
 737         border: none;
 738 }
 739 * > html #p-cactions li a {
 740         border: 1px solid #aaa;
 741         border-bottom: none;
 742 }
 743 * > html #p-cactions li.selected a {
 744         border-color: #fabd23;
 745 }
 746 /* footer icons need a fixed width */
 747 * > html #f-poweredbyico,
 748 * > html #f-copyrightico {
 749         width: 88px;
 750 }
 751 * > html #bodyContent,
 752 * > html #bodyContent pre {
 753         overflow-x: auto;
 754         width: 100%;
 755         padding-bottom: 25px;
 756 }
 757
 758 /* more IE fixes */
 759 /* float/negative margin brokenness */
 760 * html div#footer {
 761         margin-top: 0;
 762 }
 763 * html div#column-content {
 764         display: inline;
 765         margin-bottom: 0;
 766 }
 767 #pagehistory li.selected {
 768         position: relative;
 769 }
 770
 771 /* Mac IE 5.0 fix; floated content turns invisible */
 772 * > html div#column-content {
 773         float: none;
 774 }
 775 * > html div#column-one {
 776         position: absolute;
 777         left: 0;
 778         top: 0;
 779 }
 780 * > html div#footer {
 781         margin-left: 13.2em;
 782 }
 783 .redirectText {
 784         font-size: 150%;
 785         margin: 5px;
 786 }
 787
 788 .printfooter {
 789         display: none;
 790 }
 791
 792 div.patrollink {
 793         clear: both;
 794 }
 795
 796 .sharedUploadNotice {
 797         font-style: italic;
 798 }
 799
 800 span.updatedmarker {
 801         color: black;
 802         background-color: #0f0;
 803 }
 804
 805 .editExternally {
 806         border: 1px solid gray;
 807         background-color: #ffffff;
 808         padding: 3px;
 809         margin-top: 0.5em;
 810         float: left;
 811         font-size: small;
 812         text-align: center;
 813 }
 814 .editExternallyHelp {
 815         font-style: italic;
 816         color: gray;
 817 }
 818
 819 .toggle {
 820         margin-left: 2em;
 821         text-indent: -2em;
 822 }
 823
 824 /* @bug 1714 */
 825 input#wpSave,
 826 input#wpDiff {
 827         margin-right: 0.33em;
 828 }
 829
 830 #wpSave {
 831         font-weight: bold;
 832 }
 833
 834 /* noarticletext */
 835 div.noarticletext {
 836         border: 1px solid #ccc;
 837         background: #fff;
 838         padding: .2em 1em;
 839         color: #000;
 840 }
 841
 842 div#searchTargetContainer {
 843         left: 10px;
 844         top: 10px;
 845         width: 90%;
 846         background: white;
 847 }
 848
 849 div#searchTarget {
 850         padding: 3px;
 851         margin: 5px;
 852         background: #F0F0F0;
 853         border: solid 1px blue;
 854 }
 855
 856 div#searchTarget ul li {
 857         list-style: none;
 858 }
 859
 860 div#searchTarget ul li:before {
 861         color: orange;
 862         content: "\00BB \0020";
 863 }
 864
 865 div#searchTargetHide {
 866         float: right;
 867         border: solid 1px black;
 868         background: #DCDCDC;
 869         padding: 2px;
 870 }
 871
 872 #powersearch p {
 873         margin-top:0px;
 874 }
 875
 876 div.multipageimagenavbox {
 877         border: solid 1px silver;
 878         padding: 4px;
 879         margin: 1em;
 880         background: #f0f0f0;
 881 }
 882
 883 div.multipageimagenavbox div.thumb {
 884         border: none;
 885         margin-left: 2em;
 886         margin-right: 2em;
 887 }
 888
 889 div.multipageimagenavbox hr {
 890         margin: 6px;
 891 }
 892
 893 table.multipageimage td {
 894         text-align: center;
 895 }
 896
 897 .templatesUsed {
 898         margin-top: 1.5em;
 899 }
 900
 901 .mw-summary-preview {
 902         margin: 0.1em 0;
 903 }
 904
 905 /* Friendlier slave lag warnings */
 906 div.mw-lag-warn-normal,
 907 div.mw-lag-warn-high {
 908         padding: 3px;
 909         text-align: center;
 910         margin: 3px auto;
 911 }
 912 div.mw-lag-warn-normal {
 913         border: 1px solid #FFCC66;
 914         background-color: #FFFFCC;
 915 }
 916 div.mw-lag-warn-high {
 917         font-weight: bold;
 918         border: 2px solid #FF0033;
 919         background-color: #FFCCCC;
 920 }
 921
 922 .MediaTransformError {
 923         background-color: #ccc;
 924         padding: 0.1em;
 925 }
 926 .MediaTransformError td {
 927         text-align: center;
 928         vertical-align: middle;
 929         font-size: 90%;
 930 }
 931
 932 /* God-damned hack for the crappy layout */
 933 .os-suggest {
 934         font-size: 127%;
 935 }
 936
 937 /* Sometimes people don't want personal tools to be lowercase! */
 938 .no-text-transform {
 939         text-transform: none;
 940 }
 941
 942 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 943 .tipsy {
 944         font-size: 127%;
 945 }