Wanted Connection Form

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<!-- octomoosey @ tumblr -->

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

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

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

<style type="text/css">
::-webkit-scrollbar{
    height:0px;
    width:0px;
    background:inherit;}

::-webkit-scrollbar-thumb {
    background:#850000;}

::-webkit-scrollbar-track {
    background:transparent;}

::-moz-selection {
    color:#ffffff;
    background:#850000;}

::selection {
    color:#ffffff;
    background:#850000;}

div[id$="zy4yby-hide"], .static-only {
        display: none;}

body{
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    line-height:160%;
    background: #000;
    background-image:url('https://i.imgur.com/aPXyhrA.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width:80%;
    margin: 10px auto;}

h1 {
    text-align:center;
    font-size:14px;
    letter-spacing:4px;
    font-family: 'Code light';
    background-color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.6);
    padding:10px;
    color:#fff;}

h2 {
    text-align:center;
    border-bottom:1px dotted #850000;
    font-size:13px;
    letter-spacing:4px;
    font-family: 'Code light', bold;
    color:#850000;}

b, strong {
    font-size: 13px;
    color:;}

a{
    text-decoration:none;
    color:#850000;
    transition: all 0.2s linear;}

a:hover{
    color:#fff;
    transition: all 0.2s linear;}

blockquote {
    padding:2px 7px;
    margin:3px 0 3px 8px;
    background-color:transparent;}

img{border:none;}

.container{
    top:50%;
    margin-top:-225px;
    position:absolute;
    width:900px;
    height:450px;
    overflow-y:scroll;
    left:50%;
    margin-left:-450px;
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);}

.topbar {
    top:50%;
    margin-top:-255px;
    position:absolute;
    width:900px;
    height:30px;
    left:50%;
    margin-left:-450px;
    background-color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.6);}

.title {
    width:350px;
    line-height:15px;
    font-family: 'Code light';
    padding:8px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:12px;}

.tlinks {
    display:inline-block;
    font-family: 'Code light';
    float:right;
    margin-top:-40px;
    font-size:11px;
    margin-right:5px;
    letter-spacing:1px;
}

.tlinks a{
    color:#fff;
    margin-left:5px;
}

.tlinks a:hover{
    color:#850000;
}

.left{
    position:fixed;
    color:242424;
    width:425px;
    padding:10px;
    float:left;}

.right{
    color:242424;
    width:425px;
    padding:10px;
    float:right;}

#credit {
    bottom:5px;
    right:5px;
    height:30px;
    width:30px;
    opacity:0.8;
    position:fixed;
    padding:5px;}


 @font-face {
font-family: 'Code';
src: url('https://fonts.googleapis.com/css?family=Code');

 </style><body>

<div class="topbar">
    <div class="title">vieux noyés - Wanted Connection Form</div>
    <div class="tlinks">
<a href="/">homepage</a>
<a href="/message">message</a>
<a href="/navigation">navigation</a>
<a href="/characters">characters</a>
<a href="/application">apply</a>
<a href="/rules">rules</a>
</div>
</div>
<div class="container">
<div class="right">

<h1>Wanted Connections Form</h1>
<p>This form is for the purpose of requesting Original Characters who may be a part of your character's past. The form will allow people interested in applying for OCs have an idea of how to integrate their character into our story more readily, and provide a base of inspiration. <br />
<p>We expect these characters to have a strong role to play in your character's personal development. We retain the right to deny your request if we do not feel the character is a necessary addition to our story.
<h2>Please include:</h2>
<p>⤜<strong>Player's name:</strong> <br />
<p>⤜<strong>Character the connection is for:</strong> <br />
<p>⤜<strong>Character being requested:</strong> <br />
<p>⤜<strong>Relationship with your character:</strong> (family member, work associate, former flame, enemy, etc. Please explain in detail.)<br />
 <p>

<p>⤜<strong>Age Range:</strong> <br />
<p>

<p>⤜<strong>Species:</strong><br />
<p>

<p>⤜<strong>Preferred face claims:</strong> (You may leave this choice up to the applying player)<br />
 <p>

<p>⤜<strong>Background of character: </strong> (You may leave this choice up to the applying player. If specified, however, please go into detail.)<br />
 <p>


</div>

<div class="left">

<iframe frameborder="0" border="0" scrolling="yes" width="375px" height="535px" allowtransparency="true" src="http://www.tumblr.com/submit_form/vnrpforms.tumblr.com" style="margin:25px" ></iframe></p></div>
</div>


<div id="credit"><a href="http://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="http://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
</body>
</html>