make popup notifications and arrow panels work and look better

[themes.git] / LCARStrek / global / notification.css

diff --git a/LCARStrek/global/notification.css b/LCARStrek/global/notification.css
index 4db2ae77d6658c102baf69ecee5fb7bd1f6c0f36..74d8fef9348f07eb0cf5a8338499bcaaa55eb34e 100644 (file)
--- a/LCARStrek/global/notification.css
+++ b/LCARStrek/global/notification.css
@@ -3,7 +3,8 @@
 notification {
   background-color : #FFCF00;
   color: #000000;
-  -moz-border-radius: 8px;
+  text-shadow: none;
+  border-radius: 8px;
 }
 
 notification[type="info"] {
@@ -19,7 +20,6 @@ notification[type="critical"] {
 .messageImage {
   width: 16px;
   height: 16px;
-  margin: 0px 1px 0px 6px;
 }
 
 /* Default icons for notifications */
@@ -35,8 +35,9 @@ notification[type="critical"] .messageImage {
   list-style-image: url("chrome://global/skin/icons/error-16.png");
 }
 
-.messageText {
-  -moz-margin-start: 5px;
+.notification-inner {
+  -moz-margin-start: 8px;
+  -moz-margin-end: 12px;
 }
 
 .messageCloseButton {
@@ -44,3 +45,31 @@ notification[type="critical"] .messageImage {
   padding: 4px 2px;
   border: none;
 }
+
+.messageCloseButton:hover,
+.messageCloseButton:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
+
+.messageCloseButton > .toolbarbutton-icon {
+  -moz-margin-start: 2px;
+}
+
+/* Popup notification */
+
+.popup-notification-description {
+  max-width: 248px;
+}
+
+.popup-notification-button-container {
+  margin-top: 17px;
+}
+
+.popup-notification-closebutton {
+  -moz-margin-end: -5px;
+  margin-top: -5px;
+}
+
+.popup-notification-closeitem {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}