diff --git a/options/options.css b/options/options.css index 468e1a39..28eb0416 100644 --- a/options/options.css +++ b/options/options.css @@ -27,6 +27,34 @@ body { max-width: 800px; } +:-webkit-any(button,input[type="button"],input[type="submit"]) { + -webkit-appearance: none; + -moz-appearance: none; + user-select: none; + padding: 3px 7px; + border: 1px solid hsl(0, 0%, 62%); + border-radius: 0; + font: 400 13.3333px Arial; + color: hsl(0, 0%, 0%); + background-color: hsl(0, 0%, 100%); + background-image: url(../images/button.png); + background-repeat: repeat-x; + background-size: 100% 100%; + transition: background-color .25s, border-color .25s; + text-shadow: none; + box-shadow: none; + min-height: unset; +} + +:enabled:hover:-webkit-any(select,input[type="checkbox"],input[type="radio"],:-webkit-any(button,input[type="button"],input[type="submit"])) { + background-color: hsl(0, 0%, 95%); + background-image: url(../images/button.png); + background-repeat: repeat-x; + text-shadow: none; + box-shadow: none; + border-color: hsl(0, 0%, 52%); +} + @media (min-width: 401px) { .firefox body { width: calc(100% - 6px); /* TODO: rework to avoid compensating padding of 'html.firefox .block' */