Boo's 1000000th profile.

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

body {

background-color: #000;
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}





#pictureone {


position: fixed;
left: 30px;
top: 30px;
margin: 25px;}


#picturetwo {


position: fixed;
left: 70px;
bottom: 50px;
margin: 25px;}

.Box1{
position:absolute;
bottom: 350px;
right:190px;
height:186px;
width:400px;
border-radius:0px;
background:url('http://24.media.tumblr.com/b755418c80c4c7faa5af83b753ddbf99/tumblr_mwvw7gTZA11sm6tixo1_500.gif');
overflow:hidden;

border-top: #8C0000 4px solid;
border-left: #8C0000 4px solid;
border-right: #802157 4px solid;
border-bottom: #802157 4px solid;
}

.Box2{
background: #7D0000;
position:absolute;
bottom: 350px;
right: 125px;
height:190px;
width:50px;
border-radius:0px;
overflow:hidden;
border: #802157 2px solid;
}

.Box3{
background-color: #ffffff;
position:absolute;
background-size: 100%;
bottom: 110px;
left:-300%;
height:200px;
width:468px;
border-radius:0px;
overflow:auto;
border:4px solid black;
opacity: 0.0px;
-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.Box3:target{left:768px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 1.0px;}



a.yum, a.yum:link, a.yum:active, a.yum:visited {
background-color: #000;
border: #000 solid 2px;
display: block;
margin: 1px;
font-family: consolas;
font-size: 10px;
letter-spacing: 2px;
color: #7D0000;}


a.yum:hover {
display: block;
margin: 1px;
background-color: #000;
border: #000 solid 2px;
font-family: consolas;
font-size: 10px;
letter-spacing: 2px;
color: #fff;
}

.poke{
color:#505050;
font-size:12px;
text-align:center;
font-family:pixel;
margin: 2px;
}

.effect{
height:186px;
width:400px;
background-color:#fff;
filter: alpha(opacity=0);
opacity: 0;
border-radius:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

 .effect:hover{
border-radius:0px;
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
display: block;
float: left;
width: 86px;
margin-left: 7px;
-moz-border-radius: 5px;
border-radius: 2px;
font-family: consolas;
text-decoration: none;
font-size: 10px!important;
letter-spacing: 0px;
background-color: bbb;
color: 383838;
padding: 2px;
text-align: center!important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.sinnoh:hover{background-color:f0e0b8;
color:353535;
text-decoration: none;}

a href {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

u {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

b {
color: #493c23;
font-family:consolas;
text-transform:none;
letter-spacing: 2px;
}

a:active, a:link, a:visited{
color:#464f82;
text-transform:none;
font-family:consolas;
letter-spacing: 1px;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

a:hover{
cursor:help;
color:#260000;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #a8a8a8;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}




</style>
 <div id="pictureone">
<img src="http://cache3.asset-cache.net/xd/113747650.jpg?v=1&c=IWSAsset&k=2&d=62CA815BFB1CE4800722C871935D0F5C4E7679DD01108BC6B764517A31316C6208ECCDBDB9DDD23A
" class="image" width="auto;" height="auto;"></div>



 <div id="picturetwo">
<img src="http://r72.cooltext.com/rendered/cooltext150109914862182.png
" class="image" width="auto;" height="auto;"></div>



<div class="Box1">
<div class="effect">
<div class="poke">
 <big><i>OOC</i></big>
<br><br>

</div>
</div>
</div>

<div class="Box2">


<br>
<a href="#one" title="Stats" class="yum">F</a>
 <br>
<a href="#two" title="History" class="yum">U</a>
 <br>
<a href="#three" title="Powers" class="yum">C</a>
<br>
<a href="#four" title="Friends" class="yum">K</a>
<br>
<a href="#five" title="Trivia" class="yum">M</a>

<br>
<a href="#" title="Reset" class="yum">E</a>

</div>


<div id="one" class="Box3">

<center><img src="https://media.giphy.com/media/T8dXxh6h2I1i/giphy.gif" width="300" border="3"></center>
<b><i>“Stuff”</i></b>
<br><br>



</div>


<div id="two" class="Box3">

<b><i>""</b></i>
<br><br><br>

</div>



<div id="three" class="Box3">


<b><i>""</b></i>
<br><br><br>


</div>



<div id="four" class="Box3">
<b><I>"huh"</b></I>
<br><br><br>



</div>



<div id="five" class="Box3">
<b><i>Stuff here</b></i>
<br><br><br>


</div>