1 files changed, 113 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/global/alerts/alert.css b/comm/suite/themes/modern/global/alerts/alert.css
new file mode 100644
index 0000000000..5f0984db7d
--- /dev/null
+++ b/comm/suite/themes/modern/global/alerts/alert.css
@@ -0,0 +1,113 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== alert.css =====================================================
+  == Styles specific to the alerts dialog.
+  ======================================================================= */
+
+@import url("chrome://global/skin/global.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.alertBox {
+  background-color: #C7D0D9;
+}
+
+#alertBox[hasBodyText] > #alertTitleBox,
+#alertBox[hasOrigin] > #alertTitleBox {
+  border-bottom: 1px solid #7B969C;
+}
+
+#alertBox[animate][clicked],
+#alertBox[animate][closing] {
+  animation-duration: 0.75s;
+}
+
+alertBox[hasImage] > box > .alertImageBox {
+  padding: 4px;
+  width: 64px;
+}
+
+.alertTextBox {
+  padding: 4px;
+  width: 255px;
+  -moz-box-flex: 1;
+}
+
+.alertTitle {
+  font-weight: bold;
+  font-size: 110%;
+  padding: 4px;
+  -moz-box-flex: 1;
+}
+
+.alertSource {
+  color: #8C99AB;
+  -moz-box-flex: 1;
+}
+
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+  list-style-image: url("chrome://global/skin/alerts/notification-48.png");
+}
+
+#alertNotification {
+  border: ridge #5486DA 4px;
+}
+
+#alertNotification[clickable="true"] {
+  cursor: pointer;
+}
+
+label {
+  cursor: inherit;
+}
+
+.alertText[clickable="true"] {
+  color: #1455D6;
+  text-decoration: underline;
+}
+
+.alertText[clickable="true"]:hover:active {
+  color: #424F63;
+}
+
+@keyframes alert-animation {
+  from {
+    opacity: 0;
+  }
+  6.25% {
+    opacity: 1;
+  }
+  93.75% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/closebox.png");
+  padding: 4px;
+  border: none;
+}
+
+#alertFooter {
+  -moz-box-align: end;
+}
+
+#alertSettings {
+  min-width: 0px;
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
+  margin: 0px;
+  border: none;
+  background-color: transparent;
+}
+
+.button-menu-dropmarker,
+.button-text {
+  display: none;
+}