magcore-osd-keyboard
Version:
Keyboard OSD application for MAGCORE platform.
3 lines (2 loc) • 5.77 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:69px 114px 69px 114px}#pageMainContainer .iconFont{font-family:icons}#pageMainHeadTitle{width:100%;text-align:center;font-size:33px;text-transform:uppercase}#pageMainSuggestions{display:none;width:100%;text-align:center;height:351px;line-height:351px;font-size:80px;color:dimgray}#pageMainIcon{display:block;width:100%;background-position:center;background-repeat:no-repeat;height:210px;font-size:100px}#pageMainLabel{display:block;width:100%;text-align:center;height:36px;line-height:36px;font-size:24px;color:dimgray;margin-bottom:93px;text-transform:uppercase}#pageMainInput{width:100%;text-align:center;font-size:49.5px;height:78px;line-height:66px;padding:6px 3px;background-color:#fafafa;border:solid 6px dimgray;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:none;overflow-x:scroll;overflow-y:hidden}#pageMainInput.small{margin-left:465px;width:756px}#pageMainInput.focus{border:solid 6px #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:6px 6px;cursor:text;display:block;width:1668px;height:66px;line-height:66px;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:66px;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:732px}#pageMainActionSpace{width:100%;height:111px;position:relative;padding-top:4px;-webkit-box-sizing:border-box;text-align:center}#pageMainButton{width:auto;height:103px;color:#fff;background-color:transparent}#pageMainButton.focus{background-color:#2c60c6}#pageMainKeyboard{width:100%;text-align:center;height:390px;box-sizing:border-box}#pageMainKeyboard td:last-child{width:180px}#pageMainKeyboard.small{margin-left:465px;width:756px;height:312px}#pageMainKeyboard tr{height:78px;box-sizing:border-box}#pageMainKeyboard .item{font-size:30px;color:#fff;min-width:114px;border:1.5px solid #1f1f1f;box-sizing:border-box;background:none}#pageMainKeyboard .item.blueText{color:#0996ed}#pageMainKeyboard .item.uppercase{background-image:url("../img/1080/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/1080/left.png")}#pageMainKeyboard .item.arrow.right{background-image:url("../img/1080/right.png")}#pageMainKeyboard .item.arrow.start{background-image:url("../img/1080/start.png")}#pageMainKeyboard .item.arrow.end{background-image:url("../img/1080/end.png")}#pageMainKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/1080/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageMainKeyboard .item.yellowText{color:#fab300}#pageMainKeyboard .item.cancel{background-image:url("../img/1080/cancel.png");background-repeat:no-repeat;background-position:center 10.4px;padding-top:31.2px}#pageMainKeyboard .item.backspace{background-image:url("../img/1080/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:1692px;height:390px}#pageQwerty.small{width:756px;height:312px}#pageQwertyKeyboard{width:100%;text-align:center;height:390px;box-sizing:border-box}#pageQwertyKeyboard td:last-child{width:180px}#pageQwertyKeyboard.small{width:756px;height:312px}#pageQwertyKeyboard tr{height:78px;box-sizing:border-box}#pageQwertyKeyboard .item{font-size:30px;color:#fff;min-width:114px;border:1.5px solid #1f1f1f;box-sizing:border-box;background:none}#pageQwertyKeyboard .item.blueText{color:#0996ed}#pageQwertyKeyboard .item.uppercase{background-image:url("../img/1080/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/1080/left.png")}#pageQwertyKeyboard .item.arrow.right{background-image:url("../img/1080/right.png")}#pageQwertyKeyboard .item.arrow.start{background-image:url("../img/1080/start.png")}#pageQwertyKeyboard .item.arrow.end{background-image:url("../img/1080/end.png")}#pageQwertyKeyboard .item.lang{color:#05b305;padding-top:50px;background-image:url("../img/1080/globe.png");background-repeat:no-repeat;background-position:center 25px}#pageQwertyKeyboard .item.yellowText{color:#fab300}#pageQwertyKeyboard .item.cancel{background-image:url("../img/1080/cancel.png");background-repeat:no-repeat;background-position:center 10.4px;padding-top:31.2px}#pageQwertyKeyboard .item.backspace{background-image:url("../img/1080/backspace.png");background-repeat:no-repeat;background-position:center}#pageQwertyKeyboard.focus .item.focus{background-color:#2c60c6}
/*# sourceMappingURL=app.1080.map */