magcore-osd-keyboard
Version:
Keyboard OSD application for MAGCORE platform.
3 lines (2 loc) • 5.75 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:34.5px 57px 34.5px 57px}#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:175.5px;line-height:175.5px;font-size:80px;color:dimgray}#pageMainIcon{display:block;width:100%;background-position:center;background-repeat:no-repeat;height:105px;font-size:100px}#pageMainLabel{display:block;width:100%;text-align:center;height:18px;line-height:18px;font-size:12px;color:dimgray;margin-bottom:46.5px;text-transform:uppercase}#pageMainInput{width:100%;text-align:center;font-size:27px;height:39px;line-height:36px;padding:3px 1.5px;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:378px}#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:3px 3px;cursor:text;display:block;width:594px;height:33px;line-height:33px;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:33px;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:366px}#pageMainActionSpace{width:100%;height:42px;position:relative;padding-top:4px;-webkit-box-sizing:border-box;text-align:center}#pageMainButton{width:auto;height:34px;color:#fff;background-color:transparent}#pageMainButton.focus{background-color:#2c60c6}#pageMainKeyboard{width:100%;text-align:center;height:195px;box-sizing:border-box}#pageMainKeyboard td:last-child{width:90px}#pageMainKeyboard.small{margin-left:114px;width:378px;height:156px}#pageMainKeyboard tr{height:39px;box-sizing:border-box}#pageMainKeyboard .item{font-size:15px;color:#fff;min-width:57px;border:1px solid #1f1f1f;box-sizing:border-box;background:none}#pageMainKeyboard .item.blueText{color:#0996ed}#pageMainKeyboard .item.uppercase{background-image:url("../img/576/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/576/left.png")}#pageMainKeyboard .item.arrow.right{background-image:url("../img/576/right.png")}#pageMainKeyboard .item.arrow.start{background-image:url("../img/576/start.png")}#pageMainKeyboard .item.arrow.end{background-image:url("../img/576/end.png")}#pageMainKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/576/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageMainKeyboard .item.yellowText{color:#fab300}#pageMainKeyboard .item.cancel{background-image:url("../img/576/cancel.png");background-repeat:no-repeat;background-position:center 5.2px;padding-top:15.6px}#pageMainKeyboard .item.backspace{background-image:url("../img/576/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:378px;height:156px}#pageQwertyKeyboard{width:100%;text-align:center;height:195px;box-sizing:border-box}#pageQwertyKeyboard td:last-child{width:90px}#pageQwertyKeyboard.small{width:378px;height:156px}#pageQwertyKeyboard tr{height:39px;box-sizing:border-box}#pageQwertyKeyboard .item{font-size:15px;color:#fff;min-width:57px;border:1px solid #1f1f1f;box-sizing:border-box;background:none}#pageQwertyKeyboard .item.blueText{color:#0996ed}#pageQwertyKeyboard .item.uppercase{background-image:url("../img/576/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/576/left.png")}#pageQwertyKeyboard .item.arrow.right{background-image:url("../img/576/right.png")}#pageQwertyKeyboard .item.arrow.start{background-image:url("../img/576/start.png")}#pageQwertyKeyboard .item.arrow.end{background-image:url("../img/576/end.png")}#pageQwertyKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/576/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageQwertyKeyboard .item.yellowText{color:#fab300}#pageQwertyKeyboard .item.cancel{background-image:url("../img/576/cancel.png");background-repeat:no-repeat;background-position:center 5.2px;padding-top:15.6px}#pageQwertyKeyboard .item.backspace{background-image:url("../img/576/backspace.png");background-repeat:no-repeat;background-position:center}#pageQwertyKeyboard.focus .item.focus{background-color:#2c60c6}
/*# sourceMappingURL=app.576.map */