Shiro Darkfell

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

body{
background-color:#410606;
background-image:url();
background-position: canter;
background-size:100% 100%;
background-repeat:no-repeat;}


body {cursor: url('http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress !important;}

a:hover {cursor: url('http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress !important;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {border: 1px solid ;}
::-webkit-scrollbar-thumb {border: 1px solid ;}

b{
color: #6E6E13;
font-size: 10px;
font-weight: light;
letter-spacing: 0px;
letter-spacing:1px;
font-family:tahoma;
text-decoration: none;
font-weight: normal;
text-align: left;
}



i{
font-size: 11px;
font-family: arial;
color: #993333;
Text-shadow: #222222 0px 0px 1px;
text-transform: normal;
}

ul {
 font-size: 9px;
 font-family:verdana;
 color: #993333;
 margin-right:30px;
}

a:active, a:link, a:visited {
color: #6E6E13;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
background: transparent;
color:#000;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url('http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;
}

a.tab:active, a.tab:link, a.tab:visited {
background-color: #6E6E13;
border: 2px solid #6E6E13;
border-radius: 75px;
display: inline-block;
height: 10px;
text-decoration: none;
width: 10px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a.tab:hover {
background-color: #6E6E13;
border: #000000 2px solid;
}

#saido1{
width:150px;
height:150px;
padding:10px;
position:fixed;
background-color:#;
border: double #6E6E13;
top:170px;
left:200px;
}

#saido1 img{
width:150px;
height:150px;
left: 213px;
position:fixed;
}

#saido1:hover{
-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;
}

#linkua{
position:fixed;
top:210px;
left:380px
}

#linkua a{
background-color: #6E6E13;
opacity:.7;
display: block;
width: 60px;
height: 12px;
font-family: calibri;
font-size: 10px;
color: #fff;
padding-top:5px;
padding-bottom:5px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 5px;
letter-spacing: 1px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;

}

#linkua a:hover {
opacity:1;
background-color: #111111;
color: #fff;
transparent;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}

#linkub{
position:fixed;
top: 210px;
left:135px
}

#linkub a{
background-color: #6E6E13;
opacity:.7;
display: block;
width: 60px;
height: 12px;
font-family: calibri;
font-size: 10px;
color: #fff;
padding-top:5px;
padding-bottom:5px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 5px;
letter-spacing: 1px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;

}

#linkub a:hover {
opacity:1;
background-color: #111111;
color: #fff;
transparent;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}



.thecontent {
background-color: #transparent;
border: 2px solid #transparent;
color: #ffffff;
font-size: 11px;
font-family:consolas;
text-transform:uppercase;
left: 1px;
opacity: 0;
overflow: auto;
padding: 5px;
position: fixed;
text-align: left;
bottom: 1px;
width: 1px;
height: 1px;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}

.thecontent:target {
background-color: #transparent;
border: 2px solid #000000;
left: 20px;
opacity: 1;
overflow: auto;
padding: 5px;
position: fixed;
bottom: 30px;
width: 500px;
height: 250px;
z-index: 40; }


 h2 {

color: #ffffff;
font-size: 15px;
font-weight: light;
letter-spacing: 2px;
font-family: fangsong;
text-transform: normal;
text-decoration: none;
font-weight: normal;
margin-top: 6px;
margin-bottom: 7px;
text-align: right;
opacity: 0.7;
line-height: 15px;
Text-shadow: black 1px 1px 1px;
border-bottom: solid white;

}

a{text-decoration:none; font-size: 12px; color:white;}

#title {
background-color: transparent;
color: #000000;
font-size: 30px;
height: 35px;
left: 500px;
position: fixed;
text-align: left;
bottom: 200px;
width: 299px;
font-family: "YanoneKaffeesatzThin";
}


#noclick{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}

</style>


<div id="noclick" oncontextmenu="return false;">
<img src="http://i.imgur.com/1lIonH7.png" height="100%" style="position:fixed; bottom:0%; right: 16%;">
<div id="saido1"><a href="#"><img src="http://i.imgur.com/1JAOAMD.png"></a></div>

<div id="linkua">
<a href="#a">stats</a>
<a href="#b">about</a>
<a href="#c">friends</a>
</div>
<div id="linkub">
<a href="#d">Items</a>
<a href="#e">Diary</a>
<a href="#f">ooc</a>
</div>


<div id="the">
</div>


<div id="a" class="thecontent">
<h2>dossier.</h2>

<b>Name:</b> Shiro Darkfell<br>
<b>Age:</b> 21<br>
<b>Gender:</b> Male<br>
<b>Height:</b> 5'8''<br>
<b>Weight:</b> 140lbs<br>
<b>Hair:</b> Short and Black<br>
<b>Eyes:</b> Light Brown. Gold when Feral.<br>
<b>Distinguishing Features:</b> Black wolf ears and long black wolf tail.<br>
<b>Appearance matches current picture.</b><br>



 </div>

 <div id="b" class="thecontent">

<h2>biography.</h2>
<b>Likes:</b> Adventuring and discovering new places, helping those he can.<br>
<b>Dislikes:</b> Pointless displays of power, being unable to help others in trouble or danger.<br>
<b>Hobbies:</b>Reading, experimenting with magic, collecting ancient texts and artifacts.<br>
<b>Personality:</b> Most of the time Shiro can be withdrawn and not very sociable when he is around new people or his attention is focused elsewhere, but around those he calls friend he is much more open and can be quite friendly.<br><br>













 </div>
 <div id="c" class="thecontent">
<h2>Acquaintances.</h2>



<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>




<br><br>
<h2>Hostile's.</h2>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>

<a href="Link here"><img src="http://i59.tinypic.com/1z4idjs.jpg" width="76" height="76" title="Description."></a>


 </div>
 <div id="d" class="thecontent">

<h2>Equipment</h2>
When it comes to Shiro's attire it is simple to say that it changes on a whim most of the time. One moment he could be in a something typical for a fantasy world, the other he could be sporting something more modern. The cloak that he is known to wear on his journeys serves as an extra-dimensional storage and can change it's appearance to suit his desire, whatever that may be at the time. Black leather boots and fine cloth pants are what serve to cover the lower half of him while the top is garbed in a rough spun silk shirt and light leather doublet. When he wishes for a modern attire he'll be seen wearing your typical black short sleeved shirt and black cargo pants as well as combat boots.<br>
Gear wise all the young wolf owns is crystal tipped wand made from ancient Ebony and a large leather bound Grimoire wrapped in several Sealing talismans.<br><br>
More shall be added as I find the energy to finish out this profile. Soon to come: Spells and other shite.



</div>


 <div id="e" class="thecontent">
<h2>Recent Events.</h2>
As and when they happen.

</div>

 <div id="f" class="thecontent">

<h2>out of character.</h2>
<b>-</b> Code is not mine. It is made from Zero and Sammie. I was allowed to use it. Don't touch! <br>
<b>-</b> Mostly PM friendly. <br>
<b>-</b> No drama! IC drama only!<br>
<b>-</b> Grammar, have some grasp. Don't have to be perfect. <br>
<b>-</b> IC =/= OOC <br>
<b>-</b> No OOC info given. <br>
<b>-</b> Respec. Give it to get it. <br>
<b>-</b> Art is mine. It was bought and paid for and given as a gift! <br>
<b>-</b> Long term or short term not picky. <br>
<b>-</b> All rp accepted. <br>
<b>-</b> Have the right to refuse or drop any rp I see fit. <br>
<br><br>

</div>


<div id="title">

</div>