Series List Tumblr Page Theme v1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-- Theme by Mimì @ thearmyinside.tumblr.com -->

<head>
<link href='http://fonts.googleapis.com/css?family=Passero+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Mrs+Sheppards' rel='stylesheet' type='text/css'>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">

body {
background: #fcfab8;
}

#content {
width:900px;
padding:10px;
margin-left:20%;
margin-top:60px;
}

.intestazione {
background-color: #EDD199;
padding:6px;
border:1px solid #fff;
font-family: 'Passero One', cursive;
text-transform:uppercase;
font-size:15px;
color:#000;
box-shadow: 1px 1px 0px #000000;
margin-left:-1px;
}

.cella {
background-color:#F0E0AE;
padding:8px;
border: 1px solid #fff;
font-family:Century Gothic;
font-size:14px;
color:#000;
}

#title {
font-family: 'Mrs Sheppards', cursive;
font-size:36px;
margin-left:20%;
color: #EDD199;
text-shadow: 2px 2px #000000;
}

#navigation {
width:110%;
height:13px;
padding:10px;
text-align:center;
position:fixed;
top:0px;
left:-5px;
background-color: #EDD199;
box-shadow: 2px 2px 2px #000000;
}

.link {
width:90px;
float:left;
margin:-5px 10px 1px 1px;
background-color: #F0E0AE;
padding:3px;
font-family:Century Gothic;
font-size:12px;
color: #000;
box-shadow: 0px 0px 2px #000000;
transition: all 0.6s ease-out;
-o-transition-transition:  all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

.link:hover {
background-color: #D2B48C;
transition: all 0.6s ease-out;
-o-transition-transition:  all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a {
color: #B28345;
text-transform:none;
text-decoration:none;
transition: all 0.6s ease-out;
-o-transition-transition:  all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a:hover {
color: #822222;
transition: all 0.6s ease-out;
-o-transition-transition:  all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

</style>
</head>
<body>
<!-- Navigation -->
<div id="navigation">
<div style="margin-left:25%;">
<div class="link"><a href="/">Blog</a></div> <div class="link"><a href="/ask">Ask Me</a></div> <div class="link"><a href="http://www.tumblr.com">Dashboard</a></div><div class="link"><a href="http://thearmyinside.tumblr.com">(C)</a></div>
</div>
</div>

<!-- Content -->
<div id="content">

<div id="title">My Series List</div>

<table style="padding:10px;">
<!-- Heading -->
<tr>
<td><div class="intestazione">Series</div></td>
<td><div class="intestazione">Status Series</div></td>
<td><div class="intestazione">Your Status</div></td>
<td><div class="intestazione">Last Episode Aired</div></td>
<td><div class="intestazione">Last Episode Watched</div></td>
</tr>
<!-- End Heading -->
<!-- Lines -->
<tr>
<td><div class="cella">Glee</div></td>
<td><div class="cella">Airing</div></td>
<td><div class="cella">Watching</div></td>
<td><div class="cella">S05E02</div></td>
<td><div class="cella">S05E02</div></td>
</tr>

<tr>
<td><div class="cella">The Fosters</div></td>
<td><div class="cella">Airing</div></td>
<td><div class="cella">Waiting S02</div></td>
<td><div class="cella">S01E10</div></td>
<td><div class="cella">S01E10</div></td>
</tr>

<tr>
<td><div class="cella">Heroes</div></td>
<td><div class="cella">Ended</div></td>
<td><div class="cella">Watching</div></td>
<td><div class="cella">S04E19</div></td>
<td><div class="cella">S03E02</div></td>
</tr>
<!-- End Lines -->

<!--
To add a new series to the table copy and paste this code:

<tr>
<td><div class="cella">SERIES TITLE</div></td>
<td><div class="cella">SERIES STATUS: AIRING / ENDED</div></td>
<td><div class="cella">YOUR STATUS: WATCHING / WATCHED / ON HIATUS / ABANDONED</div></td>
<td><div class="cella">LAST EPISODE AIRED</div></td>
<td><div class="cella">LAST EPISODE WATCHED</div></td>
</tr>

-->
</table>
</div>
</body>
</html>