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

Dim buttons a bit

Browse Source
This commit is contained in:
narcolepticinsomniac 2018-07-19 00:43:30 -04:00 committed by GitHub
parent 7d60a5bb7a
commit 8ddd8fe9d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
global.css
View File

@ -4,12 +4,12 @@
::selection {
color: #fff;
background-color: hsl(180, 50%, 34%)
background-color: hsl(180, 50%, 34%);
}
::-moz-selection {
color: #fff;
background-color: hsl(180, 50%, 34%)
background-color: hsl(180, 50%, 34%);
}
button {
@ -24,7 +24,7 @@ button {
border: 1px solid hsl(0, 0%, 56%);
font: 400 13.3333px Arial;
color: hsl(0, 0%, 24%);
background-color: hsl(0, 0%, 100%);
background-color: hsl(0, 0%, 95%);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwGBBwIHvKt6QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAL0lEQVQI12NoaGgQZ2JgYGBkYmBgYGZiYGBggrMY4VxsYsyoskQQCB2MWAxAMhkADVECDhlW9CoAAAAASUVORK5CYII=');
background-repeat: repeat-x;
background-size: 100% 100%;
@ -33,24 +33,18 @@ button {
button:not(:disabled):hover {
color: hsl(0, 0%, 10%);
background-color: hsl(0, 0%, 95%);
background-color: hsl(0, 0%, 90%);
border-color: hsl(0, 0%, 46%);
}
button:active {
background-color: hsl(0, 0%, 95%);
background-color: hsl(0, 0%, 90%);
border-color: hsl(0, 0%, 46%);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwJARIWJNZvuQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAMElEQVQI12NoaGgIZmJgYPjLxMDA8I+JgYHhP5z1Dy7xH5X7jxQCzWQ0A9DEILYBABm5HtJk2jPHAAAAAElFTkSuQmCC');
background-repeat: repeat-x;
background-size: 100% 100%;
}
/* For some odd reason these hovers appear lighter than all other button hovers in every browser */
#message-box.center #message-box-buttons button:not(:disabled):hover {
background-color: hsl(0, 0%, 90%);
border-color: hsl(0, 0%, 50%);
}
input:not([type]),
input[type="number"],
input[type="search"],