From 880a4660e9f4aaf660f2ad63f8a6f4ddd4b6f929 Mon Sep 17 00:00:00 2001 From: tmk Date: Fri, 26 Sep 2014 10:26:39 +0900 Subject: [PATCH] Fix key shadow and selected key outline --- editor/hhkb/keyboard.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/editor/hhkb/keyboard.css b/editor/hhkb/keyboard.css index 584aff61..886218f8 100644 --- a/editor/hhkb/keyboard.css +++ b/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 */