open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Custom UI elements

Browse Source
This commit is contained in:
narcolepticinsomniac 2017-12-06 22:27:00 -05:00 committed by GitHub
parent d52ccc3e28
commit e0c29f39f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
options/options.css
View File

@ -27,6 +27,34 @@ body {
max-width: 800px; 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) { @media (min-width: 401px) {
.firefox body { .firefox body {
width: calc(100% - 6px); /* TODO: rework to avoid compensating padding of 'html.firefox .block' */ width: calc(100% - 6px); /* TODO: rework to avoid compensating padding of 'html.firefox .block' */