about page

<!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}">
<meta name="description" content="{MetaDescription}" />

<!----theme by rachael (tietjens.co.vu)
dont steal thank you --->

<head>

<style type="text/css">

::-webkit-scrollbar {width: 2px; height:auto; background:{color:background}}

::-webkit-scrollbar-corner {background:#ffffff}

::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
}


body {
     background-image: url(http://31.media.tumblr.com/36244ac63ab8c98d82cb20ae884f3b60/tumblr_n0ofq9qQzc1ql3auvo8_1280.jpg);
     background-attachment: fixed;
background-position:center;
background-repeat: no-repeat;
background-size:cover;
    margin-left:50px;
    color:#cecccc;
    font-family:Calibri;
    font-style:italic;
    font-size:10px;
    padding:5px;
    line-height:100%;
}

a {
color:#cecccc;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color:#1d1d1d;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}


img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:15px;
}

#blogt {font-size: 26px;
color:#aeaeae;
letter-spacing:3px;
text-align:center;
height:150px;
margin-top:150px;
font-weight:bold;
    -webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition:all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}

#blogt:hover {
letter-spacing:6px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition:all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}

    #picture
 {
    width: 180px;
 height: 270px;
 background: white;
 position: fixed;
 margin-top: -280px;
 margin-left: -210px;
}

 #picture img {
 width: 150px;
 height: 150px;
 padding: 15px;
                }


#stuff{
    margin-bottom:20px;
    margin-top:-100px;
    margin-left:35%;
    background:#ffffff;
    height:300px;
    overflow:scroll;
     position: fixed;
    width:440px;

}

.style{
    margin-bottom:25px;
    background:#ffffff;
    text-align:center;
    width:400px;
    padding:20px;
    letter-spacing: 2px; color:#a8a8a8; text-align:justify
}


#themeslink a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    text-transform: lowercase;
    letter-spacing: 2px;
    color:#000;
    background:#fff;
    text-align:center;
    width:150px;
    padding:5px 2px 5px 2px;
}

#themeslink a:hover{
    background:#000;
    color:#fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}


{CustomCSS}</style>


</head>
<body>
 <div id="blogt">About Me.</div>

<div id="stuff">


<div class="style">

Your information goes here it can be as long or a short as you like <b>bold</b> <i>italic</i> <u>underline</u> <a href="URL HERE WHATEVER">link</a><br><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat rutrum ultrices. Sed fringilla volutpat urna. Praesent felis felis, lobortis sed turpis eu, luctus pretium lorem. Donec sed massa pretium, rutrum leo sit amet, molestie tellus. Quisque malesuada, justo et sodales sollicitudin, eros dui varius ante, nec ultrices diam ex ac est. Maecenas quis elit sit amet nisl interdum lacinia ut eu eros. Cras faucibus turpis eu faucibus hendrerit. Integer vitae tempor nibh.<br><br>

Sed tristique tincidunt nibh ut sagittis. Etiam pharetra libero nec mi mollis commodo. Vivamus dolor est, sollicitudin a lorem ac, molestie sodales orci. Donec facilisis orci suscipit eros pretium elementum eu ac ex. Vivamus ut mauris tortor. Pellentesque et tellus sit amet mi posuere condimentum vel convallis nibh. Duis suscipit velit in ornare viverra. Nullam sed libero sit amet lorem mollis pulvinar viverra in enim. Pellentesque tempus urna vitae sapien dapibus volutpat nec in tortor. Etiam risus tortor, maximus vitae porta vitae, aliquet quis nibh. Praesent vel enim quis lorem placerat pellentesque. Curabitur hendrerit, orci ac efficitur gravida, dui arcu maximus est, sed sodales tortor neque ac odio. Nunc mollis augue vitae dui imperdiet, eget lacinia ex tempor. Duis volutpat rhoncus lectus vel consectetur.<br><br>


<div></div>


 <div id="picture">
                <img src="http://31.media.tumblr.com/tumblr_m8ratctvdf1qa2h81o1_1280.jpg" /><div></div>

<center><div id="themeslink">
<a href="/">Home</a></li><br>
<a href="/ask">Message</a></li><br>
<a href="http://tumblr.com/dashboard">dash</a></li><br>
<a href="http://tietjens.co.vu">credit</a></li><br>
</div></div>


</div>


</body></html>