metrojs.min.css 10.7 KB
.live-tile,.list-tile,.copy-tile,.tile-strip .flip-list>li{height:150px;margin:5px;outline:1px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;width:150px}
.live-tile.half-tile,.list-tile.half-tile,.copy-tile.half-tile,.tile-strip .flip-list>li.half-tile{height:70px;width:70px}
.live-tile.half-wide,.list-tile.half-wide,.copy-tile.half-wide,.tile-strip .flip-list>li.half-wide{width:70px}
.live-tile.two-wide,.list-tile.two-wide,.copy-tile.two-wide,.tile-strip .flip-list>li.two-wide{width:310px}
.live-tile.three-wide,.list-tile.three-wide,.copy-tile.three-wide,.tile-strip .flip-list>li.three-wide{width:470px}
.live-tile.four-wide,.list-tile.four-wide,.copy-tile.four-wide,.tile-strip .flip-list>li.four-wide{width:630px}
.live-tile.five-wide,.list-tile.five-wide,.copy-tile.five-wide,.tile-strip .flip-list>li.five-wide{width:790px}
.live-tile.six-wide,.list-tile.six-wide,.copy-tile.six-wide,.tile-strip .flip-list>li.six-wide{width:950px}
.live-tile.seven-wide,.list-tile.seven-wide,.copy-tile.seven-wide,.tile-strip .flip-list>li.seven-wide{width:1110px}
.live-tile.eight-wide,.list-tile.eight-wide,.copy-tile.eight-wide,.tile-strip .flip-list>li.eight-wide{width:1270px}
.live-tile.nine-wide,.list-tile.nine-wide,.copy-tile.nine-wide,.tile-strip .flip-list>li.nine-wide{width:1430px}
.live-tile.ten-wide,.list-tile.ten-wide,.copy-tile.ten-wide,.tile-strip .flip-list>li.ten-wide{width:1590px}
.live-tile.half-tall,.list-tile.half-tall,.copy-tile.half-tall,.tile-strip .flip-list>li.half-tall{height:70px}
.live-tile.two-tall,.list-tile.two-tall,.copy-tile.two-tall,.tile-strip .flip-list>li.two-tall{height:310px}
.live-tile.three-tall,.list-tile.three-tall,.copy-tile.three-tall,.tile-strip .flip-list>li.three-tall{height:470px}
.live-tile.four-tall,.list-tile.four-tall,.copy-tile.four-tall,.tile-strip .flip-list>li.four-tall{height:630px}
.live-tile.five-tall,.list-tile.five-tall,.copy-tile.five-tall,.tile-strip .flip-list>li.five-tall{height:790px}
.live-tile.six-tall,.list-tile.six-tall,.copy-tile.six-tall,.tile-strip .flip-list>li.six-tall{height:950px}
.live-tile.seven-tall,.list-tile.seven-tall,.copy-tile.seven-tall,.tile-strip .flip-list>li.seven-tall{height:1110px}
.live-tile.eight-tall,.list-tile.eight-tall,.copy-tile.eight-tall,.tile-strip .flip-list>li.eight-tall{height:1270px}
.live-tile.nine-tall,.list-tile.nine-tall,.copy-tile.nine-tall,.tile-strip .flip-list>li.nine-tall{height:1430px}
.live-tile.ten-tall,.list-tile.ten-tall,.copy-tile.ten-tall,.tile-strip .flip-list>li.ten-tall{height:1590px}
.live-tile>.flip-list,.list-tile>.flip-list{height:100%;width:100%}
.flip-list>li{height:50px;margin:0;padding:0;width:50px}
.flip-list.fourTiles>li{border:none;padding:0;margin:0;height:50%;width:50%}
.flip-list.nineTiles>li{height:33%;width:33%;border:none;padding:0;margin:0}
.flip-list.fourTiles>li>div,.flip-list.fourTiles>li>div>a,.flip-list.fourTiles>li>div>img,.flip-list.nineTiles>li>div,.flip-list.nineTiles>li>div>a,.flip-list.nineTiles>li>div>img{border:none;height:100%;width:100%;padding:0;margin:0}
.fourTiles .fourTiles1 img,.fourTiles img.fourTiles1,.fourTiles .fourTiles1 a,.fourTiles .tile-1 img,.fourTiles .tile-1 a{background-position:0 0}
.fourTiles .fourTiles2 img,.fourTiles img.fourTiles2,.fourTiles .fourTiles2 a,.fourTiles .tile-2 img,.fourTiles .tile-2 a{background-position:-75px 0}
.fourTiles .fourTiles3 img,.fourTiles img.fourTiles3,.fourTiles .fourTiles3 a,.fourTiles .tile-3 img,.fourTiles .tile-3 a{background-position:0 -75px}
.fourTiles .fourTiles4 img,.fourTiles img.fourTiles4,.fourTiles .fourTiles4 a,.fourTiles .tile-4 img,.fourTiles .tile-4 a{background-position:-75px -75px}
.nineTiles .nineTiles1 img,.nineTiles img.nineTiles1,.nineTiles .nineTiles1 a,.nineTiles .tile-1 img,.nineTiles .tile-1 a{background-position:0 0}
.nineTiles .nineTiles2 img,.nineTiles img.nineTiles2,.nineTiles .nineTiles2 a,.nineTiles .tile-2 img,.nineTiles .tile-2 a{background-position:-50px 0}
.nineTiles .nineTiles3 img,.nineTiles img.nineTiles3,.nineTiles .nineTiles3 a,.nineTiles .tile-3 img,.nineTiles .tile-3 a{background-position:-100px 0}
.nineTiles .nineTiles4 img,.nineTiles img.nineTiles4,.nineTiles .nineTiles4 a,.nineTiles .tile-4 img,.nineTiles .tile-4 a{background-position:0 -50px}
.nineTiles .nineTiles5 img,.nineTiles img.nineTiles5,.nineTiles .nineTiles5 a,.nineTiles .tile-5 img,.nineTiles .tile-5 a{background-position:-50px -50px}
.nineTiles .nineTiles6 img,.nineTiles img.nineTiles6,.nineTiles .nineTiles6 a,.nineTiles .tile-6 img,.nineTiles .tile-6 a{background-position:-100px -50px}
.nineTiles .nineTiles7 img,.nineTiles img.nineTiles7,.nineTiles .nineTiles7 a,.nineTiles .tile-7 img,.nineTiles .tile-7 a{background-position:0 -100px}
.nineTiles .nineTiles8 img,.nineTiles img.nineTiles8,.nineTiles .nineTiles8 a,.nineTiles .tile-8 img,.nineTiles .tile-8 a{background-position:-50px -100px}
.nineTiles .nineTiles9 img,.nineTiles img.nineTiles9,.nineTiles .nineTiles9 a,.nineTiles .tile-9 img,.nineTiles .tile-9 a{background-position:-100px -100px}
.tile-group,.tile-strip{display:block;overflow:hidden;position:relative;z-index:20;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px}
.tile-group.one-tile,.tile-strip.one-tile{height:160px;width:160px}
.tile-group.half-wide,.tile-strip.half-wide{width:80px}
.tile-group.one-wide,.tile-strip.one-wide{width:160px}
.tile-group.two-wide,.tile-strip.two-wide{width:320px}
.tile-group.three-wide,.tile-strip.three-wide{width:480px}
.tile-group.four-wide,.tile-strip.four-wide{width:640px}
.tile-group.five-wide,.tile-strip.five-wide{width:800px}
.tile-group.six-wide,.tile-strip.six-wide{width:960px}
.tile-group.seven-wide,.tile-strip.seven-wide{width:1120px}
.tile-group.eight-wide,.tile-strip.eight-wide{width:1280px}
.tile-group.nine-wide,.tile-strip.nine-wide{width:1440px}
.tile-group.ten-wide,.tile-strip.ten-wide{width:1600px}
.tile-group.half-tall,.tile-strip.half-tall{height:80px}
.tile-group.one-tall,.tile-strip.one-tall{height:160px}
.tile-group.two-tall,.tile-strip.two-tall{height:320px}
.tile-group.three-tall,.tile-strip.three-tall{height:480px}
.tile-group.four-tall,.tile-strip.four-tall{height:640px}
.tile-group.five-tall,.tile-strip.five-tall{height:800px}
.tile-group.six-tall,.tile-strip.six-tall{height:960px}
.tile-group.seven-tall,.tile-strip.seven-tall{height:1120px}
.tile-group.eight-tall,.tile-strip.eight-tall{height:1280px}
.tile-group.nine-tall,.tile-strip.nine-tall{height:1440px}
.tile-group.ten-tall,.tile-strip.ten-tall{height:1600px}
.tile-strip,.live-tile,.list-tile,.copy-tile,.slide{float:left}
.live-tile,.list-tile,.copy-tile{color:#fff;overflow:hidden;position:relative;z-index:20}
.live-tile p,.list-tile p,.copy-tile p,.live-tile .face,.list-tile .face,.copy-tile .face{display:block;font-size:1em;line-height:1.2em;margin:0}
.live-tile .face,.list-tile .face,.copy-tile .face{padding:0}
.live-tile p,.list-tile p,.copy-tile p{padding:10px}
.live-tile.half-tile p,.list-tile.half-tile p,.copy-tile.half-tile p{padding:5px}
.live-tile .face.full,.list-tile .face.full,.copy-tile .face.full{height:100%;width:100%}
.live-tile img,.list-tile img,.copy-tile img{border:none}
.live-tile .tile-title,.list-tile .tile-title,.copy-tile .tile-title{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;font-size:12px;left:0;text-decoration:none;width:100%;z-index:30}
.live-tile a,.list-tile a,.copy-tile a{color:#fff}
.live-tile a.tile-title:link,.list-tile a.tile-title:link,.copy-tile a.tile-title:link,.live-tile a.tile-title:visited,.list-tile a.tile-title:visited,.copy-tile a.tile-title:visited,.live-tile a.tile-title:hover,.list-tile a.tile-title:hover,.copy-tile a.tile-title:hover,.live-tile a.tile-title,.list-tile a.tile-title,.copy-tile a.tile-title{text-decoration:none}
.live-tile a:link,.list-tile a:link,.copy-tile a:link,.live-tile a:visited,.list-tile a:visited,.copy-tile a:visited{color:#fff;text-decoration:underline}
.live-tile a:hover,.list-tile a:hover,.copy-tile a:hover{color:#fff;text-decoration:none}
.noselect>div,.noselect>.slide,.noselect>.slide-front,.noselect>.slide-back,.noselect>.fade-front,.noselect>.fade-back,.noselect>.flip-front,.noselect>.flip-back{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.live-tile>div,.list-tile>div,.live-tile>.slide,.carousel>.slide,.live-tile>.slide-front,.live-tile>.slide-back,.live-tile>.fade-front,.live-tile>.fade-back,.live-tile>.flip-front,.live-tile>.flip-back{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;left:0;margin:0;height:100%;width:100%;overflow:hidden;position:absolute;z-index:20}
.list-tile>div{position:relative;background-color:transparent}
.live-tile .align-mid{display:inline-block;position:absolute;left:50%;max-height:100%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.live-tile .align-mid-x{display:inline-block;left:50%;max-width:100%;position:absolute;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.live-tile .align-mid-y{display:inline-block;max-height:100%;position:absolute;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
img.full,a.full,.live-tile .full,.list-tile .full{display:block;margin:0;height:100%;text-decoration:none;width:100%}
img.full-w,a.full-w,.live-tile .full-w,.list-tile .full-w{display:block;margin:0;text-decoration:none;width:100%}
img.full-h,a.full-h,.live-tile .full-h,.list-tile .full-h{display:block;margin:0;height:100%}
.live-tile>.back,.live-tile>.slide-back,.live-tile>.fade-back,.live-tile>.flip-back,.flip-list .flip-back{position:absolute;z-index:10}
.flip-list{padding:0;margin:0}
.list-tile .flip-list{height:100%;width:100%}
.flip-list>li>a{border:none;outline:none;text-decoration:none;margin:0;padding:0;height:100%;width:100%}
.flip-list>li img{border:none;outline:none;height:100%;margin:0;padding:0;width:100%}
.flip-list>li{float:left;list-style-type:none;outline:none;position:relative}
.flip-list>li>div{border:none;background:#fff;height:100%;left:0;margin:0;overflow:hidden;position:absolute;padding:0;top:0;width:100%;z-index:20}
.flip-list>li>div.flip-back{height:0}
.live-tile.flip.ha,.flip-list.ha{position:relative;overflow:hidden}
.live-tile.flip .ha.flip-front,.flip-list .ha.flip-front,.live-tile.flip .ha.flip-back,.flip-list .ha.flip-back{position:absolute;z-index:20;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.flip-list>li>.ha.flip-back,.flip-list>li>.ha.flip-back img{margin:0!important;height:100%}