+#plugins-notification-icon:hover {
+/* -moz-image-region: rect(0, 32px, 16px, 16px);*/
+}
+
+#notification-popup-box[hidden] {
+ /* Override display:none to make the pluginBlockedNotification animation work
+ when showing the notification repeatedly. */
+ display: -moz-box;
+ visibility: collapse;
+}
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
+}
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png");
+}
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png);
+}
+
+.webRTC-shareDevices-notification-icon,
+#webRTC-shareDevices-notification-icon {
+ list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
+}
+
+.webRTC-sharingDevices-notification-icon,
+#webRTC-sharingDevices-notification-icon {
+ list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
+}
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url("chrome://browser/skin/webRTC-shareMicrophone-16.png");
+}
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url("chrome://browser/skin/webRTC-sharingMicrophone-16.png");
+}
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png);
+}
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png);
+}
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url("chrome://browser/skin/notification-16.png");
+}
+
+#pointerLock-notification-icon {
+ list-style-image: url("chrome://browser/skin/pointerLock-16.png");
+}
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url("chrome://browser/skin/social/services-64.png");
+}
+#servicesInstall-notification-icon {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+}
+
+/* EME notifications */
+
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
+}
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed");
+}
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal;
+}
+
+@keyframes emeTeachingMoment {
+ 0% {transform: translateX(0); }
+ 25% {transform: translateX(3px) }
+ 75% {transform: translateX(-3px) }
+ 100% { transform: translateX(0); }
+}
+
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+/* #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill;
+ }
+*/
+ .notification-anchor-icon {
+ list-style-image: url(chrome://global/skin/icons/information-32.png);
+ }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png);
+ }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png);
+ }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png);
+ }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png);
+ }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png);
+ }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png);
+ }
+}
+
+/* === END notification-icons.inc.css === */
+
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em;
+}
+
+/* Translation infobar */
+
+/* === BEGIN infobar.inc.css === */
+
+notification[value="translation"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translation-16@2x.png");
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+}
+
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translating-16.png");
+ -moz-image-region: auto;
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translating-16@2x.png");
+ }
+}
+
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-width: 0;
+}
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+}
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0;
+}
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small;