Kusanagi code (old)

<style type='text/css'>

/* unvisited link */
a:link {
 color: #FFF;
}

/* visited link */
a:visited {
 color: #0FF;
}

/* mouse over link */
a:hover {
 color: #00F;
}

/* selected link */
a:active {
 color: #000;
}

#appheader {
width: 480px;
height:300px;
background: #2E2935;
margin:0px auto;
background-color:#2E2935;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #88858d; margin:0px;
	padding:0px;
 background: url('http://i.imgur.com/WgUXZAI.png');
	text-align:center;
}

.banner { position: relative; top: 22px; }
#header { background-color: transparent; width: 745px; position: relative; z-index: 2; }
.footer { width: 100%; background-color: #222; padding: 10px 0px; text-align: center; color: #bbb; position: relative; z-index: 3; border-top: 20px solid #000; }

#app_hover {
 width: 480px;
 height: 300px;
 position: relative;
 overflow: hidden;
background-color:#15141D;
}

#app_hover .app_inside {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
o-transition: all .5s ease-out;
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 480px;
 height: 300px;
}

#app_hover:hover .app_inside {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
o-transition: all .5s ease-out;
 top: -320px;
}

#app_container{
 height: 280px;
 width: 480px;
 padding: 30px 0px;
 background: #15141D;
 color: #777;
 text-transform: uppercase;
 font-family: 'Exo', sans-serif;
 line-height: 100%;
 padding-top: 10px;
 text-align: center;
 letter-spacing: 2px;
 border:1px solid #111;
}

.app_title{
 display:block;
 font: 18px "Economica";
 line-height:16px;
 background: #1C1925;
 color:#ddd;
 padding:10px;
 margin:0px auto;
 border-bottom:1px solid #131611;
 text-transform:uppercase;
}

#app span{
 display:block;
 width:50%;
 float:right;
 text-align:right;

}

#app_name {
 margin-top:30px;
 padding:30px;
 font: 31px "wire one";
}
#app_details {
 font-size:9px;
 margin:10px 20px ;

}
#app_quote {
 text-transform:lowercase;
 font-style:italic;
 font-size:9px;
 margin:10px 40px ;
}

#app {
width:480px;
 padding: 10px 10px;
 background: #111;
 margin:20px auto 0px auto;
}

#revo_cred {width:480px; margin: 0px auto 20px auto; font-size:8px; text-transform:uppercase; text-align:center; }
#revo_cred a {font-weight:bold; text-decoration:none;}

.app_info {
 background:#ddd;
 color:#ccc;
 padding:10px;
 height:200px;
 overflow:auto; }

.accordion3 {
margin:0px auto;
width:480px;
background: #111;
font: 9px arial;
letter-spacing:1px;
}

.accordion3 ul {
list-style:none;
margin:0;
padding:0;
}
.accordion3 li {
margin:0;
padding:0;
}
.accordion3 [type=radio], .accordion [type=checkbox] {
display:none;
}
.accordion3 label {
 display:block;
 font: 18px "Economica";
 line-height:16px;
 background: #1C1925;
 color:#ddd;
 cursor:pointer;
 text-transform:uppercase;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
}

.accordion3 ul li label:hover, .accordion3 [type=radio]:checked ~ label, .accordion3 [type=checkbox]:checked ~ label {
background:#36313F;
background-position: top right;
color:#fff; }


.accordion3 .content3 {
color:#777;
background:#2E2935;
padding:0px 10px;
height:200px;
overflow:auto;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
text-align:justify;
font-size:10px;
}
.accordion3 .content3 .info{
 padding:10px;
}


.accordion4 .content4 {
color:#777;
background:#2E2935;
padding:0px 10px;
height:200px;
overflow:auto;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
text-align:justify;
font-size:10px;
}
.accordion4 .content4 .info{
 padding:10px;
}


.app_foot{
 display:block;
 font: 11px "Economica";
 line-height:16px;
 background: #1C1925;
 color:#ddd;
 padding:10px;
 margin:0px auto;
 text-align:center;
 text-transform:uppercase;

}

/* Vertical */
.vertical3 ul li {
overflow:hidden;
margin:0 0 1px;
}
.vertical3 ul li label {
padding:10px;
}
.vertical3 [type=radio]:checked ~ label, .vertical3 [type=checkbox]:checked ~ label {
border-bottom:0;
}
.vertical3 ul li label:hover {
}
.vertical3 ul li .content3 {
height:0px;
border-top:0;
}
.vertical3 [type=radio]:checked ~ label ~ .content3, .vertical3 [type=checkbox]:checked ~ label ~ .content3 {
height:300px;
}

</style>

<div id="app">

<div class="app_title">DATABASE FILE #97345

<span> ZOIDIAN</span></div>

<div id="appheader"><div id="app_hover"><div class="app_inside"><div id="app_img">

<img src="http://i.imgur.com/jpkRJxx.png" height="300" hspace="20"/>

</div>
<div id="app_container">
<div id="app_name">

MOTOKO KUSANAGI</div>

<div id="app_details">

31 | MERCENARY | <a target="_blank" href="http://i.imgur.com/BysNbz7.png">ANCIENT ZOIDIAN</a> <br />
COMPASSIONATE | LONE WOLF | DETERMINED</div>

<div id="app_quote">"

NO CHALLENGERS HERE.

"</div></div></div></div></div><div class="accordion3 vertical3">
<ul><li><input type="radio" id="radio-1" name="radio-accordion3" checked="checked" /><label for="radio-1">PILOT</label><div class="content3"><div class="info">

As a pilot, Motoko relies largely on her bond with her Hayate Liger wich is known for its chrome armor. As a Zoidian, she has the unique ability to, while piloting, merge her consciousness with her Zoid; this enables her to see through its eyes and react very quickly, but also results in shared pain- both physical and otherwise. Able to communicate with it even without the bond, but while piloting she's just as likely to lose her temper- subject to the overwhelming firestorm that is Hayate's temper and tendency to go berserk, even ignoring damage and pain for the sake of annihilating targets, but blacking out soon after or once the Zoid loses consciousness. This state is similar to sleeping with one's eyes open, usually moving the controls as if she was piloting normally but with a reaction time that makes Hayate's top speed and her resilience a terrifying combination. She cares for the Zoid like it is her family and an extension of her on body.

</div></div></li><li><input type="radio" id="radio-2" name="radio-accordion3" /><label for="radio-2">PERSONALITY</label><div class="content3"><div class="info">

Motoko is kind, though she may seem aloof until she warms up to you. Her refusal to upgrade to a different unit (as many have pointed out Hayate has no ranged weaponry) is simply due to the bond with the Zoid, a blue-eyed chrome Hayate Liger. Though she's not above modifying Hayate to compensate for the lack of ranged weaponry if the need arises, even temporarily.<br /><br />

Despite being a lone wolf and preferring to fight on her own, she longs for company; yet will rarely seek it out. She's not easy to find for a contract unless you know where to look.

</div></div></li><li><input type="radio" id="radio-3" name="radio-accordion3" /><label for="radio-3">ZOID & ABILITIES</label><div class="content3"><div class="info">

<b>Physical strength</b>: Wall+ (Held back a moving helicopter.)</br>
<b>Attack potency/Destructive capacity</b>: Wall+</br>
<b>Durability</b>: Wall+ (Ancient Zoidian anatomy may be partially or fully biomechanical.)</br>
<b>Speed</b>: Faster than the eye can see+ with hypersonic reactions.</br>
<b>Intelligence</b>: Combat genius, skilled in martial arts and hacking with high deductive skills. Experienced soldier and officer. Served in whatever army the Ancient Zoidians might've had before the Deathsaurer.</br>
<b>Range</b>: Melee, hundreds of meters with firearms or a Zoid.</br>
<b>Weaknesses</b>: Unknown.</br>
<b>Organoid</b>: A metallic silver Organoid that has no name. Granted she often used this same organoid to rip out Zoid cores in battles, she seems to have a telepathic link with it.</br>

<hr>

<center><img src="http://i.imgur.com/AwuuLtl.png"></br></br>

<b>Weapons</b> :: Murasame Blade, Murasame Divider, Chase Pile Driver (2), Cowl Strike Blade (9), Crush Bite, Strike Laser Claw (4), Tail Blade</br></br>
<b>Equipment</b> :: Hayate Booster (2), Hayate Stabilizer Blade (2)</br></br>
<b>Maximum Speed</b> :: 420 km/h (260.976 mph)</br></br>
<b>Acceleration to Max</b> :: 0.5 to 1.2 seconds in short bursts.</center>

</div></div></li></ul></div>

<div class="app_foot ">OOC: Story > smut / Zoids AU / Never start with a Post / IC =/= OOC</div>
</div><div id="revo_cred">application template by <a target="_blank" href="http://rpg-directory.com/user-2680.html">revo. @ rpg-d</a></div>