Hazzstop's theme 46

<!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>
<link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<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}

<!----
©HAZZSTOP THEME 46
~WANDERLUST~
Don't steal please.
--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:Link Hover" content="#eeeeee"/>

<meta name="text:link1" content="Link1"/>
<meta name="text:link1 url" content="/"/>
<meta name="text:link2" content="Link2"/>
<meta name="text:link2 url" content="/"/>
<meta name="text:link3" content="Link3"/>
<meta name="text:link3 url" content="/"/>

<style type="text/css">

::-webkit-scrollbar {background-color: ##fff; height:8px; width:4px}
::-webkit-scrollbar-thumb:vertical {background-color: #dadada; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color: #dadada; height:4px!important}

 iframe#tumblr_controls {
    white-space:nowrap;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    opacity:.2;transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;}

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:Arial;
    font-size:9px;
    line-height:100%;}

a {
    text-decoration: none;
    color:{color:Link};
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;}

a:hover {
    text-decoration:none;
    color:{color:Link Hover};}

img {
    border:none;}

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

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

#post {
    width:500px;
    padding-bottom:20px;}

#entries {
    padding:15px;
    width:500px;
    margin-left:35%;
    margin-top:250px;}

#sidebar {
    width:150px;
    position:fixed;
    margin-left:49%;
    margin-top:-20px;}

#sidebarimage {
    width: 130px;
    margin-top: -50px;}

#sidebarimage img {
    width:170px;
    height: 100px;
    border-bottom: 5px solid black;
    border-top:10px solid white;
    z-index:9999999999;
    overflow:hidden;
    border-radius: 2px;
    margin-top:-140px;}

      #title {
          background:white;
          padding:10px;
          padding:15px;
          font-family:arial;
          width:520px;
          text-align:center;
          margin-top:-65px;
          border-bottom:3px solid black;
          margin-left:430px;
          opacity:1;
          font-family: 'Delius Unicase', cursive;
          color: black;
          font-size:20px;
          letter-spacing:-1px;
          position:fixed;}

#links {
    padding:5px;
    opacity:0;
    position:absolute;
    margin-left:-100px;
    margin-top:-35px;
    width:550px;
    background:white;
    text-align:center;
    height:20px;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;}

 #sidebar:hover #links{
     margin-left:-190px;
     opacity:1;
          -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;}

 #sidebar:hover #title {
     opacity:0;
     -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;}

#links a {
    font-weight:bold;
    font-size:12px;
    font-family:trebuchet ms;
    word-spacing: 2px;
    color:black;
    letter-spacing: 2px;}

 #links a:hover {
     text-decoration: none;
     font-style: italic; }

#description {
    position:absolute;
    z-index:9999;
    overflow-y:scroll;
    max-height:80px;
    font-family: comic sans MS;
    font-size: 9px;
    padding:5px;
    text-align:left;
    width:140px;
    background:white;
    opacity:0;
    position:absolute;
    margin-left: 10px;
    margin-top:-150px;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;}

 #sidebar:hover #description {
     opacity:1;
     -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;}

#pagination {
    background:white;
    font-size:13px;
    text-align:center;
    padding: 5px;}

#info {
    text-align:center;
    margin-top:10px;
    text-transform: uppercase;
    font-size: 8px;}

#asker {
    float:left;
    margin-right:5px;}

#pic {
     width: 50px;
     height: 30px;
     opacity: 1;
     margin-top: -165px;
     margin-left: -200px;
     position: fixed;}

#pic img {
     width: 360px;
     border-bottom: 5px solid black;
     height : 115px;}

#pic2 {
     width: 50px;
     height: 30px;
     opacity: 1;
     margin-top: -165px;
     margin-left: 0px;
     position: fixed;}

#pic2 img {
     width: 360px;
     border-bottom: 5px solid black;
     height : 115px;}

#cred {
    position:fixed;
    font-family:arial;
    font-size:14px;
    line-height:50%;
    right:4px;
    bottom:4px;
    border-bottom: 3px double #9a9a9a;
    border-top: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    text-transform:uppercase;
    background-color:#fff;}

#cred a {
    display:block;
    width:10px;
    height:8px;
    padding:4px;
    color:#9A9A9A;
    background-color:#fff;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;}

#cred a:hover {
    opacity: 0.5;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;}

{CustomCSS}</style></head><body>

<div id="title">{title}</div>
<div id="sidebar">
<div id="description">{description}</div>
<div id="links">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="{text:link1 url}">{text:link1}</a>
    <a href="{text:link2 url}">{text:link2}</a>
    <a href="{text:link3 url}">{text:link3}</a>
    </a>
</div>

<div id="pic"><img src="http://31.media.tumblr.com/8d717e9347bd71b4af8c021996bc866f/tumblr_mmkzo1kd1Y1qakp25o1_1280.jpg"></div>

<div id="pic2"><img src="http://31.media.tumblr.com/8d717e9347bd71b4af8c021996bc866f/tumblr_mmkzo1kd1Y1qakp25o1_1280.jpg"></div>

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back  </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">  next</a>{/block:NextPage}{/block:Pagination}
</div>
</div>

<div id="entries">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:{Question}<br>{Answer}{/block:Answer}

<div id="info">
{block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
{NoteCountWithLabel}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

<div id="cred"><a href="http://hazzstop.tumblr.com">H</a></div>

</body></html>