[Page] → Redirect #01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--
THEME: REDIRECT PAGE #01
BY: jyuubi.org / manatopia.org

Please do not redistribute or use to make your own!
You may edit whatever you please, but leave credit.
-->

<meta name="color:Background" content="#2c2929">
<meta name="color:Moved Background" content="#7b2a2a">
<meta name="color:Moved Link" content="#ad645b">
<meta name="color:Moved Link Hover" content="#381515">
<meta name="color:Text" content="#bc7b5c">
<meta name="color:Shadow" content="#1d1b1b">
<meta name="color:Credit Link" content="#902f2a">

<meta name="image:Background" content="http://s5.postimage.org/8pkqhg8af/redirect01_bg.png">
<meta name="image:Side" content="http://s5.postimage.org/avf1bybqr/redirect01_zuko.png">

<meta name="text:Moved" content="moved to [blog]">
<meta name="text:Moved URL" content="http://">

<meta name="text:Move From Top" content="200">
<meta name="text:Move From Left" content="300">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">
/* BODY */
body {
background-image: url('{image:Background}');
background-attachment: fixed;
background-color: {color:Background};
}

#container {
width: 400px;
margin-left: {text:Move From Left}px;
margin-top: {text:Move From Top}px;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;
position: fixed;
}

#container img {
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
float: left;
max-width: 120px;
max-height: 120px;
}

.shadow {
-moz-box-shadow: 1px 1px 3px {color:Shadow};
-webkit-box-shadow: 1px 1px 3px {color:Shadow};
box-shadow: 1px 1px 3px {color:Shadow};
}

#moved {
background-color: {color:Moved Background};
width: 200px;
height: 20px;
line-height: 20px;
margin-left: 80px;
margin-top: 40px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
text-align: center;
}

#moved a {
color: {color:Moved Link};
text-decoration: none;
font-size: 10px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#moved a:hover {
color: {color:Moved Link Hover};
}

#title {
width: 220px;
margin-left: 50px;
margin-top: 5px;
font-family: calibri;
font-size: 8px;
color: {color:Text};
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

#credit {
position: fixed;
bottom: 10px;
right: 10px;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
}

#credit a {
color: {color:Credit Link};
text-decoration: none;
}
</style>
</head>
<body>

<div id="container">
<img src="{image:Side}" class="shadow" alt="">
<div id="moved" class="shadow"><a href="{text:Moved URL}">{text:Moved}</a></div>
<div id="title">{Description}</div>
</div>

<div id="credit">
<!-- DO NOT REMOVE OR EDIT -->
<a href="http://jyuubi.org" target="_blank">&copy; jyuubi.org</a>
</div>

</body>
</html>