update preview with a real suiterunner EarlyBlue shot in the right size, kill content...

[themes.git] / EarlyBlue / communicator / alerts / alert.css

diff --git a/EarlyBlue/communicator/alerts/alert.css b/EarlyBlue/communicator/alerts/alert.css
index 07d4b5c1c53bea5b3c3f6cf20643e781d28b6831..a9382b2227d72eecd1729a655c96a74f37084b5c 100644 (file)
--- a/EarlyBlue/communicator/alerts/alert.css
+++ b/EarlyBlue/communicator/alerts/alert.css
@@ -40,6 +40,8 @@
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
+@import url("chrome://global/skin/");
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
@@ -51,16 +53,26 @@
   min-height: 50px;
 }
 
-.alertImageBox {
-  margin-left: 4px;
-  margin-right: 6px;
+.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;
 }
 
+.alertText {
+  -moz-margin-end: 6px;
+}
+
 .alertText[clickable="true"] {
   cursor: pointer;
   color: #1455D6;
@@ -70,3 +82,15 @@
 .alertText[clickable="true"]:hover:active {
   color: #424F63;
 }
+
+.alertBox[orient="horizontal"] > .alertTextBox {
+  -moz-padding-start: 10px;
+  padding-top: 5px;
+}
+
+.alertBox[orient="vertical"] > .alertTextBox {
+  -moz-padding-start: 5px;
+  -moz-padding-end: 5px;
+  margin-bottom: 8px;
+  -moz-box-align: center; /* also hard-coded in alert.js, see bug 311557 */
+}