Blossoms 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" xml:lang="en" lang="en">

<!--BLOSSOMS THEME BY TEZX- PLEASE DON'T REMOVE CREDIT-->

<head>

<meta name="color:Background" content="#fff">
<meta name="color:Hover" content="#c4c4c4"/>
<meta name="color:Banner" content="#f0f0f0" />
<meta name="color:Banner Text" content="#8f8f8f" />
<meta name="color:Banner Shadow" content="#dbdbdb" />
<meta name="color:Link Hover Underline" content="#a7a7a7"/>
<meta name="color:Post Background" content="#ffffff">
<meta name="color:Desc Background" content="#ffffff">
<meta name="color:Post Border" content="#dedede">
<meta name="color:Post Text" content="#a8a8a8">
<meta name="color:Post Bold" content="#8e8e8e">
<meta name="color:Post Italic" content="#8e8e8e">
<meta name="color:Post Link" content="#6f6f6f">
<meta name="color:Post Title" content="#cdcdcd">
<meta name="color:Sidebar Text" content="#a8a8a8">
<meta name="color:Sidebar Bold" content="#8e8e8e">
<meta name="color:Sidebar Italic" content="#8e8e8e">
<meta name="color:Sidebar Link" content="#6f6f6f">
<meta name="color:Scrollbar" content="#cccccc"/>
<meta name="image:Background" content="http://static.tumblr.com/aqoekwn/gfMm7ctie/tumblr_m6foppgzb31ru6u1xo1_2501.png">
<meta name="image:Sidebar" content="http://static.tumblr.com/aqoekwn/UMFm7cmrx/tumblr_m3zrutvqtu1r9gsedo1_500_large.jpg">
<meta name="if:Show Captions" content="0">
<meta name="if:Photo Fading" content="0">
<meta name="text:Title1" content=""Everybody is the enemy,"I was afraid. I thought I was going to lose you." />
<meta name="text:Title2" content="I was terrified." />
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Link 5" content=""/>
<meta name="text:Link 5 URL" content=""/>
<meta name="text:Link 6" content=""/>
<meta name="text:Link 6 URL" content=""/>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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

<style type="text/css">
{CustomCSS}

.bubble {align:right;background: #f3f3f3; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bubble p {margin:1px 0px;}
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f3f3f3;
}

.askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f3f3f3
}

a:link, a:active, a:visited{
color: {color:Link}
text-decoration:none;
-webkit-transition-duration:0.8s;
}

a:hover{
color:{color:Hover};
{block:ifsmallcursor}cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress !important;{/block:ifsmallcursor}
}

@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

 @font-face {font-family: "dk";src: url('http://static.tumblr.com/iuggpng/XaZm5hhme/dk_pimpernel.ttf');}

@font-face { font-family: "economica-regular"; src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:10px;
}

::-webkit-scrollbar {
height:0px;
width:6px;
background-color:white;
}

body {
background-image: url('{image:Background}');
background-attachment: fixed;
background-color: {color:Background};
}

#sidebar {
position: fixed;
left: 115px;
top: 120px;
}

#desc {
width: 250px;
height: auto;
padding: 8px;
padding-left: 8px;
font-family: arial;
font-size: 10px;
letter-spacing: 0px;
color: {color:Sidebar Text};
text-decoration: none;
text-align: left;
line-height: 12px;
background-color: {color:Desc Background};
border: 1px solid {color:Post Border};
}

#banner {
background-color:{color:Banner};
color: {color:Banner Text};
font-family: economica-regular;
font-size: 14px;
letter-spacing: 1px;
padding-top:4px;
padding-bottom:5px;
float:left;
width:294px;
text-align:center;
margin-top:-3px;
margin-left:-22px;
position:fixed;
z-index:1;
}

#b1 {
width: 0;
height: 0;
border-top: 13px solid {color:Banner Shadow};
border-right: 14px solid transparent;
position:absolute;
margin-top:5px;
margin-left:281px;
}

#b2 {
width: 0;
height: 0;
border-top: 13px solid {color:Banner Shadow};
border-left: 13px solid transparent;
position:absolute;
margin-top:5px;
margin-left:0px;
opacity:1;
}

#banner2 {
background-color:{color:Banner};
color: {color:Banner Text};
font-family: economica-regular;
font-size: 14px;
letter-spacing: 1px;
padding-top:0px;
padding-bottom:4px;
float:left;
width:294px;
text-align:center;
margin-top:-11px;
margin-left:0px;
position:fixed;
opacity:0;
z-index:1;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}

#all:hover #banner2 {
opacity:1;
}

#desc i, em {
color: {color:Sidebar Italic};
}

#desc b, em {
color: {color:Sidebar Bold};
}

#desc a {
text-decoration: none;
color: {color:Sidebar Link};
padding-bottom:10px;
border-bottom:0px dashed #aaa;
}

#desc a:hover {
color: {color:Hover};
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#desc img {
max-width: 250px;
margin-bottom: 1px;
}

#nav {
display:block;
position:absolute;
background-color: {color:Desc Background};
margin-left:-53px;
padding: 2px;
font-size:9px;
width:40px;
height:5px;
text-transform: uppercase;
text-decoration: none;
font-family:consolas;
}

#nav:hover {
padding-right:19px;
margin-left:-65px;
}

.pagination {
display:none;
}

#posts {
{block:IndexPage}width: 400px;{/block:IndexPage}
{block:PermalinkPage}width: 400px;{/block:PermalinkPage}
float: left;
margin-left: 410px;
margin-top: 10px;
}

.entry {
background-color: {color:Post Background};
{block:IndexPage}width: 400px;{/block:IndexPage}
{block:PermalinkPage}width: 400px;{/block:PermalinkPage}
padding: 8px;
position: relative;
{block:IndexPage}float: left;{/block:IndexPage}
margin-top: 12px;
font-family: arial;
letter-spacing: 1px;
{block:IndexPage}font-size: 9px;{/block:IndexPage}
{block:PermalinkPage}font-size: 9px;{/block:PermalinkPage}
color: {color:Post Text};
text-align: justify;
{block:PermalinkPage}margin-left: 5px;{/block:PermalinkPage}
border: 1px solid {color:Post Border};
}

.entry .permalink{
width:auto;
height: 20px;
line-height:20px;
position:absolute;
background-color: {color:Post Background};
margin-top: 10px;
margin-left:-20px;
opacity: 0;
text-align:center;
font-family:consolas;
font-size:9px;
text-transform:uppercase;
letter-spacing:0px;
z-index:1;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
position: absolute;
border: 1px solid {color:Post Border};
}

.entry:hover .permalink{
margin-left:10px;
opacity:1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}

.permalink a {
color: {color:Post Link};
padding-bottom:10px;
border-bottom:0px dashed #aaa;
}

.permalink a:hover {
color: {color:Hover};
border-bottom:1px dashed {color:Link Hover Underline};
padding-bottom:0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.entry b, strong {
color: {color:Post Bold};
}

.entry i, em {
color: {color:Post Italic};
}

.entry a {
color: {color:Post Link};
text-decoration: none;
}

.entry h1 {
font-family: dk;
font-size: 17px;
color: {color:Post Title};
font-weight: none;
font-style: none;
letter-spacing: 3px;
text-transform: none;
text-align: left;
margin: 0;
margin-left:1px;
margin-bottom:-10px;
}

.entry h1 a:hover {
color: {color:Hover};
}

.entry blockquote {
border-left: 3px solid {color:Post Blockquote};
padding-left: 8px;
margin-left: 5px;
}

.entry img {
{block:IndexPage}max-width: 400px;{/block:IndexPage}
{block:PermalinkPage}max-width: 400px;{/block:PermalinkPage}
margin-bottom: -2px;
{block:IfPhotoFading}opacity: .9;{/block:IfPhotoFading}
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.entry img:hover {
opacity: 1;
}

.photo {
{block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
margin-bottom: -2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.photo:hover {
opacity: 1;
}

a:hover {
color: {color:Hover};
}

.entry h2 {
font-family: verdana;
font-size: 9px;
color: {color:Post Title};
font-weight: normal;
font-style: ;
text-transform: ;
letter-spacing: 2px;
text-align: left;
}

.quote {
font-family: arial;
font-size: 20px;
color: {color:Post Bold};
float: left;
margin-top: -1px;
margin-right: 5px;
}

.ask {
background-color: {color:Post Question};
padding: 2px;
border: 1px dotted {color:Post Blockquote};
}

.ask i {
font-style: normal;
}


a:hover {
color:{color:Hover};
text-decoration: none;
webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.textperma{
display: block;
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
text-align: center;
background-color:{color:Post Background};
letter-spacing: 1px;
border-top: 1px dotted #C4C4C4;
padding-top: 2px;
margin: 0px;
}

.textperma a {
color: {color:Post Link};
padding-bottom:10px;
border-bottom:0px dashed #aaa;
}

.textperma a:hover {
color: {color:Hover};
border-bottom:1px dashed {color:Link Hover Underline};
padding-bottom:0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#audio{
margin-top:90px;
margin-left:86px;
position:absolute;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-border-radius: 60px;
height: 80px;
width:80px;
overflow: hidden;
background-color:#ffffff;
text-align: center;
opacity: 0.8;
filter:alpha(opacity=0.8);
}

.permalink {
font-family: arial;
font-size: 9px;
color: {color:Sidebar Text};
text-transform: ;
text-align: center;
width: 400px;
float: left;
margin-left: 10px;
}

.permalink b {
color: {color:Sidebar Bold};
font-weight: normal;
}

#date {
color: {color:Sidebar Italic};
}

.permalink a {
color: {color:Sidebar Link};
text-decoration: none;
}

ol.notes {
padding: 0px;
margin: 15px 0px;
list-style-type: none;
background: transparent;
border: 0px;
letter-spacing: 0px;
}

ol.notes li.note {
padding: 1px;
text-align: left;
letter-spacing: 0px;
}

.notes img{
width: 8px;
position: relative;
top: 1px;
opacity: .5;
}

iframe#tumblr_controls {
right:3px !important;
position: fixed !important;

</style>

{block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#posts');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.entry',
});
});
$container.infinitescroll({
itemSelector : ".entry",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>{/block:IndexPage}

</head>
<body>

<div id="all">
<div id="sidebar">
<div id="desc">
<div id="banner">
{text:Title1}
<div id="b1"></div><div id="b2"></div>
<div id="banner2">
{text:Title2}
</div></div>
<div style="margin-top:35px; position:absolute;">
{block:iflink1}<a href="{text:Link 1 URL}" id="nav">{text:Link 1}</a>{/block:iflink1}</div>
<div style="margin-top:60px; position:absolute;">
{block:iflink2}<a href="{text:Link 2 URL}" id="nav">{text:Link 2}</a>{/block:iflink2}</div>
<div style="margin-top:85px; position:absolute;">
{block:iflink3}<a href="{text:Link 3 URL}" id="nav">{text:Link 3}</a>{/block:iflink3}
</div>
<div style="margin-top:110px; position:absolute;">
{block:iflink4}<a href="{text:Link 4 URL}" id="nav">{text:Link 4}</a>{/block:iflink4}</div>
<div style="margin-top:135px; position:absolute;">
{block:iflink5}<a href="{text:Link 5 URL}" id="nav">{text:Link 5}</a>{/block:iflink5}</div>
<div style="margin-top:160px; position:absolute;">
{block:iflink6}<a href="{text:Link 6 URL}" id="nav">{text:Link 6}</a>{/block:iflink6}</div>
<div style="margin-top:185px; position:absolute;">
<a href="http://tezx.tumblr.com/" id="nav">Theme</a></div>
{block:IfSidebarImage}<img src="{image:Sidebar}" width="250" height=auto/><br />{/block:IfSidebarImage}
{Description}
</div></div>

<div class="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
</div>
</div>

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

<div class="entry">

{block:Text}
{block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
<span class="entrytext">{Body}</span></a>
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Text}

{block:Photo}
{block:IndexPage}<div class="permalink">
Posted: <a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{notecountwithlabel}</a> • <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
{block:PermalinkPage}{block:HighRes}<a href="{PhotoURL-HighRes}">High Resolution &raquo;</a>{/block:HighRes}{/block:PermalinkPage}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}

{block:Photoset}
{block:IndexPage}<div class="permalink">
Posted: <a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{notecountwithlabel}</a> • <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
<div class="photo">{block:IndexPage}{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</div>
{/block:Photoset}

{block:Quote}
<div class="quote">&#10077;</div>
<h2>{Quote}</h2>
{block:Source}<div style="border-right: 4px solid #dedede; text-align: right; padding-right: 2px; font-family: arial; text-transform: ; letter-spacing: 2px;">{Source}</div>{/block:Source}
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Quote}

{block:Link}
<h1><a href="{URL}" target="{Target}">{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/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:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
<div id="audio"><div style="margin:27px; width:50px; overflow:hidden;" id="{postID}">{AudioPlayerWhite}</div></div>
{block:AlbumArt}<div style="margin-bottom: 10px;"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div style="border-left: 3px solid #dedede; padding-left: 5px; margin-bottom: 5px; font-family: verdana; text-transform: ;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Audio}

{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Video}

{block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} said: {Question}&nbsp;</div>{Answer}
{block:IndexPage}
<div class="textperma">Posted: <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
{/block:IndexPage}
{/block:Answer}

</div>

{block:PermalinkPage}
<div class="permalink">
<center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
{block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}

{/block:Posts}
</div>

</body>
</html>