<style>
Music Player Template #8 | design and coding by Kiwi Lovehart (/1132477) of the loser?s club @ loserlyts.tumblr.com ?
- DO NOT remove my credit.
- DO NOT redistribute, use as a base, or claim as your own.
- DO NOT merge my layouts with layouts from other sites. Not coolio.
- DO feel free to ask questions and send messages to me via tumblr or on rp.me.
- DO visit loserlyts.tumblr.com for more content!
</style>
<style>
Music Player Template #8 | Instructions
- READ CAREFULLY: As you fill in the song title and artist, IT WILL SHIFT which will make the template look off. I've provided specific instructions on /HOW/ to shift the title.
- To change title: CTRL+F 'song title' and replace with whatever you want
- To change artist name: CTRL+F 'artist name' and replace with whatever you want
- To shift title: CTRL+F '#song-title' and change the % value in 'left'. (+) POSITIVE VALUES {ex: 28% -> 40%) WILL SHIFT THE ELEMENT TO THE RIGHT. (-) NEGATIVE VALUES {ex: 28% -> 10%) WILL SHIFT THE ELEMENT TO THE LEFT.
/*--- Customizing Colors ---*/
- To change title color: CTRL+F '#song-title' and replace '#555' with desired hex code
- To change progress bar color: CTRL+F 'div class="bar" style="width: 20%; background: #555;' and replace '#555' with desired hexcode
</style>
<style>@import url(https://fonts.googleapis.com/css?family=Karla|Poppins:400,500,700|Muli:400|Raleway:400,500,700|Oswald);
 @font-face {
 font-family: "vcr";
 src: url('https://dl.dropbox.com/s/lq2nz8ia8g1aow0/VCR_OSD_MONO_1.001.ttf');
 }
#nowplaying {
 width: 240px;
 height: 80px;
 border: 0px solid #eee;
 position: relative;
}
#time-elapsed {
 font: 7px 'arial';
 color: #b1b1b1;
 letter-spacing: 1px;
 top: 20%; left: 8%;
 position: absolute;
}
#time-remaining {
 font: 7px 'arial';
 color: #b1b1b1;
 letter-spacing: 1px;
 top: 20%; right: 8%;
 position: absolute;
}
#slider {
 width: 5px;
 height: 15px;
 border-radius: 10px;
 background-color: #fff;
 box-shadow:0 0 5px #f2f2f2;
 left: 32%; top: 15%;
 position: absolute;
 z-index: 5;
}
#song-title {
 font: 16px 'silkscreen';
 letter-spacing: 1px;
 color: #555;
 font-weight: 500;
 text-transform: uppercase;
 text-align: center;
 left: 27%; top: 48%;
 position: absolute;
}
#song-title span.artist {
 font: 6px 'vcr';
 color: #b1b1b1;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 display: block;
}
.progress {
 width: 145px;
 height: 5px;
 border-radius: 20px;
 background-color:rgba(244,244,244,.5);
 position: absolute;
 top: 21%; left: 20%;
 display:block;
 overflow:hidden;
 }
.bar {height: 5px;}
</style>
</I></center>
<audio autoplay loop><source src="http://k007.kiwi6.com/hotlink/e5aoftgg97/Ed_Sheeran_-_South_of_the_Border_feat._Camila_Cabello_and_Cardi_B_Official_Lyric_Video_.mp3">
</audio>