Faces Page #001 by striveattemptfail

<!--
CUSTOM PAGE 005:  FACES PAGE #001
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-family: Helvetica; font-size: 14px; margin: 0; padding: 0;
    background-color: #fff; /* changes background colour */
    color: #000; /* changes font colour */
}

a { text-decoration: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
    color: #000; /* changes link text colour */
    border-bottom: 2px dotted #fff; /* changes link underline colour */
}

a:hover {
    background-color: #aaa; /* changes link on hover background colour */
    color: #000; /* changes link on hover text colour */
    border-bottom: 2px dotted #fff; /* canges link on hover underline colour */
}

a.apply { font-size: 20px; font-family: Georgia, serif; text-align: center; }

hr { width: 125px; margin-top: 25px; margin-bottom: 25px;
    border: 1px solid #000; /* changes breakline 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; border: 0px; 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-family: Georgia, serif; font-size: 35px; margin-top: 0px; margin-bottom: 0px; }

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

#main2 .container { width: 250px; height: 450px; padding: 10px; margin: 0px 10px 10px 10px; float: left; overflow-x: hidden; overflow-y: scroll;
    background-color: #ccc; /* changes container background colour */
}

#main2 .container img { width: 242px; height: 242px; margin-bottom: 10px; }

#main2 .header { padding-bottom: 5px; text-align: center; margin-bottom: 5px;
    border-bottom: 2px solid #000; /* changes container's header border colour */
}

#main2 .header .h1 { font-family: Georgia, serif; font-size: 20px; margin: 0px; }

/* SCROLLBARS - what property changes what:
-track: track colour
-thumb: main scrollbar colour
-corner: corner colour

body: changes main scrollbar
#main2 .container: changes scrollbar for each container
*/
body::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
body::-webkit-scrollbar-track { background-color: #fff; }
body::-webkit-scrollbar-thumb { background-color: #000; }
body::-webkit-scrollbar-corner { background-color: #fff; }

#main2 .container::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
#main2 .container::-webkit-scrollbar-track { background-color: #ccc; }
#main2 .container::-webkit-scrollbar-thumb { background-color: #000; }
#main2 .container::-webkit-scrollbar-corner { background-color: #ccc; }

/* 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 here --->
<div class="container">
<div class="header"><div class="h1">Character Name</div></div>
<img src="[IMAGE URL HERE]">
<!--- cdescription --->
<br><b>Full Name:</b> blah
<br><b>Actor:</b> blah
<br><b>Age:</b> blah
<br><b>Blog:</b> blah
<br><b>Roleplayer:</b> blah
<br><b>Location:</b> blah
<br>
<center><br><a href="/submit" class="apply" />Apply here!</a></center>
<hr>
Intense character description here.
</div>
<!--- container ends here --->

</div>
</div>

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

</body>
</html>