Character Masterlist #4


<!DOCTYPE html>

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

	CHARACTER MASTERLIST #4 by JAKEHELPS
	Rules:
		#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>sarcasm & junk food</title>
<link rel="shortcut icon" href="http://25.media.tumblr.com/avatar_6e46da6210d9_128.png" />

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

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
	$(function(){
		$("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
		$(".picture").wrap("<td>");
	});
</script>

<script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=ff172da3008d79d3633516a193cc7f84"></script><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #FFFFFF;
	background-image:url('http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
	background-attachment: fixed;
}

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

::-webkit-scrollbar-thumb:vertical {
    height:10px;
    background-color: #0195ab; }

::-webkit-scrollbar-thumb:horizontal {
    height:30px;
    background-color: #0195ab; }

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

#odysseus {
	float: left;
	position: fixed;
	width: 70px;
	height: 100%;
	background-color: #202020;
	border-right: 5px solid #299999;
	text-align: center;
	background-image:url('http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
}

.title {
	font-family: 'Fjalla One';
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	margin-top: 300px;
	letter-spacing: 10px;
}

.links {
	margin-top: 40px;
}

.links img {
	border-radius: 15px;
	border: 3px solid #292929;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.links a {
	display: block;
}

.links img:hover {
	-webkit-filter: invert(100%);
	border: 3px solid #292929;
}

#container {
	display: inline-block;
	width: auto;
	height: 648px;
	margin-left: 80px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.picture img {
	width: 300px;
	height: 691px;
	background-color: #AAAAAA;
}

.description {
	width: 290px;
	height: 100px;
	background-color: #EEEEEE;
	margin-top: 0px;
	padding: 5px;
	text-align: center;
	font-family: cambria;
	font-size: 12px;
	display: inline-block;
	float: left;
}

.description a {
	font-family: 'fjalla one';
	font-size: 12px;
	color: #EFEFEF;
	display: block;
	text-align: center;
	background-color: #202020;
	padding: 5px;
}

.dtitle {
	font-family: 'Fjalla One';
	font-size: 10px;
	color: #202020;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

</style>
<body>
<div id="odysseus">
	<div class="links">
		<a href="#"><img src="http://static.tumblr.com/kamm2qy/cO3mou38f/tumblr_m7nl7pqyeu1rqtytno2_250.png"></a>
		<a href="/ask"><img src="http://static.tumblr.com/kamm2qy/0Mwmou38y/message.png"></a>
		<a href="http://jakehelps.tumblr.com"><img src="http://static.tumblr.com/kamm2qy/AuAmou39e/menu.png"></a>
		<a href="javascript:history.go(-1)" onMouseOver="self.status=document.referrer;return true"><img src="http://static.tumblr.com/kamm2qy/4pAmou3a7/back.png"></a>
	</div>
	<div class="title">My Characters</div>
</div>
<div id="container">
<table>
	<tr>
	<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Scorpio Borealis</a></div>
				"There are so many things that are wrong this boy, but he doesn't want to think about it otherwise."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Katniss Everdeen</a></div>
				"Because of her, they all pose a threat. Because of here, they all think they're invincible."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
	<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Dante Buenavisto</a></div>
				"An atrocity to his family, yet a masterpiece to his people."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
		<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Scorpio Borealis</a></div>
				"There are so many things that are wrong this boy, but he doesn't want to think about it otherwise."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Katniss Everdeen</a></div>
				"Because of her, they all pose a threat. Because of here, they all think they're invincible."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
	<!--------CHARACTER HERE-------->
	<td>
		<div class="picture">
		<div class="description">
				<div class="dtitle"><a href="#">Dante Buenavisto</a></div>
				"An atrocity to his family, yet a masterpiece to his people."<br />
				Age | Residency | Face Claim
			</div>
			<img src="http://static.tumblr.com/kamm2qy/e30mou3qs/waesrdtf.png">
		</div>
	</td>
</div>


</body>
</html>