Faces Page #002 by striveattemptfail

<!--
CUSTOM PAGE 006:  FACES PAGE #002
THEME BY:  Jercy @ striveattemptfail.tumblr.com

pl0x don't steal this code thx
-->

<!DOCTYPE html>
<html>
<head>

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

<head>
<style type="text/css">

body { font-size: 14px; margin: 0; padding: 0;
    font-family: Helvetica; /* changes main font */
    background-color: #fff; /* changes background colour */
    color: #000; /* changes font colour */
}

a { text-decoration: none; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
    color: #666;
}

a:hover {
    color: #fff;
}

a.apply { font-size: 15px; text-decoration: none; margin-bottom: 3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; display: inline-block;
    font-family: Georgia, serif; /* changes apply link font */
    color: #333; /* changes apply link colour */
    border-bottom: 2px dotted #fff; /* changes apply link underline colour */
}

a.apply:hover {
    color: #fff; /* changes apply link on hover colour */
    border-bottom: 2px dotted #fff; /* changes apply link on hover underline colour */
}

#main { width: 870px; margin-left: auto; margin-right: auto; }

/* HEADER *//* CODE BY STRIVEATTEMPTFAIL */
#header { margin-top: 25px; padding-bottom: 5px; text-align: right;
    border-bottom: 3px solid #000; /* changes header border colour */
}

#header a { width: 125px; text-align: center; text-decoration: none; display: inline-block; margin-top: 5px; margin-left: 10px; padding: 4px 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
    background-color: #000; /* changes header link background colour */
    color: #ccc; /* changes header link text colour */
}

#header a:hover { letter-spacing: 1px;
    background-color: #ccc; /* changes header link on hover background colour */
    color: #000; /* changes header link on hover text colour */
}

#header h1 { font-size: 35px; margin-top: 0px; margin-bottom: 0px;
    font-family: Georgia, serif; /* changes header font */
}

/* CONTAINERS */
#main2 { width: 870px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 10px;position: absolute; text-align: justify; }

#main2 .img { padding: 10px; margin: 0px 10px 10px 10px; height: 150px; width: 150px; float: left;
    background-color: #ccc; /* changes image container background colour */
}

#main2 .img img { height: 150px; }

#main2 .desc { width: 650px; padding: 10px; margin-bottom: 10px; display: inline-block;
    background-color: #ccc; /* changes container background colour */
}

#main2 .desc h1 { font-size: 25px; margin: 0px;
    font-family: Georgia, serif; /* changes container title font */
    color: #000; /* changes container title colour */
}

/* SCROLLBAR */
body::-webkit-scrollbar { width: 0.5em; height: 0.5em; }

body::-webkit-scrollbar-track {
    background-color: #fff; /* changes scrollbar track colour */
}

body::-webkit-scrollbar-thumb {
    background-color: #000; /* changes main scrollbar colour */
}

body::-webkit-scrollbar-corner {
    background-color: #fff; /* changes scrollbar corner colour */
}

/* CREDIT *//* CODE BY STRIVEATTEMPTFAIL */
#cred { position: fixed; bottom: 10px; right: 5px; transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; }

#cred:hover { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }

#cred a { background: #fff; color: #000; text-decoration: none; padding: 3px; }

</style>
</head>

<body>

<!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>

<div id="main">

<div id="header">
<h1>RP title here</h1>
<!--- description --->
Your description here if you'd like.
<br><a href="/">Back to blog</a><a href="/ask">Ask</a><a href="/submit">Submit</a>
</div>

<!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>

<div id="main2">

<!--- container starts --->
<div class="img"><img src="[IMAGE URL HERE]"></div>
<div class="desc">
<!--- cdescription --->
<h1>Character Name</h1>
<br><b>Full Name:</b> blah
<br><b>Status:</b> blah
<br><b>A/S/L:</b> blah
<br><b>Blog:</b> blah
<br><b>Roleplayer:</b> blah
<p>
Character description wow character description wow character description wow character description wow character description wow character description wow character description wow character description wow character description wow character description wow character description wow
</p>
<a href="/submit" class="apply" />Apply now &rarr;</a>
</div>
<!--- container ends --->

</div>
</div>

<!----------------------------THEME CREDIT---------------------------->
<div id="cred"><a href="http://striveattemptfail.tumblr.com" title="theme credit" />&#9903;</a></div>

</body>
</html>