Beast Boy

<style type="text/css">

body {
 margin: 0;
 padding: 0;
 background-color:#6f0a0c; /*change your background here*/
 -webkit-background-size: ;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: ;

}

a {
 text-decoration: none;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

a:hover {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#top-one {
 position: fixed;
 left: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#top-two {
 position: fixed;
 right: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#left {
 position: fixed;
 left: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-left: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/

}

#bottom {
 position: fixed;
 width: 92%;
 height: 0px;
 margin: 0 auto;
 left: 0px;
 right: 0px;
 bottom: 8%;
 border-bottom: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#right {
 position: fixed;
 right: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-right: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#title {
 margin: 0 auto;
 left: 0px;
 right: 0px;
 width: 22%;
 text-align: center;
 top: 7%;
 position: fixed;
 font-family: Montserrat;
 letter-spacing: 13px;
 color: #FFFFFF; /*change title color here*/
 font-size: 12px;
}

#url a {
 margin: 0 auto;
 left: -627px;
 right: 0px;
 width: 100%;
 text-align: center;
 top:  0px;
 position: fixed;
 font-size: 50px; /*change url size here*/
 letter-spacing: 20px;
 color: #114636; /*change url color here*/
 font-family: Prata;
 text-shadow:
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF; /*change url shadow color here*/
}

#url a:hover {
 color: #3b3439; /*change url hover color*/
}

#c {
 position: fixed;
 bottom: 13px;
 right: 15px;
 font-family: Arial;
}

#c a {
 color: #FFFFFF; /*change credit color here*/
 font-size: 18px;
}

/* Credits to http://pohroro.tumblr.com */

/* This is the profile page content: */
.contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-image:url('http://i.picpar.com/BVkc.jpeg');opacity:0;z-index:-1;}
.contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;}







@keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-webkit-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-moz-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-ms-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:200% 0%}
}




</style>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.6; width:  px; height:  px; background-color: ; position: absolute; top: 300px; left: 650px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: 25; color: #000000;">


<i>[ click. ]</i>


</div>



 <a href="#1">


 <div class="clouds">
</div>
</a>
<div id="url">
<a href="#1">
<img src="http://i.picpar.com/AVkc.png" alt="" width="740" /> </a>
</div>

<div id="c">
<a target="_blank" href=" " title=" "> </a>
</div>

<div id="1" class="contentpage">





<style type="text/css">

::selection {
background: #ddd;
color: #fff;
}

::-moz-selection {
background: #ddd;
color: #fff;
}

::-webkit-selection {
background: #ddd;
color: #fff;
}


::-webkit-scrollbar-thumb:vertical {
background-color: #000;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #000;
}

body {
color: #aaa;
text-align:justify;
font-family: tahoma;
font-size: 10px;
background-color: #a6bf85;
background-image:url('');
background-attachment: fixed repeat; }


#subete{
margin-left: -200px;
margin-top: 130px; }

#about { margin-top: 100px; }
#about i { font-style: italic; color:#787878; letter-spacing: 2px; }
#about b { font-weight: bold; color:#787878; letter-spacing: 1px; }

#kago {
width: 520px;
height: 330px;
padding: 20px;
overflow: hidden;
background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
margin-left: 400px;
margin-top: -1px; }

#shouzou {
width: 360px;
height: 502px;
background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
padding: 5px;
margin-top: -70px;
margin-left: 400px;
margin-right:-1px;
float: left; }
#shouzou img { width: 360px; height: 502px; opacity: 0.8; -webkit-filter: grayscale(1);
 }


#daimei {
text-align: center;
font-family: georgia;
color: #444;
font-size: 16px;
text-transform: lowercase;
padding:0px 0px 2px 0px;
border-bottom: 1px dotted #aaa; }

#fukudai {
text-align: center;
font-family: tahoma;
color: #aaa;
font-size: 12px;
text-transform: none;
padding:0px 20px 0px 20px;
margin-top: 3px; }

#onaka {
float: right;
width: 200px;
text-align: justify;
height: 100px;
padding: 5px;
line-height: 15px;
font-size:9px;
position: relative; }
.tap
{color:#bebebe;
border-left: solid 8px;
letter-spacing: 1px;
font-size:8px; }

#nai {
margin-top: 7px;
margin-left: 20px; }

#atama {
float: left;
width: 200px;
height: 100px;
padding: 5px;
position: relative; }

#karada { position: absolute; margin-top: -5px; }

a:link {color:#000; }
a:visited {color:#000; }
a:hover {color:#4D4835;transition:3.4s;-webkit-transition:3.4s;-moz-transition:3.4s;-o-transition:3.4s;-ms-transition:3.4s; }
a:active {color:#fff; }


ul
{
list-style:square;
margin-left:-10px; }

blockquote
{
background-color: #f7f7f7;
padding: 5px;
margin-left: 10px; margin-right: 10px; }

/* NAVIGATION */

#navi{
text-align:center;
margin-left:25px;
margin-top: 220px;
width:200px;
padding:12px;
position:absolute;
z-index: 9999; }

#ichi {
margin-bottom:4px;
color:#b2b2b2;
width: 60px;
background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');
padding: 4px;
opacity: 0.6;
font-size: 8px;
text-transform: uppercase;
letter-spacing:1px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#ichi:hover { opacity: 1; }

/* END NAVIGATION */





b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #FFF;
 background: #314d0c;
 letter-spacing: px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #000;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color:  ;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}





.hoverbox {
 position: fixed;
 background-color: #fff;
 opacity: 0;
 width: 208px;
 height: 235px;
 padding: 5px;
 left: 667px;
 top: 138px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 280px;

 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;

 }








.hoverbox1 {
 position: fixed;
 background-color: #fff;
 opacity: 0;
 width: 200px;
 height: 300px;
 padding: 5px;
 left: 840px;
 top: 270px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 270px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;
}






#url1 a {
 margin: 0 auto;
 left: 380px;
 right: 0px;
 width: 100%;
 text-align: ;
 top: 180px;
 position: fixed;
 font-size: 48px; /*change url size here*/
 letter-spacing: 2px;
 color: #114636; /*change url color here*/
 font-family: Prata;
 text-shadow:
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF; /*change url shadow color here*/
}

#url1 a:hover {
 color: #3b3439; /*change url hover color*/
}







.hoverbox {
 position: fixed;
 background-color: #fff;
 opacity: 0;
 width: 270px;
 height: 126px;
 padding: 5px;
 left: 380px;
 top: 137px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 137px;

 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;

 }




 </style>










<div id="url1">
<a href="#1">

BEAST BOY
<span style="font-family: andale mono,times; font-size: 20px; color: ;"><i> Garfield Logan
</i>
</span>

</a>
</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: 110px; height: 190px; background-color: #fff; position: absolute; top: 232px; left: 380px; overflow: auto; text-align: left; border-left: 4px solid #000; border-right:  px solid #000;"><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-color: # ; position: absolute; top: 241px; left: 392px; overflow: auto; text-align: left; border: 1px solid gray;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

 <img src="https://s-media-cache-ak0.pinimg.com/564x/8c/7c/0b/8c7c0b8cad97c4678876abc28f828308.jpg" alt="" width="90" height="170" />

</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: 320px; height: 350px; background-color: #fff; position: absolute; top: 232px; left: 505px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><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-color: ; position: absolute; top: 236px; left: 827px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: 12; color: #000000;">

<i><b>pm friendly ; </b></i><br /><br />
<i><b>codes ; <a target="_blank" href="https://roleplay.chat/profile.php?user=The+Gem" target="_blank" data-title="Raven">the gem</a> </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />
<i><b> ;  </b></i><br /><br />





</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: 280px; height: 310px; background-color: #  ; position: absolute; top: 252px; left: 525px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: 20; color: #000000;">

 <b>L</b></span><span style="font-family: andale mono,times; font-size: 15; color: #000000;">ogan Garfield.
<br /><span style="font-family: andale mono,times; font-size: 11; color: #000000;">
Test.
</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: 115px; height: 150px; background-color: #fff; position: absolute; top: 432px; left: 380px; overflow: auto; text-align: left; border-left: 4px solid #000; border-bottom:  px solid #000;"><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: 105px; height: 135px; background-color: #; position: absolute; top: 442px; left: 390px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: 9; color: #000000;">

 <b>
• NAME<br /></b>
logan garfield<br /><b>
• ALIAS<br /></b> beast boy<br />
<b>• Text</b><br /> Text<br />
<b>• </b><br />Text<br />
<b>• </b><br />Text<br />
<b>• </b><br />Text<br />
<b>• </b><br />Text<br />





</span></div>






<a target="_blank" href="https://roleplay.chat/profile.php?user=The+Gem" target="_blank" data-title="Raven">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 380px; overflow: auto; text-align: left; border-left: 4px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user= " target="_blank" data-title=" ">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 410px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user= " target="_blank" data-title=" ">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 435px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user= " target="_blank" data-title=" ">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 460px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user= " target="_blank" data-title="">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 485px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user= " target="_blank" data-title="">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: 10em 10em 10em 10em; opacity: 1; width: 18px; height: 18px; background-color: #fff; position: absolute; top: 589px; left: 510px; overflow: auto; text-align: left; border-left: px solid #000; border-bottom:  px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div></a>