Lokiphile Tumblr Moved 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}">


<!---- theme by noelle @ accioloki.tumblr.com

Please don’t remove or alter the credit
Do not redistribute as your own
Edit away! but please don’t use it as a base code
Don't use snippets from this please
I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you! :D


--->


<meta name="color:Background" content="#ffffff"/>
<meta name="color:text" content="#b8b8b8"/>
<meta name="color:text hover" content="#b8b8b8"/>
<meta name="color:strip" content="#b8b8b8"/>
<meta name="color:border" content="#b8b8b8"/>
<meta name="color:text background" content="#b8b8b8"/>

<meta name="image:image1" content=""/>
<meta name="image:image2" content=""/>
<meta name="image:background" content=""/>
<meta name="image:strip" content=""/>

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

<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>


<style type="text/css">

a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

.fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

.fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}


body {
    background: {color:Background} url("{image:Background}") fixed;
    margin:0px;
    color:#000000;
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:11px;
    line-height:100%;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;

}


a{
    text-decoration:none;
    color:{color:text};
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

a:hover {
    color:{color:text hover};
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

img {
    border:none;
}

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

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

h1 {
    font-size:15px;
}

#lines{
    height:70px;
    width:200%;
    position:fixed;
    top:50%;
    margin-top:-85px;
    background:{color:strip} url("{image:strip}") repeat;
    z-index:-100;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

#container1{
    height:200px;
    width:600px;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-307px;
    margin-top:-157px;
    background:#d8d8d8;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#container1:hover {
    left:150%;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}


#pic{
    postion:fixed;
    width:600px;
    height:200px;
    border: 15px solid {color:border};
    outline: 1px solid #cecece;
    overflow:hidden;
    background:url("{image:image1}") repeat;

}


#words1{
    position:fixed;
    width:400px;
    height:20px;
    padding:20px;
    left:50%;
    margin-left:-210px;
    top:50%;
    margin-top:-80px;
    background:none;
    font-size: 20px;
    color:{color:text};
    text-align:center;
    background:{color:text background};
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;

}

#container1:hover #words1{
    left:150%;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}


#container2{
    height:200px;
    width:600px;
    position:fixed;
    left:-50%;
    top:50%;
    margin-top:-157px;
    background:#d8d8d8;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#container1:hover #container2{
    left:50%;
    margin-left:-307px;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}


#pic2{
    postion:fixed;
    width:600px;
    height:200px;
    border: 15px solid {color:border};
    outline: 1px solid #cecece;
    overflow:hidden;
    background:url("{image:image2}") repeat;

}


#words2{
    position:fixed;
    width:400px;
    height:20px;
    padding:20px;
    left:-70%;
    top:50%;
    margin-top:-75px;
    background:none;
    font-size: 20px;
    color:{color:text};
    background:{color:text background};
    text-align:center;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#container1:hover #words2{
    color:{color:text hover};
    left:50%;
    margin-left:-210px;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#credit {
    margin-top:0px;
    position:fixed;
    width:80px;
    right:0px;
    bottom:3px;
    left:40px
    line-height:5px;
    letter-spacing:0px;
    font:10px trebuchet ms;
    color: {color:text};
    text-transform:uppercase;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#credit:hover{
    bottom:9px;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}


</style></head><body>

<div id="container1">

<div id="words1">

<b><font style="text-transform: uppercase;"><big><big>{text:previous url}</big></big></font></b>

&nbsp;&nbsp;

<small>has moved to</small>

</div>


<div id="pic"><img src="{image:image1}"></div>

<div id="container2">

<div id="words2">


<b><font style="text-transform: uppercase;"> <big><big><a href="http://{text:new url}.tumblr.com/">{text:new url}</a></big></big></font></b>

</div>


<div id="pic2">"<img src="{image:image2}"></div>

</div>

</div>


<div id="lines">
</div>

<div id="credit">

<a target="blank"href="http://accioloki.tumblr.com"><font color="#4b4b4b">© accioloki </a></font></div>


</body></html>