<div class="grey-900 h-v row-col">
    <div class="row-cell v-m text-center animated fadeIn">
        <button type="button" class="closes text-2x" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="icon-cross2"></i> </span></button>
        <div class="m-b">
            <img src="{$data_server}uploads/items/{$item.id}/preview/{$previewFile}" alt="{$item.name|escape}" />
            <div class="m-t-md font-bold">Screenshot {$smarty.get.index+1}</div>
        </div>
        <div class="md-form-group w-xl w-auto-xs center-block">
            <input type="password" class="md-input text-center">
            <label class="block w-full">{$item.name|escape}</label>
        </div>
    </div>
</div>
{literal}
<style>
    button.closes {
        position: absolute;
        top: 0;
        right: 20px;
        border:0;
        background-color: transparent;
        opacity: .8;
        color: #fff;
        text-shadow: none;
    }
    button.closes:hover {
        opacity: 1;
    }
</style>
{/literal}