redirect theme 01

<!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">

<!--
              theme by jessica @meliapond.tumblr.com
please no stealing. i worked hard to make this theme, so please leave the credit where it is. this is also NOT a base theme. you also cannot take snipets of the coding to make your own theme. thank you for understanding, and enjoy! for more of my themes go to meliapond.tumblr.com/mythemes. ♥

-->

<head><title>{text:old url} → {text:new url}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#c7c7c7"/>
<meta name="color:new url text" content="#e0c5be"/>
<meta name="color:new url background" content="#eee"/>
<meta name="color:new url text hover" content="#f3f1f1"/>
<meta name="color:new url background hover" content="#e7d7d3"/>
<meta name="text:old url" content="" />
<meta name="text:new url" content="" />
<meta name="image:image" content=""/>


<style type="text/css">

body{background:{color:background}; margin:0px; color:{color:text}; font-family:Consolas; font-size:10px; line-height:100%;}
a{text-decoration:none; outline:none; -moz-outline-style:none; color:#AAAAAA;}
img{border:none;}

#credit {
position:fixed;
width:80px;
right:3px;
bottom:3px;
line-height:5px;
letter-spacing:0px;
font:10px trebuchet ms;
color: {color:text};
text-transform:uppercase;
}

#content {
margin-top:200px;
}

#hasmoved {
font: 18px "open sans condensed";
margin-bottom:3px;
margin-left:378px;
}

#box {
background-color:{color:new url background};
color:{color:new url text};
height:50px;
width:100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#box:hover {
background-color:{color:new url background hover};
color:{color:new url text hover};
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#newurl {
font-size: 25px;
padding-top:20px;
margin-left: 380px;
font-family:"open sans condensed";
text-transform:uppercase;
}

#image {
width:100px;
position:absolute;
padding:10px;
height:auto;
left:250px;
margin-top:-72px;
background-color:{color:new url background};
border-top-left-radius:60px;
border-top-right-radius:60px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#box:hover #image {
background-color:{color:new url background hover};
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#image img {
width:100px;
height:100px;
border-top-left-radius:50px;
border-top-right-radius:50px;
}


{CustomCSS}</style></head><body>

<div id="credit"><a target="blank"href="http://baskervillles.tumblr.com/guidelines"><font color="{color:text}">© baskervillles</a></font></div>

<div id="content">

<div id="hasmoved">{text:old url} has moved to</div>

<a href="http://{text:new url}.tumblr.com"><div id="box"><div id="image"><img src="{image:image}"></div><div id="newurl">{text:new url}</div></div></a>

</div>
</body></html>