diff --git a/browser/themes/winstripe/browser/browser.css b/browser/themes/winstripe/browser/browser.css
index 4b46f949a2d8..2b922125ffe5 100644
--- a/browser/themes/winstripe/browser/browser.css
+++ b/browser/themes/winstripe/browser/browser.css
@@ -1864,7 +1864,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
}
.geolocation-text-link {
- padding-top: 5px;
+ margin-top: 17px;
}
.popup-notification-icon[popupid="xpinstall-disabled"],
diff --git a/toolkit/content/widgets/notification.xml b/toolkit/content/widgets/notification.xml
index 5c32fe6ffb46..3ed3c6e2cc8b 100644
--- a/toolkit/content/widgets/notification.xml
+++ b/toolkit/content/widgets/notification.xml
@@ -439,6 +439,9 @@
+
+
+
document.getAnonymousElementByAttribute(this, "anonid", "button");
diff --git a/toolkit/themes/winstripe/global/jar.mn b/toolkit/themes/winstripe/global/jar.mn
index 9435850a7b1c..79ce700675ee 100644
--- a/toolkit/themes/winstripe/global/jar.mn
+++ b/toolkit/themes/winstripe/global/jar.mn
@@ -33,7 +33,7 @@ toolkit.jar:
skin/classic/global/menulist.css
skin/classic/global/netError.css
skin/classic/global/numberbox.css
- skin/classic/global/notification.css
+* skin/classic/global/notification.css
skin/classic/global/passwordmgr.css
* skin/classic/global/popup.css
skin/classic/global/preferences.css
@@ -205,7 +205,7 @@ toolkit.jar:
* skin/classic/aero/global/menulist.css (menulist-aero.css)
skin/classic/aero/global/netError.css
skin/classic/aero/global/numberbox.css
- skin/classic/aero/global/notification.css
+* skin/classic/aero/global/notification.css (notification-aero.css)
skin/classic/aero/global/passwordmgr.css
* skin/classic/aero/global/popup.css (popup-aero.css)
skin/classic/aero/global/preferences.css
diff --git a/toolkit/themes/winstripe/global/notification-aero.css b/toolkit/themes/winstripe/global/notification-aero.css
new file mode 100644
index 000000000000..3622710439ff
--- /dev/null
+++ b/toolkit/themes/winstripe/global/notification-aero.css
@@ -0,0 +1,3 @@
+%define WINSTRIPE_AERO
+%include notification.css
+%undef WINSTRIPE_AERO
diff --git a/toolkit/themes/winstripe/global/notification.css b/toolkit/themes/winstripe/global/notification.css
index b4419d0ed59e..041dad094e34 100644
--- a/toolkit/themes/winstripe/global/notification.css
+++ b/toolkit/themes/winstripe/global/notification.css
@@ -56,3 +56,70 @@ notification[type="critical"] .messageImage {
.messageCloseButton > .toolbarbutton-icon {
-moz-margin-end: 5px;
}
+
+/* Popup notification button */
+
+.popup-notification-menubutton {
+ margin-top: 17px;
+}
+
+%ifdef WINSTRIPE_AERO
+@media all and (-moz-windows-default-theme) {
+ .popup-notification-menubutton {
+ -moz-appearance: none;
+ border: 1px solid rgba(0,0,0,.35);
+ border-radius: 3px;
+ padding: 0;
+ }
+
+ .popup-notification-menubutton:hover:active {
+ border-color: rgba(0,0,0,.5);
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button,
+ .popup-notification-menubutton > .button-menubutton-dropmarker {
+ -moz-appearance: none;
+ margin: 0;
+ background-image: -moz-linear-gradient(top, rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05));
+ box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset;
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button {
+ padding: 0;
+ -moz-padding-start: 8px;
+ -moz-padding-end: 5px;
+ -moz-border-end: 1px solid rgba(0,0,0,.35);
+ }
+
+ .popup-notification-menubutton > .button-menubutton-dropmarker {
+ padding: 9px 5px 8px;
+ width: auto;
+ height: auto;
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif");
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
+ .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
+ border-radius: 2px 0 0 2px;
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
+ .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
+ border-radius: 0 2px 2px 0;
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button:hover,
+ .popup-notification-menubutton > .button-menubutton-dropmarker:hover {
+ background-image: -moz-linear-gradient(top, rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
+ box-shadow: 0 0 0 1px white inset,
+ 0 0 2px 1px rgba(255,255,255,.75) inset;
+ }
+
+ .popup-notification-menubutton > .button-menubutton-button:hover:active,
+ .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
+ .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
+ background-image: -moz-linear-gradient(top, rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
+ box-shadow: 0 0 2px rgba(0,0,0,.65) inset;
+ }
+}
+%endif
diff --git a/toolkit/themes/winstripe/global/popup.css b/toolkit/themes/winstripe/global/popup.css
index c19585534d60..24e95e5a6235 100644
--- a/toolkit/themes/winstripe/global/popup.css
+++ b/toolkit/themes/winstripe/global/popup.css
@@ -101,7 +101,7 @@ panel[type="arrow"] {
-moz-border-left-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
-moz-border-bottom-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
-moz-border-right-colors: rgba(255,255,255,.6) rgba(0,0,0,.7);
- padding: 6px;
+ padding: 14px;
}
%endif