<!DOCTYPE html>
<html>
<!---
nite theme @ varst.tumblr.com
--->
<head>
<title>{Title}</title>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="shortcut icon" href="http://i.imgur.com/evYEhtP.png" />
<meta name="color:background" content="#ffffff" />
<meta name="color:top background" content="#ffffff" />
<meta name="color:perma border" content="#f3f3f3" />
<meta name="color:top border" content="#f3f3f3" />
<meta name="color:font color" content="#000000" />
<meta name="color:link color" content="#000000" />
<meta name="color:title color" content="#000000" />
<meta name="color:scroll" content="#000000">
<meta name="color:scrollbg" content="#f7f7f7">
<meta name="image:background image" content="" />
<meta name="if:captions" content="1" />
<meta name="text:body font" content="arial, times" />
<meta name="text:title font" content="courier, times" />
<meta name="text:link one" content="link one" />
<meta name="text:link one url" content="link one url" />
<meta name="text:link two" content="link two" />
<meta name="text:link two url" content="link two ul" />
<meta name="text:link three" content="link three " />
<meta name="text:link three url" content="link three url" />
<meta name="text:link four" content="link four" />
<meta name="text:link four url" content="link four url" />
<meta name="text:link five" content="link five" />
<meta name="text:link five url" content="link five url" />
<style>
::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
::-webkit-scrollbar-corner {background:{color:scroll};}
::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
iframe.photoset {
-webkit-transition: opacity 0.8s linear;
opacity: 0.80;
}
iframe.photoset:hover {
-webkit-transition: opacity 0.8s linear;
opacity: 1;
}
img{
-webkit-transition: opacity 0.8s linear;
opacity: 0.80;
}
img:hover{
-webkit-transition: opacity 0.8s linear;
opacity: 1;
}
body{font-size:10px; font-family:{text:body font}; color:{color:font color}; line-height:18px; background:{color:background};background-image: url('{image:background image}');background-attachment:fixed;background-repeat:no-repeat;background-size:cover;}
a {text-decoration:none; color:{color:link color};}
.title{font-size:18px;font-family:{text:title font};letter-spacing:-1px;background:{color:background};float:right;padding:5px 5px 4px 5px;font-weight:lighter;text-transform:uppercase;}
.title a{color:{color:title color};}
img{padding:3px;background:#f7f7f7;border:1px solid #e2e2e2;}
blockquote{border-left:1px double {color:perma border}; padding-left:5px;}
#content{width:408px; margin:auto 500px;}
#posts{{block:indexpage}margin-bottom:55px;{/block:indexpage}}
#cap{background:{color:background};padding:10px;}
.tits {width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:15px;margin-left:15px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
.nips {text-align:left;font-family:{text:title font};padding-top:5px;padding-bottom:5px;border:1px solid {color:perma border};padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
.tits1 {width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:2x;margin-left:-95px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
.nips2 {text-align:left;font-family:{text:title font};border:1px solid {color:perma border};padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
.post{ }
.post:hover .tits{opacity:1;}
.post:hover .tits1{opacity:1;}
.photoset{padding:1px;background:#f7f7f7;border:1px solid #e2e2e2;width:402px;}
.photoset img{width:400px;}
#top{padding:10px; border:1px solid {color:top border};margin-bottom:60px;margin-top:40px;background:{color:top background};}
#navi{text-align:left;}
#navi a{font-family:{text:title font}; font-size:12px; text-transform:uppercase; letter-spacing:-1px;padding:2px 5px 2px 5px;}
#title{font-size:25px; font-family:{text:title font}; letter-spacing:-1px;text-transform:uppercase; text-align:right; padding-left:12px;padding-bottom:4px;margin-top:0px;line-height:33px;}
#title a{color:{color:title color};background:{color:background};padding:2px 5px 2px 5px;}
#info{margin-top:0px;padding:0px 3px 0px 3px;text-align:auto;line-height:18px;text-align:left;}
.quote{font-size:12px;text-transform:uppercase;font-family:{text:title font};letter-spacing:-1px;line-height:20px;text-align:right;padding:3px;}
#source{font-size:10px;font-family:{text:body font};letter-spacing:0px;text-transform:lowercase;text-align:left;padding:10px;}
#tags{font-family:{text:title font};text-transform:uppercase;letter-spacing:-1px;background:{color:background}:padding:4px;}
#pagination{font-size:11px;font-family:{text:title font};letter-spacing:-1px;text-transform:uppercase;text-align:center;padding:10px 10px 50px 10px;}
#pagination a{background:{color:background};padding:2px 5px 1px 5px;}
</style>
</head>
<body>
<!--Masthead-->
<div id="content">
<!--Details: portrait, title and description-->
<div id="top">
<div id="title"><a href="/">{Title}</a></div>
<div id="navi">
<a href="{text:link one url}">{text:link one}</a>
<a href="{text:link two url}">{text:link two}</a>
<a href="{text:link three url}">{text:link three}</a>
<a href="{text:link four url}">{text:link four}</a>
<a href="{text:link five url}">{text:link five}</a>
</div>
<div id="info">{block:Description}
{Description}
{block:Description}</div>
</div>
<!--Content holder-->
{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}
<!--Unique code for each post type-->
<div id="posts">
{block:Text}
<div class="post">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="text">
{block:Title}
<span class="title">
<a href="{Permalink}" style="padding:5px;">{Title}</a>
</span>
{/block:Title}
{Body}
</div>{/block:Text}
{block:Photo}
<div class="post">
{block:indexpage}
<div class="tits">
<div class="nips">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="photo">
{LinkOpenTag}
<a href="{Permalink}">
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
{LinkCloseTag}
{block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
</div>
{/block:Photo}
{block:Photoset}
<div class="post">
{block:indexpage}
<div class="tits">
<div class="nips">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="photoset" width="400">
{Photoset-400}
{block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
</div>{/block:Photoset}
{block:Quote}
<div class="post">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="quote">
{Quote}"</blockquote>
{block:Source}<div id="source"> {Source} </div>{/block:Source}
</div>{/block:Quote}
{block:Link}
<div class="post">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="link">
<span class="title"><a href="{URL}" style="padding:5px;">{Name}</a></span>
{block:Description}{Description}{/block:Description}
</div>{/block:Link}
{block:Chat}
<div class="post" style="line-height:25px;background:{color:background};padding:10px;">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="chat">
{block:Lines}
{block:Label}
<span class="label" style="font-family:courier;font-size:11px;letter-spacing:-1px;text-transform:uppercase;">{Label}</span>
{/block:Label} {Line} <BR>
{/block:Lines}
</div>{/block:Chat}
{block:Audio}
<div class="post">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="audio">
<div class="player" width="400" style="background:black;height:27px;padding:5px;">{AudioPlayerBlack}</div>
{block:Caption}{Caption}{/block:Caption}
</div>{/block:Audio}
{block:Video}
<div class="post">
{block:indexpage}
<div class="tits">
<div class="nips">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="video">
<div class="video-player">{Video-500}</div>
{block:Caption}{Caption}{/block:Caption}
</div>{/block:Video}
{block:Answer}
<div class="post">
{block:indexpage}
<div class="tits1">
<div class="nips2">
<a href="{Permalink}">
{DayofMonth}.{MonthNumber}.{ShortYear}
{block:Notecount}+{NoteCount}{/block:NoteCount}</a>
</div></div>
{/block:indexpage}
<div class="answer">
<h1 class="title">{Question}</h1>
<div class="user">
<img src="{AskerPortraitURL-96}"/>
<p>{Asker}</p>
</div>
{Answer}
</div>{/block:Answer}
</div></div>
{block:Date}
<footer class="metadata">
<!--Permalink-->{block:permalinkpage}
<div id="tags">
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
<BR>
<div style="text-align:left;border-top:1px solid #e2e2e2;
padding-top:2px;">
{block:RebloggedFrom}{block:NotReblog} reblogged from
<a href="{ReblogParentURL}">{ReblogParentName}</a><BR>
{/block:NotReblog} {/block:RebloggedFrom}
{block:RebloggedFrom}
originally posted by
<a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}</div></div>
{block:PostNotes}
<div id="notes">
{PostNotes}
{/block:PostNotes}
{/block:permalinkpage}
</footer>
{/block:Date}
{/block:Posts}
<!--Pagination: previous/next page links-->
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" style="float:left;">Previous</a>
{currentpage} / {totalpages}
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" style="float:right;">Older</a>
{/block:NextPage}
</nav>
{/block:Pagination}
</div>
</body>
</html>