Applications Page #2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 hiatusal//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-hiatusal.dtd">


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


        APPLICATION PAGE #2 by DOMINICWRITES
        Rules and Regulations:
        #1: Please DO NOT commit thievery and steal this theme/page. I've  worked hard on in so I'd appreciate if you didn't.

        #2: DO NOT redistribute this theme/page,

        #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.


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

<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>

    <meta charset="utf-8">

    <meta name="description" content="{MetaDescription}" />

    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}"/>

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

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800,900,500' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

<link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>


</head>

<style type="text/css">

body {
    background: #CACACA;
    background:url('http://static.tumblr.com/kamm2qy/u0hmuut3i/graphy.png');
    margin: 0px;
    list-style: none;
    font-family: 'Lora', sans-serif;
    font-size: 10px;
    color: #877b76;
}

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

b,i,strong,em {
    color: #cbd165;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #AAAAAA;
    height: 10px;
    border-bottom: 2px solid #FFF;
    border-top: 2px solid #FFF;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color: #AAAAAA;
    height: 7px!important;
    }
::-webkit-scrollbar {
    background-color: #FFF;
    height: 10px;
    width: 12px;
    }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
    display:block;
    height:15px;
    width: 12px;
    background-color: #AAAAAA;
    }

#all {
    width: 800px;
    height: 575px;
    margin: auto;
    margin-top: 60px;
}

.title {
    display: block;
    text-align: left;
    padding: 10px;
    background-color: #202020;
    background-image:url('http://static.tumblr.com/kamm2qy/dwgmuutmc/texture1.png');
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 36px;
    color: #202020;
    text-transform: uppercase;
}

.info {
    background-color: #AAAAAA;
    width: 260px;
    height: 470px;
    float: left;
    display: inline-block;
    padding: 20px;
    overflow: auto;

}

.app {
    width: 500px;
    height: 500px;
    background-color: #DDDDDD;
    float: right;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
    background:url('http://static.tumblr.com/kamm2qy/ZEPmuuuyn/texture4.png');
}

.heading {
    font-size: 20px;
    color: #202020;
    text-align: left;
    font-family: 'Raleway';
    font-weight: 400;
    text-transform: uppercase;
}

.sub {
    margin-top: -10px;
    font-family: 'Raleway';
    font-size: 11px;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.nav {
    margin: auto;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 10px 0px;
}

.nav a {
    font-size: 12px;
    font-family: 'Raleway';
    font-weight: 400;
    margin: 0px 15px;
    color: #0195ab;
}


</style>
<body>
<div id="all">
<div class="title">Submit Applications Here</div>
<div class="info">
    <!--- SECTION --->
    <div class="heading">Name:</div><br />
    <div class="sub">Please state your name, nickname, or whatever you prefer us to call you and refer to you by. You do not have to insert your full name.</div>
    <!--- SECTION --->
    <div class="heading">Age:</div><br />
    <div class="sub">Please do not lie about your age; this is for mature content purposes. This is a mature content roleplay, and we advise you to think twice about handle such content as stated in our rules.</div>
    <!--- SECTION --->
    <div class="heading">Timezone & Activity Level:</div><br />
    <div class="sub">Describe your timezone and activity level. FOr you activity level, a number is not acceptable. Thoroughly describe when you're able to be on, and reasons we need to be informed about as to why you may not be on on certian days of the week.</div>
    <!--- SECTION --->
    <div class="heading">Desired Character:</div><br />
    <div class="sub">Did you choose a character that you can relate to and know how to play wel? Great!</div>
    <!--- SECTION --->
    <div class="heading">Describe Your Character:</div><br />
    <div class="sub">Tell us in a brief summary (1-2 paragraphs worth) about your character and what informations and feelings you can get off of after reading their biography, traits, and personal connections. If you are able to describe their personality perfectly, then it will better your chance in getting accepted.</div>


</div>
<div class="app">
<p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/YOURURLHERE!!!.tumblr.com" frameborder="0" height="470px" scrolling="no" width="460px"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
</div>


</div>

<div class="nav">
    <a href="#">Home</a>
    <a href="#">Message</a>
    <a href="#">Archive</a>
    <a href="#">Navigation</a>
    <a href="http://dominicwrites.tumblr.com">Theme</a>
</div>


</body>
</html>