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/. */
5 /* ===== alert.css =====================================================
6 == Shared styles specific to the alerts dialog.
7 ======================================================================= */
9 @import url("chrome://global/skin/");
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
14 animation-timing-function: cubic-bezier(.12,1.23,.48,1.09);
17 #alertBox[animate][clicked] {
18 animation-duration: .6s;
19 animation-name: alert-zoom-animation;
22 /* This is used if the close button is clicked
23 before the animation has finished. */
24 #alertBox[animate][closing] {
25 animation-duration: .6s;
26 animation-name: alert-fadeout-animation;
29 @keyframes alert-animation {
44 @keyframes alert-zoom-animation {
50 @keyframes alert-fadeout-animation {
61 object-fit: scale-down;
67 /* The text box width is increased to make up for the lack of image when one
68 is not provided. 349px is the text box width when a picture is present,
69 255px, plus the width of the image, 80px, and the margins, 7px each. */
73 #alertBox[hasImage] > box > #alertTextBox {
77 #alertBox:not([hasImage]) > box > #alertTextBox {
78 padding-inline-start: 8px;
82 padding-inline-end: 8px;
93 -moz-box-align: start;
96 #alertBox:not([hasOrigin]) > box > #alertTextBox,
110 list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
111 margin-inline-end: 0;
115 #alertSettings > .button-box {
119 #alertSettings:hover,
120 #alertSettings[open] {
121 list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
124 #alertSettings:hover {
127 #alertSettings[open],
128 #alertSettings:hover:active {
131 #alertSettings[focusedViaMouse]:-moz-focusring > .button-box {
132 border-color: transparent;
135 #alertSettings > .button-box > .button-menu-dropmarker,
136 #alertSettings > .button-box > .box-inherit > .button-text {