attachment.tpl

[allow-download]
<a href="{link}" class="download ignore-select">
    <div id="d-butt">
        <div class="d-link">{name}</div>
        <div class="d-ssiz">Вес:</div>
        <div class="d-size">{size}</div>
        [count]<div class="d-load">Загрузок: <div class="d-count">{count}</div></div>[/count]
    </div>
</a>[/allow-download]
[not-allow-download]<span class="attachment ignore-select">У вас нет доступа к скачиванию файлов с нашего сервера</span>[/not-allow-download]

<style>
#d-butt{display: inline-block; height: 30px; border-radius: 5px; background: #58bedc; background: -moz-linear-gradient(top, #58bedc 11%, #3097b5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#3097b5)); background: -webkit-linear-gradient(top, #58bedc 11%,#3097b5 100%); background: -o-linear-gradient(top, #58bedc 11%,#3097b5 100%); background: -ms-linear-gradient(top, #58bedc 11%,#3097b5 100%); background: linear-gradient(to bottom, #58bedc 11%,#3097b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#3097b5',GradientType=0 );}
#d-butt:hover{display: inline-block; height: 30px; border-radius: 5px; background: #58bedc; background: -moz-linear-gradient(top, #58bedc 11%, #21819D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#21819D)); background: -webkit-linear-gradient(top, #58bedc 11%,#21819D 100%); background: -o-linear-gradient(top, #58bedc 11%,#21819D 100%); background: -ms-linear-gradient(top, #58bedc 11%,#21819D 100%); background: linear-gradient(to bottom, #58bedc 11%,#21819D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#21819D',GradientType=0 );}

.d-link {padding: 2px 8px; display: inline-block; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb)); background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%); background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%); background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%); background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 ); box-shadow: inset 0px 1px 0px #fff,0px 1px 0px #E5E5E5; border-radius: 3px; text-shadow: 0px 1px 0px #fff; margin: 4px 10px 0px 5px; color: #15586A; font: 14px Arial;}

.d-size {margin: 0px 10px 0px 7px;display: inline-block;padding: 2px 5px;background: #1A6479;box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;border-radius: 3px;color: #C9F5FF;text-shadow: 0px -1px 0px #0D3E4B;}
.d-load {display: inline-block;color: #D6F7FF;text-shadow: 0px -1px 0px #1A6479;}
.d-count {margin: 0px 5px 0px 5px;display: inline-block;padding: 2px 5px;background: #1A6479;box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;border-radius: 3px;color: #C9F5FF;text-shadow: 0px -1px 0px #0D3E4B;}
.d-ssiz {display: inline-block;color: #D6F7FF;text-shadow: 0px -1px 0px #1A6479;}
</style>