network page 01

<!doctype html>
<html lang="en">

<!--

THEME BY SPIDERMN

FEEL FREE TO EDIT AS YOU PLEASE, BUT DO NOT STEAL

DO NOT TOUCH THE CREDIT

-->

<html>
<head>

<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta http-equiv="x-dns-prefetch-control" content="off"/>

<style type="text/css">


body {
font-size:10px;
font-family:verdana;
color:#000;
background:#fff;
}

a {
color:#000;
text-decoration:none;
}

.container {
margin-left:27%;
height:auto;
width:800px;
padding-top:56px;
}

.h {
font-size:23px;
font-family:arial;
color:#4F4E4E;
text-align:center;
text-transform:uppercase;
border-bottom:1px #4F4E4E solid;
width:800px;
padding-bottom:3px;
margin-left:-75px;
margin-bottom:8px;
}

.l {
font-size:10px;
font-family:arial;
color:#000;
text-align:center;
text-transform:uppercase;
width:800px;
margin-left:-75px;
margin-bottom:50px;
}

.table {
height:auto;
width:160px;
margin-bottom:40px;
text-align:center;
display:inline-block;
}

.image {
opacity:0.5;
height:120px;
width:120px;
padding:0px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

.image:hover {
opacity:1;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

.t {
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
width:160px;
padding-top:4px;
}

.d {
font-family:arial;
font-size:10px;
text-transform:uppercase;
padding-top:2px;
}

.credit a {
color:#000;
font-size:11px;
position:fixed;
bottom:8px;
right:14px;
}

</style>
</head>

<body>

<div class="container">

<div class="h">one true pairings</div>
<div class="l">
<a href="/">index</a> <a href="/ask">inbox</a> <a href="/">link 1</a> <a href="/">link 2</a> <a href="/">link 3</a>
</div>

<!--
template:
--------
<tr>
<div class="table">
<center><img src="" class="image">
<div class="t"><a href="/tagged/"></a></div>
<div class="d"></div>
</div>

example:
-------
<tr>
<div class="table">
<center><img src="http://static.tumblr.com/6anaw8n/lGjntyw3e/normal_teenwolf317-0786.png" class="image">
<div class="t"><a href="/tagged/scira">kira x scott</a></div>
<div class="d">teen wolf</div>
</div>
-->

<tr>
<div class="table">
<center><img src="IMAGE URL GOES HERE" class="image">
<div class="t"><a href="/tagged/SHIP TAG">SHIP NAME</a></div>
<div class="d">SHOW NAME</div>
</div>

<tr>
<div class="table">
<center><img src="IMAGE URL GOES HERE" class="image">
<div class="t"><a href="/tagged/SHIP TAG">SHIP NAME</a></div>
<div class="d">SHOW NAME</div>
</div>

<tr>
<div class="table">
<center><img src="IMAGE URL GOES HERE" class="image">
<div class="t"><a href="/tagged/SHIP TAG">SHIP NAME</a></div>
<div class="d">SHOW NAME</div>
</div>

<tr>
<div class="table">
<center><img src="IMAGE URL GOES HERE" class="image">
<div class="t"><a href="/tagged/SHIP TAG">SHIP NAME</a></div>
<div class="d">SHOW NAME</div>
</div>

</div>

<div class="credit"><a href="http://spidermn.tumblr.com">cr.</a></div>

</body>
</html>