== 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;*/
}