T1 - FIREFLY

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

<!--

THEME #1 FIREFLY
BY ZUVIA @ TUMBLR

-->

<html>
<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:post wrap" content="#ffffff" />
<meta name="color:entry" content="#ffffff" />
<meta name="color:entry text" content="#868686" />
<meta name="color:sidebar" content="#ffffff" />
<meta name="color:sidebar text" content="#868686" />
<meta name="color:link" content="#D63535" />
<meta name="color:link hover" content="#cccccc" />
<meta name="color:sidelink" content="#ffffff" />
<meta name="color:sidelink hover" content="#000000" />
<meta name="color:sidelink bg" content="#cccccc" />
<meta name="color:sidelink bg hover" content="#D63535" />
<meta name="color:blogtitle" content="#E46161" />
<meta name="color:border" content="#cccccc" />
<meta name="color:perma bg" content="#ffffff" />
<meta name="color:nextpage arrow" content="#000000" />
<meta name="color:nextpage arrow hover" content="#aeaeae" />

<meta name="image:background" content="" />
<meta name="image:sidebar1" content="" />
<meta name="image:sidebar2" content="" />
<meta name="image:sidebar3" content="" />

<meta name="text:Blogtitle" content="" />
<meta name="text:Link1" content="Link 1" />
<meta name="text:Link1URL" content="Link 1 URL" />
<meta name="text:Link2" content="Link 2" />
<meta name="text:Link2URL" content="Link 2 URL" />
<meta name="text:Link3" content="Link 3" />
<meta name="text:Link3URL" content="Link 3 URL" />

<meta name="font:body" content="georgia" />
<meta name="font:sidebar" content="georgia" />

<meta name="if:ShowCaptions" content="0" />
<meta name="if:Image1" content="1"/>
<meta name="if:Image2" content="1"/>
<meta name="if:Image3" content="1"/>
<meta name="if:InfiniteScroll" content="1" />
<meta name="if:Bigger Posts" content="0" />
<meta name="if:FadingImages" content="1" />
<meta name="if:DescriptionHover" content="0" />
<meta name="if:Links" content="0" />
<meta name="if:Border1" content="1" />
<meta name="if:Border1OnBottom" content="1" />
<meta name="if:Border2" content="1" />
<meta name="if:Border2OnTop" content="1" />

<style type="text/css">

body {
background-color:{color:background};
background-image: url('{image:Background}');
background-attachment:fixed;
font-family:{font:body};
font-size:10px;
line-height:14px;
text-align:justify;
}

iframe#tumblr_controls {
position: fixed !important;
right:2px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}


#bbg{
   {block:IfNotBiggerPosts}width:436px;{/block:IfNotBiggerPosts}
    {block:IfBiggerPosts}width:536px;{/block:IfBiggerPosts}
    height:110%;
    margin-top:-10px;
    position:fixed;
    margin-left:464px;
    background-color:{color:post wrap};
    z-index:-1;}

#posts {
margin-left:475px;
margin-top:10px;
}

.post {
{block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
}


.entries {
color:{color:entry text};
background-color:{color:entry};
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
overflow:hidden;
margin-bottom:10px;
position:relative;
z-index:999;
text-align:justify;
letter-spacing:0px;
line-height:12px;
font-size:10px;
font-family:{font:body};
padding:8px;
}


.entries a{
color:{color:link};
text-decoration:none;
}

.entries a:hover {
color:{color:link hover};
text-decoration:none;
}

.entries h1 {
font-size:11px;
font-weight:normal;
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
padding-bottom:4px;
border-bottom: 1px solid {color:entry text};
}

.entries h2 {
font-size:12px;
letter-spacing:1px;
text-align:center;
font-family:arial;
font-weight:normal;
padding-bottom:6px;
margin-left:10px;
border-bottom: 1px solid {color:entry text};
}

.entries img {
{block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}
}

.ask {
background-color:{color:post wrap};
padding:6px;
}

.ask a{
    font-family:consolas;
    text-transform:uppercase;}

.audio{

    background: #000;

    display:block;

    margin-bottom:0px;

}

{block:IfFadingImages}
.photo {
opacity:.7;
-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;}
{/block:IfFadingImages}

.entries:hover .perma{
opacity:1;
bottom:0px;}

.quote {
font-size:32px;
margin-left:-5px;
margin-bottom:-15px;
margin-top:11px;
letter-spacing:1px;
font-family:georgia;
}

.perma{
right:0px;
bottom:-8px;
{block:IfBiggerPosts}width:516px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:416px;{/block:IfNotBiggerPosts}
font-family: consolas;
font-size: 9px;
position:absolute;
color: {color:entry text};
text-transform: uppercase;
text-align: center;
background-color: {color:perma bg};
opacity:0;
z-index:999;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}

.perma a{
color: {color:link};
}

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


.permalink {
{block:IfBiggerPosts}width:496px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:396px;{/block:IfNotBiggerPosts}
padding:10px;
text-align: center;
color:{color:entry text};
background-color:{color:entry};
font-size:9px;
margin-top:-10px;
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
position: relative;
}

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

.permalink a:hover {
color: {color:link hover};
text-decoration: none;
}

.permalink h1{
    font-family:consolas;
    font-size:10px;
    text-transform:uppercase;
    margin-top:10px;
    margin-left:-3px;
    margin-bottom:-2px;
    border-top:2px solid {color:border};}

.permalink h2{
    font-family:consolas;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;}

ol.notes {
padding-left: 15px;
letter-spacing: 0px;
border: 0px;
list-style-type: decimal;
}

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

#sbar {
margin-left:40px;
padding-left:300px;
width:150px;
position:fixed;
bottom:0px;}

#sbar img{
    border-radius:50px;
    width:100px;
    height:100px;}

{block:IfDescriptionHover}
#sbar:hover #sidebar {
left:96px;
opacity:1;
z-index:9999;}
{/block:IfDescriptionHover}


#sidebar {
width:235px;
height:auto;
position:fixed;
bottom:45px;
{block:IfNotDescriptionHover}
left:96px;
opacity:1;
{/block:IfNotDescriptionHover}
{block:IfDescriptionHover}
left:280px;
z-index:-999;
opacity:0;
{/block:IfDescriptionHover}
z-index:999;
border-radius:10px;
background-color: {color:sidebar};
-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;}

#sidebar h1{
border-bottom: 1px solid {color:blogtitle};
font-size: 11px;
font-family: consolas;
color: {color:blogtitle};
text-align:center;
letter-spacing:3px;
text-transform:uppercase;}

{block:IfBorder1}
#border {
width:12px;
height:500px;
left:460px;
position:fixed;
background-color: {color:border};
z-index:9999;
{block:IfBorder1OnBottom}
bottom:0;
border-radius:20px 0px 0px 0px;
{/block:ifBorder1OnBottom}
{block:IfNotBorder1OnBottom}
border-radius:0px 0px 0px 20px;
top:0;
{/block:IfNotBorder1OnBottom}
}
{/block:IfBorder1}

{block:IfBorder2}
#border2 {
width:12px;
height:500px;
{block:IfBorder2OnTop}
top:0;
border-radius:0px 0px 20px 0px;
{/block:IfBorder2OnTop}
{block:IfNotBorder2OnTop}
bottom:0;
border-radius:0px 20px 0px 0px;
{/block:IfNotBorder2OnTop}
{block:IfNotBiggerPosts}left:908px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}left:1008px;{/block:IfBiggerPosts}
position:fixed;
background-color: {color:border};
z-index:9999;
}

{/block:IfBorder2}

#info {
width:220px;
font-size:10px;
font-family: georgia;
text-align:center;
line-height:14px;
padding:10px;
z-index:99;
color: {color:sidebar text};}

#info a{
color: {color:link};
text-transform:lowercase;
text-decoration:none;
font-family:georgia;
font-size:10px;
}

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



{block:IfBorder2OnTop}
#navig {
top:350px;
position:fixed;}

.navig {
{block:IfNotBiggerPosts}margin-left:911px{/block:IfNotBiggerPosts};
{block:IfBiggerPosts}margin-left:1011px{/block:IfBiggerPosts};
display:block;
background-color: {color:sidelink bg};
color: {color:sidelink};
width:65px;
margin-bottom:4px;
height:8px;
padding-bottom:5px;
padding-right:5px;
text-align:right;
font-size:8px;
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
border-radius: 0px 200px 200px 0px;
{block:ifnotborder2}border-radius:100px;{/block:ifnotborder2}
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}

.navig:hover {
padding-left:20px;
background-color: {color:sidelink bg hover};
color: {color:sidelink hover};}
{/block:IfBorder2OnTop}

{block:IfNotBorder2OnTop}
#navig {
top:450px;
position:fixed;}

.navig {
{block:IfNotBiggerPosts}margin-left:912px{/block:IfNotBiggerPosts};
{block:IfBiggerPosts}margin-left:1012px{/block:IfBiggerPosts};
display:block;
background-color: {color:sidelink bg};
color: {color:sidelink};
width:65px;
margin-bottom:4px;
height:8px;
padding-bottom:5px;
padding-right:5px;
text-align:right;
font-size:8px;
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
border-radius: 0px 200px 200px 0px;
{block:ifnotborder2}border-radius:100px;{/block:ifnotborder2}
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}

.navig:hover {
padding-left:20px;
background-color: {color:sidelink bg hover};
color: {color:sidelink hover};}
{/block:IfNotBorder2OnTop}

#nextpage {
position:fixed;
{block:IfNotBiggerPosts}margin-left:920px{/block:IfNotBiggerPosts};
{block:IfBiggerPosts}margin-left:1020px{/block:IfBiggerPosts};
background-color:transparent;
}

#nextpage a{
color:{color:nextpage arrow};
font-family:consolas;
font-size:25px;
text-align:center;
text-decoration:none;
padding:8px;}

#nextpage a:hover{
color:{color:nextpage arrow hover};}

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


</head>

<body>
<div id="bbg"></div>
<div id="sbar">

{block:ifImage1}<div style="position:fixed;width:110px;height:110px;border-radius:100px;background-color:{color:sidebar}; z-index:-1;margin-top:-5px;margin-left:-5px"></div><img src="{image:sidebar1}"><p>{/block:ifImage1}
{block:ifImage2}<div style="position:fixed;width:110px;height:110px;border-radius:100px;background-color:{color:sidebar}; z-index:-1;margin-top:-5px;margin-left:-5px"></div><img src="{image:sidebar2}"><p>{/block:ifImage2}
{block:ifImage3}<div style="position:fixed;width:110px;height:110px;border-radius:100px;background-color:{color:sidebar}; z-index:-1;margin-top:-5px;margin-left:-5px"></div><img src="{image:sidebar3}"><p>{/block:ifImage3}

<div id="sidebar">
<div id="info">
<h1>{text:blogtitle}</h1>
{description}
</div>
</div>

</div>

<div id="border"></div>
<div id="border2"></div>

<div id="navig">
<a href="/" class="navig">home</a>
<a href="/archive" class="navig">archive</a>
<a href="/ask" class="navig">ask</a>
{block:IfLinks}
{block:IfLink1}<a href="{text:Link1URL}" class="navig">{text:Link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:Link2URL}" class="navig">{text:Link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:Link3URL}" class="navig">{text:Link3}</a>{/block:IfLink3}
{/block:IfLinks}
<a href="http://zuvia.tumblr.com" class="navig">theme</a>

{block:IfNotInfiniteScroll}{block:Pagination}<div id="nextpage">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
</div>{/block:Pagination}{/block:IfNotInfiniteScroll}

</div>

<div id="posts">

{block:Posts}

<div class="post">
<div class="entries">


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

{block:Photo}
<center><div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="">{LinkCloseTag}</div></center>
{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:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}

{block:Quote}
<h2>{Quote}</h2>
{block:Source}
<p align="right"><b>{Source}</b>{/block:Source}</p>
{/block:Quote}

{block:Link}
<h1> ▸ <a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}
{Description}
{/block:Description}
{/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:Chat}

{block:Video}
<div class="photo">{block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}</div>
<center><i>{FormattedPlayCount}</i> plays</center><br />
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}

{block:Audio}
<div class="audio">{AudioPlayerBlack}
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}</div>
{/block:Audio}

{block:Answer}
<div class="ask">{Asker} <b>sent:</b> {Question}</div>
{Answer}
{/block:Answer}

{block:IndexPage}
<div class="perma">
{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  • {NoteCountWithLabel} {/block:NoteCount}• <a href="{ReblogURL}" target="_blank">Reblog</a>
<br></a>{/block:Date}
</div>
{/block:IndexPage}


</div>

</div>

{block:PermalinkPage}

<div class="permalink">
<p><h1>{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} with {NoteCount} note(s){/block:NoteCount}</h1>
<h2>{block:RebloggedFrom}
▸  Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
{/block:RebloggedFrom}
{block:HasTags}▸ Tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2>

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


{/block:PermalinkPage}

            {/block:Posts}

</div>
</body>
</html>