diff --git a/install-usercss/install-usercss.css b/install-usercss/install-usercss.css index 45cd851d..55332c74 100644 --- a/install-usercss/install-usercss.css +++ b/install-usercss/install-usercss.css @@ -95,7 +95,7 @@ h1 small { 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-size: 14px; 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; } -button.install, -button.install:before { +.install, +.install:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFiccyZ2qfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAb0lEQVQY012OwQ3CUAzFnNeMAfsv1hk4VDTm0H6ByMmyLL2U+lRowKobwAVFEEWbwqKIIGDXBTQqBU3VbWYk0CTLIAxNEHI1s5oAYXAYm2AIfZ64Ab1ta4s/yHv908twHB5gqf0Tvyg1l9l3efC9Dw0XRC2vHIXXAAAAAElFTkSuQmCC); background-size: 100% 100%; background-repeat: repeat-x; } -button.install:hover:not(:disabled) { +.install:hover:not(:disabled) { background-color: hsl(0, 0%, 38%); color: #fff; text-shadow: none; } -button.install:before, -button.install:after { +.install:before, +.install:after { content: ""; vertical-align: middle; box-sizing: border-box; @@ -140,80 +140,80 @@ button.install:after { width: 30px; } -button.install:before { +.install:before { 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%); padding: 5px 8px; transition: background-color .25s; } -button.install:before, -button.install:active:before, -button.install:active:hover:before { +.install:before, +.install:active:before, +.install:active:hover:before { background-color: hsl(176, 50%, 35%); } -button.install:hover:before { +.install:hover:before { background-color: hsl(176, 50%, 40%); } -button.install:active, -button.install:active:before { +.install:active, +.install:active:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gINFioX6+ENuQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQY003OwQ0CQQxD0edsRBX03xg9cFjBhMPuSOT0ZdmxuS/zesWTzExBI7xlZhrKeeYkmZkH1Icg3Rfs1D98v3Kgj+NSypJlpZWU0tbKKlpVCm0JSyuxPbbnqpiJ0JLr8+w9sbtGxqRFInvYbLiVGX46ECZMv8VvjwAAAABJRU5ErkJggg==); background-size: 100% 100%; background-repeat: repeat-x; } -button.install:active, -button.install:active:hover { +.install:active, +.install:active:hover { background-color: hsl(0, 0%, 33%); } -button.install:after { +.install:after { background-image: url(../images/icon/16.png); background-repeat: no-repeat; background-position: center center; } -button.install:disabled { +.install:disabled { opacity: .25; color: white; cursor: auto; } -button.install.reinstall:after { +.install.reinstall:after { filter: grayscale(100%); } -button.install.reinstall:before, -button.install.reinstall:active:before, -button.install.reinstall:active:hover:before { +.install.reinstall:before, +.install.reinstall:active:before, +.install.reinstall:active:hover:before { background-color: hsl(0, 0%, 20%); } -button.install.reinstall:hover:before { +.install.reinstall:hover:before { background-color: hsl(0, 0%, 25%); } -button.install.reinstall:hover:before { +.install.reinstall:hover:before { background-color: #444; } -button.install.update:before, -button.install.update:active:before, -button.install.update:active:hover:before { +.install.update:before, +.install.update:active:before, +.install.update:active:hover:before { background-color: hsl(140, 100%, 13%); } -button.install.update:hover:before { +.install.update:hover:before { background-color: hsl(140, 100%, 18%); } -button.install.update:after { +.install.update:after { filter: hue-rotate(-18deg) brightness(.7) contrast(2); } -button.install.installed, +.install.installed, h2.installed { display: none; }