.tilelist{text-align:initial;display:inline-block;max-width:100%}@media screen and (max-width:640px){.tilelist{}.tile{margin-bottom:0!important;padding:2px!important}.tile.album .imgframe:before,.tile.album .imgs:before{right:6px!important;bottom:6px!important}.tile.album .imgs:before{top:3px!important;left:3px!important;right:3px!important;bottom:3px!important}.tile.album .img{top:6px!important;left:6px!important}}.no-trans .tile,.no-trans .imgframe{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.tile{display:inline-block;vertical-align:top;text-decoration:none;color:inherit;transition:width .5s;padding:3px;margin-bottom:1em}.tile .imgframe{position:relative;width:100%;transition:height .5s}.tile.album .imgframe:before,.tile.album .imgs:before{content:'';position:absolute;border:1px solid rgba(0,0,0,.2);background-color:rgba(255,255,255,.5);top:0;left:0;right:8px;bottom:8px}.tile.album .imgs:before{top:4px;left:4px;right:4px;bottom:4px}.tile .img{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;-moz-transition:opacity ease .3s;-o-transition:opacity ease .3s;-webkit-transition:opacity ease .3s;transition:opacity ease .3s}.tile .img.active{opacity:1}.tile .img:before{content:'';position:absolute;border:1px solid rgba(0,0,0,.1);top:0;right:0;bottom:0;left:0;z-index:10}.tile .img.text{background-color:rgba(255,255,255,.5);text-align:center;color:#000}.tile .img.text>*{vertical-align:middle;display:inline-block;-ms-word-wrap:break-word;word-wrap:break-word;max-width:100%}.tile .img.text:after{content:'';display:inline-block;vertical-align:middle;height:100%}.tile.album .img{top:8px;left:8px}.tile .caption{margin-top:3px;font-size:.8em;word-wrap:break-word;text-align:center;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.tile .imgframe .caption{color:#fff;position:absolute;bottom:0;left:0;right:0;width:initial;max-height:50%;padding:3px;background-color:rgba(0,0,0,.4);transition:opacity .2s;opacity:0}.tile:hover .imgframe,.tile:focus .imgframe{background-color:rgba(0,0,0,.1);outline:3px solid rgba(0,0,0,.1)}.tile:hover .imgframe .caption,.tile:focus .imgframe .caption{opacity:1}.tile.preview:hover .img,.tile.preview:focus .img{background-size:contain}.tile-width{width:150px!important}.tile-height{height:150px!important}