Tags

<!DOCTYPE html>
<html>
<head>

<title>Tags</title>
<link rel="shortcut icon" href="{Favicon}" />
<script src="http://static.tumblr.com/dxh5xq2/CZJn8ju09/jquery-1.9.1.min.js"></script>
<script src="http://static.tumblr.com/dxh5xq2/b40n8ju0e/modernizr.js"></script>

<script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
<link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">


<style type="text/css">

::-webkit-scrollbar {height:2px;width:2px;background:#fff;}
::-webkit-scrollbar-thumb {background:#eee;}


 @font-face { font-family: code; src:url(http://fayelikescats.b1.jcink.com/uploads/fayelikescats/codes.ttf);        }

  @font-face { font-family: code italic; src:url(http://fayelikescats.b1.jcink.com/uploads/fayelikescats/codesitalic.ttf);        }


body {
color:#9b9b9b;
font-family: Gibson, sans-serif;
font-size:11px;
background:#f1f1f1 url(http://i.imgur.com/JqI5tSD.png) fixed;
}

a:hover {
color:#7286b0;
}

a {
color:#888;
text-decoration:none;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}


#center {
    width:350px;
    margin:auto;
    margin-top: 150px;
}

ul#tab {list-style-type:none;margin:0px;padding:0px;}
ul#tab li.active {display:block;}
ul#tab li {
    display:none;
    padding:50px;
    overflow:hidden;
    width:350px;
    background:#fff;
    border:3px double #f1f1f1;
    border-top: 0px solid #fff;
    padding-top: 25px;
    margin-top: -20px;
    padding-bottom: 25px;
}


ul#tabs {
    list-style-type:none;
    margin:20px 0px;
    width:420px;
    padding:15px;
    overflow:hidden;
    text-align:center;
    background-color: #fafafa;
    border: 3px double #f1f1f1;
    border-bottom: 0px solid #fff;
    padding-bottom: 9px;
}


ul#tabs li.active {color:#90cbd0;}
ul#tabs li {
    float:left;
    height:20px;
    line-height:20px;
    text-transform:uppercase;
    color:#9b9b9b;
    font-family: code italic;
    font-size: 13px;
    margin: 0px 15px;
    padding: 0px;
    margin-bottom: 1px;
}

.tags a {display:block;}
.tags {
    padding:5px;
    line-height:150%;
    overflow-y:scroll;
}

h2 {
    font-family: code;
    text-transform: uppercase;
    color:#90cbd0;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 6px;
}


</style>
</head>
<body>

<div id="center">

<!-- Start Header -->
<ul id="tabs">
    <li class="active">GENERAL</li>
    <li>TV SHOWS</li>
    <li>MOVIES</li>
    <li>CHARACTERS</li>
</ul>


<ul id="tab">

<li class="active"><div class="tags">

<table>
    <td valign="top">
    <h2> MY STUFF</h2>
    <a href="/tagged/tag">Graphics</a>
    <a href="/tagged/tag">Edits</a>
    <a href="/tagged/tag">Gifs</a>
    <a href="/tagged/tag">Everything</a>
    </td>

    <td width="45px"></td>

    <td valign="top">
    <h2>ME</h2>
    <a href="/tagged/tag">My Face</a>
    <a href="/tagged/tag">Networks</a>
    <a href="/tagged/tag">Blogs</a>
    </td>

     <td width="55px"></td>

    <td valign="top">
    <h2>OTHER</h2>
    <a href="/tagged/tag">Misc</a>
    <a href="/tagged/tag">Blogroll</a>
    <a href="/tagged/tag">Follow Forever</a>
    <a href="/tagged/tag">Fanfiction</a>
    <a href="/tagged/tag">Films</a>
    <a href="/tagged/tag">Books</a>
    </td>

</table>
</div></li>

<li><div class="tags">


    <table>
    <td valign="top">
    <h2> DOCTOR WHO</h2>
    <a href="/tagged/tag">The Doctor</a>
    <a href="/tagged/tag">Rose Tyler</a>
    <a href="/tagged/tag">Martha Jones</a>
    <a href="/tagged/tag">Donna Noble</a>
  <a href="/tagged/tag">Etc</a>
    </td>

    <td width="50px"></td>

    <td valign="top">
    <h2>SUPERNATURAL</h2>
    <a href="/tagged/tag">Dean Winchester</a>
    <a href="/tagged/tag">Sam Winchester</a>
    <a href="/tagged/tag">Etc</a>
    </td>

</table>

</div></li>

<li><div class="tags">
    <h2>MARVEL</h2>
    <a href="/tagged/tag">Iron Man</a>
    <a href="/tagged/tag">Captain America</a>
    <a href="/tagged/tag">Thor</a>
    <a href="/tagged/tag">Avengers</a>
    <a href="/tagged/tag">Etc</a>
</div></li>

<li><div class="tags">
    <a href="/tagged/tag">Blah</a>
    <a href="/tagged/tag">Tags here</a>
    <a href="/tagged/tag">Tag Name</a>
    <a href="/tagged/tag">Tag Name</a>
    <a href="/tagged/tag">Tag Name</a>
    <a href="/tagged/tag">Tag Name</a>
</div></li>
</ul>
</div>

 <div style="position:fixed; font-family: code; font-size:12px; letter-spacing:0px; bottom:8px; right:8px;">
   <a href="http://claraosmin.tumblr.com/" style="color:#90cbd0;">THEME</a>
</div>

</body>
</html>