Music

<style>
/*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/

#editthis{ position:fixed;height: 27px; width: 30px; top: 15%; left: 49%; margin: auto; z-index:99;}

#music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}

#music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}

#music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}

#music1:hover #musiclist{ opacity: .5;}

#music2{ opacity: .5; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}

#music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
</style>

<div id="editthis"><div id="music1"><div id="music2">
<img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
<div id="music3"><Div style="margin-top:4px;">
<audio controls style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/r46n1uv9j8/Antonia_-_Marionette_official_video_HD.mp3"></audio>
</div></div></div></div>

<center><h1>Use kiwi6.com to upload a file of music, then link it in the source src.</h1></center>