Cobalion // Not Mine

<center>
		<h3 class="pfor">Profile for "Cobalion"</h3><div id="profile"><style onload="try {document.title = ' iron will ' ;} catch (e) { }" type="text/css">
@import url(http://fonts.googleapis.com/css?family=Rajdhani);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Kanit:900,900italic);

.pfor {display: none;}

body, a:hover {cursor: url(http://i.picpar.com/6nKb.gif), auto;}

#profile { background-color: transparent; border: 0px; }

body{
background-color: #000201;
font-family: 'PT Sans';
font-size: 10px;
color: #ebfbf8;
transition:all .5s ease-in-out;
}

::-webkit-scrollbar-thumb:vertical{
background-color: #999;
width: 1px;
}

::-webkit-scrollbar {
width: 1px;
background-color: transparent;
}

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

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


h1{
background-color: #ebfbf8;
color: #16463e;
font-size: 20px;
font-family: 'kanit', sans-serif;
font-weight: 900;
font-variant: small-caps;
text-align: center;
margin: 5px;
}

p{
text-indent: 10px;
}

a{
text-decoration: none;
color: #ebfbf8;
transition:all .5s ease-in-out;
}

a:hover{
color:#fff;
transition:all .5s ease-in-out;
}

.picture{
position: fixed;
bottom: 10px;
left: 10px;
height: 400px;
width: 300px;
background-image: url('http://p2.i.ntere.st/925a1287c85642fd0904864a84481db1_480.jpg');
background-repeat: no-repeat;
background-position: -110px -10px;;
border: 5px solid #16463e;
background-color: #16463e;
}


.navitop{
position: fixed;
bottom: 360px;
left: 290px;
height: 20px;
text-align: left;
opacity: .2;
transition: .7s linear;
-webkit-transform: rotate(90deg);
}

body:hover .navitop{
opacity: 1;
transition: .7s linear;
}

.navitop a{
display: block;
height: 5px;
width: 100px;
padding: 2px;
background-color: #16463e;
color: #fff;
font-size: 5px;
line-height: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
transition: .7s linear;
z-index: 3;
}

.navitop a:hover{
background-color: #000201;
transition: .7s linear;
}

.navibottom{
position: fixed;
bottom: 50px;
left: 290px;
height: 20px;
opacity: .2;
transition: .7s linear;
-webkit-transform: rotate(90deg);
}

body:hover .navibottom{
opacity: 1;
transition: .7s linear;
}

.navibottom a{
display: block;
height: 5px;
width: 100px;
padding: 2px;
background-color: #16463e;
color: #fff;
font-size: 5px;
line-height: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
transition: .7s linear;
z-index: 3;
}

.navibottom a:hover{
background-color: #000201;
transition: .7s linear;
}


.name{
position: fixed;
bottom: 186px;
left: 133px;
width: 410px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 60px;
font-family: 'kanit', sans-serif;
font-weight: 900;
font-variant: small-caps;
color: #16463e;
-webkit-transform: rotate(90deg);
opacity: 1;
transition: .7s linear;
}

body:hover .name{
opacity: .2;
transition: .7s linear;
}

.quote{
position: fixed;
bottom: 430px;
left: 10px;
height: 30px;
text-align: center;
font-size: 15px;
font-family: 'Titillium Web', sans-serif;
font-variant: small-caps;
font-style: italic;
color: #16463e;
opacity: 1;
transition: .7s linear;
}

body:hover .quote{
color: #ebfbf8;
transition: .7s linear;
}

.textbox{
position: fixed;
bottom: 10px;
left: 10px;
height: 400px;
width: 300px;
border: 5px solid #16463e;
background-color: #16463e;
overflow: hidden;
opacity: 0;
z-index: -1;
transition: .7s linear;
}

.textbox:target{
opacity: 1;
z-index: 0;
transition: .7s linear;
}

.txt{
height: 390px;
width: 290px;
padding: 5px;
text-align: justify;
overflow: auto;
}

td.first{
width: 145px;
text-align: left;
font-weight: bold;
font-family: 'PT Sans';
font-size: 10px;
color: #ebfbf8;
}
td.last{
width: 145px;
text-align: right;
font-style: italic;
font-family: 'PT Sans';
font-size: 10px;
color: #ebfbf8;
}
.icon{
float: left;
height: 100px;
width: 100px;
border: 3px double #ebfbf8;
background-size: 100px 120px;
background-repeat: no-repeat;
background-position: center;
margin: 5px;
transition: .7s linear;
}


</style>



<div class="picture"></div>
<div class="name">Justice</div>
<div class="quote">With a body and heart of steel. I will protect you.

</div>
<div class="navitop">
<a href="#two"></a>
<a href="#one"></a>
</div>
<div class="navibottom">
<a href="#reset">reset</a>
<a href="#three"></a>
</div>

<div class="textbox" id="one">
<div class="txt">
<h1>Statistics</h1>
<table>
<tr>
<td class="first">Name</td><td class="last">Ryoku</td>
</tr><tr>
<td class="first">Gender</td><td class="last">Male</td>
</tr><tr>
<td class="first">Type</td><td class="last"><a title=""><img src="http://i.imgur.com/h7bayCT.png"></a><a title=""><img src="http://i.imgur.com/jREDoo8.png"></a></td>
</tr><tr>
<td class="first">Species</td><td class="last">Iron Will Pokémon</td>
</tr><tr>
<td class="first">Weapon</td><td class="last">Kusanagi</td>
</tr><tr>
<td class="first">Sexuality</td><td class="last">Heterosexual</td>
</tr><tr>
<td class="first">Maritial Status</td><td class="last">Single</td>
</tr><tr>
<td class="first">Move List</td><td class="last">Sacred Sword, Close Combat, Retaliate, Metal Burst, Protect</td>
</tr><tr>
</tr>
</table>
<p>Ryoku is a member of the Swords of Justice and is its presumed leader. He dislikes humans as history tends to repeat itself and casts him off into battle against humanity in order to protect pokemon everywhere. He doesn't believe in slaughtering them, however. He just has a huge distrust in humanity and will always put his fellow pokemon first.

</p>
<p>He is the sword instructor to the legendary Sword of Justice species known as Keldeo. His tutelage involves invoking ones own self confidence and to attack from a defensive state of mind rather than offensive, to retaliate to an opponent rather than strike first.</p>
</p>
<p>Ryoku considers himself a hero and a vagabond, willing to lend his blade in the protection of others everywhere. Perhaps a bit too confident in his abilities, however.</p>
</div>
</div>


<div class="textbox" id="two">
<div class="txt">
<h1>Friends</h1>
<a href="#" target="_blank">
<div class="icon" style="background-image: url('https://40.media.tumblr.com/46fe9119edabacdf2e13c8be49e7de2d/tumblr_nclb2gN2Tv1qi96iso1_500.jpg');"></div>
<div class="icon" style="background-image: url('https://cdn1.iconfinder.com/data/icons/social-messaging-productivity-4/128/add-user-3-128.png');"></div>
<div class="icon" style="background-image: url('https://cdn1.iconfinder.com/data/icons/social-messaging-productivity-4/128/add-user-3-128.png');"></div>
<div class="icon" style="background-image: url('https://cdn1.iconfinder.com/data/icons/social-messaging-productivity-4/128/add-user-3-128.png');"></div>
<div class="icon" style="background-image: url('https://cdn1.iconfinder.com/data/icons/social-messaging-productivity-4/128/add-user-3-128.png');"></div>
<div class="icon" style="background-image: url('https://cdn1.iconfinder.com/data/icons/social-messaging-productivity-4/128/add-user-3-128.png');"></div>



</div>
</div>

<div class="textbox" id="three">
<div class="txt">
<h1>Out Of Character</h1>
<a title=""><img src="http://i.imgur.com/sRPGuYF.png"></a><a title=""><li>PM Friendly.<br>
<li>Long term is fantastic.<br>
<li>Skype for long terms is the best.<br>
<li>Starting with a post is welcomed.<br>
<li>IC isn't OOC. (I'm pretty awesome like Ryoku though.)
<li>All RP types accepted. (Depending upon mood.)
<li>T1 combat preferred.
<li>No drama here. I can't stress this enough.
<li>I love romance if things go that route.
<li>Let me know if you have to leave, I won't be mad.
<li>I idle quite a bit sometimes. Just leave me a PM.
<li>Pokemon univese only.
<li>Remember to have fun and enjoy yourself!
</div>
</div>

</div></center>

<div id="gaf210imvustylez_youtubebox" style="width:1px;height:1px;overflow:hidden;">

<param name="movie" value="https://www.youtube.com/v/5h9jmQb_pcA?hd=1&autoplay=1&loop=1"></param>
<param name="allowscriptaccess" value="always"></param>
</div></center>
</div></center></div></center></div></center></div></center>
</div></center>
</body>
</html>