magcore-osd-keyboard
Version:
Keyboard OSD application for MAGCORE platform.
3 lines (2 loc) • 5.81 kB
CSS
#pageMain .stb-component-scrollbar{height:100%;position:absolute;top:0;right:5px;z-index:3}#pageMain .mag-component-modal>div>div{background-color:#383838}#pageMain .mag-component-modal .body{position:relative}#pageMain .mag-component-modal .item.focus{background-color:#1a59bd;color:#fff}#pageMainContainer{padding:32.2px 53.2px 32.2px 53.2px}#pageMainContainer .iconFont{font-family:icons}#pageMainHeadTitle{width:100%;text-align:center;font-size:18px;text-transform:uppercase}#pageMainSuggestions{display:none;width:100%;text-align:center;height:163.8px;line-height:163.8px;font-size:80px;color:dimgray}#pageMainIcon{display:block;width:100%;background-position:center;background-repeat:no-repeat;height:98px;font-size:100px}#pageMainLabel{display:block;width:100%;text-align:center;height:16.8px;line-height:16.8px;font-size:11.2px;color:dimgray;margin-bottom:43.4px;text-transform:uppercase}#pageMainInput{width:100%;text-align:center;font-size:27px;height:36.4px;line-height:36px;padding:2.8px 1.4px;background-color:#fafafa;border:solid 2px dimgray;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:none;overflow-x:scroll;overflow-y:hidden}#pageMainInput.small{margin-left:114px;width:352.8px}#pageMainInput.focus{border:solid 2px #467be3}#pageMainInput:focus{outline:none}@-webkit-keyframes inputCursor{from{background-color:#000}to{background-color:transparent}}.input{color:#000;background-color:#fff;display:table;table-layout:fixed;padding:0 }.input .line{padding:2.8px 2.8px;cursor:text;display:block;width:602.4px;height:30.8px;line-height:30.8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.input .line>.char,.input .line>.placeholder,.input .line>.caret{display:inline-block;vertical-align:middle}.input .line>.caret{height:30.8px;width:2px;margin-left:-2px;background-color:#555;-webkit-animation:inputCursor 1s;-webkit-animation-iteration-count:infinite}.input .line>.placeholder{color:#999}.input.small .line{width:341.6px}#pageMainActionSpace{width:100%;height:39.2px;position:relative;padding-top:4px;-webkit-box-sizing:border-box;text-align:center}#pageMainButton{width:auto;height:31.2px;color:#fff;background-color:transparent}#pageMainButton.focus{background-color:#2c60c6}#pageMainKeyboard{width:100%;text-align:center;height:182px;box-sizing:border-box}#pageMainKeyboard td:last-child{width:84px}#pageMainKeyboard.small{margin-left:114px;width:352.8px;height:145.6px}#pageMainKeyboard tr{height:36.4px;box-sizing:border-box}#pageMainKeyboard .item{font-size:14px;color:#fff;min-width:53.2px;border:1px solid #1f1f1f;box-sizing:border-box;background:none}#pageMainKeyboard .item.blueText{color:#0996ed}#pageMainKeyboard .item.uppercase{background-image:url("../img/480/shift.png");background-repeat:no-repeat;background-position:center;background-size:30%}#pageMainKeyboard .item.uppercase.enabled{background-size:40%}#pageMainKeyboard .item.arrow{background-repeat:no-repeat;background-position:center}#pageMainKeyboard .item.arrow.left{background-image:url("../img/480/left.png")}#pageMainKeyboard .item.arrow.right{background-image:url("../img/480/right.png")}#pageMainKeyboard .item.arrow.start{background-image:url("../img/480/start.png")}#pageMainKeyboard .item.arrow.end{background-image:url("../img/480/end.png")}#pageMainKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/480/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageMainKeyboard .item.yellowText{color:#fab300}#pageMainKeyboard .item.cancel{background-image:url("../img/480/cancel.png");background-repeat:no-repeat;background-position:center 4.85333px;padding-top:14.56px}#pageMainKeyboard .item.backspace{background-image:url("../img/480/backspace.png");background-repeat:no-repeat;background-position:center}#pageMainKeyboard.focus .item.focus{background-color:#2c60c6}html,body{background-color:#1f1f1f;background-image:none;color:#fafafa;height:100% ;width:100% }::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{display:none}#pageQwerty{width:606px;height:195px}#pageQwerty.small{width:352.8px;height:145.6px}#pageQwertyKeyboard{width:100%;text-align:center;height:182px;box-sizing:border-box}#pageQwertyKeyboard td:last-child{width:84px}#pageQwertyKeyboard.small{width:352.8px;height:145.6px}#pageQwertyKeyboard tr{height:36.4px;box-sizing:border-box}#pageQwertyKeyboard .item{font-size:14px;color:#fff;min-width:53.2px;border:1px solid #1f1f1f;box-sizing:border-box;background:none}#pageQwertyKeyboard .item.blueText{color:#0996ed}#pageQwertyKeyboard .item.uppercase{background-image:url("../img/480/shift.png");background-repeat:no-repeat;background-position:center;background-size:30%}#pageQwertyKeyboard .item.uppercase.enabled{background-size:40%}#pageQwertyKeyboard .item.arrow{background-repeat:no-repeat;background-position:center}#pageQwertyKeyboard .item.arrow.left{background-image:url("../img/480/left.png")}#pageQwertyKeyboard .item.arrow.right{background-image:url("../img/480/right.png")}#pageQwertyKeyboard .item.arrow.start{background-image:url("../img/480/start.png")}#pageQwertyKeyboard .item.arrow.end{background-image:url("../img/480/end.png")}#pageQwertyKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/480/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageQwertyKeyboard .item.yellowText{color:#fab300}#pageQwertyKeyboard .item.cancel{background-image:url("../img/480/cancel.png");background-repeat:no-repeat;background-position:center 4.85333px;padding-top:14.56px}#pageQwertyKeyboard .item.backspace{background-image:url("../img/480/backspace.png");background-repeat:no-repeat;background-position:center}#pageQwertyKeyboard.focus .item.focus{background-color:#2c60c6}
/*# sourceMappingURL=app.480.map */