terms of use/ about page

<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}


<head>

<style type="text/css">

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

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

::-webkit-scrollbar-thumb:vertical {background:#fff};

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


body {
    background-image: url(http://1.bp.blogspot.com/-qGJ6z9nGfbo/TlqK9RxD_dI/AAAAAAAAA5g/AlefkVUMySc/s1600/London1895BuildingWeb.jpg);
    background-repeat:no-repeat;
    background-color:#fff;
    margin:0px;
    color:#000;
    font-family:helvetica;
    font-style:bold;
    font-size:15px;
    padding:200px;
    line-height:100%;
    font-family:'Midnight';
}

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

a:hover {
color:#fff;
-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:20px;
}


#stuff{
      margin-bottom:50px;
    margin-top:5px;
    margin-left:30%;
    background:#fff;


}

.style{

    margin-bottom:125px;
    text-align:center;
    width:790px;
    padding:20px;
    letter-spacing: 2px;

}


#themeslink a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-family:;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top:25px;
    color:#fff;
    background:#000;
    text-align:center;
    width:80px;
    padding:5px 2px 5px 2px;


}

#themeslink a:hover{

    background:#fff;
    color:#000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

#credit {
    position:fixed;
    font-size:10px;
    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:link};
    background-color:{color:background};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


{CustomCSS}
@font-face{font-family:Midnight;src:url(http://static.tumblr.com/acmeka1/Vyymqqba2/midnight.zip)}</style>


</head>
<body>

<div id="stuff">

<div class="style">
<i>1.rule one</i><br>
<small> small words  </small><br><br>
<i>2. rule two</i><br>
<small> small words</small><br><br>
<i>3. rule three</i><br>
<small> small words</small><br><br>
<i>4.haha yay i made a page</i> <br>
<small>WORDS</small>

<center><div id="themeslink">
<a href="">link 1</a>&nbsp;
<a href="">link 2</a>
<a href="">link 3</a></div></div>
</div></div>


</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>
<div id="credit" data="credit"> <a href="http://sherinos.tumblr.com"><img src="http://i1362.photobucket.com/albums/r689/sheerinos/white_zpse41868d6.jpg?t=1374529320" width="75px" height="30px"></a></div>
</body></html>