CD Player Code

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,800' rel='stylesheet' type='text/css'>

<!--"CD Player" CODED BY CINDIE.TUMBLR.COM!-->

<style type="text/css">
#cd{
background-color:#fff; /*Background Color*/
position:fixed;
left:10px;  /*Position from Left*/
bottom:10px; /*Position from Bottom */
height: 40px;
width: 40px;
border:2px solid #eee; /*Border*/
-moz-border-radius: 35px; /*Delete These to Make Player Square*/
border-radius: 35px; /*Delete These to Make Player Square*/
overflow:hidden;
transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
}

#cd:hover{
width:120px;
height:30px;
opacity:1.0;
transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
}

.track{
color:#909090; /*Title Color*/
font-family:'Yanone Kaffeesatz', sans-serif;
font-size:15px;
margin-top:10px;
margin-right:4px; /*Title Position from Right Might be off depending upon your theme settings*/
}

#cd:hover .song{
position:relative;
opacity:1.0;
margin-top:10px;
}

.song{
opacity:0;
font-size:12px;
vertical-align:middle;
margin-top:10px;
width:50px;
}

#cd:hover .track{
display:none;
}
</style>