<div class="box-dl">

<div class="title">باکس دانلود</div>

<div class="box-dl-info">

<ul>

<?php $mid_var = get_post_meta($post->ID, 'link',true);if(isset($mid_var) && !empty($mid_var)) : ?>

<li><a href="<?php echo get_post_meta($post->ID, 'link',true); ?>" title="دانلود" target="_blank" > دانلـــــــود با لینک مستقیم</a></li>

<?php endif;?>

</ul>

</div>

</div>

/********** Box dl **********/

.box-dl{width:96%;margin:5px auto;clear:both;overflow:hidden;position:relative}

.box-dl .title{background:#52C1DC;padding:6px 8px;margin-right:15px;font:14px SYekan,tahoma;color:#FFFFFF;display:inline-block;border-radius:3px 3px 0px 0px;-moz-border-radius:3px 3px 0px 0px;}

.box-dl .title:before{content:"\f0ed";font:18px icons;float:right;margin:2px 0px 0px 5px}

.box-dl-info{width:100%;background:#FCFEFF;border:1px solid #A4EAF9;border-bottom:2px solid #A4EAF9;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;min-height:65px;}

.box-dl-info ul li,.box-dl-info ul li a{font:13px SYekan,tahoma;color:#005163;}

.box-dl li{margin:5px 5px;}

.box-dl-info ul li a:hover{color:#000000}

.box-dl-info ul li:before{font:6px icons;color:#A4EAF9;content: "\f111";margin-left:5px;display:inline-block}

.box-dl-info:before{position:absolute;font:65px icons;color:#D1F6FF;content: "\f0ed";top:45%;left:5%;margin:-10px 0px 0px -15px;}