redirect theme 01 by dobriaen

<!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>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!----theme by dobriaen don't remove the credit please--->

<head>

<meta name="color:title" content="#d6d5d5">
<meta name="color:bg" content="#FFFFFF">
<meta name="color:border" content="#e2e1e1">
<meta name="color:hover" content="#f7f5f5">
<meta name="color:link" content="#c2c2c2">

<meta name="image:first icon" content=""/>
<meta name="image:second icon" content=""/>

<meta name="text:New Url" content="">
<meta name="text:Old Url" content="">

<style type="text/css">

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}

::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}

::-webkit-scrollbar-corner {background:#ffffff}

::-webkit-scrollbar-thumb:vertical {background:#fff};

::-webkit-scrollbar-thumb:horizontal {background: {color:#fff}; border: 0px solid {color:bg}
}


body {
    background-color:{color:bg};
    margin:0px;
    color:#cecccc;
    font-family:new york;
    font-style:none;
    font-size:10px;
    padding:5px;
}

a {
color:#cecccc;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color:#1d1d1d;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}


img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:15px;
}

#stuff{
margin-top:200px;
margin-left:-50px;
height:90px;
width:1500px;
background:#000;
}

#firsticon img {
width:120px;
height: 120px;
left: 100px;
margin-top:-20px;
padding:5px;
background-color: #000;
border:1px solid #000;
opacity:1;
position:absolute;
z-index:1;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}

#stuff:hover #firsticon img {
left:650px;
opacity:0;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}


#secondicon img {
width:120px;
height: 120px;
right: 0px;
margin-top:-20px;
padding:5px;
background-color: #000;
border:1px solid #000;
opacity:0;
position:absolute;
z-index:1;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}

#stuff:hover #secondicon img {
opacity:1;
right: 100px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#oldurl{
left:240px;
margin-top:0px;
position:absolute;
width:2000px;
z-index:0;
}

#oldurl a{
float:left;
text-transform: uppercase;
font-family:Bebas Neue;
letter-spacing: 1px;
font-size:80px;
color:#fff;
text-shadow: 2px 0px 5px #fff;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}

#stuff:hover #oldurl a{
color:#000;
text-shadow: 2px 0px 5px #000;
margin-left:1000px;
opacity:0;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
transition: all 1.5s ease-out;
}


#newurl{
right:50px;
margin-top:0px;
width:500px;
position:fixed;
}

#newurl a{
text-transform: uppercase;
font-family:Bebas Neue;
letter-spacing: 1px;
font-size:80px;
color:#fff;
float:right;
opacity:0;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}

#stuff:hover #newurl a{
padding-right:200px;
right:250px;
opacity:1;
text-shadow: 2px 0px 5px #fff;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


{CustomCSS}</style>


</head>
<body>

<div id="stuff">

<div id="firsticon">
<div id="firsticon"><img src="{image:first icon}"/></div></div>
<div id="secondicon">
<div id="secondicon"><img src="{image:second icon}"/></div></div>


<div id="oldurl">
<b><a href="http://{text:Old Url}.tumblr.com/">{text:Old Url} is now at</a></b> </span></div>


<div id="newurl">
<b><a href="http://{text:New url}.tumblr.com/">{text:New url}</a></b> </span></div>


</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

<div style="position: fixed; bottom: -5px; right: 5px; "><a href="http://dobriaen.tumblr.com"><img src="http://static.tumblr.com/budt2pj/Ot1mrdjsh/credit.png"></a></div></div></div>

</body></html>