redirection theme 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<!--
        REDIRECTION THEME 002
         created by softwaring
-->
<a href="http://jubileethemes.tumblr.com" style="color: {color:text}; text-transform: uppercase; text-decoration: none; position: fixed; bottom: 15px; left: 15px; font-size: 8px; font-family: consolas;">theme</a>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
<meta name="color:background" content="#59595E"/>
<meta name="color:text" content="#fcbb9b"/>
<meta name="color:border" content="#F4EBC3"/>
<meta name="image:image" content=""/>
<meta name="image:background" content=""/>
<meta name="if:show image" content=""/>
<meta name="text:new url" content="ipsumlorem"/>
<meta name="text:old url" content="loremipsum"/>
<meta name="text:moved description" content="has changed urls to"/>
<meta name="text:bye message" content=""/>
<style type="text/css">
@font-face {
font-family: Kirvy1;
src: url("http://static.tumblr.com/mqkrxog/my7n6s3b5/kirvy-light.otf") format("opentype");
}
@font-face {
font-family: Kirvy2;
src: url("http://static.tumblr.com/mqkrxog/ChEn6s3s6/kirvy-regular.otf") format("opentype");
}
@font-face {
font-family: Kirvy3;
src: url("http://static.tumblr.com/mqkrxog/lnAn6s3u9/kirvy-light.otf") format("opentype");
}
@font-face {
font-family: Kirvy4;
src: url("http://static.tumblr.com/mqkrxog/mH1n6s3vi/kirvy-bold.otf") format("opentype");
}
body { font-family: Kirvy1; background: {color:background} url({image:background})top left fixed repeat; background-size: cover; letter-spacing: 1px;  -webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
.title { font-size: 36px; font-family: Kirvy3; padding: 15px; letter-spacing: 2px; text-align: center; width: 350px; color: {color:text}; text-transform: uppercase; margin: 150px auto; {block:ifshowimage} margin: 250px auto; {/block:ifshowimage}}
.line { border-bottom: 1px solid {color:border}; width: 215px; height: 1px; margin-left: 15px; padding: 5px; -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; }.title:hover .line {width: 0px; padding: 5px 0px; -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; }.linee {  border-bottom: 1px dashed {color:border}; width: 315px; height: 1px; margin-left: 15px;  position: absolute; margin-top: -2px; }.des { font-size: 12px; padding: 10px; font-family: Roboto;  text-transform: none; text-align: center; color: {color:text};  -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; }
.title:hover .des{ opacity: 0;  -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; margin-left: -200px; }
.new { width: 340px; font-size: 12px; padding: 10px; font-family: Roboto;  text-transform: none; text-align: center; margin-left: 200px;  -webkit-transition: all 0.5s ease-in-out; margin-top: -35px; opacity: 0; position: absolute;-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; }
.title:hover .new{ opacity: 1;  -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; margin-left: 0px; }a { text-decoration: none; color: {color:text}; }
.title img { width: 100px; border-radius: 50%; height: 100px;  border: 1px solid {color:border}; -webkit-transition: all 0.5s ease-in-out;
background: {color:border}; background-size: 10px;
-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; {block:ifnotshowimage}display:none;{/block:ifnotshowimage} }
.title:hover img { opacity: 0; -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;}
.title .bye { opacity: 0; position: absolute;-webkit-transition: all 0.5s ease-in-out; font-family: Roboto; font-size: 14px; width: 350px; text-align: center; margin-top: 40px;-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;}
.title:hover .bye { opacity:1; -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;}
{CustomCSS}
</style>
</head><body>
<div class="title">
<div class="bye">{text:bye message}</div>
<img src="{image:image}"><br><br>
    {text:old url}
    <div class="line"></div><div class="linee"></div>
    <div class="des">{text:moved description}</div>
    <div class="new"><a href="http://{text:new url}.tumblr.com">{text:new url}</a></div>
</div>
</body>
</html>