(old) redirect 2 : crossing

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Redirect 2 : Crossing by lauren (sinnohs) @ tumblr
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="color:Background" content="#fff" />
<meta name="color:InteriorBG" content="#fff" />
<meta name="color:Description" content="#ccc" />
<meta name="color:Title" content="#ccc" />
<meta name="color:Underline" content="#ccc" />
<meta name="color:ButtonText" content="#ccc" />
<meta name="color:ButtonTextHover" content="#777" />
<meta name="color:Text" content="#ccc" />
<meta name="color:Border" content="#ccc" />

<meta name="text:RedirectURL" content="http://" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

/* BODY, LINKS */

body {
background: {color:Background} url('{image:Background}') bottom right fixed no-repeat;
margin: 0;
padding: 0;
font: 12px consolas;
}

a {
color:{color:ButtonText};
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a:hover {
color:{color:ButtonTextHover};
text-decoration: none;
}

/* BASIC STRUCTURE */

.interior {
color:{color:Text};
background-color:{color:InteriorBG};
font-size:12px;
text-align:center;
padding:10px;
line-height:19px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
width:250px;
border:1px dashed {color:Border};
}

/* TITLE */

.title {
padding:2px;
font-size:15px;
letter-spacing:2px;
color: {color:Title};
font-family:courier new;
text-align:center;
}

/* DESCRIPTION */

.description {
padding:10px;
font:10px consolas;
text-align:center;
}

/* BUTTON */

#button {
text-align:center;
color:{color:Text};
font-size:10px;
text-transform:uppercase;
margin-bottom:5px;
padding:2px 5px;
font-family:consolas;
letter-spacing:1px;
}

#button a {
color:{color:ButtonText};
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding-bottom:3px;
border-bottom:1px solid transparent;
}

#button a:hover {
color:{color:ButtonTextHover};
border-bottom:1px solid {color:Underline};
}

/* CREDIT */

#credit {
position:fixed;
bottom:0px;
right:0px;
font: bold 12px courier new;
padding:5px;
}

</style>
</head>
<body>

<div class="interior">
<div class="title">{Title}</div>
<div class="description">{Description}</div>
<div id="button">
<a href="{text:RedirectURL}">new url</a></div>
</div>

<a href="http://sinnohs.tumblr.com/" target="_blank" title="Crossing Redirect - REVAMPED" id="credit">th</a>
</body>
</html>