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