base code 01

<!-- BASE CODE BY HARDZIAM -->

<!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="font:title" content="Trebuchet MS" />
<meta name="font:body" content="Trebuchet MS" />
<meta name="font:description" content="Trebuchet MS" />
<meta name="color:background" content="#fff" />
<meta name="color:text" content="#6783a2" />
<meta name="color:link" content="#8d8c8d" />
<meta name="color:linkhovercolor" content="#c48e8e" />
<meta name="image:sidebar img" content="" />
<meta name="image:background" content="" />
<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="link" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="link" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="link" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="link" />


<style type="text/css">

body {
        background: {color:background};
        background-image: url('{image:background}');
        margin-left: 100px;
        padding: 0;
        position:absolute;
        font-family: georgia;
        }

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

a:hover {
    color:{color:linkhovercolor};
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


#title {
    font-family:{font:title};
    color:{color:text};
    font-size:18px;
    font-style:bold;
    text-align:center;
    text-decoration:none;
    }


#sidebar {
    position:fixed;
    margin-top:60px;
    margin-left:50px;
    width:250px;
    padding:5px;
    }


#sidebarpic img {
    margin-top:10px;
    margin-bottom:20px;
    max-width:250px;
    height:auto;
    text-align:center;
    }

#description {
    margin-top:2px;
    width: 250px;
    font-size:11px;
    text-align:justify;
    font-family:{font:description};
    }

#entry {
     font-size:10px;
     margin-left: 390px;
     margin-top:40px;
     float: right;
     text-align: justify;
     }

#post {
    font-size:10px;
    padding: 5px;
    width: 500px;
    color:{color:text};
    text-align: justify;
     }

#credit {
position:fixed;
right:0px;
bottom:0px;
padding:4px;
text-transform:none;
font-family: georgia;
font-weight:none;
letter-spacing:1px;
margin-bottom:3px;
font-size:9px;
margin-right:3px;
border:1px solid;
opacity:0.7;
border-color:#bbb;
background: #fff;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#credit:hover {
opacity:1;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

{CustomCSS}
</style>
</head>

<body>

<div id="sidebar">
<center>
<div id="title">{Title}</div></center>
<div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
<div id="description">{block:Description}{Description}{/block:Description}</div>
<center>
{block:PreviousPage}<a href="{PreviousPage}"><font-size="12">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="12">»</font></a>{/block:NextPage}
</center></div>


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

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

{block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}

{block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}

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

{block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div class="question">
<b>{Asker}</b> asked:<br>
{Question}</div>{Answer}
{/block:Answer}


{block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

<div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
{block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
{/block:Posts}

{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>
<div id="credit"><a href="http://hardziam.tumblr.com">HZ</a></div>
</body>

</html>