theme 05 // redirect

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- theme by aroldstyles, dont remove credit, use as a base, or claim as your own, thanks -->

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

<meta name="color:link" content="#E6E4E4">
<meta name="color:text" content="#9A9A9A">
<meta name="color:hover" content="#9A9A9A">

<meta name="image:pic" content=""/>
<meta name="image:pic2" content=""/>

<meta name="text:linkA" content="">
<meta name="text:linkB url" content="/">
<meta name="text:linkB" content="">

<head>

<style type="text/css">

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

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

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

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


body {
margin:0px;
color:#cecccc;
font-family:Calibri;
font-size:10px;
padding:5px;
line-height:100%;
}

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;
}

#s-m-t-tooltip {
max-width:300px;
padding:3px 4px 5px 4px;
margin:20px 0px 0px 20px;
background-color:#fff;
border:3px double #f2f2f2;
font-family:times;
font-style:italic;
font-size:10px;
letter-spacing:2px;
text-transform:uppercase;
color:#e4e4e4;
z-index:99;
}

img {
border:none;
}

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

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

h1 {
font-size:15px;
}

#sidebar {
position:fixed;
margin-left:450px;
margin-top:150px;
width:500px;
height:330px;
padding:10px;
}

#pic {
position:fixed;
margin-left:-30px;
margin-top:-30px;
}

#pic img {
width:200px;
height:200px;
padding:5px;
margin-left:30px;
margin-top:30px;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#sidebar:hover #pic img {
opacity:0;
margin-left:-400px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#pic2 {
position:fixed;
margin-left:210px;
margin-top:-242px;
z-index:-999999;
}

#pic2 img {
width:200px;
height:200px;
padding:5px;
margin-left:30px;
margin-top:30px;
z-index:-999999;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#sidebar:hover #pic2 img {
opacity:0;
margin-left:400px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#oldurl {
position:fixed;
width:auto;
font-style:italic;
height:5px;
font-family:times;
text-align:center;
margin-top:-150px;
margin-left:-40px;
font-size:30px;
color:{color:text};
opacity:0;
z-index:99;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#sidebar:hover #oldurl {
opacity:1;
margin-left:50px;
z-index:99;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#url {
position:fixed;
width:auto;
font-style:italic;
height:50px;
font-family:times;
text-align:center;
margin-top:-65px;
margin-left:320px;
font-size:30px;
text-transform:lowercase;
opacity:0;
z-index:99999999999999;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#url a {
color:{color:link};
}

#url a:hover {
color:{color:hover};
}

#sidebar:hover #url {
opacity:1;
z-index:999999;
margin-left:240px;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#words {
width:176px;
position:fixed;
font-family:georgia;
font-size:30px;
border-bottom:2px solid #ccc;
color:black;
margin-left:30px;
margin-top:-110px;
opacity:0;
padding:5px;
padding-left:6px;
padding-bottom:6px;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#sidebar:hover #words {
opacity:1;
z-index:999999;
margin-left:100px;
-o-transition-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
}

#credit {
bottom:0px;
right:0px;
position:fixed;
}

#credit img {
width:25px;
padding:3px;
}

{CustomCSS}

</style></head><body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<div id="sidebar">
<div id="pic"><img src="{image:pic}">
<div id="pic2"><img src="{image:pic2}">
</div>
<div id="oldurl">{text:linkA}</div> <!--- if your url is long, just change the font size in the code --->
<div id="url"><a href="{text:linkB url}">{text:linkB}</a></div> <!--- same goes for this one --->
<div id="words">has moved to</div>
</div>

<div id="credit"><a href="http://aroldstyles.tumblr.com" title="credit"><img src="http://media.tumblr.com/b103d7b437b3d4bda8366536a8d598a9/tumblr_inline_mv8rpxveN31qgj1ha.png"></div>

</body></html>