resources/src/mediawiki.notification/default.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         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.mw-notification-type-warn {
  45         border-color: #f5be00; /* yellow */
  46         background-color: #ffffe8;
  47 }
  48
  49 .mw-notification.mw-notification-type-error {
  50         border-color: #eb3941; /* red */
  51         background-color: #fff8f8;
  52 }