1
0

Fix key shadow and selected key outline

This commit is contained in:
tmk 2014-09-26 10:26:39 +09:00
parent e603e8aa92
commit 880a4660e9

View File

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