Untitled

<!DOCTYPE html>
<html>
<head>
    <meta name="robots" content="noindex">
    <meta name="googlebot" content="noindex">
    <link rel='stylesheet' type="text/css" href="/css/ap2.css"/>
</head>
<body>

<style type="text/css">
body {margin: 0 !important; padding: 0 !important; }
.ap-controls {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7))), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url("<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>") no-repeat center center;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.the-thumb { border-radius: 0px !important; }
.scrub-bg, .scrub-prog { top: 65px !important}
.scrub-bg img { opacity: 0.5; height: 80px !important}
.scrub-prog img { opacity: 0.4; height: 80px !important;}
.scrubbar { width: 96% !important }
.ap-controls .scrubbar { left: 20px !important;}
.con-playpause  {position: absolute; left: 10px !important;}

.scrub-bg-reflect, .scrub-prog-reflect { display: none }
.curr-time, .total-time { background: transparent !important; color: #fff !important }
.curr-time { position: absolute !important; top: 80px !important; }
.total-time { top: 80px !important; position: absolute !important; }
.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog { height: 70px !important }
.audioplayer.skin-wave .ap-controls .scrubbar .scrubBox-hover { height: 70px; top: 30px !important; background: #fff !important; z-index: 2 !important; display: none;}
.the-thumb { height: 150px !important; width: 150px !important; z-index: 1}
.ap-controls { min-height: 150px !important}
.meta-artist { margin-top: 10px; }
.meta-artist span { color: #fff !important; font-size: 13px !important}
.playbtn, .pausebtn { background: #000 !important; border: 1px solid #fff !important }
.con-maindemo { background-color: transparent !important; background: none !important;}
.btn-download { position: absolute; right: 7px; bottom: 5px; z-index: 10 }
.btn-download img { width: 30px; height: 30px }
.btn-download img:hover { opacity: 0.8 }

.btn-artwork { position: absolute; right: 40px; bottom: 5px; z-index: 10 }
.btn-artwork img { width: 30px; height: 30px }
.btn-artwork img:hover { opacity: 0.8 }

.btn-spectre { position: absolute; right: 72px; bottom: 5px; z-index: 10 }
.btn-spectre img { width: 30px; height: 30px }
.btn-spectre img:hover { opacity: 0.8 }

.player-logo { position: absolute; right: 10px; top: 10px; z-index: 2 }
.player-logo img { width: 70px; opacity: 0.8 }

.bit-rate { position: absolute; left: 160px; top: 9px; z-index: 2; opacity: 0.5}
.bit-rate span { color: #fff; font-size: 11px; padding: 3px 10px; border: 1px solid #fff; border-radius: 2px;  }

.file-size { position: absolute; left: 235px; top: 9px; z-index: 2; opacity: 0.5}
.file-size span { color: #fff; font-size: 11px; padding: 3px 10px; border: 1px solid #fff; border-radius: 2px;  }
</style>
<div class="content-wrapper">
      <div class="con-maindemo" id="a-demo">
         <div class="center-ap">
            <div id="ap2" class=" skin-wave" style="width:100%; margin-top:0px;margin-bottom:10px" data-thumb="<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>" data-scrubbg="<TMPL_VAR srv_url><TMPL_VAR mp3_vawe_url2>" data-scrubprog="<TMPL_VAR srv_url><TMPL_VAR mp3_vawe_url>" data-videoTitle="Audio" data-type="normal" data-source="<TMPL_IF file_full_preview><TMPL_VAR song_url><TMPL_ELSE><TMPL_VAR srv_url><TMPL_VAR mp3_preview_url></TMPL_IF>">
               <div class="meta-artist"><span class="the-name"><TMPL_VAR file_name></span></div>
               <div class="player-logo"><a href="https://mixstep.co" target="blank"><img src="/mixstep-player.png" alt="MixStep" /></a></div>

               <TMPL_IF file_allow_dl>
               <div class="bit-rate"><span><TMPL_IF mp3_bitrate><TMPL_VAR mp3_bitrate> kbps<TMPL_ELSE><TMPL_VAR mp3_extension></TMPL_IF></span> <span><TMPL_VAR fsize></span></div>
               <TMPL_ELSE></TMPL_IF>

               <TMPL_IF file_allow_dl>
               <div class="btn-download"><a href="<TMPL_VAR site_url>/<TMPL_VAR file_code>" target="blank"><img src="/images/btn-download.png" alt="Download"></a></div>
               <div class="btn-artwork"><a href="<TMPL_VAR srv_url><TMPL_VAR mp3_artwork_url>" target="blank"><img src="/images/btn-artwork.png" alt="Artwork"></a></div>
               <div class="btn-spectre"><a href="<TMPL_VAR srv_url><TMPL_VAR mp3_spec_url>" target="blank"><img src="/images/btn-spectre.png" alt="Spectrogram"></a></div>
               <TMPL_ELSE></TMPL_IF>
            </div>
         </div>
      </div>
</div>
<script src="/js/jquery-3.1.1.min.js"></script>
<script src="/js/ap.js" type="text/javascript"></script>
<script>
        $(function() {
            $(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });
        });
</script>
<script>
jQuery(document).ready(function(a){var b="ap2",c={disable_volume:"on",cue:"on",autoplay:"off",disable_scrub:"default",design_skin:"",skinwave_dynamicwaves:"on",skinwave_enableSpectrum:"off",settings_backup_type:"full",skinwave_wave_mode:"off",pcm_data_try_to_generate:"on",design_color_bg:"fafafa"};dzsap_init("#"+b,c)});
</script>

</body>
</html>