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 13b8d674ebbbc79532909e0a98fac7a0354aaf69..a501bb9ccfcbfd26eb8c5a751fed1dbc5827e63b 100644 (file)
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -6,66 +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 {
-  border: 2px solid #9C9CFF;
-  background-color: #000000;
-  min-height: 50px;
-}
-
-.alertBox[orient="horizontal"] > .alertImageBox {
-  -moz-margin-start: 4px;
-  -moz-margin-end: 6px;
-  min-height: 46px;
-}
-
-.alertBox[orient="vertical"] > .alertImageBox {
-  margin-top: 6px;
-  margin-bottom: 4px;
-  min-width: 46px;
-}
-
-.alertTitle {
-  font-weight: bold;
+#alertNotification {
+  -moz-appearance: none;
+  background: transparent;
 }
 
-#alertImage {
-  max-width: 48px;
-  max-height: 48px;
-}
-
-.alertText {
-  -moz-margin-end: 6px;
-}
-
-#alertNotification[clickable="true"] {
-  cursor: pointer;
-}
-
-label {
-  cursor: inherit;
+#alertBox {
+  border: 1px solid #9C9CFF;
+  border-radius: 3px;
+  background-color: #000000;
+  color: #FF9F00;
 }
 
-.alertText[clickable="true"] {
-  color: blue;
-  text-decoration: underline;
+.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"]:hover:active {
-  color: red;
+.alertCloseButton:hover,
+.alertCloseButton:hover:active {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
-.alertBox[orient="horizontal"] > .alertTextBox {
-  -moz-padding-end: 10px;
-  padding-top: 5px;
+.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;*/
 }
 
-.alertBox[orient="vertical"] > .alertTextBox {
-  -moz-padding-start: 5px;
-  -moz-padding-end: 5px;
-  margin-bottom: 8px;
-  -moz-box-align: center;
+#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;*/
 }