Page 01: Tag List

<html>

<!--

01: taglist
by jackie @ benizora.tumblr.com
please keep all of the credits
and don’t steal or distribute.
Thank you! :3

-->

<head>
<title>{Title}</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

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

<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>

<style type="text/css">

@font-face {
font-family: "Dosis";
src:url('http://static.tumblr.com/e1ydrvt/0wDm987za/dosis.ttf') format("truetype");
}

body {
background-image: url('http://img.photobucket.com/albums/1003/contendaz/dark_wood.png');
background-attachment: fixed;
background-color: #000000;
}

#header {
font-family: 'Dosis', Calibri, sans-serif;
font-size: 25px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
letter-spacing: 6px;
position: absolute;
z-index: 999;
background-color: #1c0b50;
margin: 210px 0px 0px -25px;
height: 35px;
width: 550px;
}

.tag-header {
height: 20px;
width: 200px;
margin-top: 9px;
margin-right:-8px;
text-transform: uppercase;
letter-spacing: 3px;
background-color: #e9e0e7;
color:#000;
font-size: 14px;
line-height: 19px;
font-family: 'Dosis', Calibri, sans-serif;
text-align: center;
}

.tags-list {
font-family: 'Dosis', Calibri;
font-size: 12px;
letter-spacing: 1px;
line-height: 110%;
text-transform: uppercase;
text-align: center;
padding: 0px;
color: #76596f;
}

a {
color: #76596f;
text-decoration: none;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #76596f;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

a:hover {
color:#000;
text-decoration: none;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}


#sidetri1 {
width:0;
height:0;
border-top:25px solid #090025;
border-left:25px solid transparent;
position:absolute;
margin-top:245px;
margin-left:-25px;
}

#sidetri2 {
width:0;
height:0;
border-top:25px solid #090025;
border-right:25px solid transparent;
position:absolute;
margin-top:245px;
margin-left:500px;
}

.box {
width: 500px;
height: 300px;
margin: 40px auto auto auto;
}

.main {
max-width: 500px;
height: 300px;
background-color: #000000;
background-image: url('http://img.photobucket.com/albums/1003/contendaz/Untitled.jpg');
}

.b3 {
opacity: 0.0;
height: 265px;
background-color: #f8eef6;
width: 500px;
margin-top: 40px;
position: absolute;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}

.box:hover .b3 {
opacity: 1.0;
margin-top: 0px;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}

</style>

</head>

<body>

<div class="box">
<div id="header">tags masterlist</div>
<div id="sidetri1"></div>
<div id="sidetri2"></div>
<div class="main"></div>
<div class="b3">

<table>
<tbody align="center">
<tr>

<!-- START FIRST COLUMN -->

<td valign="top" width="250px">

<!-- PUT YOUR HEADER HERE--!>

<div class="tag-header" align="center">HEADER 01</div>

<div class="tags-list">
<br>

<!-- PUT TAGS HERE -->

<a href="PUT LINK HERE">01: LINK 01</a></br>
<a href="PUT LINK HERE">02: LINK 02</a></br>
<a href="PUT LINK HERE">03: LINK 03</a></br>
<a href="PUT LINK HERE">04: LINK 04</a></br>
<a href="PUT LINK HERE">05: LINK 05</a></br>
<a href="PUT LINK HERE">06: LINK 06</a></br>

</div>
</br>

<!-- PUT YOUR HEADER HERE --!>

<div class="tag-header" align="center">HEADER 02</div>

<div class="tags-list">
<br>

<!-- PUT TAGS HERE --!>

<a href="PUT LINK HERE">01: LINK 01</a></br>
<a href="PUT LINK HERE">02: LINK 02</a></br>
<a href="PUT LINK HERE">03: LINK 03</a></br>
<a href="PUT LINK HERE">04: LINK 04</a></br>
<a href="PUT LINK HERE">05: LINK 05</a></br>

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

<!-- END FIRST COLUMN -->


<!-- START SECOND COLUMN -->


<td valign="top" width="250px">

<!-- PUT YOUR HEADER HERE --!>

<div class="tag-header" align="center">HEADER 03</div>

<div class="tags-list">
<br>

<!-- PUT TAGS HERE --!>

<a href="PUT LINK HERE">01: LINK 01</a></br>
<a href="PUT LINK HERE">02: LINK 02</a></br>
<a href="PUT LINK HERE">03: LINK 03</a></br>
<a href="PUT LINK HERE">04: LINK 04</a></br>
<a href="PUT LINK HERE">05: LINK 05</a></br>
<a href="PUT LINK HERE">06: LINK 06</a></br>

</div>
</br>

<!-- PUT YOUR HEADER HERE --!>

<div class="tag-header" align="center">HEADER 04</div>

<div class="tags-list">
<br>

<!-- PUT TAGS HERE -->

<a href="PUT LINK HERE">01: LINK 01</a></br>
<a href="PUT LINK HERE">02: LINK 02</a></br>
<a href="PUT LINK HERE">03: LINK 03</a></br>
<a href="PUT LINK HERE">04: LINK 04</a></br>
<a href="PUT LINK HERE">05: LINK 05</a></br>

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

</tr>

<!-- END SECOND COLUMN -->

</table>
</center>

</div>
</div>

<!--- DO NOT DELETE CREDIT! ---!>

<font style="position: fixed; bottom: 10px; right: 20px;><font size="5px"><a href="http://benizora.tumblr.com"><b>❀</b></a></font>

</body>
</html>