Coding for Jonn

[Jack'Aran]

<style type="text/css">
#affiliates:hover, #JLA:hover, #ooc:hover {
opacity:1;}

p{padding:10px;
color:#FFF;}

strong {
color:#FF0;
}

.affiliate1 {
width:100%;
color:#FFF;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.affiliate1:hover {
background-color:#333;
opacity:0.5;
}


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

h1 {
z-index:3 !important;
text-shadow:0px 0px 15px #000;
cursor:default;
font-size:15pt;
font-family: 'Century Gothic';
text-transform: normal;
text-align: center;
letter-spacing:-1px;
line-height: 15pt;
font-variant:small-caps;
/*color: #000000; -Classic */
color: #FFFF00;
padding: 1px;
font-weight: normal;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;
}


#stats {
min-height:300px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #000000 1%, #003311 3%, #225500 18%, #003300 75%, #224400 95%, #000000 100%); = Commando
/* background: -moz-linear-gradient(top, #FF8811 1%, #FF7700 3%, #0033F9 18%, #0066F9 75%, #2266FF 95%, #FF8811 100%); =Classic
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FF8811), color-stop(3%,#FF7700), color-stop(18%,#0033F9), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

#affiliates{
opacity:0.7;
min-height:10px;
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #000000 1%, #000000 3%, #006611 18%, #336600 75%, #000000 95%, #000000 100%);*/ = Commando
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


#JLA{
opacity:0.7;
min-height:80px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #000000 1%, #000000 3%, #006611 18%, #336600 75%, #000000 95%, #000000 100%); /* Commando */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}



#ooc {
opacity:0.7;
min-height:150px;
background: #333333; /* Old browsers */
/* background: -moz-linear-gradient(top, #660000 5%, #6633CC 18%, #663399 49%, #6633CC 63%, #111111 75%, #660000 100%); /*Dreadknight */
background: -moz-linear-gradient(top, #000000 1%, #000000 3%, #006611 18%, #336600 75%, #000000 95%, #000000 100%); /*= Commando */
/* background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */ = Classic
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 10px 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.pfor {display:none;
}
#profile {
text-color: white;
background-color:transparent !important;
border:none;
margin:0 auto;
}



body {
background-color: black
background:url( ) fixed no-repeat center center; /* Classic */
font-family:arial;
font-size:10px;
background-size: 100%;
}

.text
{
text-shadow: 0 0 10px #000000;
color: #FFFFFF;
}


</style>

<div id="stats">
<h1>The Martian Manhunter</h1>
<br>
<br>
<br><center><div class="text"><font size="2"><i><b>"Quiet! Listen, people. This team is not about egos or wardrobes or publicity. It's about handling threats larger than any hero can alone. When history remembers this group and its first mission, will it be of individuals who could not get the job done? Or will it be the greatest superhero team ever assembled, saving the world in its darkest hour?"</b></i></font></div></center>
<br>
<img src="http://img.photobucket.com/albums/v504/col_jack_oneil_Sg1/Characters%20Pictures/JonnJonzz.jpg" style="float:left; padding:5px;" border="0">

<img src="http://fc01.deviantart.net/fs41/f/2009/010/4/b/Martian_Manhunter_001_by_RobDuenas.jpg" style="float:right; padding:5px;" border="0" Height="300" width="220">
<p>
<br><strong>Name:</strong> J'onn Jonzz
<br><strong>Alias:</strong>Martian Manhunter, John Jones
<br><strong>Age:</strong> Unknown
<br><strong>Alignment:</strong> Lawful Good
<br><strong>Race:</strong> Human
<br><strong>Martial Status:</strong> Widower
<br>
<br><strong>Height:</strong> 6'2"
<br><strong>Weight:</strong> 216 lbs
<br><strong>Hair:</strong> Hairless
<br><strong>Skin:</strong> Green
<br><strong>Eyes:</strong> Red
<br><strong>Physique:</strong> Tall and slim
<br>
<br><strong>Residence:</strong>Middle Town, North Carolina
<br><strong>Occupation:</strong> Police Detective
<br><strong>Hobbies:</strong> Paranormal Investigator
</p>
<br>
<br><h1>Personality</h1>
<p>
J’onn is a solider, trained to fight against the enemy of his home world. And hesitates to make extremely hard choices. But despite that, he is open and friendly to all, offering counsel and a friends point of view on everything. He is not prone to anger, and tries to see things from logical points of view. From plans of attack and infiltration to investigations and follow up.
<br>
</p>
<h1>Abilities</h1>
<p>
<br><strong>Telepathic abilities:</strong> mind to mind communication, Group Communication, Ability to see into another past. Concentration on another persons mind can pick up things below surface thoughts; the thoughts that focus on current problems and annoyances. Concentration allows him to peer more deeply towards those, going deeper. Mind Manipulation is also a factor, with the ability to plant hidden suggestions and idea’s into a persons mind. But as part of a Ethical Race, he does not do it unless it is something that is truly vital. As an added bonus, J’onn has with him mental shielding, preventing others from tampering with his mind.
<br>
<br><strong>Super Strength:</strong> The ability to pick up heavy loads and deliver devastating attacks with his fists. An related power to his strength is his durability. His Body can withstand great and brutal physical attacks. Outside effects are that he can also take a beating. Rumored to be on par with Superman in terms of this ability. Rumored, but never confirmed.
<br>
<br><strong>Flight:</strong> He is able to alter his physical form and move through the air by shifting his body density to less than that of what is required for earth’s gravity to keep him on the ground.
<br>
<br><strong>In-tang-ability:</strong> His body is able to lose it’s physical state. This ability is connected to that of the gift of flight, but on a more deeper level. He has the ability to change his molecular cohesion and phase through solid objects. To knowledge there are no barriers that he cannot pass through, outside of those that have an electrical current running through them. A large electrical current. In that form which provides a steady stealth advantage, the draw back is that he cannot attack or defend himself in that form. Some could pass a Electrical Current rod through his body and successfully disable him, or kill him should the charge be enough before he can counter.
<br>
<br><strong>Shape Shifting:</strong> Along with changing his molecular cohesion to allow him to pass through solid objects, he can alter his physical body to resemble any sort of person that he wishes. Though he preferred to allow his alter ego: John Jones to remain ideally public, he has taken other shapes. Weight, Height, Sex, Clothing styles, eye and hair colors, skin pigmentation, mean nothing to him but a simple blink of an eye. He is able to resemble any person that he so chooses, making him ideal for many undercover operations. However if he should resemble a person that already exists, the personality will be off. Another unique trait is that he is able to morph into any sort of creature, or myths even. Minataurs. Cerberus, Leviathan. Or deadly creatures that existed on Mars before it’s destruction.
<br>
</p>

<br style="clear:both;">
<center>
</center>
</div>

<div id="affiliates">
<h1>Special Thanks</h1>
<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Steve Rogers">Coding by Steve Rogers</a></div>
<br>
<h1>[DCU] website</h1>
<div class="affiliate1">Member of <a href="http://justiceleaguerpc.proboards.com/index.cgi" target=blank>The Justice League</a></div>
<br>
</div>


<div id="JLA">
<h1>Justice League Members </h1>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Batman" target=blank>Batman</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Superman" target=blank>Superman</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Wonder Woman" target=blank>Wonder Woman</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Flash" target=blank>The Flash</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Green Lantern" target=blank>Green Lantern</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Doctor Fate" target=blank>Doctor Fate</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Huntress" target=blank>Huntress</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Black Canary" target=blank>Black Canary</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Ollie Queen" target=blank>Green Arrow</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Captain Marvel" target=blank>Captain Marvel</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Ray Palmer" target=blank>The Atom</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Aquaman" target=blank>Aquaman</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Zatanna Zr" target=blank>Zatanna</a></div>

</div>


<div id="JLA">
<h1>Other Allies</h1>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=miss%20martian" target=blank>Miss Martian</a></div>


</div>

<div id="ooc">
<h1><b>O.O.C.</b></h1>
<p>
»Rule 1. I'm here to roleplay and if I'm online I want to Roleplay. Feel free to message me!
<br>»Rule 2. Original Characters are welcomed.
<br>»Rule 3. Literacy, Spelling, Grammar are appreciated, but I'm not perfect either.
<br>»Rule 4. A profile; Portrait, Basic Stats, BRIEF story or description.
<br>»Rule 5. Be prepared to discuss story arcs and plot.
<br>»Rule 6. Root beer, you can never go wrong with it.
</p>
</div>