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