The White Knight

<style>

.pfor {display: none;}
#profile {background: transparent; border: 0px;}

@font-face{
 font-family:'header';
 src:url(https://dl.dropboxusercontent.com/u/4556289/bloodcrowsi.ttf);
}

body {
background-image:url(http://i67.tinypic.com/rwrp91.jpg);
background-repeat: repeat;
background-size: auto 100%;
overflow: hidden;
}

#core{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(http://i65.tinypic.com/2vxpnw1.jpg);
background-size:auto 100%;
background-repeat: no-repeat;
background-position: left bottom;
}

#standarddiv{position: absolute;
bottom: 0px;
right: 10px;
width: 600px;
border: 0px solid black;
font-family: 'header';
font-size: 50pt;
color: black;
text-shadow: 0px 0px 10px black;}

#music{
position: absolute;
right: 300px;
bottom: 11px;
height: 13px;
width: 13px;
zoom:200%;
overflow: hidden;
border-radius: 90px 90px 90px 90px;
border: 1px dotted black;
background: #D8D8D8;
-webkit-animation: musicflash 1s infinite;
animation: musicflash 1s infinite;
}

@-webkit-keyframes musicflash{
0% {border: 1px dotted transparent;}
50% {border: 1px dotted black;}
100%{border: 1px dotted transparent;}
}

@-keyframes musicflash{
0% {border: 1px dotted transparent;}
50% {border: 1px dotted black;}
100%{border: 1px dotted transparent;}
}

@-webkit-keyframes shakers{
0%{margin-right: 1px;}
50%{margin-right: -1px;}
100% {margin-right: 1px;}
}

@keyframes shakers{
 0%{margin-right: 1px;}
50%{margin-right: -1px;}
100% {margin-right: 1px;}
}

#fillerspace{position: absolute;
right: 406px;
bottom: 505px;
height: 305px;
width: 300px;
font-size: 1000pt;
font-family:'serif';
color: black;
opacity: .4;
z-index: -10;}

#carrotbox{position: absolute;
height: 150px;
width: 300px;
border: 0px solid black;
overflow: hidden;
bottom: 70px;
right: 182px;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
z-index: 5;
}

#carrotbox:hover{
opacity: 1;}

#carroty{position: absolute;
transform:rotate(-45deg);
border: 0px solid black;
height: 200px;
width: 200px;
right: 100px;
top: -100px;
left: 50px;
background-image:url(http://www.abcompany.com/docgolob/carrots.gif);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom right;
}


</style>

<div id="core">
</div>

<div id="standarddiv">
The White Knight
</div>

<div id="music">
<div style="margin-top: -3.3px;
margin-left: -1.3px;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
 <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
 <param name="wmode" value="transparent" />
 <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/4556289/-Chill%20Trap-Ryn%20Weaver%20-%20Sail%20On%20%28HO%C3%98KED%20Remix%29%20%5BFree%20Download%5D.mp3&autoplay=1&loop=1&volume=10&bgcolor1=D8D8D8&bgcolor2=D8D8D8&slidercolor1=000000&slidercolor2=000000&buttoncolor=4E4B1E&buttonovercolor=000000" />
</object>
</div>
</div>

<div id="fillerspace">
×</div>

<div id="carrotbox">
<div id="carroty">
</div>
</div>