forked from mBut/jquery.mlkeyboard
-
Notifications
You must be signed in to change notification settings - Fork 0
/
jquery.ml-keyboard.css
2 lines (2 loc) · 2.21 KB
/
jquery.ml-keyboard.css
1
2
div#mlkeyboard{font-family:Tahoma,Arial,sans-serif;width:100%;position:fixed;bottom:0}div#mlkeyboard ul,div#mlkeyboard li{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}div#mlkeyboard ul{background:#eee;list-style:none;font-size:12px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media screen and (min-width: 700px){div#mlkeyboard ul{width:670px;height:230px;margin:0 auto;padding:0px;border-radius:5px 5px 0 0}}div#mlkeyboard ul li{float:left;margin:0 0 0.5% 0.5%;width:6%;text-align:center;background:#fff;border:1px solid #f9f9f9;-moz-border-radius:5px;-webkit-border-radius:5px;border-color:#e5e5e5;cursor:pointer}@media screen and (min-width: 700px){div#mlkeyboard ul li{width:40px;height:40px;line-height:40px;margin:2px}}div#mlkeyboard ul li.active{background-color:#E6FFD8;border-color:#6FDA54}div#mlkeyboard ul li:hover{background-color:#FFD488;border-color:#FFAE6E}div#mlkeyboard ul #mlkeyboard-capslock,div#mlkeyboard ul #mlkeyboard-tab,div#mlkeyboard ul #mlkeyboard-left-shift{clear:left}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-backspace{width:66px}}div#mlkeyboard ul #mlkeyboard-tab{width:7%}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-tab{width:65px}}div#mlkeyboard ul #mlkeyboard-capslock{width:12%}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-capslock{width:75px}}div#mlkeyboard ul #mlkeyboard-return{width:8%}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-return{width:76px}}div#mlkeyboard ul #mlkeyboard-left-shift{width:14%}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-left-shift{width:100px}}div#mlkeyboard ul #mlkeyboard-right-shift{width:12%}@media screen and (min-width: 540px){div#mlkeyboard ul #mlkeyboard-right-shift{width:96px;margin-right:0}}div#mlkeyboard ul #mlkeyboard-space{clear:left;width:98%}@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-space{width:662px}}div#mlkeyboard ul.mlkeyboard-modifications{position:absolute;background:rgba(133,133,133,0.6);border-radius:5px;display:none;padding:8px}@media screen and (min-width: 700px){div#mlkeyboard ul.mlkeyboard-modifications{height:46px}}
/*# sourceMappingURL=jquery.ml-keyboard.css.map */