About Me

<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
    <head>
        {MobileAppHeaders}
        <meta charset="utf-8">
        <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
        {block:Description}
        <meta name="description" content="{MetaDescription}">
        {/block:Description}


<!--Do not remove credit-->


        <!-- Theme Defaults -->

       <meta name="image:back" content="">
       <meta name="image:side1" content="">
       <meta name="image:side2" content="">
       <meta name="image:background" content="">


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


<style type="text/css">

::-webkit-scrollbar-thumb {background-color:#f6b962; border: 3px solid #fff; height:auto; border-bottom:none;}

::-webkit-scrollbar {height:9px;width:9px;background-color:#f6b962; border:4px solid #fff;}

body{
    background-image:url("{image:background}");
    background: -webkit-gradient(linear, left top, right bottom, from(#faf0e2), to(#f9e8c2));
}


.title{
    position:fixed;
    font-size:55px;
    margin-left:400px;
    margin-top:155px;
    z-index:999;
}

#back img{
    position:fixed;
    margin-top:100px;
    margin-left:700px;
}

#side1 img{
    position:fixed;
    width:100px;
    height:100px;
    margin-left:150px;
    margin-top:250px;
}

#side2 img{
    position:fixed;
    width:100px;
    height:100px;
    margin-left:150px;
    margin-top:400px;
}

#content{
    position:fixed;
    margin-top:200px;
    margin-left:300px;
    width:400px;
    height:400px;
    border:1px solid black;
    background-color:#f9dbb0;
    box-shadow:2px 2px 2px;
    max-height:400px;
    overflow:scroll;
}

#content .info{
    font-size:20px;
    margin-top:15px;
    padding:10px;
}

#content .text{
    font-size:15px;
    font-family:pristina;
    text-align:justify;
    margin-top:15px;
    padding:10px;
}

#nav{
    position:fixed;
    margin-top:620px;
    margin-left:420px;
    font-size:12px;
}
#nav a{text-decoration:none; color:black; text-align:center; width:50px; display:inline-block; padding:2px; margin-right:20px; border:2px solid tan;}

#credit{
    position:fixed;
    bottom:2px;
    right:4px;
}

            /* Custom CSS */
            {CustomCSS}
        </style>
    </head>
    <body>
    <div class="title">
    {Title}
    </div>

<div id="back">
<img src="{image:back}">
</div>

<div id="side1">
<img src="{image:side1}">
</div>

<div id="side2">
<img src="{image:side2}">
</div>

    <div id="content">
    <div class="info">
    <b>Name:<!--Erase this and put your name!--></b>
    <br>
    <b>Age:<!--Erase this and put your age!--></b>
    </div>
    <div class="text">

    <!--About Me text goes here!-->
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dictum tempor augue sit amet ullamcorper. Aliquam vestibulum mauris eget lorem volutpat fermentum. Praesent pulvinar vel elit sed porta. Pellentesque sed lectus quis dolor vestibulum feugiat. Proin tortor orci, auctor eget dui et, adipiscing eleifend mi. Integer tristique blandit placerat. Donec sodales scelerisque cursus. Etiam ut faucibus tellus. Aenean vitae vehicula libero, et pellentesque dolor. Etiam in pretium ante. Cras luctus, ligula eget interdum mattis, nisl magna consectetur velit, laoreet accumsan erat orci ut libero. Aenean malesuada imperdiet metus sit amet blandit.
<br><br>
Nulla dictum placerat odio, ut tempor odio suscipit a. Fusce congue mi est, quis laoreet sem porttitor in. Donec dui massa, placerat nec aliquet vel, condimentum ac nulla. Praesent vel felis velit. Nullam ultrices fringilla placerat. Integer elementum augue eu tellus suscipit, non ultricies elit pulvinar. Sed sit amet nunc semper, consectetur metus vitae, auctor sapien. Ut tincidunt nec mi id dapibus.
<br><br>
Aliquam neque nulla, dapibus id mauris ut, ornare fermentum nibh. Quisque suscipit, est ut porta mattis, tellus felis lacinia velit, id porta velit massa quis orci. Nullam dictum, enim sit amet congue pulvinar, libero nisi ullamcorper urna, a fermentum nibh enim nec dolor. Duis rutrum faucibus magna, in rutrum leo molestie eget. Fusce ultricies vestibulum ligula convallis ultricies. Praesent posuere nibh vitae est tincidunt, eu imperdiet felis ultrices. Maecenas vulputate, orci in feugiat auctor, ante neque varius enim, sit amet gravida enim urna id lorem. Sed at turpis eget nulla laoreet luctus. In hac habitasse platea dictumst.
 <!--About Me text ends here!-->
    </div>
    </div>

<div id="nav">
<a href="/">Home</a>
<a href="/ask">Message</a>
</div>

<div id="credit">
<a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/L1Umu6jbr/sdticon2.png">
</div>

    </body>
</html>