Ganny

<style type="text/css">

@import url(//fonts.googleapis.com/css?family=Nixie+One);
@import url(//fonts.googleapis.com/css?family=Stalemate);
@import url(http://fonts.googleapis.com/css?family=Dosis);
@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import url(http://fonts.googleapis.com/css?family=Play|Arizonia);
@import url(https://fonts.googleapis.com/css?family=Voltaire|Abel);
@import url(https://fonts.googleapis.com/css?family=UnifrakturCook:700);
@import url(https://fonts.googleapis.com/css?family=Rationale);
@import url(http://fonts.googleapis.com/css?family=Honey+Script);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);



#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

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



body{
background-size: 100% 100%;
background-color:#000;
background-image:url(http://i.picpar.com/RcLb.jpg);
background-position: center;
background-repeat:no-repeat;
background-attachment:fixed;
}

a, a:visited {
 color: #ab3322;
 text-decoration: none;
 }

 a:hover {
 color: #ab3322;
 text-decoration: none;
 }

 b {
 color: #b49d5a;
 font-size: 16px;
 }

 i {
 color: #ccc;
 font-size: 16px;
 }


::selection {color: grey; background-color:none;}
::-moz-selection {color: #ce938f; background-color:#ffffff;}

::-webkit-scrollbar { width: 5px; height:0px; }
::-webkit-scrollbar-thumb:vertical {
background-color: #6E929D; border: none; }



h3 {
font-family: 'bodyfont';
color: #7C1919;
font-size:21px;
letter-spacing:2px;
margin-bottom:5px;
margin-top:8px;
text-align: center;
width: 100%;
border-bottom:1px solid gray;}

 h2{
font-size: 23px;
width: 100%;
color: #8E2B07;
font-family: headerfont;
font-weight: normal;
line-height: 12px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid #dbebea;
}


h2:first-letter{
color: #8E2B07;
font-size: 23px;
font-weight: bold;
text-shadow: 0px 0px 3px #fafafa;
}

h1 { Color: #620066; Border-bottom: 1px solid #fff; Border-left: 40px solid #AD00B3; Border-right: 40px solid #AD00B3; font-size:16px; text-align: center; Text-Shadow: #555 2px 1px 1px; font-family: 'Architects Daughter', cursive; Margin-top: 6px;}


 .derp{
position:absolute;
top:15%;
left:15.50%;
width:480px;
}

a.gluttony:link, a.gluttony:active, a.gluttony:visited{
display: block;
float: left;
width: 55px;
height:55px;
margin-right: 25px;
border:6px double #;
background-size: 100% 100%;
background-color:#;
background-image:url(http://i.imgur.com/EHJK5cB.png);
background-position: center;
background-repeat:no-repeat;
transform: rotate (-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate (-45deg);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.gluttony:hover{
border:6px double #;
background-size: 60%;
background-color:#;
background-image:url(http://i.imgur.com/ZrrcHCP.png?1);
background-position: center;
background-repeat:no-repeat;
text-decoration: none;
-webkit-transform:rotate(-720deg);
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

.boxoshit {
background-color: #;
border: none;
color: #4DABA9;
font-size: 16px;
font-family: Rationale;
height: 320px;
left: 445px;
opacity: 0;
overflow: auto;
padding: 5px;
position: fixed;
text-align: left;
top: 305px;
width: 461px;

}

.boxoshit:target {
background-color: #000;
border: none;
height: 380px;
left: 15%;
opacity: 0.8;
overflow: auto;
padding: 5px;
position: fixed;
top: 30%;
width: 461px;
z-index: 40;

}

.circle{
border-radius:150px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

.circle:hover{
border-radius:150px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);

}



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


</style>

<div id="noclick" oncontextmenu="return false;">

<img src="http://i.picpar.com/4aLb.png" height="100%" style="position:fixed; bottom:0%; right: 2%;">



<div id="icon">
</div>

<div id="image">
</div>
<div class="derp">
<a href="#I" class="gluttony"></a>
<a href="#Am" class="gluttony"></a>
<a href="#War" class="gluttony"></a>
<a href="#Bow" class="gluttony"></a>
<a href="#Down" class="gluttony"></a>
<a href="#Reset" class="gluttony"></a>
</div></div>

<div id="I" class="boxoshit">
<h3>Stats</h3>
<b>{</b>Name:: Gannicus<br>
 <b>{</b>Alias:: Warrior Demi-God<br>
 <b>{</b>Race:: Kitsune Demi-God<br>
 <b>{</b>Age:: Unknown<br>
 <b>{</b>Sex:: Male<br>
 <b>{</b>Height:: 6'4"<br>
 <b>{</b>Weight:: 215 lbs<br>
 <b>{</b>Hair Color:: Black to Red Grenadine<br>
 <b>{</b>Eye Color:: Crimson<br>
 <b>{</b>Occupation:: Warrior Demi-God<br>
 <b>{</b>Orientation:: Pansexual<br>
 <b>{</b>Status:: Single <br>
 <b>{</b>Personality:: Bold, Hot Tempered, Cocky, Eccentric<br>
 </div>



 <div id="Am" class="boxoshit">

<h2>The Kitsune Warrior God</h2>
 <h3>Lore</h3>
Heir to the title of Warrior God of all Kitsune, Gannicus is the best of all Kitsune Warriors known to all beings. Skilled tactician and a brave warrior who doesn't fray from any type of fight. Even if it is one he would probably lose. Even he loses the battle, he will have the victor knowing he was in one hell of a fight. That being said, Gannicus can be brash, bold, and a bit cock sure. But it doesn't come without merit. He has lead the warrior kitsune tribe of Tyrana to victory against the inumimi horde of Kobal. A five to one odds of victory and they won by the fact that Gannicus had predicted every single tactic that the Horde of Kobal could possibly imply. Always favoring the underdogs of his people he ensured that they either won or fought to the point they were never bothered with again. A hero to many. A villain to some. Gannicus was a name that was known and either revered or despised. He cares not and does what must be done so he remains the only heir to the title of Warrior God of all Kitsune kind.



 </div>




 <div id="War" class="boxoshit">
<h3>Abilities</h3>
<br><br>
<div style="float: left; margin-left: 8px; width: 50%;">
 <b>Physical & Mental Abilities</b>
 <li><i>Superhuman Strength</i></li>
 <li><i>Superhuman Stamina</i></li>
 <li><i>Keen Senses</i></li>
 <li><i>Hyper Reflexes</i></li>
 <li><i>Hyper Foresight</i></li>
 <li><i>Superhuman Speed</i></li>
 <li><i>Telepathy</i></li>
 <li><i>Psionic Shield</i></li>
 </div>
<div style="float: right; margin-left: 8px; width: 45%;">
 <b>Kitsune Abilities</b>
 <li><i>Fox Fire</i></li>
 <li><i>Illusion Magic</i></li>
 <li><i>Dream Manipulation</i></li>
 <li><i>Kitsune Mimicry</i></li>
 <li><i>Insanity Inducement</i></li>
 <li><i>Shapeshifting</i></li>
 <li><i>Flight</i></li>
 <li><i>Life-Force Absorption</i></li>
 </div>




 </div>



 <div id="Bow" class="boxoshit">
<h3>The Ones Worthy</h3>
<center>
<a href="https://roleplay.chat/profile.php?user=Peace" target="_blank" title="Peace"><img src="http://i.imgur.com/R5mbapX.png " height="120" width="120" align="left"></a> - Peace -<br> The Adorable Mute Kitsune<br>

</div>

 <div id="Down" class="boxoshit">
<h3>Out of Sake</h3>
 <li><i>Semi-PM Friendly. PM Rps Only for those I know and Intimate Scenes. Don't like it, ask Dav for the Boxes Back.</i></li>
<li><i>Smut Rp is something that is a here nor there subject. Interest me and we'll see where it goes in RP.</i></li>
<li><i>Story is better than Smut. Long Term is better than Short. Quality of Post is better than Quanity of Post.</i></li>
<li><i>Long Term Partners have Priority.</i></li>
<li><i>Will not change my character for your rp idea.</i></li>
<li><i>I Favor Room Rp over Pm Rp.</i></li>
<li><i>Artwork is not mine. Will take down upon request.</i></li>
<li><i>RL takes priority over Rp all the time. Deal with it.</i></li>
<li><i>Gannicus is not me. I'm not Gannicus.</i></li>
<li><i>I have an Offline Messenger. That is Earned.</i></li>
<li><i>Can pull BRBs and AFKs frequently. Apologies. Will Return</i></li>
<li><i>This code was made and edited for me by a friend. DON'T TOUCH IT. Don't be that asshole.</i></li>
<br><br>
<b>bold</b> <i>italics</i> <a href="profile.php?user=" target="_blank">Link</a>.
</div>

</div>
</div>