animation-name: alert-fadeout-animation;
}
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+ /* !important is necessary because CSS animations have highest
+ importance in the cascade with exception to !important rules. */
+ opacity: 1 !important;
+}
+
@keyframes alert-animation {
from {
opacity: 0;
}
}
+#alertIcon {
+ margin-top: 6px;
+ margin-inline-start: 8px;
+ margin-inline-end: 0;
+ margin-bottom: 0;
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px;
+}
+
+@media (resolution: 2dppx) {
+ #alertIcon {
+ image-rendering: -moz-crisp-edges;
+ }
+}
+
#alertImage {
width: 80px;
height: 80px;
#alertSettings {
border-radius: 0px;
min-width: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #808080;
margin-inline-end: 0;
margin-bottom: 0;
}
#alertSettings:hover,
#alertSettings[open] {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+ fill: #000000;
}
#alertSettings:hover {