Automatic Redirect 2.0

<!DOCTYPE html>
<html>
<head>

<title>{Title}</title>
<meta name="description" content="{MetaDescription}" />
<link rel="shortcut icon" href="{Favicon}" />

<meta name="text:New URL" content="http://"/>
<meta name="color:Accent" content="#ff0000"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Text Background" content="#ffffff"/>
<meta name="color:Background" content="#f0f0f0"/>
<meta name="image:Background" content=""/>
<meta name="if:Automatic Redirect" content="0"/>
<meta name="if:Shadow" content="1"/>
<meta name="if:Redirect Gif" content="1"/>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

{block:ifAutomaticRedirect}
<script type="text/javascript">
$(document).ready(function(){
    window.setTimeout(function (){window.location.replace('{text:New URL}' + window.location.pathname);}, 2000);
});
</script>
{/block:ifAutomaticRedirect}

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

<style type="text/css">
* {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

body {background:{color:Background} url({image:Background});}

#box {font-family:Alegreya Sans; text-align:center; height:106px; width:100%; color:{color:Text}; position:fixed; top:50%; margin-top:-53px; background-color:{color:Text Background};{block:ifShadow}
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);{/block:ifShadow}}

#box a {text-decoration:none; color:{color:Text};}

#box a:hover {color:{color:Accent};}

#box h2 {text-transform:uppercase; letter-spacing:1px; border-bottom:solid 1px {color:Accent};}

#box h2:hover {letter-spacing:2px; color:{color:Accent}; border-bottom-color:{color:Text};}

.g {position:fixed; top:50%; left:50%; margin-top:-124px; margin-left:-125px;}

{CustomCSS}
</style>

</head>
<body>

{block:ifNotRedirectGif}
<div id="box">
<h2>{Name}&nbsp;has&nbsp;moved!</h2>
<p>If you are not automatically redirected, please click <a href="http://{text:New URL}.tumblr.com">here</a></p>
</div>
{/block:ifNotRedirectGif}

{block:ifRedirectGif}
<img class="g" src="http://static.tumblr.com/puls2hm/NBUmugbay/redirecting-you.gif"/>
{/block:ifRedirectGif}

<!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
<a href="http://syntaxthemes.tumblr.com">
<img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
<!----------------------------------THANK-------------------------------->

</body>
</html>