redirect (theme)

<!DOCTYPE html>
<head>

<!----THEME BY CLARASCAPALDIS. STANDARD RULES APPLY. THEME BLOG: ELISIONTHEMES.TUMBLR.COM---->

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

<meta name="image:background" content="">
<meta name="color:background" content="#777">
<meta name="color:text" content="#fff">
<meta name="color:link" content="#fff">
<meta name="color:link hover" content="#fff">

<meta name="text:old url" content="myoldurl">
<meta name="text:new url" content="mynewurl">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript">
function leave() {
  window.location = "http://{text:new url}.tumblr.com";
}
setTimeout("leave()", 8000);
</script>

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

<style type="text/css">

::-webkit-scrollbar {background-color:black; border:2px solid #fff;height:5px; width:5px;}
::-webkit-scrollbar-thumb:vertical {background-color:black; border:1px solid #fff; height:40px;}
::-webkit-scrollbar-thumb:horizontal {background-color:black;border:1px solid #fff; height:8px!important}


body {
    background:{color:background} url({image:background}) no-repeat fixed;
    background-size:cover;
    margin:0;width:100%;height:100%;
    font:11px Corbel;
    padding: 0;
    position:absolute;
}

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

a:hover {
    color:{color:link hover};
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.container {
    width:400px;
    height:200px;
    position:relative;
    top:50%;
    margin-top:-140px;
    left:50%;
    margin-left:-240px;
    font-family: 'Quicksand', sans-serif;
    text-transform:uppercase;
    color:{color:text};
    border:10px solid rgba(255,255,255, 0.3);
    padding:45px;
}

.inner {
    width:400px;
    height:200px;
    background-color:rgba(255,255,255, 0.3);
    padding:20px;
    margin-left:-20px;
    margin-top:-20px;
}

.hasmoved {
    font-size:50px;
    position:relative;
    width:100%;
    top:21%;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:5px;
}

.urls {
    position:relative;
    top:22%;
    text-align:center;
    font-size:12px;
}

#old {
    display:inline-block;
    margin-right:15px;
    letter-spacing:4px;
}

#new {
    display:inline-block;
    margin-left:15px;
    letter-spacing:4px;
}

#redirect {
    font-size:25px;
    position:relative;
    top:21%;
    width:100%;
    text-align:center;
    letter-spacing:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#credit {
    letter-spacing:3px;
    text-align:center;
    position:relative;
    top:23%;
}


</style>
</head>
<body>
<div class="container">
<div class="inner">

<div class="urls">
    <div id="old">
        {text:old url}
    </div>
    &rarr;
    <div id="new">
        <a href="http://{text:new url}.tumblr.com/">{text:new url}</a>
    </div>
</div>
<div class="hasmoved">
    moved urls
</div>
<div id="redirect">redirecting...</div>

</div>

<!---do not touch--->
<div id="credit"><a href="http://gloriousponds.co.vu/">theme by clarascapaldis</a></div>

</div>


</body>
</html>