Applications Page #1

<!DOCTYPE html>

<!----------------------

    APPLICATIONS THEME #1 by JAKEHELPS
		#1: Do not redistribute & claim as your own.
		#2: Do not remove the credit.

		---------------------------->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

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

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

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

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


    <meta name="text:Main Page" content="">
    <meta name="text:Main Page Ask" content="">
    <meta name="text:Tumblr URL" content="">
    <meta name="text:Link 1" content="">
    <meta name="text:Link 1 URL" content="">
    <meta name="text:Link 2" content="">
    <meta name="text:Link 2 URL" content="">
    <meta name="text:Link 3" content="">
    <meta name="text:Link 3 URL" content="">

    <meta name="image:Background" content="">

    <meta name="color:Text" content="">
    <meta name="color:App Box BG" content="">

</head>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #FEFEFE;
	background-attachment: fixed;
	background-image:url('{image:background}');

}

a {
	text-decoration: none;
	color: black;
}

::-webkit-scrollbar-thumb:vertical {
    height:10px;
    background-color: transparent;
 }

::-webkit-scrollbar-thumb:horizontal {
    height:30px;
    background-color: transparent; }

::-webkit-scrollbar {
    height: 10px;
    width: 5px;
    background-color: {color:Text}; }


#container {
    margin: auto;
    text-align: center;
    width: 1000px;
    margin-top: 200px;
}

#submitbox {
    width: 500px;
}

#form {
    width: 300px;
    height: 300px;
    background-color: #202020;
    display: block;
    margin-left: 520px;
    padding: 30px;
    margin-top: -350px;
}

.form-title {
    font-family: cabin condensed;
    font-size: 20px;
    color: {color:Text};
    text-align: center;
    text-transform: uppercase;
}

.description {
    display: block;
    height: 260px;
    overflow: auto;
    font-family: cabin condensed;
    font-size: 12px;
    color: {color:Text};
    margin-top: 10px;
    letter-spacing: 1px;
}

.link {
    display: block;
    padding: 10px;
    text-align: center;
}

.link a {
    font-family: cabin condensed;
    font-size: 12px;
    color: {color:Text};
    text-transform: uppercase;
    padding: 10px;
    letter-spacing: 2px;
}


</style>
<body>

<div id="container">
<div id="submitbox">

<p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/{text:Tumblr URL}.tumblr.com" frameborder="0" height="500" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>

    <div class="link">
        <a href="{text:Main Page}">Main Page</a>
        <a href="{text:Main Page Ask}">Contact</a>
        <a href="{text:Link 1 URL}">{text:Link 1}</a>
        <a href="{text:Link 2 URL}">{text:Link 2}</a>
        <a href="{text:Link 3 URL}">{text:Link 3}</a>
    </div>
</div>

<div id="form">
    <div class="form-title">{Title}</div>
    <div class="description">
        {description}
    </div>

</div>
</div>


</body>
</html>