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