@import "ui/mmv.mixins"; .mw-mmv-wrapper { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; } .mw-mmv-main { width: 100%; height: 100%; position: relative; } .mw-mmv-image-wrapper { position: absolute; top: 50px; left: 0px; right: 0px; bottom: 0px; } .mw-mmv-image-inner-wrapper { display: table; width: 100%; height: 100%; } .mw-mmv-pre-image { position: absolute; top: 0px; height: 32px; width: 100%; } .mw-mmv-post-image { position: absolute; bottom: 0px; height: 32px; width: 100%; } .mw-mmv-controls { height: 32px; width: 100%; border-bottom: 1px solid #7d7c81; } .mw-mmv-main.jq-fullscreened { background-color: black; }