Theme Four

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

<!--
theme by anne @ danceforyous
please do not steal.
--->

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

<meta name="image:sidebar" content=""/>

<meta name="text:Link 1" content="link" />
<meta name="text:Link 1 URL" content="/" />
<meta name="text:Link 2" content="link" />
<meta name="text:Link 2 URL" content="/" />
<meta name="text:Link 3" content="link" />
<meta name="text:Link 3 URL" content="/" />

<style type="text/css">

 ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}

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

a:link, a:active, a:visited { color: {color:link}; text-decoration:none;}

    a:hover {color:{color:link hover};
    text-decoration:none;
    transition:all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

img {
    border:none;
}

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

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

h1 {
    font-size:15px;
}

#entries {
    padding:10px;
    width:500px;
    margin-left:500px;
    margin-top:40px;
}

#sidebar {
    width:250px;
    position:fixed;
    margin-left:200px;
    margin-top:100px;
}

#sideimage {
    width 210px;
}

#sideimage img {
    width:210px;
}

#sidelinks {
    font-family:calibri;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:0px;
    margin-left:14px;
    margin-top:-170px;
    width:120px;
     background-color:{color:background};
    padding: 30px;
    opacity:0.3;
     -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

#sidelinks a:hover {
    letter-spacing:2px;
    font-size:13px;
}

#sidelinks:hover {
    opacity:0.9;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease
    }

#desc {
    width:120px;
    margin-left:-5px;
    margin-top:5px;
    letter-spacing:0px;
    font-size:10px;
    padding:5px;
    text-align:center;
    border-top:1px solid #e8e8e7;
}

#pagination {
    font-size:10px;
    text-align:right;
    margin-top:15px;
    margin-right:40px;
}

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

#info {
    text-align:center;
    margin-top:10px;
    border-top:1px #e8e8e8 solid;
    padding:7px;
    padding-bottom:25px;
}

#asker {
    float:left;
    margin-right:5px;
    border:3px solid #eee;
    padding:5px;
}

#crdt {
    font-size:10px;
    bottom:10px;
    right:0px;
    position:fixed;
    border-left:1px solid #e9e9e9;
    border-top:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    padding:5px;
}

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

<div id="sidebar">
<div id="sideimage"><img src="{image:sidebar}">
<div id="sidelinks">
        <a href="/">home</a>
        <a href="/ask">inbox</a>
        <a href="{text:link 1 url}">{text:link 1}</a><br>
        <a href="{text:link 2 url}">{text:link 2}</a>
        <a href="{text:link 3 url}">{text:link 3}</a>

<div id="desc">{Description}

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"<big>«</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages}
{block:NextPage}<a href="{NextPage}"><big>»</big></a>{/block:NextPage}{/block:Pagination} </div>

</div></div></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}{VideoEmbed-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

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

<div id="info">
{block:Date}posted {TimeAgo}{/block:Date} - <a href="{Permalink}">
{NoteCountWithLabel}</a>{block:RebloggedFrom} (via <a href="{ReblogParentURL}"
title="{ReblogParentTitle}">{ReblogParentName}</a> | source <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>

<div id="crdt"><a href="http://www.danceforyous.tumblr.com/themage" target="_blank">©</a> </div>

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

</body></html>