diff --git a/css/main.css b/css/main.css index 075cf2c..2af6222 100644 --- a/css/main.css +++ b/css/main.css @@ -35,42 +35,52 @@ body.unsupported #gamepad { @keyframes press-button { 0% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } 7% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } 10% { fill: #00e530; + filter: drop-shadow(0 0 5px rgb(0 229 48 / 0.4)); } 17% { fill: #00e530; + filter: drop-shadow(0 0 5px rgb(0 229 48 / 0.4)); } 20% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } 27% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } 30% { fill: #00e530; + filter: drop-shadow(0 0 5px rgb(0 229 48 / 0.4)); } 37% { fill: #00e530; + filter: drop-shadow(0 0 5px rgb(0 229 48 / 0.4)); } 40% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } 100% { fill: #898989; + filter: drop-shadow(0 0 0 rgb(0 229 48 / 0.4)); } } @@ -213,8 +223,7 @@ kbd[title], cursor: help; } -kbd, -kbd.dark { +kbd { -moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -0.05em 0.4em rgb(80, 80, 80), 0 0.1em 0 rgb(30, 30, 30), 0 0.1em 0.1em rgba(0, 0, 0, 0.3); @@ -236,30 +245,3 @@ kbd.dark { color: rgb(250, 250, 250); text-shadow: -1px -1px 0 rgb(70, 70, 70); } - -kbd.light { - -moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), - inset 0 0 0.4em rgb(200, 200, 200), 0 0.1em 0 rgb(130, 130, 130), - 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); - -webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), - inset 0 0 0.4em rgb(200, 200, 200), 0 0.1em 0 rgb(130, 130, 130), - 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); - background: -moz-linear-gradient( - top, - rgb(210, 210, 210), - rgb(255, 255, 255) - ); - background: -webkit-gradient( - linear, - left top, - left bottom, - from(rgb(210, 210, 210)), - to(rgb(255, 255, 255)) - ); - background: rgb(250, 250, 250); - box-shadow: inset 0 0 1px rgb(255, 255, 255), - inset 0 0 0.4em rgb(200, 200, 200), 0 0.1em 0 rgb(130, 130, 130), - 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); - color: rgb(50, 50, 50); - text-shadow: 0 0 2px rgb(255, 255, 255); -}