zhiend theme

<!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">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=550">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>

	<meta name="color:Background" content="#ffffff" />
	<meta name="color:Text" content="#000000" />
	<meta name="color:Link" content="#0000FF" />
	<meta name="color:Title Link" content="#000000" />
	<meta name="color:shadow" content=""/>

	<meta name="text:Font" content="Times New Roman"/ >
	<meta name="text:Link Title" content=""/>
	<meta name="text:Link" content=""/>
	<meta name="text:Header Width" content=""/>

	<meta name="image:Background Image" content=""/>
	<meta name="image:Permalink Icon" content=""/>
	<meta name="image:Header Image" content=""/>
	<meta name="image:Link Pixel" content=""/>

	<meta name="if:Show title" content="1" />
	<meta name="if:Left align everything" content="0" />
	<meta name="if:Center Posts" content="0" />
	<meta name="if:Center permalink" content="1" />
	<meta name="if:Show Description" content"0" />

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

	<title>{Title}</title>

	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">

	<style type="text/css">


html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {
margin:0;
padding:0;
}

body {
font: 25px {text:Font};
color: {color:Text};
background-color: {color:Background};
background-image: url('{image:Background Image}');
background-attachment: fixed;
background-position: top left;
background-size: cover;
}

a {color: {color:Link};
}
a:hover{ color:transparent}

blockquote{ margin:5px 0px 5px 10px; padding:0px 4px 0px 8px; border-left:1px solid {color:link}; }

a {
text-decoration:none;
}

#s-m-t-tooltip{ display:block; margin:20px; max-width:230px; padding:1px 6px; color:{color:text}; line-height:14px; background:transparent; border:1px solid transparent; box-shadow:4px 4px rgba(0,0,0,0); word-wrap:break-word; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition-duration:0.2s; transition:all 0.2s linear; z-index:9999999999999999999999999; }

#container {
width: 500px;
{block:IfNotLeftAlignEverything} margin: 0 auto;
{/block:IfNotLeftAlignEverything}
margin-top: 25px;
margin-bottom: 25px;
{block:IfLeftAlignEverything} margin-left: 25px;
{/block:IfLeftAlignEverything}
}

#top {
margin-bottom: 18px;
{block:IfNotLeftAlignEverything} text-align: center;
{/block:IfNotLeftAlignEverything}
}

#top h1 a {
color: {color:Title Link};
text-decoration: none;
}

.links {
margin-top: 10px;
}

.post {
line-height: 1.5em;
margin-bottom: 20px;
padding-bottom: 25px;
clear: both;
}

.post h3 {
font-size: 25px;
}

.post p {
padding-bottom: 10px;
}

.caption blockquote {
padding-left: 20px;
}

{block:IfCenterPermalink}
.permalink {
text-align: center;
}
{/block:IfCenterPermalink}

.text-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts}
{block:IfCenterPosts} text-align: center; {/block:IfCenterPosts}
}

.text-post img {
max-width: 100%;
}

.photo-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts} {block:IfCenterPosts} text-align: center; {/block:IfCenterPosts}
}

.photo-post img {
border: 0;
}

.quote-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts} {block:IfCenterPosts} text-align: center; {/block:IfCenterPosts}
}

{block:IfItalicizeQuotes}
.quote-post q { font-style: italic; }
.quote-post i { font-style: normal; }
{/block:IfItalicizeQuotes}

.quote-post .source {
font-size: 25px;
}

.link-post {
font-size: 25px;
margin-bottom: 8px;
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts}
{block:IfCenterPosts} text-align: center; {/block:IfCenterPosts} }

.chat-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts}
{block:IfCenterPosts} text-align: center; {/block:IfCenterPosts}
}

.chat-post ul, .chat-post li {
margin: 0;
padding: 0;
}

.chat li {
list-style-type: none;
}

li span.user_1 {
font-weight: bold;
color: {color:Link};
}
li span.user_2 {
font-weight: bold;
color: {color:Link};
}


.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
background-color: #ffffff;
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}

.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}

.playerbuttonhug {
position: absolute;
top: -18px;
left: -7px;
}

.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}

.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
width: 79px;
height: 79px;
}

.audioimgwrapper img {
width: 100%;
height: auto;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

.trackdetails {
height:19px;
width: auto;
display:inline-block;
margin-left: 90px;
min-height: 85px;
padding:5px;
}

.audiowrapper {
position: relative;
display:inline-block;
}

.video-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts}
{block:IfCenterPosts} text-align: center; {/block:IfCenterPosts} }

.answer-post {
{block:IfNotCenterPosts} text-align: justify; {/block:IfNotCenterPosts}
{block:IfCenterPosts} text-align: center; {/block:IfCenterPosts}
}
.question { margin-bottom: 10px; }
.answered { margin-top: 10px; }

#post-info { margin-top: 15px; }
.all-notes { margin-top: 10px; }
ol.notes { margin-left: 1em; padding-left: 1em; }

.navigation { padding-bottom: 25px; }
.alignright { float: right; }
.alignleft { float: left; }

#footer {
text-align: center;
margin-top: 25px;
font-size: 25px;
}

{CustomCSS}
 body {
    text-shadow: 0 0 3px {color:shadow};
}
</style>
</head>



<body>
<div id="container">

<div id="top">
{block:IfShowTitle}<h1><a href="/">{Title}</a></h1>
<br />{/block:IfShowTitle}
<a href="/"><img src={image:Header Image} width="{text:Header Width}"></a>
{block:IfShowDescription}<p><em>{Description}</em></p>{/block:IfShowDescription}
<p><a href="{text:Link}" title="{text:Link Title}"><img src="{image:Link Pixel}" /></a></p>
<div class="links">
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}

</div>
<br />
</div>

<div id="content">
{block:Posts}
<div class="post">
{block:Text}

<div class="text-post">
<h3>{Title}</h3>
{Body}
</div>
{/block:Text}

{block:Photo}
<div class="photo-post">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Photo}

{block:Photoset}
<div class="photo-post">
{Photoset-500}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Photoset}

{block:Quote}
<div class="quote-post">
<q class="{Length}">{Quote}</q>
{block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="link-post">
<h3><a href="{URL}" {Target}>{Name}</a></h3>
{block:Description}<div class="caption">{Description}</div>{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div class="chat-post">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt}">
<span class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
</span>
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

{block:AudioPlayer}
        <div class="audiowrapper">
        {block:AlbumArt}
            <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
        {/block:AlbumArt}

        <div class="playerbuttonbg">
            <div class="newplayerbutton">
                <div class="playerbuttonhug">

                    {AudioPlayerWhite}

                </div>
            </div>
        </div>

        <div class="trackdetails">

                {block:TrackName}{TrackName}{/block:TrackName}<br/>
                {block:Artist}Artist: {Artist}{/block:Artist}<br/>

        </div>
        </div>

                {block:Caption}{Caption}{/block:Caption}
        {/block:AudioPlayer}

{block:Video}
<div class="video-post">
{Video-500}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Video}

{block:Answer}
<div class="answer-post">
<div class="question"><strong>{Asker} asks:</strong> <em>{Question}</em></div>
<div class="answered">{Answer}</div>
</div>
{/block:Answer}

{block:IndexPage}
<div class="permalink">
<h3><a href="{Permalink}">{text:Permalink}
<img src="{image:Permalink Icon}"></a></h3></div>
{/block:IndexPage}


{block:PermalinkPage}
<div id="post-info">
{block:Date}
<div class="post-date">
<strong>posted:</strong> {Month} {DayOfMonth}, {Year} @ {12HourWithZero}:{Minutes}
</div>
{/block:Date}

{block:HasTags}
<div class="tags">
<strong>tags:</strong> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}

{block:RebloggedFrom}
<div class="reblogged-from">
<strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
</div>
{/block:RebloggedFrom}

{block:NoteCount}<div class="note-count"><strong># of notes:</strong> {NoteCount}</div>
{/block:NoteCount}

{block:PostNotes}
<div class="all-notes">
<strong>notes</strong>
{PostNotes}
</div>
{/block:PostNotes}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

</div>
{/block:PermalinkPage}



</div>
{/block:Posts}

</div>


{block:Pagination}
<div class="navigation">
{block:NextPage}
<div class="alignright"><a href="{NextPage}">{text:Next Page} ⇉ </a></div>
{/block:NextPage}

{block:PreviousPage}
<div class="alignleft"><a href="{PreviousPage}"> ⇇ {text:Previous Page}</a></div>
{/block:PreviousPage}
</div>
{/block:Pagination}

<div id="footer">
<font size="3"><a href="http://slein.tumblr.com/" title="theme by slein">(c)</a>
</font></div>

</div>


</body>
</html>