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 {