update both themes for toolkit winstripe changes in Mozilla 17 cycle

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

diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css
index 13b8d674ebbbc79532909e0a98fac7a0354aaf69..593fdca14e95cdc94893f9f53f9e87dc4d22faed 100644 (file)
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -11,25 +11,34 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {

-  border: 2px solid #9C9CFF;
+  border: 1px solid #9C9CFF;
+  border-radius: 3px;

   background-color: #000000;
   background-color: #000000;

-  min-height: 50px;
+}
+
+.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 {
 }
 
 .alertBox[orient="horizontal"] > .alertImageBox {

-  -moz-margin-start: 4px;
-  -moz-margin-end: 6px;
-  min-height: 46px;
+  -moz-margin-end: 8px;

 }
 
 .alertBox[orient="vertical"] > .alertImageBox {
 }
 
 .alertBox[orient="vertical"] > .alertImageBox {

-  margin-top: 6px;
-  margin-bottom: 4px;
-  min-width: 46px;
+  margin-bottom: 8px;

 }
 
 .alertTitle {
   font-weight: bold;
 }
 
 .alertTitle {
   font-weight: bold;

+  font-size: 110%;

 }
 
 #alertImage {
 }
 
 #alertImage {


@@ -37,10 +46,6 @@
   max-height: 48px;
 }
 
   max-height: 48px;
 }
 

-.alertText {
-  -moz-margin-end: 6px;
-}
-

 #alertNotification[clickable="true"] {
   cursor: pointer;
 }
 #alertNotification[clickable="true"] {
   cursor: pointer;
 }


@@ -58,14 +63,17 @@ label {
   color: red;
 }
 
   color: red;
 }
 

-.alertBox[orient="horizontal"] > .alertTextBox {
-  -moz-padding-end: 10px;
-  padding-top: 5px;
-}
-
-.alertBox[orient="vertical"] > .alertTextBox {
-  -moz-padding-start: 5px;
-  -moz-padding-end: 5px;
-  margin-bottom: 8px;
-  -moz-box-align: center;
+@keyframes alert-animation {
+  from {
+    opacity: 0;
+  }
+  6.25% {
+    opacity: 1;
+  }
+  93.75% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }

 }
 }