resources/src/mediawiki/mediawiki.notification.css

   1 .mw-notification-area {
   2         top: 0;
   3         right: 0;
   4         /* Padding on all sides so drop shadows aren't cut by overflow: hidden */
   5         padding: 1em;
   6         width: 20em;
   7         line-height: 1.35;
   8         z-index: 10000;
   9         /* Avoid horizontal scrollbar on fade in and on fade out */
  10         overflow: hidden;
  11 }
  12
  13 .mw-notification {
  14         padding: 0.25em 1em;
  15         margin-bottom: 0.5em;
  16         border: solid 1px #ddd;
  17         background-color: #fcfcfc;
  18         color: #252525;
  19         /* Click handler in mediawiki.notification.js */
  20         cursor: pointer;
  21
  22         opacity: 0;
  23         -webkit-transform: translateX( 35px );
  24         transform: translateX( 35px );
  25         -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  26         transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  27 }
  28
  29 .mw-notification-visible {
  30         opacity: 1;
  31         -webkit-transform: translateX( 0 );
  32         transform: translateX( 0 );
  33 }
  34
  35 .mw-notification-replaced {
  36         opacity: 0;
  37         -webkit-transform: translateY( -35px );
  38         transform: translateY( -35px );
  39         pointer-events: none;
  40 }
  41
  42 .mw-notification-title {
  43         font-weight: bold;
  44 }
  45
  46 .mw-notification-type-warn {
  47         border-color: #f5be00; /* yellow */
  48         background-color: #ffffe8;
  49 }
  50
  51 .mw-notification-type-error {
  52         border-color: #eb3941; /* red */
  53         background-color: #fff8f8;
  54 }