"Ask Box" theme - Outlasting

<html>

<!--
"Ask Box" theme by outlasting.tumblr.com
Please keep credit <3

This theme can be used for a tumblr break, leaving tumblr, etc...
-->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#fff"/>
<meta name="color:link" content="#777"/>
<meta name="color:text" content="#777"/>
<meta name="color:blogtitle" content="#fff" />
<meta name="color:blogtitle shadow" content="#000" />
<meta name="color:scrollbar" content="#ddd" />
<meta name="color:border" content="#ddd" />
<meta name="image:background" content="1"/>
<meta name="text:link separation" content="&middot;" />
<meta name="text:link one" content="/archive" />
<meta name="text:link one title" content="archive" />
<meta name="text:link two" content="" />
<meta name="text:link two title" content="link" />
<meta name="text:link three" content="" />
<meta name="text:link three title" content="link" />
<meta name="text:link four" content="" />
<meta name="text:link four title" content="link" />
<meta name="text:link five" content="" />
<meta name="text:link five title" content="link" />
<meta name="if:show links" content="0" />

<style type="text/css">

body {
color:{color:text};
font-family: dixel;
line-height:9px;
font-size:8px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}

@font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }

a:link, a:active, a:visited{
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color:{color:link};
}

a:hover {
text-decoration: none;
font-style:;
text-shadow:0px 0px 2px #000;
color: #fff;
}

div#center{
margin:auto;
position:relative;
width:1000px;
background-color:;
overflow:auto;
overflow-y:hidden;
}

#main{
background:white;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
width:400px;
height:auto;
padding:15px;
line-height:11px;
margin-top:100px;
position:fixed;
margin-left:265px;
border:2px solid {color:border};
}

.links{
word-spacing:10px;
}

@font-face { font-family: "cedarville"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }

.title{
font-family:cedarville;
line-height:50px;
font-size:50px;;
color:{color:blogtitle};
text-shadow:1px 1px 1px {color:blogtitle shadow};
}
</style>

<title>{title}</title>

<link rel="shortcut icon" href="{Favicon}" />

</head>
<body><div id="center">
<div id="main"><center>
<div class="title">
{title}
</div>
{Description}
<br><br>
<iframe frameborder="0" scrolling="no" width="380" height="200" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></center></iframe>{block:ifshowlinks}<br><br>
<div class="links"><a href="{text:link one}">{text:link one title}</a>  {text:link separation}
<a href="{text:link two}">{text:link two title}</a>{block:iflinkthreetitle} {text:link separation}
<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}
{block:iflinkfourtitle}
{text:link separation}
<a href="{text:link four}">{text:link four title}</a>
{/block:iflinkfourtitle}
{block:iflinkfivetitle}
{text:link separation}
<a href="{text:link five}">{text:link five title}</a>
{/block:iflinkfivetitle}</div>
</center>
</div>{block:ifshowlinks}</div>
</body>
<div style="position:fixed;right:5px;bottom:5px;"><a href="http://outlasting.tumblr.com">&hearts;</a></div>
</html>