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