Hazzstop theme 29-Network theme 01

<!--
©HAZZSTOP THEME 29
~NETWORK THEME 1~
Don't steal please.
-->

<head>

<meta name="text:link1" content="">
<meta name="text:link1 url" content="/">
<meta name="text:link2" content="">
<meta name="text:link2 url" content="/">


<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{rss}">

<style type="text/css">
iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }

body {
font-family: times;
font-size: 11px;
color: #fff;
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
background-color:#fff;}

a:link, a:active, a:visited{
color: #fff;
text-decoration: none;
font-family: arial;
font-size: 11px;}

#all {
    margin:30;
    margin-left:23%;}

#pannel {
    width:150px;
    height:170px;
    padding:0px;
    background-color:#fff;}

#poster {
    width:100px;
    height:100px;
    margin-top:10px;
    margin-left: 15px;
    position: fixed;
    background-color:#fff;}

#poster img {
    width:100px;
    height:100px;
    border:1px solid #ddd;
    padding:10px;
    border-radius: 90px;}

#about {
    text-align:center;
    padding:5px;
    padding-top:0px;
    margin-left: 20px;
    margin-bottom:0px;
    position:absolute;
    width:70px;
    height:70px;
    font-family: times;
    opacity:0;
    font-size:9px;
    background:white;
    color: #9a9a9a;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#pannel:hover #about {
    opacity:.98;
    margin-left: 20px;
    margin-top:23px;
    height:70px;
    width: 70px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

 #pannel:hover #admin {
     opacity: 0;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#name {
     font-family: times new roman;
     font-size:10px;
     text-align:center;
     text-transform:lowercase;}

#top {
    width:1290px;
    height:auto;
    font-family: times new roman;
    font-size:11px;
    margin-left: -15px;
    line-height:18px;
    padding:2px;
    margin-top: 20px;
    text-align:center;
    text-transform:lowercase;
    background-color: #000;}

#admin {
    font-size:25px;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: times new roman;
    letter-spacing: 2px;
    text-align: center;
    padding: 2 5 5 3;
    width: 100px;
    position: fixed;
    margin-top: 68px;
    margin-left: 8px;
    font-weight: bold;
   color: #9a9a9a;
    -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.header {
    height:20px;
    color: #fff;
    font-family:"purisa";
    font-size:30px;
    text-align:center;
    letter-spacing:2px;
    text-transform:lowercase;
    padding:10px 10px;
    margin:20px;
    margin-left:40px;}

.header a {
    color:#eeeeee;
    text-decoration:none;}

#cred {
position:fixed;
font-family:arial;
font-size:14px;
line-height:60%;
right:10px;
bottom:5px;
border-bottom: 3px double #9a9a9a;
border-top: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
text-transform:uppercase;
background-color:#fff;
text-align:center;}
#cred a {
display:block;
width:10px;
height:0px;
padding:4px;
color:#9A9A9A;
background-color:#fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}
#cred a:hover {
opacity: 0.1;
color:#FCFCFC;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}

</style>
<div id="border-top"></div></div>
<div id="top">
<div class="header">{Title}</div>

<a href="/">back</a> |
<a href="/ask">questions</a> |
<a href="{text: link1 url}">link1</a> |
<a href="{text: link2 url}">link2</a>
</div>
<table id="all" border="0" cellpadding="0" cellspacing="20">

<!-- start of 1st column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="http://hazzstop.tumblr.com/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p><!--- description goes here-->
this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end 1st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end of 3rd pannel-->


<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end 4th pannel-->
<!-- end of 1st column-->
<tr>



<!--- start of 2nd column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end 1st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end of 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end of 3rd pannel-->


<!--start 4th pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>this is the description, make it long, it will look prettier</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/0f9529509364953ca81de05a7be7d558/tumblr_inline_mntgwmxnj91qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>
</div></td>
<!--end of 4th pannel-->
<!-- end of 2nd column-->



</table>
 <!--Please don't remove the credit ! -->
<div id="cred"><a href="http://hazzstop.tumblr.com">H

</body>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
</html>