Dominator

<!--
 Dominator
 page made by gyapo.tumblr.com
 don't remove this comment
 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
    <meta name="description" content="{MetaDescription}" />
{/block:Description}


<script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/onhp7lq/Yc2msrad8/psycho.js"></script>


<style type="text/css">


 body
{font-family:arial;
font-size:10px;
background-color:#eee;
background-image:url('http://static.tumblr.com/onhp7lq/lT6msratj/tumblr_lws4pjqqja1qi21y75.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;

-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
opacity:1;}

a:hover
{text-decoration:none;
opacity:1;}

blockquote
{border-left:2px solid;
padding-left:5px;}


#all
{margin:0 auto;
margin-top:100px;
width:300px;
height:300px;
background-color:#000;
padding:50px;
}

#icon img
{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.member
{width:100px;
cursor: url('http://static.tumblr.com/onhp7lq/N9wmsr9p6/cross-trans.gif'),auto;
display:block;
background-image:url('http://img.ffffound.com/static-data/assets/6/2f3e5d15c7479b825cf5d647f782ee1042c13ca1_m.gif');
height:100px;}
.member:hover #icon img
{width:30px;margin:35px;}


.box
{height:24px;
position:absolute;
background-color:#fff;
display:none;
border-radius:5px;
z-index:999;
padding:7px;box-shadow:0px 0px 4px #000;font-family:courier;font-size:9px;text-transform:uppercase;
text-align:center;background-image:url('http://img.ffffound.com/static-data/assets/6/2f3e5d15c7479b825cf5d647f782ee1042c13ca1_m.gif');letter-spacing:1px;}

.in
{background-color:#000;color:#fff;padding:0px 2px  0px 2px;}

#role
{color:#888;}


#side
{position:absolute;
width:80px;margin:0px 0px 0px -175px;text-align:right;}

.title
{font-size:16px;font-weight:800;text-decoration:underline;margin-bottom:25px;}
.command
{font-family:courier;text-transform:uppercase;color:#888;font-size:8px;margin-bottom:2px;}
</style>
</head>
<body>

<div id="all">

<div id="side">
<div class="title">this game that people call life</div>
<a title="{Title}" href="/"><div class="command">back</div></a>
<a title="Dominator by Gyapo" href="http://gyapo.tumblr.com"><div class="command">credits</div></a>
</div>

<table border="0" cellpadding="0" cellspacing="0"  width="100px">
<tr>

<!--member #1-->
<td><a href="http://"><div class="member" id="profil1">
<div class="box" id="info1"><div><span class="in">gyapo</span>
</div><div> <span id="role" class="in">enforcer</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/890751b625bae4a4325d78d2ae4171f8/tumblr_inline_msrdhqfxPs1qz4rgp.png"></div>
</div></a></td>
<!--end member #1-->


<!--member #2-->
<td><a href="http://"><div class="member"  id="profil2">
<div class="box" id="info2"><div><span class="in">lavestale</span>
</div><div> <span id="role" class="in">dominator</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/05056292e4cc4810d257d1935b59cad8/tumblr_inline_msre09BpOp1qz4rgp.png"></div>
</div></a></td>
<!--end member #2-->


<!--member #3-->
<td><a href="http://"><div class="member" id="profil3">
<div class="box" id="info3"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/096fa3c33b4857a7d936f18d76f06639/tumblr_inline_msrdhhT6tC1qz4rgp.png"></div>
</div></a><td>
<!--end member #3-->

</tr>

<tr>

<!--member #4-->
<td><a href="http://"><div class="member" id="profil4">
<div class="box" id="info4"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/303742f1bf10b19fb94164fbc4061db7/tumblr_inline_msrdh2Umyq1qz4rgp.png"></div>
</div></a></td>
<!--end member #4-->


<!--member #5-->
<td><a href="http://"><div class="member" id="profil5">
<div class="box" id="info5"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/b80e0484ed882c3656bbe5486c08de5c/tumblr_inline_msrdhaaW561qz4rgp.png"></div>
</div></a></td>
<!--end member #5-->


<!--member #6-->
<td><a href="http://"><div class="member" id="profil6">
<div class="box" id="info6"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/6b1a8ff64ce41a404280fd859a33b87a/tumblr_inline_msrdndtmly1qz4rgp.png"></div>
</div></a><td>
<!--end member #6-->

</tr>

<tr>
<!--member #7-->
<td><a href="http://"><div class="member" id="profil7">
<div class="box" id="info7"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/28c62770243be467510e8d4bb9a3ab2c/tumblr_inline_msrdsuhAsM1qz4rgp.png"></div>
</div></a></td>
<!--end member #7-->


<!--member #8-->
<td><a href="http://"><div class="member" id="profil8">
<div class="box" id="info8"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/98a16f8f17bc90b2fb1cea7b0cd51589/tumblr_inline_msre4rBgSw1qz4rgp.png"></div>
</div></a></td>
<!--end member #8-->


<!--member #9-->
<td><a href="http://"><div class="member" id="profil9">
<div class="box" id="info9"><div><span class="in">name</span>
</div><div> <span id="role" class="in">function</span></div></div>
<div id="icon"><img width="100px" src="http://media.tumblr.com/a1a8b8c0b9103de04cfffa2be2a142fb/tumblr_inline_msreez94nB1qz4rgp.png"></div>
</div></a><td>
<!--end member #9-->

</tr>
</table>

</div><!--all-->
</body>
</html>