Empathy Theme

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

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#000000"/>

<!--
Empathy Theme for Tumblr by Jewist
http://jewistthemes.tumblr.com/
-->

<style type="text/css">

body {
background-color:{color:background};
background-attachment: fixed;
background-size: cover;
font-family:Arial;
font-size:12px;
}
a {
color:{color:text};
font-weight:bold;
}
a img {
min-width: 50%;
max-width: 85%;
padding: 30px;
border: 0;
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
a img:hover {
opacity: 0.6;
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}

#entry {background-color:transparent;
padding-top:10px;
text-align:center;
width:500px;
opacity:1;
padding:10px;
margin:auto;
margin-top:50px;
font-size:12px;
margin-bottom:30px;}


#header {
position: fixed;
z-index: 5000;
text-align:center;
top: 10px;
left:0px;
margin: 0px auto;
font-family: helvetica;
font-weight:800;
letter-spacing:2px;
font-size: 30px;
width: 100%;
height: 40px;
}
#header a {
text-decoration:none;
margin:0 5px 0 0;
color:{color:text};
}
#header a:hover {
color:{color:text};
}
.caption {
margin:auto;
width:500px;
}
td {
text-align: center;
vertical-align: center;
}
div.center {
margin-top:60px;
text-align: center;
}

</style>

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

<body>

<div id="header">
<a href="/"><b>{Title}</b></a> <span style="margin-right:10px;">:</span> <a href="/archive">archive</a> <a href="/ask">message</a> {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
</div>

<div class="center">
<div class = "autopagerize_page_element" >
{block:Posts}


{block:Text}

<div id="entry">
<div id="entrytext">

{Body}

<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div></div>

{/block:Text}

{block:Photo}<td>
{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-Highres}"  alt="{PhotoAlt}"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Photo}</td>

{block:Photoset}
<div id="td">
{Photoset-700}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>{/block:IndexPage}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Photoset}

{block:Quote}
<div id="entry">
"{Quote}" <br><br> &#151;&nbsp;{block:Source}<b>{Source}</b>{/block:Source}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div>
{/block:Quote}

{block:Link}
<div id="entry">
<div class="h2"><a href="{URL}"><b><big>&rArr;</big>&nbsp;{Name}</b></a></div>{block:Description}{Description}{/block:Description}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div>
{/block:Link}

{block:Chat}
<div id="entry">
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div>
{/block:Chat}

{block:Audio}
<div id="entry">
<div class="audio"><center>{AudioPlayerBlack}</center></div>
<small>{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</small>
{block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div>
{/block:Audio}

{block:Video}
<div id="entry">
<div class="video">
{Video-500}
{block:PermalinkPage}{/block:PermalinkPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
</div></div>
{/block:Video}

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

<div style="position:fixed; bottom:2px; right:2px;"><a href="http://jewist.tumblr.com/" title="theme from jewist">&copy</a></div>

</body>
</html>