diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn index 7eacedb5073..cd4c54fcc89 100644 --- a/browser/themes/linux/jar.mn +++ b/browser/themes/linux/jar.mn @@ -66,7 +66,7 @@ browser.jar: skin/classic/browser/Privacy-16.png skin/classic/browser/privatebrowsing-mask.png skin/classic/browser/reload-stop-go.png -* skin/classic/browser/searchbar.css + skin/classic/browser/searchbar.css skin/classic/browser/search-pref.png (../shared/search/search-pref.png) skin/classic/browser/search-indicator.png (../shared/search/search-indicator.png) skin/classic/browser/search-indicator-add-engine.png (../shared/search/search-indicator-add-engine.png) diff --git a/browser/themes/linux/searchbar.css b/browser/themes/linux/searchbar.css index e65a0c06899..7568b387913 100644 --- a/browser/themes/linux/searchbar.css +++ b/browser/themes/linux/searchbar.css @@ -67,4 +67,178 @@ menuitem[cmd="cmd_clearhistory"][disabled] { list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); } -%include ../shared/searchbar.inc.css \ No newline at end of file + + + +.searchbar-search-button-container { + -moz-box-align: center; + padding: 2px 3px; + -moz-padding-end: 2px; +} + +.searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator.png"); + -moz-image-region: rect(0, 20px, 20px, 0); + margin: -2px -2px; +} + +.searchbar-search-button:hover { + -moz-image-region: rect(0, 40px, 20px, 20px); +} + +.searchbar-search-button:hover:active { + -moz-image-region: rect(0, 60px, 20px, 40px); +} + +searchbar[oneoffui] .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover:active { + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + + +.search-panel-current-engine { + border-top: none !important; + border-bottom: 1px solid #ccc; + -moz-box-align: center; +} + +.search-panel-header { + font-weight: normal; + background-color: rgb(245, 245, 245); + border-top: 1px solid #ccc; + margin: 0 1px; + padding: 3px 5px; + color: #666; +} + +.search-panel-current-input > label { + margin: 0 0 !important; +} + +.search-panel-input-value { + color: black; +} + +.search-panel-one-offs { + margin: 0 0 !important; + border-top: 1px solid #ccc; +} + +.searchbar-engine-one-off-item { + -moz-appearance: none; + display: inline-block; + border: none; + min-width: 48px; + height: 32px; + margin: 0 0; + padding: 0 0; + background: none; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); + background-repeat: no-repeat; + background-position: right center; +} + +.searchbar-engine-one-off-item:not(.last-row) { + box-sizing: padding-box; + border-bottom: 1px solid #ccc; +} + +.searchbar-engine-one-off-item.last-of-row { + background-image: none; +} + +.searchbar-engine-one-off-item:hover:not(.dummy), +.searchbar-engine-one-off-item[selected] { + background-color: Highlight; + background-image: none; +} + +.searchbar-engine-one-off-item > .button-box { + border: none; + padding: 0 0; +} + +.searchbar-engine-one-off-item > .button-box > .button-text { + display: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-icon { + display: -moz-box; + -moz-margin-end: 0; + width: 16px; + height: 16px; +} + +.addengine-item { + -moz-appearance: none; + border: none; + height: 32px; + margin: 0 0; + padding: 0 10px; +} + +.addengine-item > .button-box { + -moz-box-pack: start; +} + +.addengine-item:first-of-type { + border-top: 1px solid #ccc; +} + +.addengine-item:hover { + background-color: Highlight; + color: HighlightText; +} + +.addengine-item > .button-box > .button-icon { + width: 16px; +} + +.addengine-item > .button-box > .button-text { + -moz-box-flex: 1; + text-align: start; + -moz-padding-start: 10px; +} + +.addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); +} + +searchbar[oneoffui] .searchbar-engine-button { + display: none; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { + -moz-padding-start: 16px; + border-top: none !important; +} + +searchbar[oneoffui] .searchbar-engine-image { + -moz-margin-start: -1px; +} + +.search-setting-button { + -moz-appearance: none; + border-bottom: none; + border-left: none; + border-right: none; + -moz-border-top-colors: none; + min-height: 32px; +} + +.search-setting-button:hover { + background-color: #d3d3d3; + border-top-color: #bdbebe; +} diff --git a/browser/themes/osx/jar.mn b/browser/themes/osx/jar.mn index df5f87da75b..7f9315babe6 100644 --- a/browser/themes/osx/jar.mn +++ b/browser/themes/osx/jar.mn @@ -101,7 +101,7 @@ browser.jar: skin/classic/browser/reload-stop-go@2x.png skin/classic/browser/searchbar-dropmarker.png skin/classic/browser/searchbar-dropmarker@2x.png -* skin/classic/browser/searchbar.css + skin/classic/browser/searchbar.css skin/classic/browser/Search.png skin/classic/browser/Search@2x.png skin/classic/browser/search-pref.png (../shared/search/search-pref.png) diff --git a/browser/themes/osx/searchbar.css b/browser/themes/osx/searchbar.css index 11fba33735f..12d299722d4 100644 --- a/browser/themes/osx/searchbar.css +++ b/browser/themes/osx/searchbar.css @@ -47,11 +47,42 @@ -moz-padding-end: 6px; } +.searchbar-search-button-container { + -moz-box-align: center; + -moz-padding-start: 6px; + -moz-padding-end: 4px; +} + .search-go-button { list-style-image: url("chrome://browser/skin/Search.png"); } -%include ../shared/searchbar.inc.css +.searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator.png"); + -moz-image-region: rect(0, 20px, 20px, 0); + margin: 0 -3px; +} + +.searchbar-search-button:hover { + -moz-image-region: rect(0, 40px, 20px, 20px); +} + +.searchbar-search-button:hover:active { + -moz-image-region: rect(0, 60px, 20px, 40px); +} + +searchbar[oneoffui] .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover:active { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} @media (min-resolution: 2dppx) { .searchbar-engine-image { @@ -93,16 +124,139 @@ -moz-image-region: rect(28px, 84px, 56px, 56px); width: 14px; } +} +.search-panel-current-engine { + border-top: none !important; + border-bottom: 1px solid #ccc; + border-radius: 4px 4px 0 0; +} + +.search-panel-header { + font-size: 10px; + font-weight: normal; + background-color: rgb(245, 245, 245); + border-top: 1px solid #ccc; + margin: 0; + padding: 3px 6px; + color: #666; +} + +.search-panel-current-input > label { + margin: 0 0 !important; +} + +.search-panel-input-value { + color: black; +} + +.search-panel-one-offs { + border-top: 1px solid #ccc; + margin-bottom: 0 !important; +} + +.searchbar-engine-one-off-item { + -moz-appearance: none; + display: inline-block; + min-width: 48px; + height: 32px; + margin: 0 0; + padding: 0 0; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); + background-repeat: no-repeat; + background-position: right center; +} + +.searchbar-engine-one-off-item:not(.last-row) { + box-sizing: padding-box; + border-bottom: 1px solid #ccc; +} + +.searchbar-engine-one-off-item.last-of-row { + background-image: none; +} + +.searchbar-engine-one-off-item:hover:not(.dummy), +.searchbar-engine-one-off-item[selected] { + background-color: Highlight; + background-image: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-text { + display: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-icon { + -moz-margin-start: 0; + width: 16px; + height: 16px; +} + +.addengine-item { + -moz-appearance: none; + font-size: 10px; + height: 32px; + margin: 0 0; + padding: 0 10px; +} + +.addengine-item > .button-box { + -moz-box-pack: start; +} + +.addengine-item:first-of-type { + border-top: 1px solid #ccc; +} + +.addengine-item:hover { + background-color: Highlight; + color: HighlightText; +} + +.addengine-item > .button-box > .button-icon { + width: 16px; +} + +.addengine-item > .button-box > .button-text { + -moz-box-flex: 1; + text-align: start; + -moz-padding-start: 10px; +} + +.addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); +} + +@media (min-resolution: 2dppx) { .addengine-item:not([image]) { list-style-image: url("chrome://browser/skin/search-engine-placeholder@2x.png"); } } +searchbar[oneoffui] .searchbar-engine-button { + display: none; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { + -moz-padding-start: 22px; + border-top: none !important; +} + #PopupSearchAutoComplete { border-radius: 4px; } +.search-setting-button { + -moz-appearance: none; + border-radius: 0 0 4px 4px; + min-height: 32px; +} + .search-setting-button[showonlysettings] { border-radius: 4px; -} \ No newline at end of file +} + +.search-setting-button:hover { + background-color: #d3d3d3; + border-top-color: #bdbebe; +} diff --git a/browser/themes/shared/searchbar.inc.css b/browser/themes/shared/searchbar.inc.css deleted file mode 100644 index 6bc50b7d6bd..00000000000 --- a/browser/themes/shared/searchbar.inc.css +++ /dev/null @@ -1,170 +0,0 @@ -.searchbar-search-button-container { - -moz-box-align: center; - padding: 3px 4px; - -moz-padding-end: 2px; -} - -.searchbar-search-button { - list-style-image: url("chrome://browser/skin/search-indicator.png"); - -moz-image-region: rect(0, 20px, 20px, 0); - margin: -2px -2px; -} - -.searchbar-search-button:hover { - -moz-image-region: rect(0, 40px, 20px, 20px); -} - -.searchbar-search-button:hover:active { - -moz-image-region: rect(0, 60px, 20px, 40px); -} - -searchbar[oneoffui] .search-go-button { - list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - -moz-image-region: rect(0, 42px, 14px, 28px); -} - -searchbar[oneoffui] .search-go-button:hover { - -moz-image-region: rect(14px, 42px, 28px, 28px); -} - -searchbar[oneoffui] .search-go-button:hover:active { - -moz-image-region: rect(28px, 42px, 42px, 28px); -} - -searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1); -} - - -.search-panel-current-engine { - border-top: none !important; - border-bottom: 1px solid #ccc; - -moz-box-align: center; -} - -.search-panel-header { - font-weight: normal; - background-color: rgb(245, 245, 245); - border-top: 1px solid #ccc; - margin: 0; - padding: 3px 6px; - color: #666; -} - -.search-panel-current-input > label { - margin: 0 0 !important; -} - -.search-panel-input-value { - color: black; -} - -.search-panel-one-offs { - margin: 0 0 !important; - border-top: 1px solid #ccc; -} - -.searchbar-engine-one-off-item { - -moz-appearance: none; - display: inline-block; - border: none; - min-width: 48px; - height: 32px; - margin: 0 0; - padding: 0 0; - background: none; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); - background-repeat: no-repeat; - background-position: right center; -} - -.searchbar-engine-one-off-item:not(.last-row) { - box-sizing: padding-box; - border-bottom: 1px solid #ccc; -} - -.searchbar-engine-one-off-item.last-of-row { - background-image: none; -} - -.searchbar-engine-one-off-item:hover:not(.dummy), -.searchbar-engine-one-off-item[selected] { - background-color: Highlight; - background-image: none; -} - -.searchbar-engine-one-off-item > .button-box { - border: none; - padding: 0 0; -} - -.searchbar-engine-one-off-item > .button-box > .button-text { - display: none; -} - -.searchbar-engine-one-off-item > .button-box > .button-icon { - width: 16px; - height: 16px; -} - -.addengine-item { - -moz-appearance: none; - border: none; - height: 32px; - margin: 0 0; - padding: 0 10px; -} - -.addengine-item > .button-box { - -moz-box-pack: start; -} - -.addengine-item:first-of-type { - border-top: 1px solid #ccc; -} - -.addengine-item:hover { - background-color: Highlight; - color: HighlightText; -} - -.addengine-item > .button-box > .button-icon { - width: 16px; -} - -.addengine-item > .button-box > .button-text { - -moz-box-flex: 1; - text-align: start; - -moz-padding-start: 10px; -} - -.addengine-item:not([image]) { - list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); -} - -searchbar[oneoffui] .searchbar-engine-button { - display: none; -} - -.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { - -moz-padding-start: 15px; - border-top: none !important; -} - -searchbar[oneoffui] .searchbar-engine-image { - -moz-margin-start: -1px; -} - -.search-setting-button { - -moz-appearance: none; - border-bottom: none; - border-left: none; - border-right: none; - -moz-border-top-colors: none; - min-height: 32px; -} - -.search-setting-button:hover { - background-color: #d3d3d3; - border-top-color: #bdbebe; -} diff --git a/browser/themes/windows/jar.mn b/browser/themes/windows/jar.mn index f128254aeaf..fc984c131b5 100644 --- a/browser/themes/windows/jar.mn +++ b/browser/themes/windows/jar.mn @@ -80,7 +80,7 @@ browser.jar: skin/classic/browser/privatebrowsing-mask-titlebar-XPVista7.png skin/classic/browser/privatebrowsing-mask-titlebar-XPVista7-tall.png skin/classic/browser/reload-stop-go.png -* skin/classic/browser/searchbar.css + skin/classic/browser/searchbar.css skin/classic/browser/searchbar-dropdown-arrow.png skin/classic/browser/search-pref.png (../shared/search/search-pref.png) skin/classic/browser/search-indicator.png (../shared/search/search-indicator.png) @@ -525,7 +525,7 @@ browser.jar: skin/classic/aero/browser/privatebrowsing-mask-titlebar-XPVista7.png skin/classic/aero/browser/privatebrowsing-mask-titlebar-XPVista7-tall.png skin/classic/aero/browser/reload-stop-go.png -* skin/classic/aero/browser/searchbar.css + skin/classic/aero/browser/searchbar.css skin/classic/aero/browser/searchbar-dropdown-arrow.png (searchbar-dropdown-arrow-aero.png) skin/classic/aero/browser/search-pref.png (../shared/search/search-pref.png) skin/classic/aero/browser/search-indicator.png (../shared/search/search-indicator.png) diff --git a/browser/themes/windows/searchbar.css b/browser/themes/windows/searchbar.css index 506e2ed9a43..54fc39e441a 100644 --- a/browser/themes/windows/searchbar.css +++ b/browser/themes/windows/searchbar.css @@ -79,4 +79,175 @@ font-weight: bold; } -%include ../shared/searchbar.inc.css \ No newline at end of file + + +.searchbar-search-button-container { + -moz-box-align: center; + padding: 3px 4px; + -moz-padding-end: 2px; +} + +.searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator.png"); + -moz-image-region: rect(0, 20px, 20px, 0); + margin: -2px -2px; +} + +.searchbar-search-button:hover { + -moz-image-region: rect(0, 40px, 20px, 20px); +} + +.searchbar-search-button:hover:active { + -moz-image-region: rect(0, 60px, 20px, 40px); +} + +searchbar[oneoffui] .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover:active { + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + + +.search-panel-current-engine { + border-top: none !important; + border-bottom: 1px solid #ccc; + -moz-box-align: center; +} + +.search-panel-header { + font-weight: normal; + background-color: rgb(245, 245, 245); + border-top: 1px solid #ccc; + margin: 0; + padding: 3px 6px; + color: #666; +} + +.search-panel-current-input > label { + margin: 0 0 !important; +} + +.search-panel-input-value { + color: black; +} + +.search-panel-one-offs { + margin: 0 0 !important; + border-top: 1px solid #ccc; +} + +.searchbar-engine-one-off-item { + -moz-appearance: none; + display: inline-block; + border: none; + min-width: 48px; + height: 32px; + margin: 0 0; + padding: 0 0; + background: none; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); + background-repeat: no-repeat; + background-position: right center; +} + +.searchbar-engine-one-off-item:not(.last-row) { + box-sizing: padding-box; + border-bottom: 1px solid #ccc; +} + +.searchbar-engine-one-off-item.last-of-row { + background-image: none; +} + +.searchbar-engine-one-off-item:hover:not(.dummy), +.searchbar-engine-one-off-item[selected] { + background-color: Highlight; + background-image: none; +} + +.searchbar-engine-one-off-item > .button-box { + border: none; + padding: 0 0; +} + +.searchbar-engine-one-off-item > .button-box > .button-text { + display: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-icon { + width: 16px; + height: 16px; +} + +.addengine-item { + -moz-appearance: none; + border: none; + height: 32px; + margin: 0 0; + padding: 0 10px; +} + +.addengine-item > .button-box { + -moz-box-pack: start; +} + +.addengine-item:first-of-type { + border-top: 1px solid #ccc; +} + +.addengine-item:hover { + background-color: Highlight; + color: HighlightText; +} + +.addengine-item > .button-box > .button-icon { + width: 16px; +} + +.addengine-item > .button-box > .button-text { + -moz-box-flex: 1; + text-align: start; + -moz-padding-start: 10px; +} + +.addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); +} + +searchbar[oneoffui] .searchbar-engine-button { + display: none; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { + -moz-padding-start: 15px; + border-top: none !important; +} + +searchbar[oneoffui] .searchbar-engine-image { + -moz-margin-start: -1px; +} + +.search-setting-button { + -moz-appearance: none; + border-bottom: none; + border-left: none; + border-right: none; + -moz-border-top-colors: none; + min-height: 32px; +} + +.search-setting-button:hover { + background-color: #d3d3d3; + border-top-color: #bdbebe; +}