Beta-007 (Ra's Al-Ghul)

<style type="text/css">
.pfor {display: none;}
#profile {background-color: transparent;}
#profile {border: 0px;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur829.cur), progress !important;}
body {background-image:url("http://i.picpar.com/7Asc.jpg"); background-attachment:fixed;}


::-webkit-scrollbar {width: 3px;
        background-color: #111111; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
        background-color: #429a49; }
::-webkit-scrollbar-thumb { background-color: #429a49;background-image: url("");
        border: 1px solid #222; }

.maintitle { font-family:  orator std;font-size: 13px; color: #222;
   -webkit-text-stroke: 1px  #307536;
padding: 1px;
background-color:#222;
text-align: center;
text-shadow: 1px 1px 1px #111;

}

.clickable {
border:10px outset #307536;
background-color: #222;
padding:3px;
text-transform: uppercase;
color:#ddd;
letter-spacing: 1px; font-size: 8px;  font-family: orator std;
}


::selection {
  background: #429a49; /* WebKit/Blink Browsers */
}




.left {
  float: left;
  margin-right: 1em;
}

.right {
  float: right;
  margin-left: 2em;
}

figure {
  text-align: center;
  text-transform: uppercase;
  padding: .2em;
  margin: 0;
}

.grayscale{

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}
</style>








<DIV style="position: fixed; top:70px; left:710px;">
<table cellpadding="2" cellspacing="2" width="30%"background="">
<div style=" background-color: #111;  font-size:9px; width: 260; height: 400px; border: 1px dashed #222; padding: 2px;">
<br>

<div style="width:100%; height:645px; overflow:auto;">
<div class="maintitle">the demon's <font face="Liorah BT"color="#000" size="3">head</font></div>

<br>
<font face="arial"color="#666">


<div align="center">
<u>Rā's al Ghūl.</u> <font color="#429a49">The Demon's Head, Master Assassin. </font>
<b>Supervillain.</b>
<i>Nomadic, <span style="background-color: #429a49">yet often seen in Gotham.</span></i>
Sexual Orientation: <font color="#429a49">Heterosexual.</font><br>
<font face="orator std"color="#57E964">Relationship Status: <u><i>Widowed </i></u>.</font>
Affiliation: <i>Head to<font color="#429a49"><b> The League of Assassins</b> </i> </font>.

<br>
<br>

<br>Likes: Tea. Meditation. Obedience. Order. The Lazarus Pit. When Gotham and Star City bleeds respectively.<br><br>
Dislikes: Death. Failure. Disobedience. Betrayal. So called "heroes"

</div>
<br><div class="maintitle">"<small>One small little life, one secret, looming so large to the lives of the ants... but so insignificant to one who plans in decades..</small>"</div>
<div align="left">

<br>Little is known of the early years of the nearly immortal Ra's, but it is accepted that he has lived for many centuries due to the Lazarus Pits' mysterious brews that restore his youth. A brilliant master of strategy and organization, Ra's al Ghul's goal is to save the Earth from ecological devastation by destroying most of its population. He recognizes Batman as both a worthy foe and a possible ally—except that Batman cannot accept his dystopian worldview. Batman also shares a love-hate relationship with Ra's daughter, the beautiful Talia. Ra's also commands a legion of followers dedicated to bringing his version of an earthly paradise to fruition.

<br>



</div>


</font>
</table>
</div>
</DIV>

</div>

<DIV style="position:fixed; top:70px; left:980px;">
<div style="height: 406px; overflow-y: hidden;">

<a name="001"></a>

<div style="background-color: #111;  font-size:10px; width: 280; height: 400px; border: 1px solid #222; padding: 2px;">

<div class="maintitle">رئيس ل<font face="Liorah BT"color="#000" size="3"> الدوري
</font> </div>
<div style="width:100%; height:370px; overflow:auto;">

<font face="arial"color="#666">


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum.

  <figure class="l left"><img style="border:3px double #429a49;" src="http://i.picpar.com/UAsc.jpg" width="100"height="120">

    <figcaption>انتصار سريع
</figcaption>
  </figure>


  <p>Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit?
  <br>ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.<br>
  <p>Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit?</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum.</p>

  Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam.</p>
  Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit?</p>


</font>
</div>
</div>

<div style="height: 406px; overflow-y: hidden;">

<a name="002"></a>

<div style="background-color: #111;  font-size:10px; width: 280; height: 400px; border: 1px solid #222; padding: 2px;">

<div class="maintitle">واجهت</div>
<div style="width:100%; height:385px; overflow:auto;"><br>
<a href="000"><img style="border:3px double #4e4e4e;" class="grayscale" src="https://68.media.tumblr.com/cfc5b15a05be2d92a10bfd865b63790a/tumblr_oh7jzqv1pA1vsskleo1_1280.png" width="90"height="150"title="Superman" ></a>



</div>
</div>

<div style="height: 406px; overflow-y: hidden;">

<a name="003"></a>

<div style="background-color: #111;  font-size:10px; width: 280; height: 400px; border: 1px solid #222; padding: 2px;">

<div class="maintitle">إلى قوة خالدة
</div>
<div style="width:100%; height:375px; overflow:auto;">
<font face="arial"color="#666"><br>


<br>arriving soon.
</center></br>






</div>


</font>
</div>
</div>


<div style="height: 406px; overflow-y: hidden;">

<a name="004"></a>

<div style="background-color: #111;  font-size:10px; width: 280; height: 400px; border: 1px solid #222; padding: 2px;">

<div class="maintitle">رجل وراء الشيطان
</div>
<div style="width:100%; height:385px; overflow:auto;">

<font face="arial"color="#666">

<center>OOC HERE</center>
<br><br>

<p><br>




</font>
</div>
</div>

</DIV>



<DIV style="position: fixed; top:5px; left:80px;">
<div id=”navigation”>

<DIV style="position: fixed; top:45px; left:710px;"><td><a href="#001" class="clickable">001</a></td></div>
<DIV style="position: fixed; top:45px; left:760px;"><td><a href="#002" class="clickable">002</a></td></div>
<DIV style="position: fixed; top:45px; left:810px;"><td><a href="#003" class="clickable">003</a></td></div>
<DIV style="position: fixed; top:45px; left:860px;"><td><a href="#004" class="clickable">004</a></td></div>

</div>


</DIV>