redirect #2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!--

Redirect #2 Page
pistachi-o (nutty-themes @ tumblr)

Help/FAQ:
http://nutty-themes.tumblr.com/tagged/page: redirect

Please Do Not:
http://nutty-themes.tumblr.com/terms

-->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<!-- DEFAULT VARIABLES -->
<meta name="text:Time Delay" content="5" />
<meta name="text:Old Username" content="capthatscene" />
<meta name="text:New Username" content="screencapesque" />

<meta name="color:Background" content="#f2e29b" />
<meta name="color:Text" content="#0A0A0A" />
<meta name="color:Link" content="#F77825" />
<meta name="color:Link Hover" content="#60B99A" />

<meta name="color:Border1" content="#FFF" />

<meta name="text:Border 2" content="rgba(255,255,255,0.3)" />
<meta name="text:Border 3" content="rgba(185,60,60,0.2)" />

<meta name="text:Redirect Text Color" content="rgba(235,150,108,0.8)" />
<meta name="text:Redirect Border Color" content="rgba(235,150,108,0.2)" />


<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">

<meta http-equiv="refresh" content="{text:Time Delay};url=http://{text:New Username}.tumblr.com/">

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">

/* Reset
-------------------------------------------------------------*/

body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}


/* Selection
-------------------------------------------------------------*/

::selection {background: #F77825; color:#FFF;}
::-moz-selection {background: #F77825; color:#FFF;}
::-webkit-selection {background: #F77825; color:#FFF;}


/* General
-------------------------------------------------------------*/

body {
background: {color:Background};
font-size: 16px;
color: #0A0A0A;
font-family: 'Share', 'Arial', sans-serif;
}

a:link, a:active, a:visited {
color: {color:Link};
text-decoration: none;
}

a:hover {
color: {color:Link Hover};
text-decoration: none;
}

b {
color: {color:Link Hover};
}

#container {
width: 340px;
margin: 0px auto;
text-align: center;
position: fixed;
background: transparent;
}

#entries {
top: 50%;
margin-top: -200px;
position: absolute;
width: 320px;
height: 320px;
background: #ffe747;
z-index: 999;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border-left: 10px solid {color:Border1};
box-shadow:
    -10px 0 0 rgba(255,255,255,0.3),
    -20px 0 0 rgba(185,60,60,0.2);
}

.posts {
width: 280px;
padding: 20px;
margin-top: 60px;
}

.redirect {
margin: 5px 0px;
font-size: 10px;
letter-spacing: 1px;
}

p {
font-family: Baskerville, Georgia, serif;
font-size: 28px;
font-style: italic;
background: rgba(255,255,255,0.5);
display: inline;
color: rgba(235,150,108,0.8);
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
line-height: 45px;
box-shadow: 0 -5px 0 rgba(235,150,108,0.2);
}

</style>


<body>
<div id="container">
<div id="entries">

<div class="posts">
<p>{text:Old Username} has<br>
found a new home at<br>
{text:New Username}</p>
<div class="redirect">If you are not automatically redirected<br>
in {text:Time Delay} seconds <a href="http://screencapesque.tumblr.com/">click here</a></div>
</div>

</div>
</div>

</body>
</html>