sync both themes with toolkit windows theme changes in Mozilla 45-48 cycles

[themes.git] / LCARStrek / global / alerts / alert.css

diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css
index 44f905066177b6b242ca25e0f2f0166e409d64b4..a501bb9ccfcbfd26eb8c5a751fed1dbc5827e63b 100644 (file)
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -6,74 +6,43 @@
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
-@import url("chrome://global/skin/");
+@import url("chrome://global/skin/alerts/alert-common.css");
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-.alertBox {
+#alertNotification {
+  -moz-appearance: none;
+  background: transparent;
+}
+
+#alertBox {
   border: 1px solid #9C9CFF;
   border-radius: 3px;
   background-color: #000000;
+  color: #FF9F00;
 }
 
-.alertImageBox {
-  padding: 8px 0;
-  width: 64px;
-  -moz-border-end: 1px solid #9C9CFF;
-}
-
-.alertTextBox {
-  padding: 8px;
-  -moz-padding-start: 16px;
-  width: 255px;
-}
-
-.alertBox[orient="horizontal"] > .alertImageBox {
-  -moz-margin-end: 8px;
-}
-
-.alertBox[orient="vertical"] > .alertImageBox {
-  margin-bottom: 8px;
-}
-
-.alertTitle {
-  font-weight: bold;
-  font-size: 110%;
-}
-
-#alertImage {
-  max-width: 48px;
-  max-height: 48px;
-}
-
-#alertNotification[clickable="true"] {
-  cursor: pointer;
-}
-
-label {
-  cursor: inherit;
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  padding: 4px 2px;
 }
 
-.alertText[clickable="true"] {
-  color: #3333FF;
-  text-decoration: underline;
+.alertCloseButton:hover,
+.alertCloseButton:hover:active {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
-.alertText[clickable="true"]:hover:active {
-  color: red;
+.alertCloseBox {
+  /* The close button is larger on Windows and has a large
+     circle around it, so we add more space between the close
+     button and the edge of the window. */
+/*  margin-inline-end: 2px;*/
 }
 
-@keyframes alert-animation {
-  from {
-    opacity: 0;
-  }
-  6.25% {
-    opacity: 1;
-  }
-  93.75% {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
+#alertSettings {
+  /* The close button is larger on Windows, so the
+     gear button is moved over to accomodate it and
+     keep the two buttons horizontally aligned together. */
+/*  margin-inline-end: 5px;*/
 }