10. tate (application)

<html>
<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">

    ::-moz-selection {
background-color:#000;
color: #fff;}
    ::selection {
background-color:#000;
color: #fff;}

    ::-webkit-scrollbar
{height:2px;
width:2px;
background-color:#fff;}
    ::-webkit-scrollbar-thumb
{height:auto;
background-color:#000;}

    body
{background:#000;
font-family:arial;
background-image:url('http://static.tumblr.com/hsnsykx/THznkgw59/aight.png');
background-attachment:fixed;
background-repeat:repeat;
font-size:9px;
text-align:justify;
line-height:15px;}
    a
{text-decoration:none;
color:#fff;
font-weight:bold;}
    a:hover
{color:#000;
transition-duration:0.3s;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;}
    blockquote
{background:#000;
color:#fff;
padding:10px;}
    li
{list-style-type:square;}
    pre
{background:#92d6cb;
font-family:arial;
font-size:14px;
margin-top:0px;
color:#fff;
padding:5px;
font-style:italic;
font-weight:bold;
text-align:center;
text-transform:lowercase;}
    #bar
{position:fixed;
margin-left:328px;
margin-top:-8px;
width:140px;
height:150%;
background:#000;}
    #links
{position:fixed;
margin-top:245px;
margin-left:10px;}
    #links a
{display:block;
text-decoration:none;
background:#fff;
font-family:arial;
font-size:14px;
color:#92d6cb;
font-weight:bold;
font-style:italic;
text-transform:lowercase;
width:120px;
height:18px;
padding-top:7px;
padding-bottom:3px;
margin-bottom:5px;
text-align:center;}
    #links a:hover
{color:#000;
transition-duration:0.3s;}
    #block
{position:fixed;
margin-left:478px;
margin-top:-18px;
overflow-y:auto;
padding:10px;
padding-top:18px;
width:505px;
height:100%;
background:#fff;}

</style>

</head>

<body>

    <div id="block">
<pre><a href="/a">THIS IS PRE</a></pre>
<blockquote>This is blockquote.</blockquote>
<pre><a href="/a">THIS IS PRE</a></pre>
<blockquote>This is blockquote.</blockquote>
<pre><a href="/a">THIS IS PRE</a></pre>
<blockquote>This is blockquote.</blockquote>
<pre><a href="/a">THIS IS PRE</a></pre>
<blockquote>This is blockquote.</blockquote>
<pre><a href="/a">THIS IS PRE</a></pre>
<blockquote>This is blockquote.</blockquote>
<pre><a href="/a">THIS IS PRE</a></pre>

<p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/USERNAME.tumblr.com" frameborder="0" height="375" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
    </div>

    <div id="bar">
    <div id="links">
<a href="/">refresh</a>
<a href="/ask">inbox</a>
<a href="http://astrumwrites.tumblr.com">credit</a>
    </div>
    </div>

</body>

</html>