About Me Page #1

<html>
<head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>

<!----About Me Page by elctra
            don't steal the credit or use as a base code
            and no redistributing-->

<style type="text/css">

body {
background: #eee;
font-family:consolas;
font-size: 10px;
line-height: 100%;
}

a {
text-decoration: none;
color: #585858;
}

#page {
width: 400px;
height: 100px;
margin-left:38%;
margin-top: 10%;
font-family: tall dark and handsome;
font-size: 100px;
line-height: 10%;
letter-spacing: 2px;

}


#container {
width: 300px;
height: 70px;
}

#filler a{
font-size: 20px;
margin-top:40px;
text-align: center;
height: 20px;
line-height: 100%;
background-color: #333333;
color: #f8f8f8;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
display:block;
padding:3px;
}

#filler a:hover{
background-color: #f8f8f8;
color: #333333;
}

#about {
width: 180px;
height: 300px;
margin-left: 633px;
margin-top: -10px;
font-family: consolas;
font-size: 10px;
text-align:;
overflow: auto;
}

#picture {
width: 100px;
height: 100px;
margin-left: 515px;
margin-top: -300px;
}

#stuff {
width: 100px;
height: 180px;
margin-left: 513px;
margin-top: 20px;
text-align: left;
font-family: consolas;
font-size: 12px;
text-transform: lowercase;
}

#color {
color: #3399FF
}


#credit {
position:fixed;
float: right;
bottom: 10px;
right: 5px;
letter-spacing: 1px;
}


{CustomCSS}
</style>
</head>
<body>


<div id="page"><div id="container">
<div id="box" align="center">About Me</div>
<div id="filler"><a href="/">back to blog</a>
</div>
</div>
</div>

<div id="about"> this is where all your text goes, okay? if you write too much in here it gets a scrollbar which is cool right? i think so too haha. to be honest, it looks better the more you write in here. i hope it's easy for you guys to customize this shit. and yeah, if you have any questions about it just shimmy on ovah to elctra's ask she'll help you
</div>

<div id="picture"><img width="100" src="http://media.tumblr.com/c2e5172c4527aaf0b01beedb64eb2cb6/tumblr_inline_mir0srVXuy1qz4rgp.png"></a></div>

<div id="stuff"><p><b>name:</b>spoongus
<p><b>gender:</b>spork
<p><b>age:</b>65
<p><b>country:</b>amurica
</div>
<div id="credit"><a href="elctra.tumblr.com">made by elctra</div>

</div>

</body>

</html>