Network Theme 1

<head>


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

<style type="text/css">

<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:700' rel='stylesheet' type='text/css'>

body
{font-family: times;
font-size: 11px;
color: #000;
background-color:#fff;}

a:link, a:active, a:visited{
color: #777777;
text-decoration: none;

}


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

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

#poster {
    width:120px;
    height:120px;
    margin-top:10px;
    background-color:#fff;
}

#poster img {
    width:120px;
    height:120px;
    border:2px solid #000;
    padding:6px;
}


#about {
    text-align:center;
    padding:10px;
    padding-top:3px;
    margin-bottom:20px;
    position:absolute;
    width:114px;
    height:40px;
    font-family: times;
    opacity:0;
    font-size:10px;
    background:#000;
    color:#fff;
    -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);

}

#pannel:hover #about {
    opacity:.98;
    margin-top:0px;
    border: 4px solid #fff double;
    height:122px;
    -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#name {
     font-family: times new roman;
     font-size:10px;
     height:100px;
     text-align:center;
     margin-top:10px;
     text-transform:lowercase;
     border: 4px solid #fff;
}


#top {
    width:550px;
    height:auto;
    font-size:20px;
    margin-left: 30.5%;
    line-height:18px;
    font-family: 'Old Standard TT', serif;
    text-shadow: -1px -1px #9fe9fd, -1px -1px #e42c8b, 1px 1px #a9e42c, 2px 1px #9fe9fd;
    padding:2px;
    margin-top: 30px;
    text-align:center;
    text-transform:uppercase;
    background-color:#fff;
}

#admin {
    font-size:12px;
    color:#fff;
    font-family: times new roman;
    letter-spacing: 1px;
    text-transform:uppercase;
    text-align: center;
    border: 2px solid #000;
    padding: 2 3 2 3;
    width: 125px;
    margin-top: -5px;
}


.header {
    height:20px;
    color:#000;
    font-family: 'Old Standard TT', serif;
    font-size:40px;
    text-align:center;
    text-shadow: -1px -1px #9fe9fd, -2px -2px #e42c8b, 1px 1px #a9e42c, 2px 2px #9fe9fd;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:5px 10px;
    margin-top:-10px;
}

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


</style>


<div id="border-top"></div>


</div>
<div id="top">
<div class="header">Network Name</div>
 <p></p>
<a href="/">link</a>  |
<a href="/">link</a>  |
<a href="http://kelthemes.tumblr.com/">credits</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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p><!--- description goes here-->
put your description here<p>
</div>
</div>
<img width="120px" src="http://media.tumblr.com/55d5f948f39bfcc68c9843b6190a4d63/tumblr_inline_mosqcc40RK1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p><!--- description goes here-->
put your description here<p></div></div>
<img width="120px" src="http://media.tumblr.com/e924fcbdc50eea3960cee356c87f026c/tumblr_inline_mosqcf4KPv1qz4rgp.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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="http://media.tumblr.com/04b3285aec33aa4227f7dc1c13eaea8c/tumblr_inline_mqul4sa1Hj1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end of 3rd 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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="http://31.media.tumblr.com/f2318d90b88e8fd8ca54412dbf5c7652/tumblr_mqtid9WMuM1rj7giwo1_500.jpg"/><!--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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="http://31.media.tumblr.com/a871bbc55fb22cbb73b51bb6b3c9a2fe/tumblr_mqtjfh0k2r1s31o7no1_250.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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="http://media.tumblr.com/82c43bf11a4363584b7420eeb80e3fb6/tumblr_inline_mosytajduD1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end of 3rd pannel-->
<!-- end of 2nd column-->

<tr>

<!-- start of 4st column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p><!--- description goes here-->
put your description here<p><!--- description goes here-->

</div>
</div>
<img width="120px" src="https://31.media.tumblr.com/c5dfda36a1c8dfeb207a0b4aee924d52/tumblr_inline_myt81b2FAB1s17lum.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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="https://31.media.tumblr.com/1ae8364eb0d6e18aa87e745ee42a4a8e/tumblr_inline_mysty0VrjV1ql6brc.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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="https://31.media.tumblr.com/8a4201ed75058eeb56805322f24886e7/tumblr_inline_mystyalUiS1ql6brc.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end of 3rd pannel-->
<!-- end of 4st column-->

<tr>

<!--- start of 5nd column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="https://31.media.tumblr.com/222e9511f33c4bed18e840dd2ef58cb0/tumblr_inline_myssps9XLs1rgd241.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="/"> url </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="https://31.media.tumblr.com/9a87b6f5cdb4ef4f033f75543f7373a1/tumblr_inline_mysfcyjjpB1rgeb8x.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="/"> url </a></div>
<p>
<div id="about">
<div id="name"><p>description here</div><p><!--- description goes here-->

</div>
<img width="120px" src="https://31.media.tumblr.com/f1778fe4b60f8874c6d2737d04f4a5bb/tumblr_inline_mysfcu71YL1rgeb8x.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end of 3rd pannel-->
<!-- end of 5nd column-->

<!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
if you need help adding more columns or with anything in this code please ask-->

</table>

</body>
</html>