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;
}
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;
}