diff --git a/browser/themes/linux/Go-arrow.png b/browser/themes/linux/Go-arrow.png deleted file mode 100644 index 259c8a4f01cd..000000000000 Binary files a/browser/themes/linux/Go-arrow.png and /dev/null differ diff --git a/browser/themes/linux/browser.css b/browser/themes/linux/browser.css index 312105d945ee..84c0311f4d61 100644 --- a/browser/themes/linux/browser.css +++ b/browser/themes/linux/browser.css @@ -1151,26 +1151,59 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- #urlbar > toolbarbutton { -moz-appearance: none; - padding: 0; - border: none; + padding: 0 2px; cursor: pointer; - width: 22px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); +} + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); +} + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), hsla(200,100%,70%,0)); + -moz-image-region: rect(14px, 14px, 28px, 0); +} + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), hsla(200,100%,60%,0)); + -moz-image-region: rect(28px, 14px, 42px, 0); +} + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } #urlbar-go-button { - list-style-image: url("chrome://browser/skin/Go-arrow.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), hsla(110,70%,50%,0)); + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), hsla(110,70%,50%,0)); + -moz-image-region: rect(28px, 42px, 42px, 28px); } #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { transform: scaleX(-1); } -#urlbar-reload-button { - list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); } -#urlbar-stop-button { - list-style-image: url("moz-icon://stock/gtk-stop?size=menu"); +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), hsla(5,100%,75%,0)); + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), hsla(5,100%,75%,0)); + -moz-image-region: rect(28px, 28px, 42px, 14px); } /* Popup blocker button */ diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn index b5904976f653..ffb9d82df1b9 100644 --- a/browser/themes/linux/jar.mn +++ b/browser/themes/linux/jar.mn @@ -31,7 +31,6 @@ browser.jar: skin/classic/browser/fullscreen-darknoise.png skin/classic/browser/Geolocation-16.png skin/classic/browser/Geolocation-64.png - skin/classic/browser/Go-arrow.png skin/classic/browser/identity.png skin/classic/browser/identity-icons-generic.png skin/classic/browser/identity-icons-https.png @@ -60,6 +59,7 @@ browser.jar: skin/classic/browser/Privacy-16.png skin/classic/browser/Privacy-48.png skin/classic/browser/privatebrowsing-mask.png + skin/classic/browser/reload-stop-go.png skin/classic/browser/searchbar.css skin/classic/browser/Secure.png skin/classic/browser/Security-broken.png diff --git a/browser/themes/linux/reload-stop-go.png b/browser/themes/linux/reload-stop-go.png new file mode 100644 index 000000000000..1017be9032a2 Binary files /dev/null and b/browser/themes/linux/reload-stop-go.png differ