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.75em 1.5em;
  15         margin-bottom: 0.5em;
  16         border: solid 1px #ddd;
  17         background-color: #fff;
  18         /* Click handler in mediawiki.notification.js */
  19         cursor: pointer;
  20
  21         opacity: 0;
  22         -webkit-transform: translateX( 35px );
  23         transform: translateX( 35px );
  24         -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  25         transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  26 }
  27
  28 .mw-notification-visible {
  29         opacity: 1;
  30         -webkit-transform: translateX( 0 );
  31         transform: translateX( 0 );
  32 }
  33
  34 .mw-notification-replaced {
  35         opacity: 0;
  36         -webkit-transform: translateY( -35px );
  37         transform: translateY( -35px );
  38         pointer-events: none;
  39 }
  40
  41 .mw-notification-title {
  42         font-weight: bold;
  43 }
  44
  45 .mw-notification.mw-notification-type-warn {
  46         border-color: #f5be00; /* yellow */
  47         background-color: #ffffe8;
  48 }
  49
  50 .mw-notification.mw-notification-type-error {
  51         border-color: #eb3941; /* red */
  52         background-color: #fff8f8;
  53 }