Tags Page 01

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<!--

Tags Page #01 by viwan-th (http://viwan-th.tumblr.com)
Background from subtlepatterns (http://www.subtlepatterns.com)
Corner image by wantoup (http://wantoup.tumblr.com)

Please do not remove this credit. To install this page, go to your customize page, and under the PAGES tab, click +Add a page. Then, in the window that pops up, select "Custom Layout", and copy and paste in this entire code.

-->

<style type="text/css">

body {
    font-family:calibri;
    font-size:10px;
    background:#eee;/* main background color */
    background-repeat:repeat;/* change this to no-repeat if you don't want a repeating background */
    background-attachment:fixed;
    background-position:bottom right;
    background-image:url('http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo8_r1_250.png');/* background image */
}

a, a:hover {
    color:#aaa;
    text-decoration:none;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease-in-out;
}

h1 {/* main header */
    margin-top:100px;/* position of everything from the top */
    margin-bottom:0px;/* distance between header and tags */
    margin-left:20px;
    color:#333;/* text color */
    background:#eee;/* background color */
    font-size:15px;
    text-align:center;
    padding:10px;
    width:500px;
    text-transform:uppercase;
}

#back {/* center background */
    z-index:0;
    top:0px;
    margin:auto;
    position:absolute;
    height:100%;
    width:560px;
    background:#fff;/* color of center background */
}

#container {
    width:560px;
    margin:auto;
}

td {
    vertical-align:top;
}

#links {/* tag links */
    text-transform:uppercase;
    font-size:10px;
    text-align:center;
    margin-bottom:-2px;
}

#links a , #links span {/* individual links */
    display:inline-block;
    width:150px;
    background:#ddd;/* background color of the links */
    color:#fff;/* text color of the links */
    margin-bottom:2px;
    padding:5px;
}

#links span {/* tag headers */
    background:#333;
}

#links a:hover {/* tags hover */
    background:#666;
}

#credit {/* bottom links */
    width:520px;
    margin-left:20px;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:20px;
}

#cred {
    display:inline-block;
    float:left;
    width:25%;
    padding:5px 0;
    color:#fff;/* text color -- to change the background color, scroll down to the bottom */
}

</style></head><body>

<div id="container">

<div style="top:0px;margin:auto;position:fixed;height:100%;width:560px;background:#fff;"></div>

<!-- TAGS LIST -->

<div id="back">

<h1>Tags List</h1><!-- header -->

<table cellpadding="0" cellspacing="20">
<!-- ROW ONE --><tr>
<td><!-- CELL ONE -->
<div id="links">
    <span>tag title</span></br><!-- tag header -->
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <!-- change "/" to whatever your tag is, such as "/cats" or "/actors".
    to add more links, copy and paste one of these lines below the rest -->
</div>
</td>
<td><!-- CELL TWO -->
<div id="links">
    <span>tag title</span></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
</div>
</td>
<td><!-- CELL THREE -->
<div id="links">
    <span>tag title</span></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
</div>
</td>
</tr><!-- END ROW ONE -->

<!-- ROW TWO --><tr>
<td><!-- CELL ONE -->
<div id="links">
    <span>tag title</span></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
</div>
</td>
<td><!-- CELL TWO -->
<div id="links">
    <span>tag title</span></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
</div>
</td>
<td><!-- CELL THREE -->
<div id="links">
    <span>tag title</span></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
    <a href="/">tag</a></br>
</div>
</td>
</tr><!-- END ROW TWO -->

<!-- to add more rows, copy and paste everything from ROW TWO to END ROW TWO and paste it directly beneath this, before </table> -->

</table>

<!-- please do not change or remove these credits. you may change the colors, but please don't remove the link leading back to http://viwan-th.tumblr.com -->

<div id="credit">
    <a id="cred" style="background:#555;" href="/">back</a>
    <a id="cred" style="background:#888;" href="/ask">message</a>
    <a id="cred" style="background:#555;" href="http://tumblr.com/dashboard">dashboard</a>
    <a id="cred" style="background:#888;" href="http://viwan-th.tumblr.com" target="blank">credit</a><!-- DO NOT REMOVE THIS CREDIT -->
</div>

</div><!--  END BACK DIV -->
</div><!-- END CONTAINER -->

<!-- CORNER IMAGE -->

<img src="http://static.tumblr.com/mtdphun/BxBmjm7jn/yin-hana.png" style="position:fixed;bottom:0px;right:0px;width:350px;">
<!-- change the url to change the image. you can also adjust the width, and change top to bottom or right to left. -->

</body></html>