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: 1em;
  21         position: relative;
  22         z-index: 2;
  23 }
  24 div#column-one {
  25         padding-top: 160px;
  26 }
  27 /* Hide, but keep accessible for screen-readers */
  28 #column-one h2 {
  29         position: absolute;
  30         top: -9999px;
  31 }
  32 div#content {
  33         background: white;
  34         color: black;
  35         border: 1px solid #aaa;
  36         border-right: none;
  37         line-height: 1.5em;
  38 }
  39 /* the left column width is specified in class .portlet */
  40
  41 /* Font size:
  42 ** We take advantage of keyword scaling- browsers won't go below 9px
  43 ** More at http://www.w3.org/2003/07/30-font-size
  44 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  45 */
  46
  47 body {
  48         font: x-small sans-serif;
  49         /* @embed */
  50         background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
  51         color: black;
  52         margin: 0;
  53         padding: 0;
  54         direction: ltr; /* Needed for RTL flipping */
  55         unicode-bidi: embed;
  56 }
  57
  58 /* scale back up to a sane default */
  59 div#globalWrapper {
  60         font-size: 127%;
  61         width: 100%;
  62         margin: 0;
  63         padding: 0;
  64 }
  65
  66 /* general styles */
  67 a {
  68         color: #002bb8;
  69 }
  70 a:visited {
  71         color: #5a3696;
  72 }
  73 a.new,
  74 #p-personal a.new {
  75         color: #cc2200;
  76 }
  77
  78 ul {
  79         list-style-type: square;
  80         /* @embed */
  81         list-style-image: url(bullet.gif);
  82 }
  83
  84 input.historysubmit {
  85         padding: 0 .3em .3em .3em !important;
  86         font-size: 94%;
  87         cursor: pointer;
  88         height: 1.7em !important;
  89         margin-left: 1.6em;
  90 }
  91
  92 pre, .mw-code {
  93         line-height: 1.1em;
  94 }
  95
  96 #firstHeading {
  97         padding-top: 0;
  98 }
  99 /*
 100 ** the main content area
 101 */
 102
 103 #siteNotice {
 104         font-size: 95%;
 105         padding: 0 0.9em;
 106 }
 107 #localNotice {
 108         margin: 0;
 109 }
 110 #siteNotice p {
 111         margin: 0;
 112         padding: 0;
 113 }
 114
 115 /*
 116 ** classes for special content elements like town boxes
 117 ** intended to be referenced directly from the wiki src
 118 */
 119
 120 /*
 121 ** User styles
 122 */
 123 /* table standards */
 124 table.rimage {
 125         float: right;
 126         position: relative;
 127         margin-left: 1em;
 128         margin-bottom: 1em;
 129         text-align: center;
 130 }
 131
 132 /*
 133 ** edit views etc
 134 */
 135 .special li {
 136         line-height: 1.4em;
 137         margin: 0;
 138         padding: 0;
 139 }
 140
 141 /*
 142 ** keep the whitespace in front of the ^=, hides rule from konqueror
 143 ** this is css3, the validator doesn't like it when validating as css2
 144 */
 145 #bodyContent a.external {
 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 h3 {
 236         background: transparent;
 237         padding: 0 1em 0 .5em;
 238         display: inline;
 239         height: 1em;
 240         text-transform: lowercase;
 241         font-size: 91%;
 242         font-weight: normal;
 243         white-space: nowrap;
 244 }
 245 .pBody {
 246         font-size: 95%;
 247         background-color: white;
 248         color: black;
 249         border-collapse: collapse;
 250         border: 1px solid #aaa;
 251         padding: 0 .8em .3em .5em;
 252 }
 253 .portlet ul {
 254         line-height: 1.5em;
 255         font-size: 95%;
 256 }
 257 .portlet li {
 258         padding: 0;
 259         margin: 0;
 260 }
 261
 262 /*
 263 ** Logo properties
 264 */
 265
 266 #p-logo {
 267         top: 0;
 268         left: 0;
 269         position: absolute; /*needed to use z-index */
 270         z-index: 3;
 271         height: 155px;
 272         width: 12em;
 273         overflow: visible;
 274 }
 275 #p-logo h3 {
 276         display: none;
 277 }
 278 #p-logo a,
 279 #p-logo a:hover {
 280         display: block;
 281         height: 155px;
 282         width: 12.2em;
 283         background-repeat: no-repeat;
 284         background-position: 35% 50% !important;
 285         text-decoration: none;
 286 }
 287
 288 /*
 289 ** Search portlet
 290 */
 291 #p-search {
 292         position: relative;
 293         z-index: 3;
 294 }
 295 input.searchButton {
 296         margin-top: 1px;
 297         font-size: 95%;
 298 }
 299 #searchGoButton {
 300         padding-left: .5em;
 301         padding-right: .5em;
 302         font-weight: bold;
 303 }
 304 #searchInput {
 305         width: 10.9em;
 306         margin: 0;
 307         font-size: 95%;
 308 }
 309 #p-search .pBody {
 310         padding: .5em .4em .4em .4em;
 311         text-align: center;
 312 }
 313 #p-search #searchform div div {
 314         margin-top: .4em;
 315         font-size: 95%;
 316 }
 317 /*
 318 ** the personal toolbar
 319 */
 320 #p-personal {
 321         position: absolute;
 322         left: 0;
 323         top: 0;
 324         z-index: 3;
 325 }
 326 #p-personal {
 327         width: 100%;
 328         white-space: nowrap;
 329         padding: 0;
 330         margin: 0;
 331         border: none;
 332         background: none;
 333         overflow: visible;
 334         line-height: 1.2em;
 335 }
 336 #p-personal h3 {
 337         display: none;
 338 }
 339 #p-personal .portlet,
 340 #p-personal .pBody {
 341         z-index: 0;
 342         padding: 0;
 343         margin: 0;
 344         border: none;
 345         overflow: visible;
 346         background: none;
 347 }
 348 /* this is the ul contained in the portlet */
 349 #p-personal ul {
 350         border: none;
 351         line-height: 1.4em;
 352         color: #2f6fab;
 353         padding: 0 2em 0 3em;
 354         margin: 0;
 355         text-align: right;
 356         list-style-type: none;
 357         list-style-image: none;
 358         z-index: 0;
 359         background: none;
 360         cursor: default;
 361 }
 362 #p-personal li {
 363         z-index: 0;
 364         border: none;
 365         padding: 0;
 366         display: inline;
 367         color: #2f6fab;
 368         margin-left: 1em;
 369         line-height: 1.2em;
 370         background: none;
 371 }
 372 #p-personal li a {
 373         text-decoration: none;
 374         color: #005896;
 375         padding-bottom: .2em;
 376         background: none;
 377 }
 378 #p-personal li a:hover {
 379         background-color: white;
 380         padding-bottom: .2em;
 381         text-decoration: none;
 382 }
 383 #p-personal li.active a:hover {
 384         background-color: transparent;
 385 }
 386 /* The icon in front of the username / login link */
 387 li#pt-userpage,
 388 li#pt-anonuserpage,
 389 li#pt-login {
 390         /* @embed */
 391         background: url(user.gif) top left no-repeat;
 392         padding-left: 20px;
 393 }
 394 #p-personal ul {
 395         text-transform: lowercase;
 396 }
 397 /* Don't lowercase username or IP addresses (IPv6) */
 398 li#pt-userpage,
 399 li#pt-anonuserpage {
 400         text-transform: none;
 401 }
 402 #p-personal li.active {
 403         font-weight: bold;
 404 }
 405 /*
 406 ** the page-related actions- page/talk, edit etc
 407 */
 408 #p-cactions {
 409         position: absolute;
 410         top: 1.3em;
 411         left: 11.5em;
 412         margin: 0;
 413         white-space: nowrap;
 414         width: 76%;
 415         line-height: 1.1em;
 416         overflow: visible;
 417         background: none;
 418         border-collapse: collapse;
 419         padding-left: 1em;
 420         font-size: 95%;
 421 }
 422 #p-cactions ul {
 423         list-style-type: none;
 424         list-style-image: none;
 425 }
 426 #p-cactions li {
 427         display: inline;
 428         border: 1px solid #aaa;
 429         border-bottom: none;
 430         padding: 0 0 1em 0;
 431         margin: 0 .3em 0 0;
 432         overflow: visible;
 433         background: white;
 434 }
 435 #p-cactions li.selected {
 436         border-color: #fabd23;
 437         font-weight: bold;
 438 }
 439 #p-cactions li a {
 440         background-color: #fbfbfb;
 441         color: #002bb8;
 442         border: none;
 443         padding: 0 .8em .3em;
 444         position: relative;
 445         z-index: 0;
 446         margin: 0;
 447         text-decoration: none;
 448 }
 449 #p-cactions li.selected a {
 450         z-index: 3;
 451         background-color: white;
 452 }
 453 #p-cactions .new a {
 454         color: #ba0000;
 455 }
 456 #p-cactions li a:hover {
 457         z-index: 3;
 458         text-decoration: none;
 459         background-color: white;
 460 }
 461 #p-cactions h3 {
 462         display: none;
 463 }
 464 #p-cactions li.istalk {
 465         margin-right: 0;
 466 }
 467 #p-cactions li.istalk a {
 468         padding-right: .5em;
 469 }
 470 #p-cactions #ca-addsection a {
 471         padding-left: .4em;
 472         padding-right: .4em;
 473 }
 474 /* offsets to distinguish the tab groups */
 475 li#ca-talk {
 476         margin-right: 1.6em;
 477 }
 478 li#ca-watch,
 479 li#ca-unwatch,
 480 li#ca-varlang-0,
 481 li#ca-print {
 482         margin-left: 1.6em;
 483 }
 484 #p-cactions .pBody {
 485         font-size: 1em;
 486         background-color: transparent;
 487         color: inherit;
 488         border-collapse: inherit;
 489         border: 0;
 490         padding: 0;
 491 }
 492 #p-cactions li a {
 493         text-transform: lowercase;
 494 }
 495
 496 #p-lang {
 497         position: relative;
 498         z-index: 3;
 499 }
 500
 501 /* Override text-transform on languages where capitalization is significant */
 502 .capitalize-all-nouns .portlet h3,
 503 .capitalize-all-nouns #p-personal ul,
 504 .capitalize-all-nouns #p-cactions ul li a {
 505         text-transform: none;
 506 }
 507
 508 /* TODO: #t-iscite is only used by the Cite extension, come up with some
 509  * system which allows extensions to add to this file on the fly
 510  */
 511 #t-ispermalink, #t-iscite {
 512         color: #999;
 513 }
 514 /*
 515 ** footer
 516 */
 517 div#footer {
 518         background-color: white;
 519         border-top: 1px solid #fabd23;
 520         border-bottom: 1px solid #fabd23;
 521         margin: .6em 0 1em 0;
 522         overflow: hidden;
 523         padding: .4em 0 .3em 0;
 524         text-align: center;
 525         font-size: 90%;
 526 }
 527 div#footer li {
 528         display: inline;
 529         margin: 0 1.3em;
 530 }
 531 #f-poweredbyico, #f-copyrightico {
 532         margin: 0 8px;
 533         position: relative;
 534         top: -2px; /* Bump it up just a tad */
 535 }
 536 #f-poweredbyico {
 537         float: right;
 538         height: 1%;
 539 }
 540 #f-copyrightico {
 541         float: left;
 542         height: 1%;
 543 }
 544
 545 .mw-htmlform-submit {
 546         font-weight: bold;
 547         padding-left: .3em;
 548         padding-right: .3em;
 549         margin-right: 2em;
 550 }
 551
 552 /* js pref toc */
 553 #preftoc {
 554         margin: 0;
 555         padding: 0;
 556         width: 100%;
 557         clear: both;
 558 }
 559 #preftoc li {
 560         background-color: #f0f0f0;
 561         color: #000;
 562 }
 563 #preftoc li {
 564         margin: 1px -2px 1px 2px;
 565         float: left;
 566         padding: 2px 0 3px 0;
 567         border: 1px solid #fff;
 568         border-right-color: #716f64;
 569         border-bottom: 0;
 570         position: relative;
 571         white-space: nowrap;
 572         list-style-type: none;
 573         list-style-image: none;
 574         z-index: 3;
 575 }
 576 #preftoc li.selected {
 577         font-weight: bold;
 578         background-color: #f9f9f9;
 579         border: 1px solid #aaa;
 580         border-bottom: none;
 581         cursor: default;
 582         top: 1px;
 583         padding-top: 2px;
 584         margin-right: -3px;
 585 }
 586 #preftoc > li.selected {
 587         top: 2px;
 588 }
 589 #preftoc a,
 590 #preftoc a:active {
 591         display: block;
 592         color: #000;
 593         padding: 0 .7em;
 594         position: relative;
 595         text-decoration: none;
 596 }
 597 #preftoc li.selected a {
 598         cursor: default;
 599         text-decoration: none;
 600 }
 601 #preferences {
 602         margin: 0;
 603         border: 1px solid #aaa;
 604         clear: both;
 605         padding: 1.5em;
 606         background-color: #F9F9F9;
 607 }
 608 .prefsection {
 609         border: none;
 610         padding: 0;
 611         margin: 0;
 612 }
 613
 614 .prefsection legend {
 615         font-weight: bold;
 616 }
 617 .prefsection table, .prefsection legend {
 618         background-color: #F9F9F9;
 619 }
 620 .mainLegend {
 621         display: none;
 622 }
 623 td.htmlform-tip {
 624         font-size: x-small;
 625         padding: .2em 2em;
 626         color: #666;
 627 }
 628
 629 .preferences-login {
 630         clear: both;
 631         margin-bottom: 1.5em;
 632 }
 633
 634 .prefcache {
 635         font-size: 90%;
 636         margin-top: 2em;
 637 }
 638
 639 div#userloginForm,
 640 div#userlogin {
 641         margin: 0 3em 1em 0;
 642         border: 1px solid #aaa;
 643         clear: both;
 644         padding: 1.5em 2em;
 645         background-color: #f9f9f9;
 646         float: left;
 647 }
 648
 649 div#userloginForm table,
 650 div#userlogin table {
 651         background-color: #f9f9f9;
 652 }
 653
 654 div#userloginForm h2,
 655 div#userlogin h2 {
 656         padding-top: 0;
 657 }
 658
 659 div#userlogin .captcha,
 660 div#userloginForm .captcha {
 661         border: 1px solid #bbb;
 662         padding: 1.5em 2em;
 663         background-color: white;
 664 }
 665
 666 #loginend, #signupend {
 667         clear: both;
 668 }
 669
 670 #userloginprompt, #languagelinks {
 671         font-size: 85%;
 672 }
 673
 674 #login-sectiontip {
 675         font-size: 85%;
 676         line-height: 1.2;
 677         padding-top: 2em;
 678 }
 679
 680 #userlogin .loginText, #userlogin .loginPassword {
 681         width: 12em;
 682 }
 683
 684 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
 685         font-weight: bold;
 686 }
 687
 688 /*
 689 ** IE/Mac fixes, hope to find a validating way to move this
 690 ** to a separate stylesheet. This would work but doesn't validate:
 691 ** @import("IEMacFixes.css");
 692 */
 693 /* tabs: border on the a, not the div */
 694 * > html #p-cactions li {
 695         border: none;
 696 }
 697 * > html #p-cactions li a {
 698         border: 1px solid #aaa;
 699         border-bottom: none;
 700 }
 701 * > html #p-cactions li.selected a {
 702         border-color: #fabd23;
 703 }
 704 /* footer icons need a fixed width */
 705 * > html #f-poweredbyico,
 706 * > html #f-copyrightico {
 707         width: 88px;
 708 }
 709 * > html #bodyContent,
 710 * > html #bodyContent pre {
 711         overflow-x: auto;
 712         width: 100%;
 713         padding-bottom: 25px;
 714 }
 715
 716 /* more IE fixes */
 717 /* float/negative margin brokenness */
 718 * html div#footer {
 719         margin-top: 0;
 720 }
 721 * html div#column-content {
 722         display: inline;
 723         margin-bottom: 0;
 724 }
 725 #pagehistory li.selected {
 726         position: relative;
 727 }
 728
 729 /* Mac IE 5.0 fix; floated content turns invisible */
 730 * > html div#column-content {
 731         float: none;
 732 }
 733 * > html div#column-one {
 734         position: absolute;
 735         left: 0;
 736         top: 0;
 737 }
 738 * > html div#footer {
 739         margin-left: 13.2em;
 740 }
 741 .redirectText {
 742         font-size: 150%;
 743         margin: 5px;
 744 }
 745
 746 div.patrollink {
 747         clear: both;
 748 }
 749
 750 .sharedUploadNotice {
 751         font-style: italic;
 752 }
 753
 754 span.updatedmarker {
 755         color: black;
 756         background-color: #0f0;
 757 }
 758
 759 .editExternally {
 760         border: 1px solid gray;
 761         background-color: #ffffff;
 762         padding: 3px;
 763         margin-top: 0.5em;
 764         float: left;
 765         font-size: small;
 766         text-align: center;
 767 }
 768 .editExternallyHelp {
 769         font-style: italic;
 770         color: gray;
 771 }
 772
 773 .toggle {
 774         margin-left: 2em;
 775         text-indent: -2em;
 776 }
 777
 778 /* @bug 1714 */
 779 input#wpSave,
 780 input#wpDiff {
 781         margin-right: 0.33em;
 782 }
 783
 784 #wpSave {
 785         font-weight: bold;
 786 }
 787
 788 /* noarticletext */
 789 div.noarticletext {
 790         border: 1px solid #ccc;
 791         background: #fff;
 792         padding: .2em 1em;
 793         color: #000;
 794 }
 795
 796 div#searchTargetContainer {
 797         left: 10px;
 798         top: 10px;
 799         width: 90%;
 800         background: white;
 801 }
 802
 803 div#searchTarget {
 804         padding: 3px;
 805         margin: 5px;
 806         background: #F0F0F0;
 807         border: solid 1px blue;
 808 }
 809
 810 div#searchTarget ul li {
 811         list-style-type: none;
 812         list-style-image: none;
 813 }
 814
 815 div#searchTarget ul li:before {
 816         color: orange;
 817         content: "\00BB \0020";
 818 }
 819
 820 div#searchTargetHide {
 821         float: right;
 822         border: solid 1px black;
 823         background: #DCDCDC;
 824         padding: 2px;
 825 }
 826
 827 #powersearch p {
 828         margin-top: 0;
 829 }
 830
 831 div.multipageimagenavbox {
 832         border: solid 1px silver;
 833         padding: 4px;
 834         margin: 1em;
 835         background: #f0f0f0;
 836 }
 837
 838 div.multipageimagenavbox div.thumb {
 839         border: none;
 840         margin-left: 2em;
 841         margin-right: 2em;
 842 }
 843
 844 div.multipageimagenavbox hr {
 845         margin: 6px;
 846 }
 847
 848 table.multipageimage td {
 849         text-align: center;
 850 }
 851
 852 .templatesUsed {
 853         margin-top: 1.5em;
 854 }
 855
 856 .mw-summary-preview {
 857         margin: 0.1em 0;
 858 }
 859
 860 /* Friendlier slave lag warnings */
 861 div.mw-lag-warn-normal,
 862 div.mw-lag-warn-high {
 863         padding: 3px;
 864         text-align: center;
 865         margin: 3px auto;
 866 }
 867 div.mw-lag-warn-normal {
 868         border: 1px solid #FFCC66;
 869         background-color: #FFFFCC;
 870 }
 871 div.mw-lag-warn-high {
 872         font-weight: bold;
 873         border: 2px solid #FF0033;
 874         background-color: #FFCCCC;
 875 }
 876
 877 .MediaTransformError {
 878         background-color: #ccc;
 879         padding: 0.1em;
 880 }
 881 .MediaTransformError td {
 882         text-align: center;
 883         vertical-align: middle;
 884         font-size: 90%;
 885 }
 886
 887 /* God-damned hack for the crappy layout */
 888 .os-suggest {
 889         font-size: 127%;
 890 }
 891
 892 /* Sometimes people don't want personal tools to be lowercase! */
 893 .no-text-transform {
 894         text-transform: none;
 895 }
 896
 897 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 898 .tipsy {
 899         font-size: 127%;
 900 }
 901
 902 /* mediawiki.notification */
 903 .skin-monobook .mw-notification {
 904         -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125);
 905         box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125);
 906 }