Twit Saved Page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<!--

Twit Saved Page by Chris @denisrenolds

ᵒ Do not remove or change the credit in any way

ᵒ Do not use as a base for any other pages, I did this from scratch, you can too

ᵒ Do not steal from or redistribute

Please contact me if you have any questions or concerns, and enjoy!

-->

<html><head>
<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}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<meta name="if:Saved" content="1"/>
<meta name="if:Moved" content="0"/>
<meta name="if:Keeping" content="1"/>
<meta name="if:Giving" content="0"/>
<meta name="text:Your Name" content="Your name"/>
<meta name="text:Blog Name" content="Name of your blog"/>
<meta name="text:Text Box" content="Write something short here"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>
</script>

<style type="text/css">
body{
color:#aeaeae;
background-color:#fff;
font-family:arial;
font-size:13px;
}

img {
border:4px solid white;
border-radius:5px;
}

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

a:hover{
color:#dfdfdf;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

ul{
list-style-type:circle;
margin-left:-25px;
}

li{
padding-bottom:5px;
}

#box{
padding:10px;
margin-right:auto;
margin-left:auto;
margin-top:40px;
height:355px;
width:310px;
border-radius:5px;
border:1px solid #eee;
background-color:white;
}

#header img{
    width:300px;
}

#avi img{
margin-top:-50px;
margin-left:15px;
height:80px;
}

#name{
margin-left:115px;
margin-top:-40px;
font-size:20px;
font-weight:bold;
}

#at{
margin-left:115px;
margin-top:5px;
}

#info{
border-top: 1px solid #eee;
margin-top:20px;
}

#stat{
text-transform:uppercase;
font-size:9px;
word-spacing:56px;
}

#ed{
margin-top:5px;
word-spacing:30px;
font-weight:bold;
font-size:15px;
}

#mssg{
margin-top:20px;
background-color:#f3f3f3;
padding:10px;
width:310px;
margin-left:-10px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

#liner{
padding:10px;
background-color:white;
border-radius:5px;
}

#cred{
position:fixed;
bottom:5px;
right:5px;
font-size:14px;
}

#s-m-t-tooltip{
max-width:150px;
line-height:8px;
padding:5px 5px 2px 5px;
margin:25px 0px 0px 10px;
background:#fff;
opacity:1;
font-size:9px;
border:1px solid #eee;
border-radius:2px;
z-index:999999;
}

</style></head>
<body>

<!----DESCRIPTION---->
<div id="box">
<div id="header"><img src="{HeaderImage}"></a></div>
<div id="avi"><img src="{PortraitURL-128}"/></div>
<div id="name">
{block:ifsaved}Saved by {text:Your Name}{/block:ifsaved}{block:ifmoved}{text:Your Name} has Moved{/block:ifmoved}
</div>
<div id="at">
<a href="http://{text:Blog Name}.tumblr.com">@{text:Blog Name}</a>
</div>
<div id="info"><p></p>
<div id="stat">URL <span style="margin-left:-55px">STATUS</span> <span style="margin-left:-22px">CONTACT</span> CODE </div>
<div id="ed">
{block:ifkeeping}Keeping <a href="http://{text:Blog Name}.tumblr.com/ask">Message</a> <span style="margin-left:3px"><a href="http://denisrenolds.tumblr.com/">Credit</a></span>{/block:ifkeeping}
{block:ifgiving}Giving <span style="margin-left:12px"><a href="http://{text:Blog Name}.tumblr.com/ask">Message</a></span> <span style="margin-left:3px"><a href="http://denisrenolds.tumblr.com/">Credit</a></span>{/block:ifgiving}
</div></div>
<div id="mssg">
<div id="liner">
{text:Text Box}
</div></div>
</div>

<div id="cred"><a href="http://jimothythemes.tumblr.com/" title="Code by Chris">☢</a></div>
</body></html>