40 lines
1.1 KiB
CSS
40 lines
1.1 KiB
CSS
/* Button Extras */
|
|
|
|
button:hover,
|
|
button[type="submit"]:hover,
|
|
button[type="reset"]:hover,
|
|
button[type="button"]:hover {
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
|
|
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
|
|
}
|
|
|
|
button:active,
|
|
button[type="submit"]:active,
|
|
button[type="reset"]:active,
|
|
button[type="button"]:active {
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
|
|
border-color: var(--bg);
|
|
color: inherit;
|
|
}
|
|
|
|
button:focus,
|
|
button[type="submit"]:focus,
|
|
button[type="reset"]:focus {
|
|
outline: 0;
|
|
color: inherit;
|
|
}
|
|
|
|
button.disabled,
|
|
button.disabled:hover,
|
|
button.disabled:active,
|
|
button.disabled:focus {
|
|
border: 1px solid var(--fg);
|
|
background-image: none;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
filter: alpha(opacity=40);
|
|
opacity: 0.40;
|
|
cursor: not-allowed;
|
|
box-shadow: none;
|
|
}
|