The Joker

<style>
 body {
 background-image:url('http://i.picpar.com/dAYb.jpg'); }

 ::-webkit-scrollbar {
 width: 5px;
 height: 10px;
 padding-top: 40px; }

 ::-webkit-scrollbar-track {
 background-color: #ffffff; }

 ::-webkit-scrollbar-thumb {
 height: 30px;
 width: 5px;

 background-color: #f1f1f1; }

 ::-webkit-scrollbar-track-piece {
 height: 30px;
 width: 30px; }

 ::-moz-selection, ::selection {
 background: #ebf6f9;
 color: #ffffff;
 !important }

 ::selection {
 background: #ebf6f9;
 color: #ffffff;
 !important }

 a {
 font-family: calibri;
 font-size: 9px;
 text-transform: uppercase;
 color: #BD3F3F;
 letter-spacing: 1px;
 text-decoration: none;
 -webkit-transition: all .5s ease-in-out;
 }
 a:hover {
 color: #000;
 letter-spacing: 1px;
background-color:#fff;
 }
 i {
 font-style: italic;
 font-size: px;
 font-family: times new roman;
 text-transform: ;
 font-weight: bold italics;
 line-spacing: 2px;
 color: ;
 }
 b {
 color: ;
 text-shadow: 1px 2px 4px grey;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: uppercase;
 }
 u {
 color: #c2e0e8;
 font-family: lucida console;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 0px;
 text-decoration: none;
 border-bottom: dashed 1px #c2e0e8;
 }

 .mainbox {
 background-color: #;
 position: fixed;
 width: 181px;
 height: 215px;
 left: 774px;
 top: 425px;
 padding: 10px;
 border: px solid #f1f1f1;
 opacity: 1;

 }
 .quotebox {
 position: fixed;
 background-color: #fff;
 opacity: 1;
 top: 155px;
 height: 20px;
 width: 216px;
 opacity: 0.7;
 left: 280px;
 border-bottom: 7px solid #1a2219;
 font-family: times new roman;
 font-size: 20px;
 text-transform: uppercase;
 line-height: 25px;
 text-align: center;
 letter-spacing: 1px;
 color: #;
font-weight:bold;
 }

 h1 {
 padding: 0px;
 margin: 0px;

 font-size: 13px;
 font-family: georgia;
 font-weight: lighter;
 text-transform: uppercase;
 text-align: center;
 letter-spacinG: 5px;
 text-shadow:-2px 1px 0px #000;
 color: #ffffff;
 }
 h2 {
 padding: 0px;
 margin: 0px 0px 1px 0px;
 font-size: 10px;
 font-family: georgia;
 font-style: italic;
 font-weight: lighter;
 text-transform: lowercase;
 text-align: center;
 letter-spacing: 3px;
 color: #fff;
background-color:#000;
line-height:5px;
 }
 .toggleone {
 display: inline-block;
 color: #ffffff;
 background-color: #000;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0px;
 font-family: corbel;
 font-size: 9px;
 width: 40px;
 height: 15px;
 margin: 0px 0px 0px 0px;
 line-height: 15px;
 text-align: center;
 -webkit-transition: all .7s ease-in-out;
 }
 .toggleone:hover {
 background-color: #fff;
 color: #000;
 }
 #containerone {
 background-color: #fff;
 width: 190px;
 height: 115px;
 top: 3px;
 left: -4px;
 font-family: arial;
 font-size: 9px;
 color: #000;
 letter-spacing: 1px; }

 .hoverbox {
 position: fixed;
 background-color: #cbcbcb;
 opacity: 0;
 width: 240px;
 height: 180px;
 padding: 5px;
 left: 280px;
 top: 155px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 185px;
 }
 .hoverbox b {
 color: #d0e6ec;
 font-family: calibri;
 font-size: 10px;
 line-height: 5px;
 text-transform: uppercase;
 }
 .titlebox {
 position: fixed;
 background-color: #transparent;
 -webkit-transform: rotate(90deg);
 width: 300px;
 height: 30px;
 top: 330px;
 left: 833px;
 font-family: impact;
 font-size: 38px;
 color: #ffffff;
 text-transform: uppercase;
 letter-spacing: -1px;
 }
 .linkbox {
 position: fixed;
 background-color: #fff;
 width: 100px;
 height: 100px;
 left: 784px;
 top: 415px;
 z-index: 9;
 opacity: 0;
border: 1px solid #000;
 -webkit-transition: all .7s ease-in-out;
 }
 .linkbox:hover {
 opacity: 1;
 }
 .linkbox a {
 display: block;
 background-color: #ebf6f9;
 margin-top: 4px;
 height: 15px;
 width: 90px;
 align: center;
 line-height: 15px;
 color: #fff;
 }
 .linkbox a:hover {
 background-color: #d5e9ee;
 }



#updates {
	font-family:helvetica;
	font-size:10px;
	top:30px;
	left:30px;
}

#updates h1 {
 font-weight:bold;
 letter-spacing:2px;
 font-size:8px;
 text-transform:uppercase;
 font-style:none;
}

#updates a{
	text-decoration:none;
	color:#000000;
}

#updates a:hover{
	letter-spacing:2px;
}

#point1 {
 position:fixed;
 top:100px;;
 left:350px;
 border:1px solid #000;
 width:5px;
 height:5px;
 border-radius:50%;
 background-color:#000;
 padding:2px;
 z-index:3;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#point1:hover #cont1 {
 opacity:1;
 width:110px;
 height:60px;
}

#cont1 {
 position:fixed;
 padding:2px;
 background-color:#fff;
 overflow:hidden;
 line-height:11px;
 width:0;
 height:0;
 opacity:0;
 top:100px;
 left:365px;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#line1 {
 width:55px;
 height:1px;
 background-color:#000;
 position:fixed;
 margin-top:108px;
 margin-left:345px;
 -ms-transform: rotate(60deg);
 -ms-transform-origin: 15%;
 -webkit-transform: rotate(60deg);
 -webkit-transform-origin: 15%;
 transform: rotate(60deg);
 transform-origin: 15%;
}

#point2 {
 position:fixed;
 margin-top:141px;
 margin-left:370px;
 border:1px solid #000;
 width:5px;
 height:5px;
 border-radius:50%;
 background-color:#000;
 padding:2px;
 z-index:2;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#point2:hover #cont2 {
 opacity:1;
 width:110px;
 height:100px;
}

#cont2 {
 position:fixed;
 padding:2px;
 overflow:hidden;
 line-height:11px;
 width:0;
 background-color:#fff;
 height:0;
 opacity:0;
 margin-top:10px;
 margin-left:15px;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#line2 {
 width:55px;
 height:1px;
 background-color:#000;
 position:fixed;
 margin-top:154px;
 margin-left:360px;
 -ms-transform: rotate(110deg);
 -ms-transform-origin: 20%;
 -webkit-transform: rotate(110deg);
 -webkit-transform-origin: 20%;
 transform: rotate(110deg);
 transform-origin: 20%;
}

#point3 {
 position:fixed;
 margin-top:188px;
 margin-left:350px;
 border:1px solid #000;
 width:5px;
 height:5px;
 border-radius:50%;
 background-color:#000;
 padding:2px;
 z-index:1;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#point3:hover #cont3 {
 opacity:1;
 width:110px;
 height:100px;
}

#cont3 {
 position:fixed;
 padding:2px;
 overflow:hidden;
 line-height:11px;
 width:0;
 height:0;
 opacity:0;
 margin-top:-10px;
 background-color:#fff;
 margin-left:15px;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#line3 {
 width:45px;
 height:1px;
 background-color:#000;
 position:fixed;
 margin-top:200px;
 margin-left:350px;
 -ms-transform: rotate(50deg);
 -ms-transform-origin: 20%;
 -webkit-transform: rotate(50deg);
 -webkit-transform-origin: 20%;
 transform: rotate(50deg);
 transform-origin: 20%;
}

#point4 {
 position:fixed;
 margin-top:221px;
 margin-left:375px;
 border:1px solid #000;
 width:5px;
 height:5px;
 border-radius:50%;
 background-color:#000;
 padding:2px;
 z-index:0;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}

#point4:hover #cont4 {
 opacity:1;
 width:110px;
 height:100px;
}

#cont4 {
 position:fixed;
 padding:2px;
 overflow:hidden;
 line-height:11px;
 width:0;
 height:0;
 opacity:0;
 margin-top:-13px;
 background-color:#fff;
 margin-left:15px;
 -webkit-transition: all 0.8s ease-out;
 -moz-transition: all 0.8s ease-out;
 transition: all 0.8s ease-out;
}


#acontent, #bcontent, #ccontent, #dcontent, #econtent {

width: 200px;
height: 110px;
overflow: auto;
text-align:justify;}


#bring, #forth, #the, #night {

width: 200px;
height: 110px;
overflow: hidden;

}





</style>


 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 320px; height:192px; background-color:#1a2219; position: absolute; top: 186px; left: 540px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:url(''); position: absolute; top: 197px; left: 550px; overflow: auto; text-align: left; border: px solid #BABABA;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><img src="http://67.media.tumblr.com/c2745e101b746a4f2e9b0ab52369f5ef/tumblr_obtruoexcF1rgaid9o5_r1_250.gif" alt="" width="300" height="" /></span></div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 0.7; width: 250px; height:100px; background-color:#ffffff; position: absolute; top: 186px; left: 280px; overflow: auto; text-align: left; border: px solid #BABABA;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"></span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 0.7; width: 240px; height:90px; background-color:; position: absolute; top: 196px; left: 290px; overflow: auto; text-align: left; border: px solid #BABABA;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

 The Joker is a master criminal with a clown-like appearance. Initially portrayed as a violent sociopath who murders people for his own amusement. The Joker is known to be a vicious, calculating, psychopathic killer. The Joker has been responsible for numerous tragedies in Batman's life.


</span></div>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 200px; height:65px; background-color:#1a2219; position: absolute; top: 296px; left: 305px; overflow: auto; text-align: left; border: px solid #BABABA;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"></span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 180px; height: 300px; background-color:; position: absolute; top: 311px; left: 320px; overflow: auto; text-align: left; border: px solid #BABABA;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"><i><b>"Oh I'm not gonna kill ya, I'm just going to hurt ya. Really, really bad."</b></i></span></div>





 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 196px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 200px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"> The Joker</span></div>




 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 226px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 230px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"> Psychopath </span></div>


 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 256px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 260px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"> Gothem City </span></div>



 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 286px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 290px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"> Arkham A. </span></div>



 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 316px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 320px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;"> Heterosexual</span></div>





 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 105px; height:20px; background-color:#1a2219; position: absolute; top: 346px; left: 880px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 100px; height:20px; background-color:; position: absolute; top: 350px; left: 895px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;">  <a href="profile.php?user=His%20Harleen" target="_blank"><span style="color: #a00035;"><strong>Crazily Taken</strong></span></a> </span></div>





<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 0.5; width: 100px; height:20px; background-color:; position: absolute; top: 10px; left: 10px; overflow: auto; text-align: left; border: 0px solid #034100;"><span style="font-family: andale mono,times; font-size: x-small; color: #ffffff;">  <a href="profile.php?user=His%20Harleen" target="_blank"><span style="color: #a00035;"><strong>Q U I N Z E L</strong></span></a> </span></div>


<div class="quotebox">quite vexing.</div>



<div class="hoverbox">
 <div style="float: left; width: 235px; height: 175px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
 <a href="profile.php?user=His%20Harleen" target="_blank"><span style="color: #a00035;"><strong>Harleen Quinzel</strong></span></a> { <em>harley quinn</em> } ; Information.
 </div>