Import the Statusbar - Part 3: Themes

25 files changed, 1054 insertions, 0 deletions

diff --git a/browser/themes/linux/statusbar/australis.css b/browser/themes/linux/statusbar/australis.css
new file mode 100644
index 000000000..d44fda7b0
--- /dev/null
+++ b/browser/themes/linux/statusbar/australis.css
@@ -0,0 +1,44 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/australis.css
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#status4evar-status-bar
+{
+	box-shadow: 0 1px 0 rgba(0,0,0,.15) inset;
+	padding: 0;
+	min-height: 20px;
+}
+
+#status4evar-status-bar .toolbarbutton-1,
+#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button
+{
+	-moz-appearance: none;
+	border-style: none;
+	padding: 0 3px;
+}
+
+#status4evar-status-bar .toolbarbutton-1:not([disabled]):hover,
+#status4evar-status-bar .toolbarbutton-1[open],
+#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover
+{
+	background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)),
+	                  linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%),
+	                  linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%);
+	background-position: left, left, right;
+	background-size: auto, 1px 100%, 1px 100%;
+	background-repeat: no-repeat;
+}
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
+	min-width: 18px;
+	min-height: 18px;
+}
+
diff --git a/browser/themes/linux/statusbar/legacy.css b/browser/themes/linux/statusbar/legacy.css
new file mode 100644
index 000000000..00626f5f9
--- /dev/null
+++ b/browser/themes/linux/statusbar/legacy.css
@@ -0,0 +1,26 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/legacy.css
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 24, 24, 0) center no-repeat;
+	min-width: 24px;
+	min-height: 24px;
+}
+
+toolbar[iconsize="small"] #status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
+	min-width: 16px;
+	min-height: 16px;
+}
+
+toolbar[iconsize="small"] > #status4evar-download-button[attention] #status4evar-download-icon {
+	background-image: url("chrome://browser/skin/downloads/download-glow-small.png");
+}
+
diff --git a/browser/themes/linux/statusbar/overlay.css b/browser/themes/linux/statusbar/overlay.css
new file mode 100644
index 000000000..49f8860be
--- /dev/null
+++ b/browser/themes/linux/statusbar/overlay.css
@@ -0,0 +1,96 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/overlay.css
+
+/*
+ * General
+ */
+
+#status4evar-status-text,
+#status4evar-progress-bar
+{
+	margin: 0px 4px;
+}
+
+/*
+ * Download status
+ */
+
+#status4evar-download-progress-bar
+{
+	height: 6px;
+}
+
+toolbar[iconsize="small"] #status4evar-download-progress-bar
+{
+	height: 4px;
+}
+
+#status4evar-download-button[attention] #status4evar-download-icon
+{
+	background-image: url("chrome://browser/skin/downloads/download-glow.png");
+}
+
+toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
+{
+	margin: 0px 2px !important;
+	margin-top: -1px !important;
+	-moz-margin-start: 4px !important;
+}
+
+/*
+ * Splitter
+ */
+
+splitter.status4evar-status-splitter
+{
+	width: 8px;
+	margin: 0px -4px;
+}
+
+/*
+ * Location bar
+ */
+
+#urlbar-progress-alt
+{
+	margin: -1px;
+}
+
+#notification-popup-box
+{
+	-moz-margin-start: -1px;
+}
+
+#urlbar .urlbar-over-link-box
+{
+	margin-top: -1px;
+	margin-bottom: -1px;
+}
+
+/*
+ * Add-on bar
+ */
+
+#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar)
+{
+	-moz-appearance: none;
+}
+
+#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"])
+{
+	box-shadow: none !important;
+	border: none !important;
+	border-top: 2px solid !important;
+	-moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
+}
+
+#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ *
+{
+	border: none !important;
+}
+
diff --git a/browser/themes/linux/statusbar/prefs.css b/browser/themes/linux/statusbar/prefs.css
new file mode 100644
index 000000000..db6f24e61
--- /dev/null
+++ b/browser/themes/linux/statusbar/prefs.css
@@ -0,0 +1,8 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/prefs.css
+
diff --git a/browser/themes/osx/statusbar/australis.css b/browser/themes/osx/statusbar/australis.css
new file mode 100644
index 000000000..6131d5df2
--- /dev/null
+++ b/browser/themes/osx/statusbar/australis.css
@@ -0,0 +1,53 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/australis.css
+
+#status4evar-status-bar
+{
+	min-height: 18px;
+}
+
+#status4evar-status-bar:not(:-moz-lwtheme)
+{
+	-moz-appearance: statusbar;
+}
+
+#browser-bottombox > #status4evar-status-bar:last-child
+{
+	padding-right: 16px;
+}
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
+	min-width: 18px;
+	min-height: 18px;
+}
+
+#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat;
+}
+
+@media (min-resolution: 2dppx)
+{
+	#status4evar-download-button #status4evar-download-icon
+	{
+		background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360);
+	}
+
+	#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
+	{
+		background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360);
+	}
+
+	#status4evar-download-button[attention] #status4evar-download-icon
+	{
+		background-image: url("chrome://browser/skin/downloads/download-glow@2x.png");
+	}
+}
+
diff --git a/browser/themes/osx/statusbar/legacy.css b/browser/themes/osx/statusbar/legacy.css
new file mode 100644
index 000000000..6364b22ab
--- /dev/null
+++ b/browser/themes/osx/statusbar/legacy.css
@@ -0,0 +1,39 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/legacy.css
+
+#status-bar
+{
+	padding-right: 0px;
+}
+
+#browser-bottombox > #addon-bar:last-child
+{
+	padding-right: 16px;
+}
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 140, 20, 120) center no-repeat;
+	min-width: 20px;
+	min-height: 20px;
+}
+
+@media (min-resolution: 2dppx)
+{
+	#status4evar-download-button #status4evar-download-icon
+	{
+		background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 280, 40, 240);
+		background-size: 20px;
+	}
+
+	#status4evar-download-button[attention] #status4evar-download-icon
+	{
+		background-image: url("chrome://browser/skin/downloads/download-glow@2x.png");
+	}
+}
+
diff --git a/browser/themes/osx/statusbar/overlay.css b/browser/themes/osx/statusbar/overlay.css
new file mode 100644
index 000000000..289695a81
--- /dev/null
+++ b/browser/themes/osx/statusbar/overlay.css
@@ -0,0 +1,81 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/overlay.css
+
+/*
+ * General
+ */
+
+#status4evar-status-text,
+#status4evar-progress-bar
+{
+	margin: 0px 4px;
+}
+
+/*
+ * Download status
+ */
+
+#status4evar-download-progress-bar
+{
+	height: 5px;
+}
+
+#status4evar-download-button[attention] #status4evar-download-icon
+{
+	background-image: url("chrome://browser/skin/downloads/download-glow.png");
+}
+
+toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
+{
+	margin: 0px 2px !important;
+	-moz-margin-start: 3px !important;
+}
+
+/*
+ * Splitter
+ */
+
+splitter.status4evar-status-splitter
+{
+	width: 8px;
+	margin: 0px -4px;
+}
+
+/*
+ * Location bar
+ */
+
+#urlbar-progress-alt
+{
+       margin-right: -1px;
+}
+
+/*
+ * Toolbar progress
+ */
+
+#status4evar-progress-bar[s4estyle="true"]
+{
+	-moz-appearance: none;
+	border: 1px solid gray;
+}
+
+#status4evar-progress-bar[s4estyle="true"] > .progress-remainder
+{
+	background-color: white;
+}
+
+/*
+ * Gripper
+ */
+
+#status4evar-window-gripper
+{
+	display: none;
+}
+
diff --git a/browser/themes/osx/statusbar/prefs.css b/browser/themes/osx/statusbar/prefs.css
new file mode 100644
index 000000000..798a62d74
--- /dev/null
+++ b/browser/themes/osx/statusbar/prefs.css
@@ -0,0 +1,13 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/prefs.css
+
+#status4evar-addonbar-windowGripper-check
+{
+	display: none;
+}
+
diff --git a/browser/themes/shared/statusbar/australis.css b/browser/themes/shared/statusbar/australis.css
new file mode 100644
index 000000000..40ac16cf4
--- /dev/null
+++ b/browser/themes/shared/statusbar/australis.css
@@ -0,0 +1,82 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#status-bar
+{
+	display: -moz-box;
+	min-width: 0;
+	min-height: 0;
+	-moz-appearance: none;
+	background-color: transparent;
+	border: none;
+}
+
+#status-bar > statusbarpanel
+{
+	border-width: 0;
+	-moz-appearance: none;
+}
+
+#status4evar-legacy-widget[cui-areatype="menu-panel"] #status-bar,
+toolbarpaletteitem[place="palette"] > #status4evar-legacy-widget #status-bar
+{
+	min-height: 32px;
+}
+
+toolbarpaletteitem #status-bar
+{
+	min-width: 32px;
+	background-image: repeating-linear-gradient(135deg,
+	                  rgba(255,255,255,0.1),
+	                  rgba(255,255,255,0.1) 5px,
+	                  rgba(0,0,0,0.1) 5px,
+	                  rgba(0,0,0,0.1) 10px);
+}
+
+@keyframes status4evar-throbber-widget-loading
+{
+	to
+	{
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes status4evar-throbber-widget-connecting
+{
+	from
+	{
+		transform: rotate(360deg);
+	}
+}
+
+#status4evar-throbber-widget
+{
+	padding: 0 12px;
+}
+
+#status4evar-throbber-widget image
+{
+	list-style-image: url("chrome://browser/skin/statusbar/throbber-idle.png");
+	width: 16px;
+	height: 16px;
+}
+
+#status4evar-throbber-widget[busy] image
+{
+	list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
+	animation-duration: 960ms;
+	animation-iteration-count: infinite;
+	animation-name: status4evar-throbber-widget-connecting;
+	animation-timing-function: linear;
+}
+
+#status4evar-throbber-widget[progress] image
+{
+	list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
+	animation-duration: 800ms;
+	animation-name: status4evar-throbber-widget-loading;
+}
+
diff --git a/browser/themes/shared/statusbar/dynamic.css b/browser/themes/shared/statusbar/dynamic.css
new file mode 100644
index 000000000..c839ba8da
--- /dev/null
+++ b/browser/themes/shared/statusbar/dynamic.css
@@ -0,0 +1,36 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Progress bar/line styles */
+
+#urlbar[s4estyle="true"] > #urlbar-progress-alt > .progress-bar
+{
+	-moz-appearance: none;
+	background: #33FF33;
+}
+
+#status4evar-progress-bar[s4estyle="true"] > .progress-bar
+{
+	-moz-appearance: none;
+	background: #33FF33;
+	border-radius: 3px;
+}
+
+.urlbar-over-link-box
+{
+	color: GrayText;
+}
+
+#status4evar-download-progress-bar[pmType^="active"] > .progress-bar
+{
+	background-color: #33FF33;
+}
+
+#status4evar-download-progress-bar[pmType^="paused"] > .progress-bar
+{
+	background-color: gray;
+}
+
diff --git a/browser/themes/shared/statusbar/legacy.css b/browser/themes/shared/statusbar/legacy.css
new file mode 100644
index 000000000..866cb5702
--- /dev/null
+++ b/browser/themes/shared/statusbar/legacy.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#urlbar .urlbar-origin-label
+{
+	-moz-padding-start: 1px;
+}
+
diff --git a/browser/themes/shared/statusbar/overlay.css b/browser/themes/shared/statusbar/overlay.css
new file mode 100644
index 000000000..a288df9c9
--- /dev/null
+++ b/browser/themes/shared/statusbar/overlay.css
@@ -0,0 +1,332 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/*
+ * General styles
+ */
+
+#status4evar-status-widget,
+#status4evar-progress-widget
+{
+	-moz-box-align: center;
+}
+
+[forcevisible="true"]
+{
+	visibility: visible !important;
+}
+
+#wrapper-status4evar-progress-widget progressmeter,
+#wrapper-status4evar-download-button toolbarbutton
+{
+	visibility: visible;
+}
+
+#wrapper-status4evar-status-widget toolbaritem label
+{
+	background-color: rgba(0,0,0,0.2);
+	padding: 2px 4px;
+}
+
+/*
+ * Options button
+ */
+
+#status4evar-options-button
+{
+	list-style-image: url("chrome://browser/skin/statusbar/s4e24.png");
+}
+
+toolbar[iconsize="small"] #status4evar-options-button
+{
+	list-style-image: url("chrome://browser/skin/statusbar/s4e16.png");
+}
+
+/*
+ * Download status
+ */
+
+toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"],
+toolbar[mode="text"] #status4evar-download-button
+{
+	-moz-box-orient: horizontal !important;
+}
+
+toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
+{
+	display: -moz-box !important;
+}
+
+#status4evar-download-progress-bar
+{
+	border: 1px solid gray;
+	-moz-appearance: none;
+	margin: 0px;
+	min-height: 0px;
+	min-width: 0px;
+}
+
+#status4evar-download-progress-bar > *
+{
+	-moz-appearance: none;
+	background: #FFFFFF;
+}
+
+#status4evar-download-progress-bar[pmType$="unknown"] > .progress-bar
+{
+	background-image: url("chrome://browser/skin/statusbar/pulse.png");
+}
+
+#status4evar-download-notification-container
+{
+	min-height: 1px;
+	min-width: 1px;
+	height: 1px;
+	margin-bottom: -1px;
+	position: relative;
+	z-index: 5;
+}
+
+#status4evar-download-notification-icon
+{
+	opacity: 0;
+	background-size: 16px;
+	background-position: center;
+	background-repeat: no-repeat;
+	width: 16px;
+	height: 16px;
+}
+
+@keyframes status4evar-download-notification-finish
+{
+	from { opacity: 0; transform: scale(1); }
+	20%  { opacity: .65; animation-timing-function: ease-in; }
+	to   { opacity: 0; transform: scale(8); }
+}
+
+#status4evar-download-notification-anchor[notification="finish"][forcevisible="true"] #status4evar-download-notification-icon
+{
+	background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+	animation-name: status4evar-download-notification-finish;
+	animation-duration: 1s;
+}
+
+/*
+ * Splitter
+ */
+
+splitter.status4evar-status-splitter
+{
+	-moz-appearance: splitter;
+	border: none;
+	background: transparent;
+	position: relative;
+}
+
+splitter.status4evar-status-splitter:not(:hover)
+{
+	-moz-appearance: none;
+}
+
+/*
+ * Location bar progress
+ */
+
+#urlbar-progress-alt
+{
+	margin: 0px;
+	-moz-appearance: none;
+	min-height: 0px;
+	height: 3px;
+	border: none;
+	background-color: transparent;
+}
+
+#urlbar[pmpack="center"] #urlbar-progress-alt
+{
+	-moz-box-flex: 1;
+}
+
+#urlbar:not([pmpack="center"]) #urlbar-progress-alt > *
+{
+	border-top: 1px solid rgba(0,0,0,.1);
+	border-bottom: 1px solid rgba(0,0,0,.1);
+}
+
+#urlbar-container:not([combined]) #urlbar:not([pmpack="begin"]) #urlbar-progress-alt,
+#urlbar-container:not([combined]) #urlbar:not([pmpack="begin"]) #urlbar-progress-alt > *
+{
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+}
+
+#urlbar-container:not([combined]) #urlbar:not([pmpack="end"]) #urlbar-progress-alt,
+#urlbar-container:not([combined]) #urlbar:not([pmpack="end"]) #urlbar-progress-alt > *
+{
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+}
+
+/*
+ * General progress
+ */
+
+#urlbar-progress-alt > *,
+#status4evar-progress-bar[s4estyle="true"] > *
+{
+	border: none;
+}
+
+#urlbar-progress-alt > .progress-remainder,
+#status4evar-progress-bar > .progress-remainder
+{
+	background-image: none;
+	background-color: transparent;
+}
+
+#urlbar[s4estyle="true"] > #urlbar-progress-alt > .progress-bar,
+#status4evar-progress-bar[s4estyle="true"] > .progress-bar
+{
+	border-right: 1px solid rgba(0,0,0,.2);
+}
+
+#urlbar[s4estyle="true"] > #urlbar-progress-alt[value="0"] > .progress-bar,
+#urlbar[s4estyle="true"] > #urlbar-progress-alt[value="100"] > .progress-bar,
+#status4evar-progress-bar[s4estyle="true"][value="0"] > .progress-bar,
+#status4evar-progress-bar[s4estyle="true"][value="100"] > .progress-bar
+{
+	border-right: none;
+}
+
+/*
+ * Location bar status transisions
+ */
+
+#urlbar .urlbar-over-link-layer
+{
+	opacity: 0;
+}
+
+#urlbar .urlbar-input-layer[overlinkstate="fade-in"],
+#urlbar .urlbar-input-layer[overlinkstate="fade-in"] html|input.urlbar-input::-moz-placeholder
+{
+	-moz-transition-property: color;
+	-moz-transition-duration: 150ms;
+	color: transparent;
+}
+
+#urlbar .urlbar-input-layer[overlinkstate="fade-out"],
+#urlbar .urlbar-input-layer[overlinkstate="fade-out"] html|input.urlbar-input::-moz-placeholder
+{
+	-moz-transition-property: color;
+	-moz-transition-duration: 150ms;
+	-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
+}
+
+#urlbar .urlbar-input-layer[overlinkstate="showing"],
+#urlbar .urlbar-input-layer[overlinkstate="showing"] html|input.urlbar-input::-moz-placeholder
+{
+	color: transparent;
+}
+
+#urlbar .urlbar-over-link-layer[overlinkstate="fade-in"]
+{
+	-moz-transition-property: opacity;
+	-moz-transition-duration: 150ms;
+	opacity: 1;
+}
+
+#urlbar .urlbar-over-link-layer[overlinkstate="fade-out"]
+{
+	-moz-transition-property: opacity;
+	-moz-transition-duration: 150ms;
+	-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
+}
+
+#urlbar .urlbar-over-link-layer[overlinkstate="showing"]
+{
+	opacity: 1;
+}
+
+#urlbar .urlbar-input-layer-children[overlinkstate="fade-in"]
+{
+	-moz-transition-property: opacity;
+	-moz-transition-duration: 150ms;
+	opacity: 0;
+}
+
+#urlbar .urlbar-input-layer-children[overlinkstate="fade-out"]
+{
+	-moz-transition-property: opacity;
+	-moz-transition-duration: 150ms;
+	-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
+}
+
+#urlbar .urlbar-input-layer-children[overlinkstate="showing"]
+{
+	opacity: 0;
+}
+
+/*
+ * Location bar status layout
+ */
+
+#urlbar[s4esalign="left"] .urlbar-origin-box
+{
+	display: none;
+}
+
+#urlbar .urlbar-origin-label,
+#urlbar .urlbar-over-link-host-label,
+#urlbar .urlbar-over-link-path-label
+{
+	padding: 0;
+	margin: 0;
+	border: none;
+}
+
+#urlbar .urlbar-over-link-box:-moz-locale-dir(ltr)
+{
+	-moz-padding-start: 18px;
+	-moz-padding-end: 2px;
+}
+
+#urlbar .urlbar-over-link-box:-moz-locale-dir(rtl)
+{
+	-moz-padding-end: 18px;
+	-moz-padding-start: 2px;
+}
+
+#urlbar[s4esalign="left"] .urlbar-over-link-box:-moz-locale-dir(ltr)
+{
+	-moz-padding-start: 1px;
+}
+
+#urlbar[s4esalign="left"] .urlbar-over-link-box:-moz-locale-dir(rtl)
+{
+	-moz-padding-end: 1px;
+}
+
+#urlbar:not([s4esalign="left"]) .urlbar-over-link-box:-moz-locale-dir(ltr)
+{
+	background: url(chrome://browser/skin/statusbar/urlbar-over-link-arrow.png) no-repeat left center;
+}
+
+#urlbar:not([s4esalign="left"]) .urlbar-over-link-box:-moz-locale-dir(rtl)
+{
+	background: url(chrome://browser/skin/statusbar/urlbar-over-link-arrow-rtl.png) no-repeat right center;
+}
+
+/*
+ * Status bar
+ */
+
+#status-bar > .statusbar-resizerpanel
+{
+	display: none !important;
+}
+
diff --git a/browser/themes/shared/statusbar/prefs.css b/browser/themes/shared/statusbar/prefs.css
new file mode 100644
index 000000000..0936fe711
--- /dev/null
+++ b/browser/themes/shared/statusbar/prefs.css
@@ -0,0 +1,51 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#status4evar-prefs > prefpane > vbox.content-box
+{
+	min-height: 18em !important;
+}
+
+radio[pane="status4evar-pane-status"]
+{
+	list-style-image: url("chrome://global/skin/icons/information-32.png");
+}
+
+radio[pane="status4evar-pane-progress"]
+{
+	list-style-image: url("chrome://browser/skin/statusbar/throbberStatic.png");
+}
+
+radio[pane="status4evar-pane-download"]
+{
+	list-style-image: url("chrome://mozapps/skin/downloads/downloadIcon.png");
+}
+
+radio[pane="status4evar-pane-addonbar"]
+{
+	list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+}
+
+radio[pane="status4evar-pane-advanced"]
+{
+	list-style-image: url("chrome://browser/skin/preferences/Options.png");
+	-moz-image-region: rect(0px, 224px, 32px, 192px);
+}
+
+#status4evar-advanced-urlbar-forceBinding-desc
+{
+	-moz-appearance: none;
+	pointer-events: none;
+	background-color: transparent;
+	border: none;
+	padding: 0px;
+}
+
+#warningInnerBox
+{
+	max-width: 25em;
+}
+
diff --git a/browser/themes/shared/statusbar/pulse.png b/browser/themes/shared/statusbar/pulse.png
new file mode 100644
index 000000000..374369ca1
--- /dev/null
+++ b/browser/themes/shared/statusbar/pulse.png
diff --git a/browser/themes/shared/statusbar/s4e16.png b/browser/themes/shared/statusbar/s4e16.png
new file mode 100644
index 000000000..8308229f9
--- /dev/null
+++ b/browser/themes/shared/statusbar/s4e16.png
diff --git a/browser/themes/shared/statusbar/s4e24.png b/browser/themes/shared/statusbar/s4e24.png
new file mode 100644
index 000000000..3197782f1
--- /dev/null
+++ b/browser/themes/shared/statusbar/s4e24.png
diff --git a/browser/themes/shared/statusbar/s4e32.png b/browser/themes/shared/statusbar/s4e32.png
new file mode 100644
index 000000000..42b8ad1e3
--- /dev/null
+++ b/browser/themes/shared/statusbar/s4e32.png
diff --git a/browser/themes/shared/statusbar/throbber-idle.png b/browser/themes/shared/statusbar/throbber-idle.png
new file mode 100644
index 000000000..bcdd65b2a
--- /dev/null
+++ b/browser/themes/shared/statusbar/throbber-idle.png
diff --git a/browser/themes/shared/statusbar/throbberStatic.png b/browser/themes/shared/statusbar/throbberStatic.png
new file mode 100644
index 000000000..e2bf27496
--- /dev/null
+++ b/browser/themes/shared/statusbar/throbberStatic.png
diff --git a/browser/themes/shared/statusbar/urlbar-over-link-arrow-rtl.png b/browser/themes/shared/statusbar/urlbar-over-link-arrow-rtl.png
new file mode 100644
index 000000000..ed37d2aa6
--- /dev/null
+++ b/browser/themes/shared/statusbar/urlbar-over-link-arrow-rtl.png
diff --git a/browser/themes/shared/statusbar/urlbar-over-link-arrow.png b/browser/themes/shared/statusbar/urlbar-over-link-arrow.png
new file mode 100644
index 000000000..9493770cc
--- /dev/null
+++ b/browser/themes/shared/statusbar/urlbar-over-link-arrow.png
diff --git a/browser/themes/windows/statusbar/australis.css b/browser/themes/windows/statusbar/australis.css
new file mode 100644
index 000000000..5d4e2f89d
--- /dev/null
+++ b/browser/themes/windows/statusbar/australis.css
@@ -0,0 +1,74 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/australis.css
+
+#status4evar-status-bar
+{
+	-moz-appearance: none;
+	min-height: 20px;
+	border-top-style: none;
+	border-bottom-style: none;
+	padding-top: 1px;
+	background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
+	background-size: 100% 2px;
+	background-repeat: no-repeat;
+}
+
+#status4evar-status-bar .toolbarbutton-1,
+#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button
+{
+	-moz-appearance: none;
+	border-style: none;
+	padding: 0 3px;
+}
+
+#status4evar-status-bar .toolbarbutton-1:not([disabled]):hover,
+#status4evar-status-bar .toolbarbutton-1[open],
+#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover
+{
+	background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)),
+	                  linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%),
+	                  linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%);
+	background-position: left, left, right;
+	background-size: auto, 1px 100%, 1px 100%;
+	background-repeat: no-repeat;
+}
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
+}
+
+#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat;
+}
+
+#status4evar-download-button[attention] #status4evar-download-icon
+{
+	background-image: url("chrome://browser/skin/downloads/download-glow.png");
+}
+
+@media (-moz-windows-theme: aero)
+{
+	@media (-moz-os-version: windows-vista), (-moz-os-version: windows-win7)
+	{
+		#status4evar-download-button[attention] #status4evar-download-icon
+		{
+			background-image: url("chrome://browser/skin/downloads/download-glow-XPVista7.png");
+		}
+	}
+}
+
+@media (not (-moz-windows-theme: aero)), (-moz-os-version: windows-xp)
+{
+	#status4evar-download-button[attention] #status4evar-download-icon
+	{
+		background-image: url("chrome://browser/skin/downloads/download-glow-XPVista7.png");
+	}
+}
+
diff --git a/browser/themes/windows/statusbar/legacy.css b/browser/themes/windows/statusbar/legacy.css
new file mode 100644
index 000000000..052cd5df7
--- /dev/null
+++ b/browser/themes/windows/statusbar/legacy.css
@@ -0,0 +1,22 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/legacy.css
+
+#status4evar-download-button #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 108, 18, 90) center no-repeat;
+}
+
+#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
+{
+	background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) center no-repeat;
+}
+
+#status4evar-download-button[attention] #status4evar-download-icon
+{
+	background-image: url("chrome://browser/skin/downloads/download-glow.png");
+}
diff --git a/browser/themes/windows/statusbar/overlay.css b/browser/themes/windows/statusbar/overlay.css
new file mode 100644
index 000000000..520968185
--- /dev/null
+++ b/browser/themes/windows/statusbar/overlay.css
@@ -0,0 +1,79 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/overlay.css
+
+/*
+ * General
+ */
+
+#status4evar-status-text,
+#status4evar-progress-bar
+{
+	margin: 0px 3px;
+}
+
+/*
+ * Download status
+ */
+
+#status4evar-download-progress-bar
+{
+	height: 4px;
+}
+
+#status4evar-download-button #status4evar-download-icon
+{
+	min-width: 18px;
+	min-height: 18px;
+}
+
+toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
+{
+	-moz-margin-start: 5px !important;
+}
+
+/*
+ * Splitter
+ */
+
+splitter.status4evar-status-splitter
+{
+	width: 6px;
+	margin: 0px -3px;
+}
+
+/*
+ * Location bar
+ */
+
+#urlbar-progress-alt
+{
+	-moz-margin-end: -2px;
+}
+
+/*
+ * Status bar
+ */
+
+#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar)
+{
+	-moz-appearance: none;
+}
+
+#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"])
+{
+	box-shadow: none !important;
+	border: none !important;
+	border-top: 2px solid !important;
+	-moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
+}
+
+#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ *
+{
+	border: none !important;
+}
+
diff --git a/browser/themes/windows/statusbar/prefs.css b/browser/themes/windows/statusbar/prefs.css
new file mode 100644
index 000000000..005088b7f
--- /dev/null
+++ b/browser/themes/windows/statusbar/prefs.css
@@ -0,0 +1,7 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+%include ../../shared/statusbar/prefs.css