Unrequited

<!--

theme by septim

╔╔ ══ ══        Rules:
║║                     -do not use as base
╚╚ ══ ╗╗               -do not steal bits of code
      ║║               -do not remove credits
══ ══ ╝╝


-->



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

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#cccccc"/>
<meta name="color:link" content="#a7a7a7"/>
<meta name="color:title"content="#070707"/>
<meta name="color:blog title"content="#aaaaaa"/>
<meta name="color:scrollbar" content="#d5d5d5" />
<meta name="color:link hover" content="#aaaaaa"/>
<meta name="color:post separator" content="#cccccc"/>
<meta name="color:accents" content="#F5F3F7"/>
<meta name="if:Hide Captions" content="0"/>
<meta name="if:Show Tags" content="0">
<meta name="if:Show Title" content="1">

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


<!-- jquery -->


<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:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>



<!--CSS customization here. -->

<style type="text/css">




#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    font-style:italic;
    font-size:10px;
    background:{color:background};
    color:{color:text};
    border-bottom:1px dotted #aaa;
    text-transform:lowercase;
    padding:0px 3px;
}




/*scrollbar*/
::-webkit-scrollbar{height: 5px;
width: 4px;
-webkit-border-radius: 0px;
background-color:{color:background}}
::-webkit-scrollbar-thumb{background-color:{color:background};
border:1px solid {color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:background};}




#text {
margin:25px 0 100px 0;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
font-size:9px;}
#text a {text-decoration:none;}

/*main structure*/
blockquote {padding-left:30px;
border-left: 1px dotted #aaa;
margin-left:0;
text-align:justify;
}
.caption blockquote {margin:0;
border:0;
padding:0}


body {
background:{color:background};
color:{color:text};
font-family:times new roman;
font-size:12px;
font-weight:normal;
text-align:justify;
margin:0;
line-height:15px;}


a {
color:{color:link};
text-decoration:none;
border-bottom:1px dotted transparent;
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}

a:hover {border-bottom:1px dotted {color:link hover};
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s; }

img{
opacity:1;
border:none;
text-decoration:none}


b, strong {
color:{color:title}}
i, em {
color:{color:text}}
p {
margin-top:5px;
margin-bottom:5px}
ol {
list-style:normal;
text-align:justify;}
ul {
list-style:square;
text-align:justify;}

small {
font-size:8px;}

big {
font-size:12px;}




#title {font-size:12px;
line-height:18px;
letter-spacing:2px;
font-weight:bold;
text-transform:uppercase;
margin:25px 0;
color:{color:title};}
#title a {color:{color:title};}




/*header*/

#headers {
text-align:left;
width:430px;
margin-top:250px;
}



#blogt {font-size:14px;
margin-left:15px;
padding-right:15px;
font-weight:bold;
float:left;
color:{color:blog title};
}



.standardlinks{
text-transform:lowercase;

}
.standardlinks a {margin-left:15px}




#description {margin-top:20px;
padding:15px;
font-style:italic;
text-align:justify;
background:{color:Accents};
}

/*pagination*/
#pagination {
text-align:center;
margin-top:50px;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
}


#pagination a {
display:inline-block;
margin:0 10px;

}





/*container*/
#con {
left:50%;
margin-left:-215px;
position:absolute;
}



/*posts*/

#entries {
margin-top:25px;
width:430px;
}



#posts {
width:400px;
margin-bottom:30px;
padding:15px 15px 50px 15px;
border-bottom:1px solid {color:post separator};
}
#posts img {
max-width:400px;
display:block;
}


#buttt img {width:400px;}

#titlequote{
}

#source {
margin-top:5px;}

#posts img, #posts li, #posts blockquote {max-width: 100%;}
.caption img{
    max-width:300px;
  }
.caption {text-transform:none;
margin-top:15px;
padding:5px 30px;
border-left: 1px solid {color:post separator};
background:{color:Accents};
{block:IfHideCaptions}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:IfHideCaptions}
}


/*audio*/

.player {
padding:5px;
background:white;
z-index:2;}

.audioinfo {
margin-left:15px;
font-style:italic;
}


.playerback {padding:15px;
background:{color:Accents};
border-left:1px solid {color:post separator}}

.tumblr_audio_player {height:50px;
width:215px;}

.album {float:left;
padding:5px;
background:{color:accents};
margin-right:10px;
border-left:1px solid {color:post separator}}
.album img {width:50px;
height:50px;}

/*asks*/
.q {
padding:15px;
font-style:italic;
background:{color:Accents};
}
.as {
font-weight:bold;
text-transform:lowercase;}

.a {
margin-top:25px;}





.chat ol {
    text-align:center;
padding:0;
line-height:180%;
list-style:none;
}

.line.odd {
padding:5px 0;
}

.line.even {
padding:5px 0;
}

.label {font-weight:bold;
display:block;
letter-spacing:-1px;
text-transform:uppercase;
color:{color:title};
}





/*permalink and notes*/
{block:IndexPage}
.bush {opacity:0;
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s; }
#posts:hover .bush {opacity:1;
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s; }
{/block:IndexPage}
#permalink {
text-align:left;
margin-bottom:10px;

}
#permalink a {display:inline-block;
}

.tags {{block:ifNotShowTags}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:ifNotShowTags}
word-break:break-all;
margin-top:10px;

}
.tags a{margin-right:5px;
text-transform:none;
text-decoration:none;}


.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:430px;
}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:lower-roman;
padding:5px 0px;
margin:0 0 0 -20px;
font-size:10px;
text-align:left;
text-transform:uppercase;
}
.t {
font-size:12px;
text-align:left;
font-weight:bold;
letter-spacing:-1px;
color:{color:title};
text-transform:uppercase;}


{CustomCSS}


</style>







</head>

<body>


<div id="con">


<div id="headers">
{block:IfShowTitle}
 <div id="blogt">{Title}</div>
 {/block:IfShowTitle}
    <div class="standardlinks">|
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="/archive">archive</a>
    {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
</div>
<div id="description">
    {Description}
</div>

</div>


<div id="entries">

{block:Posts}
<div id="posts">

{block:Date}
<div id="permalink">
<a href="{Permalink}">{Month} {DayofMonth}{DayOfMonthSuffix}</a>
{block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount}
<span class="bush"><a href="{ReblogURL}" target="_blank">/ Reblog</a></span>
{block:PermalinkPage}
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">/ via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}">& source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
</div>
{/block:Date}

{block:Quote}


<div id="titlequote">“{Quote}”</div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}



{block:Text}
{block:Title}<div id="title">{Title}</div>{/block:Title}

{Body}
{/block:Text}

{block:Link}

<div id="title"><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}

{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
<div id="buttt">
<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Photoset}
{Photoset-400}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

{block:Video}
{Video-400}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}



{block:Audio}
{block:AlbumArt}<div class="album">
<img src="{AlbumArtURL}">
</div>
{/block:AlbumArt}
 <div class="player">{AudioPlayerWhite}</div>
 <div class="playerback">
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Answer}

<div class="q"><span class="as">{Asker} said: </span>{Question}</div>
<div class="a">{Answer}</div>

{/block:Answer}


{block:Date}
{block:HasTags}<div class="tags"><em>Indexed: </em>{block:Tags}<a href="{TagUrl}">{Tag},</a>{/block:Tags}</div>{/block:HasTags}
{/block:Date}



</div>

{block:PostNotes}
<div class="pagenotes">
<div class="t">Notes</div>
{PostNotes}
</div>
{/block:PostNotes}


{/block:Posts}

</div>

{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" style="font-weight:bold;">previous</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<b><a href="/" style="font-weight:bold">{PageNumber}</a></b>
{/block:CurrentPage}
{block:JumpPage}
<a href="{URL}" >{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" style="font-weight:bold;">next</a>
{/block:NextPage}
</div>
 {/block:Pagination}

<div id="text">
Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
</div>

</div>


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

</body></html>