— ᴛᴏɴʏ ᴛᴏɴʏ ᴄʜᴏᴘᴘᴇʀ.

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://media.tumblr.com/2c8fac4b7cd0707556472f2c1b53a446/tumblr_inline_mvmulemQAV1qid2nw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/user/use-1/use169.cur'), default;
}

b, strong {font-family: century gothic; font-size: 11px; font-variant: small-caps; color:#691111; font-weight:normal; letter-spacing: -1px;}
i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

@import url(http://fonts.googleapis.com/css?family=ONE+PIECE);

.name {
position: absolute;
margin-top: 395px;
margin-left: -35;
width: 320px;
height: 200px;
font-size: 50px;
color: #EDEDEE;
line-height: 0px;
text-align: center;
text-transform: normal;
letter-spacing: -1px;
text-align: center;
background-color: none;
font-family: ONE PIECE;
text-shadow: #D6888B 2px 3px 4px;
z-index: 350;
opacity: 1;
}

#T1{
position: fixed;
left: 660px;
top: 0px;
width: 50px;
height: 100%;
background-color: #D6888B;
transform: rotate(-230deg);
-moz-transform: rotate(-230deg);
-webkit-transform: rotate(-230deg);
z-index: 100;
}

#T2{
position: fixed;
left: 660px;
top: 0px;
width: 50px;
height: 100%;
background-color: #D6888B;
transform: rotate(230deg);
-moz-transform: rotate(230deg);
-webkit-transform: rotate(230deg);
z-index: 100;
}

#C1{
position: fixed;
top: 25px;
left: 350px;
width: 150px;
height: 150px;
background-color:#FEFCFE;
background-image: url('https://24.media.tumblr.com/773d426c51c3e2df80bb2a0033ff71e7/tumblr_n0qtmhw39T1rrxkifo1_500.gif');
background-repeat: no-repeat;
background-position: -140px -20px;
border: #398CAD 10px Solid;
-webkit-border-radius: 300px;
border-radius: 300px;
padding: 10px;
z-index: 200;
width: 150px;
height: 150px;
}

#C2{
position: fixed;
top: 25px;
left: 820px;
width: 150px;
height: 150px;
background-color:#FEFCFE;
background-image: url('https://24.media.tumblr.com/d3d9ca7c73250d09ea43c5199b092435/tumblr_n0hpwqNg3E1t3zm40o1_500.gif');
background-repeat: no-repeat;
background-position: -210px -20px;
border: #398CAD 10px Solid;
-webkit-border-radius: 300px;
border-radius: 300px;
padding: 10px;
z-index: 200;
width: 150px;
height: 150px;
}

#C3{
position: fixed;
top: 450px;
left: 340px;
width: 150px;
height: 150px;
background-color:#FEFCFE;
background-image: url('https://31.media.tumblr.com/3514c139f5714e112fdffa6c46994330/tumblr_n0du9vXTht1rbh9rjo1_500.gif');
background-repeat: no-repeat;
background-position: -160px -20px;
border: #398CAD 10px Solid;
-webkit-border-radius: 300px;
border-radius: 300px;
padding: 10px;
z-index: 200;
width: 150px;
height: 150px;
}

#C4{
position: fixed;
top: 450px;
left: 830px;
width: 150px;
height: 150px;
background-color:#FEFCFE;
background-image: url('https://24.media.tumblr.com/e4593b3873004989c60957c4c007db27/tumblr_mzur0wNfYi1smv8ymo1_500.gif');
background-repeat: no-repeat;
background-position: -225px -20px;
border: #398CAD 10px Solid;
-webkit-border-radius: 300px;
border-radius: 300px;
padding: 10px;
z-index: 200;
width: 150px;
height: 150px;
}

#character{
position: fixed;
left: -40px;
top: 250px;
}

.box {
position: fixed;
left: 550px;
top: 0px;
width: 250px;
height: 600px;
padding: 5px;
color: #212121;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 300;
}

.box:target {
top: 150px;
left: 550px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 300;
}

.info{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 250px;
height: 373px;
border: 2px Solid #bb6b64;
background-color: #dfd7e3;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: normal;
font-variant: small-caps;
display: inline-block;
width: 150px;
height: 150px;
color: #fff;
font-size: 10px;
background-color: transparent;
text-align: center;
line-height: 15px;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-border-radius: 300px;
border-radius: 300px;
}

a.nav:hover{
background-color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.snow {
margin-top: 1px;
height: 65px;
width: 65px;
margin-left: 8.5px;
margin-top: 21px;
border: #BB6B64 2px solid;
opacity: 0.7;
}

.snow:hover {
margin-top: 1px;
height: 65px;
width: 65px;
margin-left: 8.5px;
margin-top: 21px;
border: transparent 2px solid;
opacity: 1;
}

a {
color: #C05F41;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;
}

</style>

<div id="C1"><a class="nav" href="#one"></a></div>
<div id="C2"><a class="nav" href="#two"></a></div>
<div id="C3"><a class="nav" href="#three"></a></div>
<div id="C4"><a class="nav" href="#four"></a></div>

<div id="one" class="box">
<div class="name">Tony Tony Chopper</div>

<div class="info">
Out of character here.
<br><br>
<center><b>Bold</b> / <i>Italic</i> / <u>Underline</u> / <strike>Strike-through</strike> / <a href="LINK">LINK</a></center>

</div>

</div>

<div id="two" class="box">
<div class="name">Tony Tony Chopper</div>

<div class="info">
Stats here.
</div>

</div>

<div id="three" class="box">
<div class="name">Tony Tony Chopper</div>

<div class="info">
<div style="width: 250px; height: 370px; overflow: auto;" align="left" >
<a href="profile.php?user=Nami" target="_blank" title="description here."><img src="http://i.picpar.com/Fs8.png" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
</div></div>
</div>

<div id="character">
<img src="http://i.picpar.com/Gs8.png"></img>
</div>

<div id="T1"></div>
<div id="T2"></div>


<div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Bee" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A></div>