Fix key shadow and selected key outline

editor/hhkb/keyboard.css

@@ -3,10 +3,8 @@ html * {
 }
 
 .key {
-    -moz-box-shadow:inset -8px -10px 0px -3px #ffffff;
-    -webkit-box-shadow:inset -8px -10px 0px -3px #ffffff;
-    box-shadow:inset -8px -10px 0px -3px #ffffff;
-    background-color:#ededed;
+    box-shadow:inset -3px -3px 5px 5px #ebebeb;
+    background-color:#ffffff;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
@@ -25,16 +23,17 @@ html * {
     margin: 0px 1px 1px 0px;
 }
 .key:hover {
-    background-color:#dfdfdf;
+    background-color:#ebebeb;
 }
 .key:active {
-    position:relative;
-    top:1px;
+}
+.key:focus {
 }
 .key-editing {
-    background-color:#b4b4b4;
+    //background-color:#bfbfbf;
+    border:2px solid #7f7f7f;
     position:relative;
-    top:2px;
+    //top:2px;
 }
 /* This imageless css button was generated by CSSButtonGenerator.com */