toolkit/components/alerts/alert.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 #alertBox[animate] {
   6   animation-duration: 20s;
   7   animation-fill-mode: both;
   8   animation-name: alert-animation;
   9 }
  10
  11 #alertBox[animate]:not([clicked], [closing]):hover {
  12   animation-play-state: paused;
  13 }
  14
  15 #alertBox:not([hasOrigin]) > box > #alertTextBox > #alertFooter,
  16 #alertBox:not([hasIcon]) > box > #alertIcon,
  17 #alertImage:not([src]) {
  18   display: none;
  19 }
  20
  21 #alertTitleBox {
  22   justify-content: center;
  23   align-items: center;
  24 }
  25
  26 .alertText {
  27   white-space: pre-wrap;
  28 }
  29
  30 @keyframes alert-animation {
  31   from {
  32     visibility: visible;
  33   }
  34   to {
  35     visibility: hidden;
  36   }
  37 }