mag-app-video-club
Version:
Video club for stalker.
1 lines • 13.2 kB
CSS
body,html,table td{padding:0}body,html{width:1280px;height:720px;overflow:hidden;color:#fff;margin:0;font-family:Ubuntu,sans-serif;font-size:22px;-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:46px;cursor:pointer}.component.button .icon{height:46px;width:46px;display:table-cell;background:center center no-repeat}.component.button .text{display:table-cell;padding:6px 12px;vertical-align:middle;text-align:center}.component.button .text:empty{padding:0}.component.checkBox{cursor:pointer;display:inline-block;width:28px;height:28px;line-height:28px;vertical-align:bottom}.component.grid table{width:100%;table-layout:fixed}.component.grid table td.item{cursor:pointer;padding:4px 8px;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:250px;height:48px;font-size:24px;color:#000;display:table;table-layout:fixed}.component.input .line{cursor:text;display:table-cell;vertical-align:middle;padding:0 4px;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:48px;line-height:48px}.component.list .item.mark{color:#000}.component.list.horizontal{display:table;table-layout:fixed;width:100%}.component.modalBox,.component.modalMessage{width:1280px;height:720px;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:270px;max-height:80%}.component.page,.component.tabItem,.component.widget{position:absolute}.component.modalMessage>div.alignBox>div>div.header{height:68px;line-height:68px;font-size:24px;padding:0 20px}.component.modalMessage>div.alignBox>div>div.header .icon{height:46px;width:46px;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:56px;line-height:56px;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:56px;height:56px;line-height:56px;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:1280px;height:720px;left:0;top:0;visibility:hidden;overflow:hidden}.component.page.active{visibility:inherit}.component.panel{padding:10px}.component.progressBar{height:24px}.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:8px;width:100%}.component.scrollBar.horizontal .thumb{display:inline-block;vertical-align:top;height:8px;min-width: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:2px 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:360px;height:448px;box-sizing:border-box;padding:0;display:inline-block;position:absolute;z-index:0}.component.panelEx>.body{overflow:hidden}.component.panelEx>.title{height:56px;line-height:56px;position:relative;padding-left:20px;padding-right:20px;background-repeat:repeat-x;overflow:hidden;text-overflow:ellipsis}.component.panelEx>.title .name{text-transform:uppercase}.component.panelEx>.title .amountContainer{width:90px}.component.panelEx>.title .amountContainer .amount{float:right;height:24px;min-width:14px;border-radius:12px;font-size:19.8px;padding:0 6px;line-height:26.84px}.component.panelEx .list .item{height:56px;line-height:56px;font-size:19.8px}.component.panelEx .list .item .icon{font-size:38.5px}.component.panelEx.main{width:480px;top:68px;left:400px;height:544px;z-index:2}.component.panelEx.main .list .item{height:68px;line-height:68px;font-size:22px}.component.panelEx.main .list .item .icon{font-size:27.5px}.component.panelEx.main>.title{height:68px;line-height:68px;font-size:24px}.component.panelEx.main.size2,.component.panelEx.main.size3{width:780px}.component.panelEx.left{top:128px;left:40px}.component.panelEx.right{top:128px;right:40px}.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:20px;position:absolute;top:0;z-index:-1;display:none}.component.panelEx>.shadow.left{left:-20px}.component.panelEx>.shadow.right{right:-20px}.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:56px;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:56px}.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:1160px;height:36px;line-height:36px;position:absolute;left:60px;bottom:38px;display:table;z-index:10}.component.footer>table{vertical-align:middle;text-align:center}.component.footer>table>tr>td{width:36px}.component.footer>table>tr>td.central{width:1088px}.component.footer>table>tr>td.central>.wrapper{height:36px;visibility:inherit}.component.footer>table>tr>td.central>.wrapper.hidden{display:none}.component.footer>table>tr>td.central>.wrapper>.button{display:inline-block;height:36px;padding:0 20px 0 15px}.component.footer>table>tr>td.central>.wrapper>.button.hidden{display:none}.component.footer>table>tr>td.central>.wrapper>.button .title{padding-left:10px}.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:36px;line-height:36px;width:36px;text-align:center;float:left}.component.footer>table>tr>td .title{display:block;float:right}.component.clock{color:#fff;height:56px;line-height:68px;padding-right:20px;position:absolute;right:40px;text-align:right;top:68px;width:356px;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:30px;right:40px;font-size:50%;color:#555}#pageInit>.cell>.version>.value{color:#fff}#pageMain .modalMessage .list .item .icon{font-size:38.5px}#pageMain .modalMessage .list .item .title{width:240px;max-width:240px;text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}#pageMain .modalMessage .body{position:relative}#pageMain .modalMessage .scrollBar{height:100%;position:absolute;top:0;right:6px;z-index:3}#pMainPanel{width:100%;height:100%}#pMainPanel .yellow{color:#FEC500}#pMainPanel .info{width:100%;margin-top:5px;padding:0 20px;font-size:17.6px;float:top}#pMainPanel .info.poster{width:155px;height:240px;margin-left:100px;background:url(../img/placeholder.png) center no-repeat;background-size:cover}#pMainPanel .info.locked{width:155px;height:155px;margin-left:100px;margin-top:118.5px;display:none;background:url(../img/lock.png) center no-repeat;background-size:cover}#pMainPanel .info.title{color:orange}#pMainPanel .info.actors,#pMainPanel .info.director{margin-top:0}#pMainPanel .videoList .item{padding-left:20px;padding-right:10px}#pMainPanel .videoList .number{text-align:center}#pMainPanel .videoList .number.monitoringFail{color:rgba(255,255,255,.2)}#pMainPanel .videoList .title{max-width:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;height:68px}#pMainPanel .videoList .title .name{font-size:22px;overflow:hidden;text-overflow:ellipsis}#pMainPanel .videoList .title .subData{font-size:17.6px;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.4);visibility:hidden}#pMainPanel .videoList .title .subData.visible{visibility:visible}#pMainPanel .videoList .title.monitoringFail{color:rgba(255,255,255,.2)}#pMainPanel .videoList .icon{width:32px}#pMainPanel .videoList .icon.grey{color:rgba(255,255,255,.4)}#pMainPanel .videoList .icon.hidden{display:none}#pMainPanel .scrollBar{position:absolute;height:387px;right:6px;top:56px}#pMainPanel .scrollArea{height:387px}#pMainPanel .panelEx.main .scrollBar{height:476px;top:68px}#pageInfo .component.list .item{padding-left:20px}#pageInfo .component.list .item .icon{width:36px}#pageInfo .component.list .item .title{text-overflow:ellipsis;white-space:nowrap;width:740px;max-width:440px;padding-right:20px;overflow:hidden}#pInfoPanel{width:100%;height:100%;background:rgba(2,2,2,.6)}#pInfoPanel .tabList{height:470px}#pInfoPanel .tabItem{width:100%}#pInfoPanel .scrollArea{height:470px;padding:20px 20px 0}#pInfoPanel .scrollArea .body{padding:20px 0}#pInfoPanel .scrollArea .poster{width:200px;height:300px;margin:0 20px 20px 0;float:left;background:url(../img/placeholder.png) center no-repeat;background-size:cover}#pInfoPanel .scrollArea .poster .fav{width:60px;height:60px;margin-top:60px;background:url(/img/720/fav.png);display:inline-block}#pInfoPanel .scrollArea .poster.noFav .fav{visibility:hidden}#pInfoPanel .scrollArea .desc{width:560px;float:right;font-size:22px}#pInfoPanel .scrollArea .desc td{vertical-align:bottom;padding-top:12px}#pInfoPanel .scrollArea .desc .left{vertical-align:top;height:24px;width:160px;color:#ffc000}#pInfoPanel .scrollArea .info{width:760px;display:block;float:left;margin-top:20px;font-size:19.8px}#pInfoPanel .scrollBar{position:absolute;right:6px;top:0}