URL Redirect 002

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- URL Redirect 002 by HatterThemes -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- DEFAULT VARIABLES -->
    <meta name="color:Background" content="#ddf0fd" />
    <meta name="color:OldURL" content="#ff6d6d" />
    <meta name="color:NewURL" content="#00ff91" />
    <meta name="color:Text" content="#000000" />

    <meta name="text:OldURL" content="old url" />
    <meta name="text:NewURL" content="new url" />
    <meta name="text:New Blog Link" content="http://YOURURL.tumblr.com">
    <meta name="text:Font Size" content="30px" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</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 {
background:{color:Background};
text-decoration:none;
text-align:center;
}

iframe#tumblr_controls {top:0!important;right:0!important;}

a {
text-decoration:none;
}

#container {width:643px;margin:0px auto 0px auto;height:100px;background:#efefef;box-shadow: inset 1px 1px 3px #8a8a8a, inset 4px 4px 10px #8a8a8a;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border-radius:10px;-webkit-transition:all 1.3s ease-out;-moz-transition:all 1.3s ease-out;-o-transition:all 1.3s ease-out;transition:all 1.3s ease-out;}
#container:hover {background:#cdcdcd;text-align:right;-webkit-transition:all 1.3s ease-in;-moz-transition:all 1.3s ease-in;-o-transition:all 1.3s ease-in;transition:all 1.3s ease-in;}

#blogtitle {width:650px!important;margin:100px auto 0px auto;color:{color:Background};text-shadow:2px 2px {color:Text};font-size:50px;}

.old,.new {width:200px;text-align:center;display:block;padding:20px;line-height:55px;font-size:{text:Font Size};font-variant:small-caps;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border-radius:10px;
box-shadow: inset 1px 1px 5px #0f0f0f, inset 2px 2px 15px #0f0f0f;
-webkit-transition:all 1.3s ease-in;-moz-transition:all 1.3s ease-in;-o-transition:all 1.3s ease-in;transition:all 1.3s ease-in;}

.old {color:{color:OldURL};text-shadow:1px 1px {color:Text};background:{color:OldURL};position:fixed;margin-top:3px;margin-left:3px;}
#container:hover .old {margin-left:400px;}
.new {color:{color:NewURL};text-shadow:2px 2px {color:Text};background:{color:NewURL};opacity:0;margin:0;position:fixed;margin-top:3px;margin-left:3px;margin-top:-75px;margin-left:-20px;}
#container:hover .new {opacity:1;}

#theme {bottom:0!important;left:0!important;padding:10px;position:fixed;font-size:13px;font-variant:small-caps;opacity:0.7;}
#theme a {color:{color:Text};}

    </style>
</head>
<body>
<div id="theme"><a href="http://hatterthemes.tumblr.com">theme by hatterthemes</a></div>
<a href="{text:New Blog Link}"><div id="blogtitle">Never fear, I'm now found here!</div>
<div id="container">
<div class="old">{text:OldURL}
<div class="new">{text:NewURL}</div></div>
</div></a>
</body>
</html>