Xander new profile

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(https://fonts.googleapis.com/css?family=Kalam);
@import url('https://fonts.googleapis.com/css?family=Rajdhani');
@import url('https://fonts.googleapis.com/css?family=Teko');

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #5B0303; }

body {
background-image: url("");
background-repeat: repeat;
background-color: #000;
background-size: ;
background-position: bottom right;
margin: 0;
}

@font-face{font-family: 'bodyfont';src:url(https://dl.dropboxusercontent.com/u/4556289/yataghan.ttf);}

.name{position: absolute;z-index:50;left: 0%;top:-4%;color: #000;text-shadow: 0px 0px 5px #61A5C0;font-family: pathway gothic one;line-height:00px;text-align:center;font-size: 2.5vw;letter-spacing: 0vw;}

#holder { z-index: 3; background: url(); background-size:; background-position: bottom left; background-repeat: repeat; position: absolute;box-shadow:0px 0px 20px #;background-color:#;
border: 1px solid #; top: 20%; left: 32%; height: 60%; width: 45%;opacity: 1;}

#picframe { z-index: 3; background: url(); background-size: 100% 100%; background-position: bottom left; background-repeat: repeat; position: absolute;box-shadow:0px 0px 20px #;background-color:#;
border: 1px solid #; top: 0%; left: 0%; height: 100%; width: 45%;opacity: 1;}
#pic { z-index: 5; background: url(http://i.imgur.com/0sqBTMa.jpg); background-size: 100% 100%; background-position: bottom left; background-repeat: repeat; position: absolute;box-shadow:0px 0px 20px #;
background-color:#000;border: 1px solid #; top: 2%; left: 3%; height: 96%; width: 93.5%;opacity: 1;-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
#pic:hover { z-index: 5; background: url(http://i.imgur.com/gYfYGRv.jpg?3); background-size: 100% 100%; background-position: bottom left; background-repeat: repeat; position: absolute;opacity: 1;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.bar {position: absolute; top: 0%; left:0%; background: #1C79BA; width: 70%; height: 2%;background-image: url("");background-repeat: repeat;background-size:;border-radius: 0px 50px 50px 0px;}
.bar2 {position: absolute; top: 0%; left:0%; background: #1C79BA; width: 3%; height: 40%;background-image: url("");background-repeat: repeat;background-size: ;border-radius: 0px 0px 50px 50px;}
.bar3 {position: absolute; bottom: 0%;right:0%; background: #1C79BA; width: 70%; height: 2%;background-image: url("");background-repeat: repeat;background-size: ;border-radius: 50px 0px 0px 50px;}
.bar4 {position: absolute; bottom: 0%; right:0%; background: #1C79BA; width: 3%; height: 40%;background-image: url("");background-repeat: repeat;background-size: ;border-radius: 50px 50px 0px 0px;}

.content {position: absolute;z-index: -1; left: 38%; top:0%; border: 1px solid #;border-radius: 0px 0px 0px 0px; height:98%; width:45%; background-color:#; overflow-x:auto;overflow-y:auto;
font-family:Farsan; font-size:16px;line-height:15px;padding:3px;opacity:0;color:#E6E6E6;-webkit-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}
.content:target{position: absolute;z-index: 3;left:50%; opacity:0.9; -webkit-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}

.tab1 { z-index:10; position: absolute; top: 21%; left: -8%; width: 7%; height: 5%;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab1:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.tab2 { z-index:10; position: absolute; top: 27%; left: -8%; width: 7%; height: 5%;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab2:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.tab3 { z-index:10; position: absolute; top: 33%; left: -8%; width: 7%; height: 5%;;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab3:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.tab4 { z-index:10; position: absolute; bottom: 33%; right: -8%; width: 7%; height: 5%;;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab4:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.tab5 { z-index:10; position: absolute; bottom: 27%; right: -8%; width: 7%; height: 5%;;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab5:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.tab6 { z-index:10; position: absolute; bottom: 21%; right: -8%; width: 7%; height: 5%;;background: url(http://i.imgur.com/vW0lC9f.png);background-size: 100% 100%; -webkit-filter: grayscale(100%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.tab6:hover { z-index:10; position: absolute; border-radius: 0%;background-color: #4;border:2px solid #;-webkit-filter: grayscale(0%);-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

h1 {width: 100%; height: auto; font-size: 20px;font-family:bodyfont;margin-top:10px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #; color: #2e95dd;}
b { color: #2e95dd;}

a {color: #A0D4E9; text-decoration: none; }
a:hover {color: blue; text-decoration: line-through;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}

</style>

<div id="holder">
<div id="picframe">
<div class="name">
Xander Shadows
</div>
<div class="bar"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
<a href="#4"><div class="tab4"></div></a>
<a href="#5"><div class="tab5"></div></a>
<a href="#Reset"><div class="tab6"></div></a>
<div id="pic"></div>
</div>

<div id="1" class="content">
<h1>Title</h1>
<b>NAME:</b> Xander Shadows<br>
<b>NICKNAMES:</b> X or Xan<br>
<b>AGE:</b> 30<br>
<b>GENDER:</b> Male<br>
<b>HAIR:</b> Black<br>
<b>EYES:</b> Sapphire Blue - Human / Wolf - Amber<br>
<b>HEIGHT:</b> 6'6"<br>
<b>WEIGHT:</b> 215<br>
<b>BUILD:</b> Muscular, Tall, Built<br>
<b>SPECIES:</b> Werewolf<br>
<b>Martial/Relationship status:</b> <a target="_blank" href="https://roleplay.chat/profile.php?user="><font color="#ffffff">?</font></a><br>
<b>SEXUALITY:</b> Demisexual<br>
<b>Family:</b> Sierra Rae<br>
<b>OCCUPATION:</b> Owner of a chopper Shop.<b>
</div>

<div id="2" class="content">
<h1>Title</h1>
Xander Joseph Shadows was born sometime at the turn of the 5th Century.
<br>
Nothing is known about his family other than he was born into a pack called the Silver moon Pack, his mother was a human who was bitten by a werewolf while she was pregnant with Xander. His father was a pack alpha and born a wolf, there are no records of any other family, no siblings could be documented.</br>
<br>
Xander left the pack after a deadly disease wiped out all remaining wolves, being born in what is Canada he moved from different packs learning different things.</br>
<br>
Now that he has grown up he works as a car mechanic and lives in a nice cabin just outside of town, nobody knows him accept his name, other than that they don't ask anything.
<br>
<br>
Xander has enhanced strength, sight, hearing and can run faster and longer than normal wolves. But when Xander is human? He still has the same as his werewolf, he will protect those around him at all costs. There are some secrets that will not be told. Not even some know of his origins except that being born during the bronze age of time.
</div>

<div id="3" class="content">
<h1>Title</h1>
Quiet, Outgoing, Kidder, Kind Heart, Hard Worker and Determined. Face claim: Pedro Soltz
<br>
<br><b>Scent:</b> Pine and Evergreen
<br><b>Old Pack:</b> Silvermoon Pack
<br><b>New Pack:</b>
<br><b>Rank:</b> Rogue
<br><b>Mate:</b> Geneva
<br><b>Tattoos/Piercings/scars:</b> Tribal tattoo on upper right shoulder, several old battle scars on his back, legs and neck.
<br>
<br>
<b>LIKES:</b> Working on bikes, Drinking, hunting as a wolf.<br>
<b>DISLIKES:</b> Liars, Cheaters and those who think they're all that and those who are fakers.<br>
<b>MUSIC:</b> Alternative, Classic Rock, Jazz/Blues<br><br>
<br>
<br>
</div>

<div id="4" class="content">
<h1>Title</h1>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Adrian"> Adrian. </a> A good friend.

</div>

<div id="5" class="content">
<h1>Title</h1>
<ul>
<li><b>Note:</b> Profile made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Pachi" target="_blank">Pachi</a>. Please do not steal. Ask for a profile or permission to use.
<li>Face Claim: Pedro Soltz
<li>Pics are not mine
<li>IC is not OOC
<li>Be respectful
<li>Real life first
<li>Somewhat Friendly
</ul>
</div>
</div>
</div>
</div>