mag-app-pvr
Version:
PVR app for stalker.
1 lines • 18.5 kB
CSS
.component.panelEx.left>.title,.component.panelEx.right>.title{background:#151515;width:360px;position:absolute;top:157px;text-align:center;padding:0;z-index:1}.component.panelEx.main.position-right{left:240px}.component.panelEx.main.position-left{left:90px}.component.panelEx.right>.title{-webkit-transform:rotate(90deg);right:-158px}.component.panelEx.left>.title{-webkit-transform:rotate(-90deg);left:-158px}.component.panelEx.expand>.title{width:inherit;-webkit-transform:none;position:static;text-align:left;padding-left:20px}body,html,table td{padding:0}body,html{width:720px;height:576px;overflow:hidden;color:#fff;margin:0;font-family:Ubuntu,sans-serif;font-size:18px;-webkit-user-select:none}table{border:0;border-collapse:collapse;border-spacing:0}.maxh{height:100%}.maxw{width:100%}a{text-decoration:none}.component.hidden{display:none}.component div{-webkit-box-sizing:border-box}.component.button{display:inline-table;height:36px;cursor:pointer}.component.button .icon{height:36px;width:36px;display:table-cell;background:center center no-repeat}.component.button .text{display:table-cell;padding:4.8px 7px;vertical-align:middle;text-align:center}.component.button .text:empty{padding:0}.component.checkBox{cursor:pointer;display:inline-block;width:18px;height:21.6px;line-height:21.6px;vertical-align:bottom}.component.grid table{width:100%;table-layout:fixed}.component.grid table td.item{cursor:pointer;padding:2.4px 5px;vertical-align:middle;text-align:center}.component.grid table td.item.focus{color:#000}.component.grid table td.item.focus.mark{color:#fff}.component.grid table td.item.disable{color:grey}.component.input{width:200px;height:36px;font-size:20px;color:#000;display:table;table-layout:fixed}.component.input .line{cursor:text;display:table-cell;vertical-align:middle;padding:0 3px;overflow:hidden;white-space:nowrap}.component.input .line>.caret,.component.input .line>.char,.component.input .line>.placeholder{display:inline-block;vertical-align:middle}.component.input .line>.caret{height:80%;width:2px;margin-left:-2px}.component.input .line>.placeholder{color:#999}.component.input.focus .line>.caret{background-color:#000;-webkit-animation:inputCursor 1s;-webkit-animation-iteration-count:infinite}@-webkit-keyframes inputCursor{from{background-color:#000}to{background-color:transparent}}.component.list{width:100%}.component.list .item{cursor:pointer;padding:0;vertical-align:middle;height:38.4px;line-height:38.4px}.component.list .item.mark{color:#000}.component.list.horizontal{display:table;table-layout:fixed;width:100%}.component.modalBox,.component.modalMessage{width:720px;height:576px;position:absolute;left:0;top:0}.component.list.horizontal .item{display:table-cell;text-align:center;vertical-align:middle}.component.modalBox{background-color:#000;display:table}.component.modalBox>div{display:table-cell;vertical-align:middle;text-align:center}.component.modalBox>div>div.body{display:inline-block;overflow:hidden;background-color:#333;padding:3%;max-width:80%;max-height:80%}.component.modalMessage{display:table;z-index:10}.component.modalMessage.active>div.alignBox>div>div.overlay{display:none}.component.modalMessage>div.alignBox{display:table-cell;vertical-align:middle;text-align:center}.component.modalMessage>div.alignBox>div{position:relative;display:inline-block;overflow:hidden;max-width:80%;min-width:172.5px;max-height:80%}.component.page,.component.tabItem,.component.widget{position:absolute}.component.modalMessage>div.alignBox>div>div.header{height:50px;line-height:50px;font-size:24px;padding:0 20px}.component.modalMessage>div.alignBox>div>div.header .icon{height:36px;width:36px;display:table-cell;background:center center no-repeat}.component.modalMessage>div.alignBox>div>div.header .text{display:table-cell;vertical-align:middle;text-align:center}.component.modalMessage>div.alignBox>div>div.header .text:empty{padding:0}.component.modalMessage>div.alignBox>div>div.body>.component.list .item{height:45px;line-height:45px;padding:0 20px}.component.modalMessage>div.alignBox>div>div.body>.component.list .item .component.checkBox,.component.modalMessage>div.alignBox>div>div.body>.component.list .item .component.layout>div.icon{margin-left:-20px;width:45px;height:45px;line-height:45px;text-align:center}.component.modalMessage>div.alignBox>div>div.overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.component.page{width:720px;height:576px;left:0;top:0;visibility:hidden;overflow:hidden}.component.page.active{visibility:inherit}.component.panel{padding:7.2px 6px}.component.progressBar{height:19.2px}.component.progressBar .value{height:100%}.component.scrollBar{display:inline-block;height:100%;width:2px;vertical-align:bottom}.component.scrollBar .thumb{display:block;width:2px;min-height:2px}.component.scrollBar .thumb.hidden{display:none}.component.scrollBar.horizontal{display:block;height:4.8px;width:100%}.component.scrollBar.horizontal .thumb{display:inline-block;vertical-align:top;height:4.8px;min-width:4.8px}.component.widget.hidden{visibility:hidden}.component.tabItem{visibility:inherit;width:inherit;height:inherit}.component.tabItem.hidden{visibility:hidden}.component.tabList{position:relative}.component.layerItem{position:absolute;width:inherit;height:inherit;display:block;visibility:inherit}.component.list.layoutList .noData.hidden,.component.panelEx.active>.overlay,.component.panelSet.hidden{visibility:hidden}.component.layerItem.hidden{display:block;visibility:hidden}.component.layerList{position:relative}.component.layout{display:table;width:100%}.component.layout>div{display:table-cell;text-align:left;vertical-align:middle;height:100%}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox{display:block}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox:after{font-family:icons;display:block;content:'Y'}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox.checked:after{content:'Z'}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox{display:block}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox:after{font-family:icons;display:block;content:'W'}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox.checked:after{content:'X'}.component.scrollArea{overflow:hidden;height:100%;position:relative}.component.scrollArea>.body{position:absolute}.component.valueList{border:1px solid grey;text-align:center}.component.valueList.focus{border-color:orange}.component.panelSet{width:100%;height:100%}.component.panelSet.hidden{display:block}.component.panelEx{width:230px;height:360px;box-sizing:border-box;padding:0;display:inline-block;position:absolute;z-index:0}.component.panelEx>.body{overflow:hidden}.component.panelEx>.title{height:45px;line-height:45px;position:relative;padding-left:20px;text-transform:uppercase;background-repeat:repeat-x;overflow:hidden;text-overflow:ellipsis}.component.panelEx .list .item{height:45px;line-height:45px;font-size:16.2px}.component.panelEx .list .item .icon{font-size:31.5px}.component.panelEx.main{width:390px;top:80px;left:200px;height:400px;z-index:2}.component.panelEx.main .list .item{height:50px;line-height:50px;font-size:18px}.component.panelEx.main .list .item .icon{font-size:22.5px}.component.panelEx.main>.title{height:50px;line-height:50px;font-size:24px}.component.panelEx.main.size2,.component.panelEx.main.size3{width:430px}.component.panelEx.left{top:100px;left:50px}.component.panelEx.right{top:100px;right:50px}.component.panelEx>.overlay{width:100%;height:100%;position:absolute;top:0;left:0}.component.panelEx .component.scrollBar{display:none}.component.panelEx.active .component.scrollBar{display:block}.component.panelEx.top{z-index:3}.component.panelEx>.shadow{width:10px;position:absolute;top:0;z-index:-1;display:none}.component.panelEx>.shadow.left{left:-10px}.component.panelEx>.shadow.right{right:-10px}.component.panelEx.leftShadow>.shadow.left,.component.panelEx.rightShadow>.shadow.right{display:block}.component.panelEx.active>.shadow{z-index:1}.component.list.layoutList{position:relative}.component.list.layoutList>.body>.item>.layout>.icon{width:45px;font-family:icons;text-align:center}.component.list.layoutList>.body>.item>.layout>.icon.yellow{color:#FEC500}.component.list.layoutList>.body>.item>.layout>.icon.red{color:red}.component.list.layoutList>.body>.item>.layout>.icon.green{color:#04E900}.component.list.layoutList>.body>.item>.layout>.icon.blue{color:#1CACFF}.component.list.layoutList>.body>.item>.layout>.number{width:45px}.component.list.layoutList .noData{position:absolute;height:100%;width:100%;display:block;top:0;left:0;right:0;bottom:0}.component.list.layoutList .noData:before{display:inline-block;height:100%;vertical-align:middle;content:""}.component.list.layoutList .noData>div{display:inline-block;vertical-align:middle;width:100%;text-align:center}.component.footer{width:580px;height:32px;line-height:32px;position:absolute;left:70px;bottom:34px;display:table;z-index:10}.component.footer>table{vertical-align:middle;text-align:center}.component.footer>table>tr>td{width:32px}.component.footer>table>tr>td.central{width:516px}.component.footer>table>tr>td.central>.wrapper{height:32px;visibility:inherit}.component.footer>table>tr>td.central>.wrapper.hidden{display:none}.component.footer>table>tr>td.central>.wrapper>.button{display:inline-block;height:32px;padding:0 10px 0 7.5px}.component.footer>table>tr>td.central>.wrapper>.button.hidden{display:none}.component.footer>table>tr>td.central>.wrapper>.button .title{padding-left:5px}.component.footer>table>tr>td .icon{display:block;text-align:left;background:center center no-repeat}.component.footer>table>tr>td .icon.info{text-align:right}.component.footer>table>tr>td .iconImg{height:32px;line-height:32px;width:32px;text-align:center;float:left}.component.footer>table>tr>td .title{display:block;float:right}.component.clock{color:#fff;height:16px;line-height:28px;padding-right:20px;position:absolute;right:50px;text-align:right;top:80px;width:228px;z-index:100}#pageInit{display:table}#pageInit>.cell{display:table-cell;position:relative;text-align:center;vertical-align:middle;font-size:150%}#pageInit>.cell>.version{position:absolute;bottom:24px;right:26px;font-size:50%;color:#555}#pageInit>.cell>.version>.value{color:#fff}#pageMain .leftPanel .component.list.layoutList .component.layout>div:last-child{display:block;overflow:hidden;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;height:45px}#pageMain .middlePanel .item{position:relative}#pageMain .middlePanel .item .icon{height:45px;width:45px}#pageMain .middlePanel .item div.title{left:45px;width:325px;position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#pageMain .middlePanel .panelHint .hint,#pageMain .middlePanel .panelHint .icon{display:inline-block}#pageMain .middlePanel .panelHint .icon{padding-left:7px}#pageMain .middlePanel .component.scrollBar{height:350px;position:absolute;right:6px;top:50px}#pageMain .rightPanel .component.scrollBar{height:315px;position:absolute;right:6px;top:45px}#pageMain .rightPanel .component.scrollArea{height:315px}#pageMain .rightPanel .component.scrollArea>.body>div{font-size:16.2px;word-wrap:break-word;word-break:break-all;padding:0 20px}#pageMain .rightPanel .component.scrollArea>.body>div.title{color:gold;padding:20px 20px 0}#pageMain .rightPanel .component.scrollArea>.body>div:last-child{padding-bottom:20px}#pageInfo .component.panelEx.panelDetails.disabled .component.list.layoutList .component.layout .item.name,#pageInfo .component.panelEx.panelDetails.disabled .component.list.layoutList .component.layout .item.text,#pageInfo .component.panelEx.panelDetails.disabled .component.list.layoutList .component.layout .item.text>span{color:grey}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .item{overflow:hidden}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .item.focus{background:#1d54ae}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .component.layout{padding:0 20px}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .component.layout .item.name{width:105px;color:gold}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .component.layout .item.text{width:245px;overflow:hidden}#pageInfo .component.panelEx.panelDetails .component.list.layoutList .component.layout .item.text>span{width:inherit;height:100%;line-height:25px;display:block;word-wrap:break-word;word-break:break-all}#pageInfo .component.panelEx.panelDetails .component.scrollBar{height:300px;position:absolute;right:6px;top:50px}#pageInfo .component.panelEx.panelDetails .component.button.bottom{height:50px;line-height:50px}#pageInfo .component.panelEx.panelDetails .component.button.bottom .text{padding:0}#pageMore .component.panelEx.panelDetails>.body{padding:20px}#pageMore .component.panelEx.panelDetails>.body .scrollArea{height:260px}#pageMore .component.panelEx.panelDetails>.body .scrollArea>.body{width:350px;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;color:grey}#pageMore .component.panelEx.panelDetails>.body .component.scrollBar{height:300px;position:absolute;right:6px;top:50px}#pageMore .component.panelEx.panelDetails .component.button.bottom{height:50px;line-height:50px}#pageMore .component.panelEx.panelDetails .component.button.bottom .text{padding:0}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .item{overflow:hidden}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .item.focus .component.layout .component.valueList>.text{border:1px solid grey}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .item.focus .component.layout .component.valueList.focus>.text{border:1px solid gold}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout{padding:0 20px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.focus.input>.line>.placeholder,#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.input>.line>.placeholder{color:grey}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.name{width:105px;color:gold}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.text{width:245px;height:50px;line-height:50px;overflow:hidden;position:absolute}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.text>span{display:block;width:inherit;overflow:hidden;height:25px;line-height:25px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .item.text>span:last-child{color:grey}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .separator{text-align:center;min-width:4px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout .lastPadding{width:39px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList{border:none}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList>.text{text-align:center;border:1px solid transparent;height:23px;line-height:23px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList>.pointerWrapper{height:12.5px;padding:4.17px 0;width:100%}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList>.pointerWrapper>.pointer{width:0;height:0;margin:auto;border-style:solid;border-color:transparent}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList>.pointerWrapper>.pointer.header{border-width:0 2.5px 5px}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList>.pointerWrapper>.pointer.bottom{border-width:5px 2.5px 0}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList.focus>.pointerWrapper>.pointer.bottom{border-color:gold transparent transparent}#pageAdd .component.panelEx.panelAdd .component.list.layoutList .component.layout>.component.valueList.focus>.pointerWrapper>.pointer.header{border-color:transparent transparent gold}#pageAdd .component.panelEx.panelAdd .component.button.bottom{height:50px;line-height:50px}#pageAdd .component.panelEx.panelAdd .component.button.bottom .text,#pageChannels .component.panelSet .component.panelEx.panelSelect .component.panel{padding:0}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.panel .icon.searchSimple,#pageChannels .component.panelSet .component.panelEx.panelSelect .component.panel .icon.searchSimple:before{width:50px;height:50px;line-height:50px;text-align:center;float:left;color:grey;font-size:30px}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.panel .component.input.searchInput{height:50px;line-height:50px;width:320px;padding:0}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.list.layoutList .item{overflow:hidden}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.list.layoutList .component.layout{padding:0 20px}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.list.layoutList .component.layout .item.name{width:50px}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.list.layoutList .component.layout .item.text{width:300px;overflow:hidden}#pageChannels .component.panelSet .component.panelEx.panelSelect .component.scrollBar{height:300px;position:absolute;right:6px;top:100px}.icon{font-family:icons}.icon.unCheckedRound:before{content:'W'}.icon.checkedRound:before{content:'X'}.icon.unCheckedSquare:before{content:'Y'}.icon.checkedSquare:before{content:'Z'}.icon.noFavorite:before{content:'D'}.icon.add:before{content:'U'}.icon.favorite:before{content:'C'}.icon.search:before{content:'T'}.icon.searchSimple:before{content:'M'}.icon.files:before{content:'b'}.icon.categories:before{content:'J'}.icon.byNumber:before{content:'L'}.icon.pauseOrContinue:before{content:'V'}.icon.running:before{content:'1'}.icon.paused:before{content:'2'}.icon.error:before{content:'a';color:#ff0}.icon.completed:before{content:'d';color:#6ce114}.icon.waiting:before{content:'c';color:orange}.component.list.checkList .checkBox:before{content:'W'}.component.list.checkList .checkBox.checked:before{content:'X'}.disabledText{color:grey}