mand-mobile/lib/image-viewer/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-image-viewer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1001;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.md-image-viewer .viewer-index{position:absolute;bottom:100px;left:0;width:100%;text-align:center;color:#fff;font-size:32px;text-shadow:0 1px 1px #333;z-index:101}.md-image-viewer .viewer-container{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.85);z-index:100}.md-image-viewer .viewer-items{list-style:none;left:0}.md-image-viewer .viewer-items,.md-image-viewer .viewer-items .viewer-item-wrap{position:absolute;top:0;height:100%;width:100%}.md-image-viewer .viewer-item-wrap .item{width:100%;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.md-image-viewer .viewer-item-wrap .item>img{width:100%;display:block}