THEME 001: angel

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

<!-------
    code by tenshithemes (tenshi13)
    by using this code you agree to the tou on my blog
-------->

<head>

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

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

<link href='https://fonts.googleapis.com/css?family=Playfair+Display+SC:700italic' rel='stylesheet' type='text/css'>

<meta name="image:bg" content=""/>
<meta name="image:icon" content=""/>

<meta name="color:bg" content="#eee" />
<meta name="color:txt" content="#444"/>
<meta name="color:posts" content="#fff"/>
<meta name="color:title" content="#444"/>
<meta name="color:link" content="#9bcaca"/>
<meta name="color:link hover" content="#444"/>
<meta name="color:scroll" content="#9bcaca"/>
<meta name="color:accent" content="#999"/>

<meta name="text:Link 1" content="link 1"/>
<meta name="text:Link 1 url" content="/"/>
<meta name="text:Link 2" content="link 2"/>
<meta name="text:Link 2 url" content="/"/>
<meta name="text:link 3" content="link 3"/>
<meta name="text:Link 3 url" content="/"/>
<meta name="text:Link 4" content="link 4"/>
<meta name="text:Link 4 url" content="/"/>
<meta name="text:Link 5" content="link 5"/>
<meta name="text:Link 5 url" content="/"/>

<meta name="if:250px" content="1"/>
<meta name="if:400px" content="0"/>
<meta name="if:500px" content="0"/>
<meta name="if:captions" content="0"/>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>

<style type="text/css">

/* TUMBLR BUTTONS */

iframe#tmblr-iframe, iframe.tmblr-iframe--desktop-logged-in-controls, iframe.iframe-controls--desktop {
    right:10px !important;
    top:70px !important;
    opacity:.2 !important;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

iframe#tmblr-iframe:hover, iframe.tmblr-iframe--desktop-logged-in-controls:hover, iframe.iframe-controls--desktop:hover {
    opacity:.5;
}

/* TOOLTIPS */

.tooltip {
    display: inline;
    position: relative;
}

#s-m-t-tooltip {
    max-width:300px;
    padding:2px 7px 3px 7px;
    margin:20px 7px -2px 20px;
    background:{color:posts};
    font-size:9px;
    text-transform:uppercase;
    color:{color:accent};
    z-index:10;
}

/* OVERALL */

body {
    color:{color:txt};
    background-color:{color:bg};
    background-image:url({image:bg});
    font-size:11px;
    font-family:calibri;
    line-height:16px;
    letter-spacing:.5px;
}

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

a:hover {
    color:{color:link hover};
    cursor:help;
}

h1 {
    text-align:center;
    font-size:14px;
    line-height:14px;
    letter-spacing:4px;
    text-transform:uppercase;
    padding:0;
    margin:0;

}

blockquote {
    border-left:2px solid {color:link};
    margin-left:6px;
    padding-left:10px;
}

/* SCROLLBAR */

::-webkit-scrollbar {
    width:13px;
    height:13px;
    background:{color:bg};
}
::-webkit-scrollbar-thumb {
    background:{color:scroll};
    border:4px solid {color:bg};
}

/* TOPBAR */

#top {
    z-index:9;
    top:0px;
    left:0px;
    position:fixed;
    width:100%;
    height:60px;
    background:{color:posts};
}

#top img {
    position:absolute;
    margin:17px 0px 0px 25px;
    border-radius:100%;
    width:70px;
    height:70px;
    border:7px solid {color:posts};
}

#top .description {
    color:{color:accent};
    margin-top:37px;
    margin-left:125px;
}

#top .description a {
    border:none;
    color:{color:link};
}

#top .description a:hover {
    color:{color:link hover};
}

#top .title {
    font-size: 15px;
    font-weight:bold;
    letter-spacing:4px;
    text-transform:uppercase;
    color: {color:title};
    margin-right:5px;
}

#top .toplinks {
    margin-left:120px;
    margin-top:10px;
}

#top .toplinks a {
    display:inline-block;
    width:10px; height:10px;
    border-radius:100%;
    background:{color:link};
    margin:5px;
    margin-right:20px;
}

#top .toplinks a:hover {
    color:{color:accent};
    background:{color:posts};
}

/* PAGINATION */

#pagi {
    position:fixed;
    top:110px;
    left:25px;
    width:75px;
    height:20px;
    text-align:center;
}

#pagi a {
    display:inline-block;
    color:{color:posts};
    background:{color:link};
    width:9px; height:9px;
    padding:5px;
    font-size:9px;
    line-height:9px;
    text-align:center;
    border-radius:100%;
    margin:0px 5px;
}

#pagi a:hover {
    color:{color:accent};
    background:{color:posts};
}

/* POSTS */

#content {
    position: relative;
    margin:150px auto 0px auto;
    {block:IndexPage}
    {block:if250px}
    width:296px;
    {/block:if250px}
    {block:if400px}
    width:446px;
    {/block:if400px}
    {block:if500px}
    width:546px;
    {/block:if500px}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:446px;
    {/block:PermalinkPage}
}

.postborder {
    padding:7px;
    border:3px solid {color:posts};
    margin-bottom:65px;
}

.post {
    background:{color:posts};
    padding:13px;
}

/* PERMA */

#perma {
    position:absolute;
    right:-217px;
    margin-top:-23px;
    width:200px;
    text-transform:lowercase;
    border-left:3px solid {color:posts};
    padding-left:7px;
}

#perma a {color:{color:accent};}

#perma a:hover {
    color:{color:link hover};
}

/* PERMA PAGE */

.permaperma {
    margin-top:-35px;
    text-align:center;
}

img.avatar {display:none;}

ol.notes {margin-top:20px;}

/* DO NOT REMOVE OR EDIT. */

#angel {
    position:fixed;
    bottom:10px;
    right:10px;
    font-family:'Playfair Display SC';
    font-size:17px;
}

</style>

<!---infinite scroll<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>-->

</head>

<body>

<div id="angel"><a href="http://tenshithemes.tumblr.com" title="theme by tenshithemes (tenshi13)">T.</a></div>

<div id="top">
<img src="{image:icon}" />
<div class="description">
<span class="title">{Title}.</span>
{Description}
</div>
<div class="toplinks">
<a href="/" title="home"></a> <a href="/ask" title="ask"></a> <a href="/archive" title="past"></a>
{block:iflink1}<a href="{text:Link 1 url}" title="{text:Link 1}"></a>{/block:iflink1}
{block:iflink2}<a href="{text:Link 2 url}" title="{text:Link 2}"></a>{/block:iflink2}
{block:iflink3}<a href="{text:Link 3 url}" title="{text:Link 3}"></a>{/block:iflink3}
{block:iflink4}<a href="{text:Link 4 url}" title="{text:Link 4}"></a>{/block:iflink4}
{block:iflink5}<a href="{text:Link 5 url}" title="{text:Link 5}"></a>{/block:iflink5}
</div>
</div>

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

<div id="content">

{block:Posts}

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

<div class="postborder">
<div class="post">

{block:IndexPage}
<div id="perma">
<a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a><br>
<a href="{Permalink}">{NoteCountWithLabel}</a><br>
<a href="{ReblogURL}">reblog</a>
</div>
{/block:IndexPage}

{block:Photo}
{LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
{/block:Photo}

{block:Photoset}
{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption}{/block:Photoset}

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

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

{block:Quote}
"{Quote}"
{block:Source}<br>- {Source}{/block:Source}
{/block:Quote}

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

{block:Audio}
{AudioPlayerWhite}
{block:IndexPage}
<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}
{block:Artist}Artist: {Artist}<br>{/block:Artist}
{block:Album}Album: {Album}<br>{/block:Album}
{block:PlayCount}Played: {PlayCount}{/block:PlayCount}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
{/block:Audio}

{block:Video}
{block:IndexPage}
{block:if250px}{Video-250}{/block:if250px}
{block:if400px}{Video-400}{/block:if400px}
{block:if500px}{Video-500}{/block:if500px}
{/block:IndexPage}
{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:Video}

{block:Answer}
<span style="color:{color:accent}; width:90%; text-align:center;"><b>{Asker}</b> says: {Question}</span>
<hr>
<p>{Answer}</p>
{/block:Answer}

{block:PermalinkPage}

{/block:PermalinkPage}

</div><!-- END post -->
</div><!-- END postborder -->

{block:PermalinkPage}
<div class="permaperma">
<a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a> @ <a href="{Permalink}">{24HourWithZero}:{Minutes}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} made by <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}<br>
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
</div>

{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
{/block:Posts}

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

</div><!--END content-->

</body>

</html>