about page #1

<!DOCTYPE html>
<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=Dosis:200' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar{height: 9px; width: 4px; -webkit-border-radius: 0px; background-color:white}
::-webkit-scrollbar-thumb{background-color:#000;}
::-webkit-scrollbar-track{background-color:white;}


/*main structure*/
blockquote {border-left:2px solid black;
padding-left:5px;
margin:0px 2px 0px 10px}

h1 {font-size:12px;
font-style:none;
text-align:justify;
color:black;}


body {background:white;
color:#BDBBC7;
font-size:10px;
background:white;
font-family:consolas;
letter-spacing:1px;
text-align:justify;
margin:0;}


a {color:black;
text-decoration:none;
opacity:1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;}

a:hover {color:#000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;}


#container {
margin-left:-311px;
left:50%;
margin-top:140px;
position:absolute;
}

.a {
line-height:14px;
width:630px;
position:absolute;
text-indent:20px;
overflow:auto;}

.title {font-size:22px;
color:#fff;
line-height:45px;
font-family:French Script MT;
text-shadow: 1px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
text-indent:0px;
text-align:center;
background:#000;
letter-spacing:5px;
text-transform:uppercase;
margin-bottom:20px;}

.links {line-height:45px;
font-size:20px;
font-family:French Script MT;
text-shadow: 1px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
text-align:center;
word-spacing:30px;
text-indent:0px;
background:#000;
text-transform:uppercase;
margin-top:20px;}

.links a {margin:0 10px;
color:#fff;}


.desc {width:280px;
text-align:left;
background:#fff;
color:#000;
margin-left:10px;
font-size:14px;
font-family:French Script MT;
overflow-y:auto;
height:230px;
width:350px;
padding:10px 15px}


    #sidebar {
    width: 240px;
    height: 670px;
    display: block;
    position: fixed;
    margin-top:-100px;
    margin-left: 470px;
    }

    #one {
    margin-top:120px;
    margin-left: -80px;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    }

    #one img {
    opacity:.7;
    width:80px;
    height:80px;
    padding:5px;
    border: 2px solid #EBE8E8;
    background: #fff;
    }

    #two {
    z-index:999999999999999;
    margin-top:20px;
    margin-left: 40px;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    }

    #two img {
    opacity:.7;
    width:80px;
    height:80px;
    padding:5px;
    border: 2px solid #EBE8E8;
    background: #fff;
    }

  #credit {
    position:fixed;
    font-size:8px;
    font-weight:normal;
    line-height:150%;
    letter-spacing:2px;
    right:10px;
    bottom:10px;
    text-transform:uppercase;
    text-align:center;
    }

    #credit a {
    padding:3px;
    color:{color:text};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

</style>

</head>

<body>


<div id="container">
<div class="a">
<!-- Title here -->
    <div class="title">♡ About ♡</div>

<div class="sidebar">
<!--link your image here-->
<div id="sidebar">
    <div id="one"><img src="http://media.tumblr.com/17ad248277aba61005c9ad83f755a289/tumblr_inline_mrzk49Jiok1qz4rgp.png"></div>
    <div id="two"><img src="http://media.tumblr.com/b95822c11b59e86e365cebd41056bf3a/tumblr_inline_mrzk53D5g01qz4rgp.png"></div>
</div>

<div class="desc">

    <p>
    tell your story here<br>
    so yeah make it dope asf bcs you are dope asf
        idk if you make it very long there will appear a scroll bar ill show:
        <br><br><br>
        bladiebladiebladiebladieblablublbuswakgjergksad
        so yeah i told her that she ad to fuck of and she was like no im not fucking of because youre fucking off so we both didnt fuck of aand she was sooooooooooo annoyoing iw iasd nfk im aos mad at her i can teven type normal like help me wiht typene fcthis isnt healthy<br><br><br>
        so yeah thats it
    </p>

</div>

<div class="links">
    <a href="/">Home</a>
    <a href="/ask">Ask</a>
    <a href="/">link</a>
</div>

 <div id="credit"><a href="http://palfin.tumblr.com/">T</a></div>
</div>

</body></html>