Bug 853488 - Styling tweaks for Mac XUL notification alerts. r=dolske
authorMarkus Stange <mstange@themasta.com>
Fri, 05 Apr 2013 10:17:52 +0200
changeset 127766 b48c78488fce7267909ebd76db66095769e9babc
parent 127765 052ef269b9c3e26b8bbed4892a832a3c718ec11a
child 127767 acd478e0bd550b69bf952f28f614363916e5a3ac
push id24512
push userryanvm@gmail.com
push dateFri, 05 Apr 2013 20:13:49 +0000
treeherdermozilla-central@139b6ba547fa [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdolske
bugs853488
milestone23.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 853488 - Styling tweaks for Mac XUL notification alerts. r=dolske
toolkit/themes/osx/global/alerts/alert.css
--- a/toolkit/themes/osx/global/alerts/alert.css
+++ b/toolkit/themes/osx/global/alerts/alert.css
@@ -5,27 +5,38 @@
 /* ===== alert.css =====================================================
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
 @import url("chrome://global/skin/");
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+#alertNotification {
+  -moz-appearance: none;
+  background: transparent;
+}
+
 .alertBox {
-  border: 1px solid threedshadow;
-  border-radius: 3px;
-  background-color: -moz-Dialog;
+  border-radius: 5px;
+  overflow: hidden;
+  background-color: rgba(240,240,240,0.93);
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
 }
 
 .alertImageBox {
   padding: 8px 0;
   width: 64px;
   background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6));
-  -moz-border-end: 1px solid rgba(0,0,0,.1);
+  -moz-border-end: 1px solid rgba(0,0,0,.08);
+}
+
+.alertTitle,
+.alertTextBox {
+  text-shadow: 0 1px white;
 }
 
 .alertTextBox {
   padding: 8px;
   -moz-padding-start: 16px;
   width: 255px;
 }
 
@@ -75,17 +86,17 @@ label {
   to {
     opacity: 0;
   }
 }
 
 .alertCloseButton {
   -moz-appearance: none;
   padding: 0;
-  margin: 0 2px;
+  margin: 2px;
   list-style-image: url("chrome://global/skin/icons/close.png");
   border: none;
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
 .alertCloseButton > .toolbarbutton-text {
   display: none;
 }