diff --git a/browser/base/content/browser.xul b/browser/base/content/browser.xul
index 29cd75196a56..4426affd64ba 100644
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -216,85 +216,65 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
#ifdef MOZ_SAFE_BROWSING
-
+
#endif
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/browser/components/search/content/search.xml b/browser/components/search/content/search.xml
index 2d28fdc45f04..9eb5efeccb92 100644
--- a/browser/components/search/content/search.xml
+++ b/browser/components/search/content/search.xml
@@ -102,21 +102,8 @@
-
-
-
-
-
-
-
-
+
+
.endcap-box {
+ background-image: url("chrome://browser/skin/endcap-bkgnd-hover.png");
+}
+
+.endcap-box[chromedir="rtl"] {
+ -moz-border-radius: 4px 0 0 4px;
+ -moz-border-left-colors: #96969D;
+ border-left: 1px solid;
+ border-right: none;
+}
+
+toolbar[mode="text"] .endcap-box {
+ border: none;
+ background-image: none;
+}
+
/* ::::: go button ::::: */
/* In text icon mode, the Go button scales independently of the location bar,
@@ -1014,31 +1048,49 @@ toolbar[mode="text"] #urlbar-button-box {
-moz-box-align: center;
}
-toolbar[mode="text"] #go-button {
- -moz-margin-start: 5px;
+#go-button {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/Go-arrow.png");
+ -moz-image-region: rect(0px 25px 22px 0px);
+ border: none;
+ padding: 0;
}
-toolbar[mode="text"] #go-button,
-toolbar[mode="text"] #go-button-stack .go-button-background {
- list-style-image: none;
- background-image: none;
+#go-button[chromedir="rtl"] {
+ list-style-image: url("chrome://browser/skin/Go-arrow-rtl.png");
+}
+
+toolbar[mode="text"] #go-button {
+ -moz-appearance: toolbarbutton;
+ -moz-margin-start: 5px;
+ padding: 3px;
}
toolbar[mode="text"] #go-button-stack {
padding: 0;
}
-#go-button-stack {
- padding: 2px 0px 2px 0px;
+#go-button > .toolbarbutton-icon {
+ margin: 0;
+}
+
+#go-button:hover {
+ -moz-image-region: rect(0px 50px 22px 25px);
+}
+
+#go-button:hover:active {
+ -moz-image-region: rect(0px 100px 22px 75px);
+}
+
+#go-button[disabled="true"] {
+ -moz-image-region: rect(0px 75px 22px 50px);
}
toolbar:not([mode="text"]) #go-button,
-#palette-box #go-button {
- -moz-appearance: none;
- list-style-image: url("chrome://browser/skin/Go-arrow.png");
- -moz-image-region: rect(0px 25px 22px 0px);
- border: none;
- padding: 0;
+toolbar:not([mode="text"]) .search-go-button,
+toolbarpaletteitem:not([place="toolbar"]) #go-button,
+toolbarpaletteitem:not([place="toolbar"]) .search-go-button {
+ -moz-binding: url(chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image);
}
/* star button */
@@ -1055,129 +1107,12 @@ toolbar:not([mode="text"]) #star-button[starred="true"],
list-style-image: url("chrome://browser/skin/places/pageStarred.png");
}
-#go-button[chromedir="rtl"] {
- list-style-image: url("chrome://browser/skin/Go-arrow-rtl.png");
-}
-
-#go-button-top {
- list-style-image: url("chrome://browser/skin/Go-bkgnd.png");
- -moz-image-region: rect(0px, 25px, 10px, 0px);
- height: 10px;
-}
-
-/* GTK does not stretch image regions properly, so use background
- images instead. See bugs 351764 and 254659. */
-#go-button-mid-top {
- background-image: url("chrome://browser/skin/Go-mid-top.png");
-}
-
-#go-button-mid-bottom {
- background-image: url("chrome://browser/skin/Go-mid-bottom.png");
-}
-
-#go-button-bottom {
- list-style-image: url("chrome://browser/skin/Go-bkgnd.png");
- -moz-image-region: rect(12px, 25px, 22px, 0px);
- height: 10px;
-}
-
-#go-button-top[chromedir="rtl"],
-#go-button-bottom[chromedir="rtl"] {
- list-style-image: url("chrome://browser/skin/Go-bkgnd-rtl.png");
-}
-
-#go-button-mid-top[chromedir="rtl"] {
- background-image: url("chrome://browser/skin/Go-mid-top-rtl.png");
-}
-
-#go-button-mid-bottom[chromedir="rtl"] {
- background-image: url("chrome://browser/skin/Go-mid-bottom-rtl.png");
-}
-
-#go-button-stack:hover #go-button-top {
- -moz-image-region: rect(0px, 50px, 10px, 25px);
-}
-
-#go-button-stack:hover #go-button-mid-top,
-#go-button-stack:hover #go-button-mid-bottom {
- background-position: -25px 0px;
-}
-
-#go-button-stack:hover #go-button-bottom {
- -moz-image-region: rect(12px, 50px, 22px, 25px);
-}
-
-/* Disabled images are not used. */
-#go-button-stack[disabled="true"] #go-button-top {
- -moz-image-region: rect(0px, 75px, 10px, 50px) !important;
-}
-
-#go-button-stack[disabled="true"] #go-button-mid-top,
-#go-button-stack[disabled="true"] #go-button-mid-bottom {
- background-position: -50px 0px;
-}
-
-#go-button-stack[disabled="true"] #go-button-bottom {
- -moz-image-region: rect(12px, 75px, 22px, 50px) !important;
-}
-
-
-#go-button-stack:hover:active #go-button-top {
- -moz-image-region: rect(0px, 100px, 10px, 75px);
-}
-
-#go-button-stack:hover:active #go-button-mid-top,
-#go-button-stack:hover:active #go-button-mid-bottom {
- background-position: -75px;
-}
-
-#go-button-stack:hover:active #go-button-bottom {
- -moz-image-region: rect(12px, 100px, 22px, 75px);
-}
-
-
-toolbar[mode="text"] #go-button-top,
-toolbar[mode="text"] #go-button-mid-top,
-toolbar[mode="text"] #go-button-mid-bottom,
-toolbar[mode="text"] #go-button-bottom {
- display: none;
-}
-
-toolbar[mode="text"] #go-button > .toolbarbutton-text {
- display: -moz-box !important;
- -moz-margin-start: 4px !important;
-}
-
-/* Not used. */
-#go-button:not([disabled="true"]):hover {
- -moz-image-region: rect(0px 50px 22px 25px);
-}
-
-#go-button[disabled="true"] {
- -moz-image-region: rect(0px 75px 22px 50px);
-}
-
-#go-button:not([disabled="true"]):hover:active {
- -moz-image-region: rect(0px 100px 22px 75px);
-}
-
-#go-button > .toolbarbutton-icon {
- margin: 0;
-}
-
-toolbar:not([mode="text"]) #go-button,
-toolbar:not([mode="text"]) .search-go-button,
-toolbarpaletteitem:not([place="toolbar"]) #go-button,
-toolbarpaletteitem:not([place="toolbar"]) .search-go-button {
- -moz-binding: url(chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image);
-}
+/* ::::: content area ::::: */
#sidebar {
background-color: Window;
}
-/* ::::: content area ::::: */
-
#status-bar {
border-top: none;
}
diff --git a/browser/themes/winstripe/browser/Search-mid-top-rtl.png b/browser/themes/winstripe/browser/endcap-bkgnd-hover.png
old mode 100644
new mode 100755
similarity index 94%
rename from browser/themes/winstripe/browser/Search-mid-top-rtl.png
rename to browser/themes/winstripe/browser/endcap-bkgnd-hover.png
index 7d533da459b8..912fde046da6
Binary files a/browser/themes/winstripe/browser/Search-mid-top-rtl.png and b/browser/themes/winstripe/browser/endcap-bkgnd-hover.png differ
diff --git a/browser/themes/winstripe/browser/Search-mid-top.png b/browser/themes/winstripe/browser/endcap-bkgnd.png
old mode 100644
new mode 100755
similarity index 94%
rename from browser/themes/winstripe/browser/Search-mid-top.png
rename to browser/themes/winstripe/browser/endcap-bkgnd.png
index 917cf252a46d..3550d4c12dea
Binary files a/browser/themes/winstripe/browser/Search-mid-top.png and b/browser/themes/winstripe/browser/endcap-bkgnd.png differ
diff --git a/browser/themes/winstripe/browser/jar.mn b/browser/themes/winstripe/browser/jar.mn
index b15824b406ee..87f27d3caa1f 100644
--- a/browser/themes/winstripe/browser/jar.mn
+++ b/browser/themes/winstripe/browser/jar.mn
@@ -2,6 +2,8 @@ classic.jar:
% skin browser classic/1.0 %skin/classic/browser/
* skin/classic/browser/browser.css (browser.css)
skin/classic/browser/browser.xml
+ skin/classic/browser/endcap-bkgnd.png
+ skin/classic/browser/endcap-bkgnd-hover.png
* skin/classic/browser/engineManager.css (engineManager.css)
skin/classic/browser/Info.png
skin/classic/browser/pageInfo.css
@@ -20,21 +22,9 @@ classic.jar:
skin/classic/browser/Toolbar-small.png
skin/classic/browser/Go-arrow.png
skin/classic/browser/Go-arrow-rtl.png
- skin/classic/browser/Go-bkgnd.png
- skin/classic/browser/Go-bkgnd-rtl.png
- skin/classic/browser/Go-mid-top.png
- skin/classic/browser/Go-mid-top-rtl.png
- skin/classic/browser/Go-mid-bottom.png
- skin/classic/browser/Go-mid-bottom-rtl.png
* skin/classic/browser/searchbar.css (searchbar.css)
skin/classic/browser/Search-glass.png
skin/classic/browser/Search-glass-rtl.png
- skin/classic/browser/Search-bkgnd.png
- skin/classic/browser/Search-bkgnd-rtl.png
- skin/classic/browser/Search-mid-top.png
- skin/classic/browser/Search-mid-top-rtl.png
- skin/classic/browser/Search-mid-bottom.png
- skin/classic/browser/Search-mid-bottom-rtl.png
skin/classic/browser/Search-provider-bkgnd.png
skin/classic/browser/Search-provider-mid-top.png
skin/classic/browser/Search-provider-mid-bottom.png
diff --git a/browser/themes/winstripe/browser/searchbar.css b/browser/themes/winstripe/browser/searchbar.css
index c9817fc0b39a..be202529165b 100644
--- a/browser/themes/winstripe/browser/searchbar.css
+++ b/browser/themes/winstripe/browser/searchbar.css
@@ -1,11 +1,13 @@
-/* *** winstripe *** */
-
%ifdef MOZ_WIDGET_GTK2
#searchbar {
-moz-margin-start: 3px;
}
%endif
+.searchbar-box {
+ -moz-padding-end: 5px;
+}
+
.searchbar-textbox {
min-height: 22px;
width: 4em;
@@ -133,7 +135,8 @@ toolbar[mode="text"] .searchbar-box {
.search-go-button {
list-style-image: url("chrome://browser/skin/Search-glass.png");
- border: 0px !important;
+ -moz-image-region: rect(0px 25px 22px 0px);
+ border: 0px;
padding: 0px;
-moz-appearance: none;
}
@@ -142,110 +145,6 @@ toolbar[mode="text"] .searchbar-box {
list-style-image: url("chrome://browser/skin/Search-glass-rtl.png");
}
-.search-go-button-stack {
- padding: 2px 0px 2px 0px;
- -moz-padding-end: 5px;
-}
-
-toolbar[mode="text"] .search-go-button {
- -moz-margin-start: 5px;
- padding: 3px;
- -moz-appearance: toolbarbutton;
-}
-
-toolbar[mode="text"] .search-go-button-stack {
- padding: 0px;
-}
-
-toolbar[mode="text"] .search-go-button,
-toolbar[mode="text"] .search-go-button-stack .search-go-button-bkgnd {
- background-image: none;
- list-style-image: none;
- width: auto;
-}
-
-.search-go-button-top {
- list-style-image: url("chrome://browser/skin/Search-bkgnd.png");
- -moz-image-region: rect(0px, 25px, 10px, 0px);
- height: 10px;
-}
-
-/* GTK does not stretch image regions properly, so use background
- images instead. See bugs 351764 and 254659. */
-.search-go-button-mid-top {
- background-image: url("chrome://browser/skin/Search-mid-top.png");
-}
-
-.search-go-button-mid-bottom {
- background-image: url("chrome://browser/skin/Search-mid-bottom.png");
-}
-
-.search-go-button-bottom {
- list-style-image: url("chrome://browser/skin/Search-bkgnd.png");
- -moz-image-region: rect(12px, 25px, 22px, 0px);
- height: 10px;
-}
-
-.search-go-button-top[chromedir="rtl"],
-.search-go-button-bottom[chromedir="rtl"] {
- list-style-image: url("chrome://browser/skin/Search-bkgnd-rtl.png");
-}
-
-.search-go-button-mid-top[chromedir="rtl"] {
- background-image: url("chrome://browser/skin/Search-mid-top-rtl.png");
-}
-
-.search-go-button-mid-bottom[chromedir="rtl"] {
- background-image: url("chrome://browser/skin/Search-mid-bottom-rtl.png");
-}
-
-.search-go-button-stack:hover .search-go-button-top {
- -moz-image-region: rect(0px, 50px, 10px, 25px);
-}
-
-.search-go-button-stack:hover .search-go-button-mid-top,
-.search-go-button-stack:hover .search-go-button-mid-bottom {
- background-position: -25px 0px;
-}
-
-.search-go-button-stack:hover .search-go-button-bottom {
- -moz-image-region: rect(12px, 50px, 22px, 25px);
-}
-
-
-/* Disabled images are not used. */
-.search-go-button-stack[disabled="true"] .search-go-button-top {
- -moz-image-region: rect(0px, 75px, 10px, 50px);
-}
-
-.search-go-button-stack[disabled="true"] .search-go-button-mid-top,
-.search-go-button-stack[disabled="true"] .search-go-button-mid-bottom {
- background-position: -50px 0px;
-}
-
-.search-go-button-stack[disabled="true"] .search-go-button-bottom {
- -moz-image-region: rect(12px, 75px, 22px, 50px);
-}
-
-
-.search-go-button-stack:hover:active .search-go-button-top {
- -moz-image-region: rect(0px, 100px, 10px, 75px);
-}
-
-.search-go-button-stack:hover:active .search-go-button-mid-top,
-.search-go-button-stack:hover:active .search-go-button-mid-bottom {
- background-position: -75px 0px;
-}
-
-.search-go-button-stack:hover:active .search-go-button-bottom {
- -moz-image-region: rect(12px, 100px, 22px, 75px);
-}
-
-
-.search-go-button {
- -moz-image-region: rect(0px 25px 22px 0px);
-}
-
.search-go-button:hover {
-moz-image-region: rect(0px 50px 22px 25px);
}
@@ -258,8 +157,24 @@ toolbar[mode="text"] .search-go-button-stack .search-go-button-bkgnd {
-moz-image-region: rect(0px, 100px, 22px, 75px);
}
+toolbar[mode="text"] .search-go-button {
+ -moz-margin-start: 5px;
+ padding: 3px;
+ -moz-appearance: toolbarbutton;
+}
+
+toolbar[mode="text"] .search-go-button-stack {
+ padding: 0px;
+}
+
+toolbar[mode="text"] .search-go-button {
+ background-image: none;
+ list-style-image: none;
+ width: auto;
+}
+
.search-go-button > .toolbarbutton-icon {
- margin: 0px !important;
+ margin: 0px;
}
.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {