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