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

revert 4ae2c670's changes for the install button

Browse Source 
as it's no longer required after 3f4fb061
This commit is contained in:
tophf 2021-03-19 23:02:02 +03:00
parent 3f4fb0617e
commit ed238183eb
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
install-usercss/install-usercss.css
View File

@ -95,7 +95,7 @@ h1 small {
margin: 0.5em 0; margin: 0.5em 0;
} }
button.install { /* raising specificity to override button:not(.fake) in global.css */ .install {
font-family: Arial, "DejaVu Sans", Verdana, Geneva, sans-serif; font-family: Arial, "DejaVu Sans", Verdana, Geneva, sans-serif;
font-size: 14px; font-size: 14px;
background-color: hsl(0, 0%, 33%); background-color: hsl(0, 0%, 33%);
@ -114,21 +114,21 @@ button.install { /* raising specificity to override button:not(.fake) in global.
transition: color .25s, background-color .25s; transition: color .25s, background-color .25s;
} }
button.install, .install,
button.install:before { .install:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFiccyZ2qfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAb0lEQVQY012OwQ3CUAzFnNeMAfsv1hk4VDTm0H6ByMmyLL2U+lRowKobwAVFEEWbwqKIIGDXBTQqBU3VbWYk0CTLIAxNEHI1s5oAYXAYm2AIfZ64Ab1ta4s/yHv908twHB5gqf0Tvyg1l9l3efC9Dw0XRC2vHIXXAAAAAElFTkSuQmCC); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFiccyZ2qfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAb0lEQVQY012OwQ3CUAzFnNeMAfsv1hk4VDTm0H6ByMmyLL2U+lRowKobwAVFEEWbwqKIIGDXBTQqBU3VbWYk0CTLIAxNEHI1s5oAYXAYm2AIfZ64Ab1ta4s/yHv908twHB5gqf0Tvyg1l9l3efC9Dw0XRC2vHIXXAAAAAElFTkSuQmCC);
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: repeat-x; background-repeat: repeat-x;
} }
button.install:hover:not(:disabled) { .install:hover:not(:disabled) {
background-color: hsl(0, 0%, 38%); background-color: hsl(0, 0%, 38%);
color: #fff; color: #fff;
text-shadow: none; text-shadow: none;
} }
button.install:before, .install:before,
button.install:after { .install:after {
content: ""; content: "";
vertical-align: middle; vertical-align: middle;
box-sizing: border-box; box-sizing: border-box;
@ -140,80 +140,80 @@ button.install:after {
width: 30px; width: 30px;
} }
button.install:before { .install:before {
border-left: 1px solid rgba(0, 0, 0, .3); border-left: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 -1px 0 0 hsl(0, 0%, 24%), inset 0 1px 0 0 hsl(0, 0%, 30%), inset -1px 0 0 0 hsl(0, 0%, 38%); box-shadow: inset 0 -1px 0 0 hsl(0, 0%, 24%), inset 0 1px 0 0 hsl(0, 0%, 30%), inset -1px 0 0 0 hsl(0, 0%, 38%);
padding: 5px 8px; padding: 5px 8px;
transition: background-color .25s; transition: background-color .25s;
} }
button.install:before, .install:before,
button.install:active:before, .install:active:before,
button.install:active:hover:before { .install:active:hover:before {
background-color: hsl(176, 50%, 35%); background-color: hsl(176, 50%, 35%);
} }
button.install:hover:before { .install:hover:before {
background-color: hsl(176, 50%, 40%); background-color: hsl(176, 50%, 40%);
} }
button.install:active, .install:active,
button.install:active:before { .install:active:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFioX6+ENuQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQY003OwQ0CQQxD0edsRBX03xg9cFjBhMPuSOT0ZdmxuS/zesWTzExBI7xlZhrKeeYkmZkH1Icg3Rfs1D98v3Kgj+NSypJlpZWU0tbKKlpVCm0JSyuxPbbnqpiJ0JLr8+w9sbtGxqRFInvYbLiVGX46ECZMv8VvjwAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFioX6+ENuQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQY003OwQ0CQQxD0edsRBX03xg9cFjBhMPuSOT0ZdmxuS/zesWTzExBI7xlZhrKeeYkmZkH1Icg3Rfs1D98v3Kgj+NSypJlpZWU0tbKKlpVCm0JSyuxPbbnqpiJ0JLr8+w9sbtGxqRFInvYbLiVGX46ECZMv8VvjwAAAABJRU5ErkJggg==);
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: repeat-x; background-repeat: repeat-x;
} }
button.install:active, .install:active,
button.install:active:hover { .install:active:hover {
background-color: hsl(0, 0%, 33%); background-color: hsl(0, 0%, 33%);
} }
button.install:after { .install:after {
background-image: url(../images/icon/16.png); background-image: url(../images/icon/16.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
} }
button.install:disabled { .install:disabled {
opacity: .25; opacity: .25;
color: white; color: white;
cursor: auto; cursor: auto;
} }
button.install.reinstall:after { .install.reinstall:after {
filter: grayscale(100%); filter: grayscale(100%);
} }
button.install.reinstall:before, .install.reinstall:before,
button.install.reinstall:active:before, .install.reinstall:active:before,
button.install.reinstall:active:hover:before { .install.reinstall:active:hover:before {
background-color: hsl(0, 0%, 20%); background-color: hsl(0, 0%, 20%);
} }
button.install.reinstall:hover:before { .install.reinstall:hover:before {
background-color: hsl(0, 0%, 25%); background-color: hsl(0, 0%, 25%);
} }
button.install.reinstall:hover:before { .install.reinstall:hover:before {
background-color: #444; background-color: #444;
} }
button.install.update:before, .install.update:before,
button.install.update:active:before, .install.update:active:before,
button.install.update:active:hover:before { .install.update:active:hover:before {
background-color: hsl(140, 100%, 13%); background-color: hsl(140, 100%, 13%);
} }
button.install.update:hover:before { .install.update:hover:before {
background-color: hsl(140, 100%, 18%); background-color: hsl(140, 100%, 18%);
} }
button.install.update:after { .install.update:after {
filter: hue-rotate(-18deg) brightness(.7) contrast(2); filter: hue-rotate(-18deg) brightness(.7) contrast(2);
} }
button.install.installed, .install.installed,
h2.installed { h2.installed {
display: none; display: none;
} }