resources/src/mediawiki/mediawiki.notification.css

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