Tags Page

<!DOCTYPE html>
<html>

<!-- Malfooyy Themes -->
<head>

<style>

body {
font-family: courier; /* font of the links */
font-size:11px; /* font size of the links */
}

a {
color:#888;
text-decoration:none;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

a:hover {
color:#000;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.container {
width:505px;
margin:0 auto;
}



.links {
margin-top:100px;
}

.links div {
background:#f8f8f8; /* links title background */
padding:10px;
font-weight:bold;
font-size:12px;
margin:20px 0px 0px 0;
font-family:times; /* links title font */
font-style:italic; /* links title italic */
letter-spacing:1px; /* space between letters */

}

.links a {
display:inline-block;
padding:10px 5px;
width:230px;
margin-bottom:2px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid #eee; /* links border */
font-size:8px;
color:#000; /* links color */
}

.links a:hover {
border-bottom:1px solid #ddd; /* links border hover */
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.toplinks {
background:#f8f8f8; /* header bar color */
width:100%;
position:fixed;
top:0;
left:0;
padding: 10px 20px;
}

.toplinks a {
margin:0px 5px;
padding:5px;
background:#fff; /* header links background */
float:left;
}

#credit {
position:fixed;
right:10px;
bottom:10px;
text-align:center;
text-transform:uppercase;
font-size:9px;
letter-spacing:1px;
font-family:helvetica, arial, sans-serif;
}



</style>
</head>
<body>
<div class="container">
<div class="links">


<div>Title #1</div>
<a href="/tagged/tag1">Tag #1</a>
<a href="/tagged/tag2">Tag #2</a>
<a href="/tagged/tag3">Tag #3</a>
<a href="/tagged/tag4">Tag #4</a>
<a href="/tagged/tag5">Tag #5</a>
<a href="/tagged/tag6">Tag #6</a>

<!-- more links?  add  ' <a href="/tagged/TAG"> TAG NAME</a> ' -->

<div>Title #2</div>
<a href="/tagged/tag1">Tag #1</a>
<a href="/tagged/tag2">Tag #2</a>
<a href="/tagged/tag3">Tag #3</a>
<a href="/tagged/tag4">Tag #4</a>
<a href="/tagged/tag5">Tag #5</a>
<a href="/tagged/tag6">Tag #6</a>
<a href="/tagged/tag7">Tag #7</a>
<a href="/tagged/tag8">Tag #8</a>

<!-- more links?  add  ' <a href="/tagged/TAG"> TAG NAME</a> ' -->

<div>Title #3</div>
<a href="/tagged/tag1">Tag #1</a>
<a href="/tagged/tag2">Tag #2</a>
<a href="/tagged/tag3">Tag #3</a>
<a href="/tagged/tag4">Tag #4</a>
<a href="/tagged/tag5">Tag #5</a>
<a href="/tagged/tag6">Tag #6</a>
<a href="/tagged/tag7">Tag #7</a>
<a href="/tagged/tag8">Tag #8</a>

<!-- more links?  add  ' <a href="/tagged/TAG"> TAG NAME</a> ' -->

</div>

</div>
<div class="toplinks">
<a href="/"> go back</a>
<a href="/ask">ask</a>
<a href="http://tumblr.com">dash</a>
</div>

<div id="credit"><a href="http://malfooyythemes.tumblr.com/" title="malfooyy">©</a></div>

</body>
</html>