Tumblr Tag Page by Ambientthemes / swlft

<!DOCTYPE html><html><head>

<!---- TAG PAGE BY AMBIENTTHEMES.TUMBLR.COM DO NOT REMOVE CREDIT OR REDISTRIBUTE ----->

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<meta name="description" content="{MetaDescription}" />

<style type="text/css">

body {
font-size:11px;
color:#8b8b8b;
font-family:Calibri;
margin:0px;
top:0;
left:0;
}

a {
    background-color:#fff;
    display:inline-block;
    padding:5px 7px 5px 7px;
    color:#c0c0c0;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

a:hover {
    color:#8b8b8b;
    background-color:transparent;
}

#ajhfdsgjbsf {
    width:500px;
    margin:auto;
}

#tagpage {
    margin:auto;
text-align:center;
height:100%;
display:table;
background-color:#f5f5f5;
position:fixed;

}

#stuffwrap {
    display:table-cell;
    vertical-align:middle;
    width:100%;
}

#content {
    width:500px;
    height:600px;
    background-color:#fff;
}

#title {
    padding:20px 0px 5px 0px;
    font-size:19px;
    font-family:Cambria;
    text-transform:uppercase;
    letter-spacing:1px;
}

#search1 {
}

#search2 {
    font-family:Calibri;
    color:#8b8b8b;
    border:0px;
    padding:4px;
}

#search3 {
    padding:5px 7px 5px 7px;
    font-size:11px;
    text-transform:uppercase;
    font-family:Calibri;
    color:#d0d0d0;
    border:0px;
    background-color:#fff;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#search3:hover {
    color:#8b8b8b;
    cursor:pointer;
}

#linktable {
    display:table;
    margin-bottom:10px;
    margin-left:20px;
}

.links {
    border:2px solid #fff;
    display:table-cell;
    vertical-align:top;
    margin-left:5px;
    width:150px;
    text-align:center;
}

.links a {
    background-color:#f0f0f0;
    padding:5px 0px 5px 0px;
    margin-bottom:1px;
    display:inline-block;
    width:150px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

.links a:hover {
    background-color:transparent;

}

.headings {
    margin:5px 0px 1px 0px;
    color:#fff;
    background-color:#B8C7A8;
    font-family:Cambria;
    text-transform:uppercase;
    letter-spacing:1px;
    width:150px;
    padding:5px 0px 5px 0px;
}

#exp {
    background-color:#e4f6c7;
    margin-left:20px;
    padding:30px;
    width:400px;
}

</style></head>
<body>


<div id="ajhfdsgjbsf">
<div id="tagpage">
<div id="stuffwrap">

<div id="content">
<div id="title">put a title here<br>
<span style="font-size:11px; color:#c0c0c0;"><a href="/" >back to my blog</a> | <a href="http://ambientthemes.tumblr.com">credit</a></span></div>

<div id="linktable">
<div class="links">
<div class="headings">Heading 1</div>
<a href="URL HERE">link1</a>
<a href="URL HERE">link2</a>
<a href="URL HERE">link3</a>
<a href="URL HERE">link4</a>
<a href="URL HERE">link5</a>
</div>

<div class="links">
<div class="headings" style="background-color:#B3CBBD;">Heading 2</div>
<a href="URL HERE">link1</a>
<a href="URL HERE">link2</a>
<a href="URL HERE">link3</a>
<a href="URL HERE">link4</a>
<a href="URL HERE">link5</a>
</div>

<div class="links">
<div class="headings" style="background-color:#a2cbb9;">Heading 3</div>
<a href="URL HERE">link1</a>
<a href="URL HERE">link2</a>
<a href="URL HERE">link3</a>
<a href="URL HERE">link4</a>
<a href="URL HERE">link5</a>
</div></div>

<div id="exp">
search more tags here [edit this text as you wish]
<br><br>
<form action="/search" method="get" class="search1">
    <input type="text" name="q" value="{SearchQuery}" id="search2"/>
    <input type="submit" value="Search" id="search3"/>
</form></div>
</div>


</div>
</div>
</div>

</body>
</html>