theme 47 - redirect page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

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

<!--

code вy oғjαcĸ

do ɴoт вreαĸ тнeѕe rυleѕ:
 - do ɴoт υѕe αѕ α вαѕe code.
 - do ɴoт clαιм αѕ yoυr owɴ.
 - do ɴoт reмove тнe credιт.

---->

    <meta name="text:old url" content=""/>
    <meta name="text:new url" content=""/>
    <meta name="text:new url link" content=""/>

    <style type="text/css">

    a {
    color:#111;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    a:hover {
    color:#111;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


body {
background-color:#fff;
font-family:arial;
font-weight:normal;
font-size:20px;
}

    #themenum {
    background-color:#fff;
    width:700px;
    margin: 0 auto -12px auto;
    text-align: center;
    }

    #circle {
    border-radius:200px;
    width:250px;
    height:250px;
    position:fixed;
    margin-top:200px;
    margin-left:220px;
    text-align:center;
    z-index:1;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #circle img {
    border-radius:200px;
    }

    #text {
    margin-left:81px;
    margin-top:-190px;
    position:fixed;
    z-index:9;
    }

    #text a {
    text-align:center;
    color:#111;
    font-weight:bold;
    }

    #new {
    margin-top:-120px;
    margin-left:25px;
    width:200px;
    position:fixed;
    z-index:3;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #new a {
    font-style:italic;
    font-size:25px;
    color:#111;
    opacity:0;
    text-align:center;
    border-bottom:1px dotted transparent;
    }

    #new a:hover {
    border-bottom:1px dotted #111;
    }

    #circle:hover #new a {
    letter-spacing:10px;
    opacity:1;
    }

    small {
    font-size:9px;
    }

    #man {
    position:fixed;
    font-size:10px;
    font-weight:normal;
    line-height:100%;
    letter-spacing:1px;
    right:-48px;
    bottom:5px;
    text-transform:uppercase;
    text-align:center;
    }

    #man a {
    padding:0px;
    color:#111;
    }

    #man a:hover {
    margin-right:52px;
    color:#111;
    }

{CustomCSS}

</style></head>

<body>

<div id="themenum">
    <div id="circle"><img src="http://data2.whicdn.com/images/70798222/large.png">
        <div id="text">{text:old url} <br>moved to <br><small>(hover)</small></div>
        <div id="new"><a href="{text:new url link}">{text:new url}</a></div>
     </div>
</div>

<div id="man"><a href="http://ofjack.tumblr.com/"> [c] ofjack </a></div>

</body>
</html>