H

<!
doctype html>
<html>
<head>

<title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}">{/block:
Description}
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="author" content="neothm">
<link rel="stylesheet" href="http://static.tumblr.com/emvnqzg/ZjEo04ht8/pxu.css"
>
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionico
ns.min.css">
<link href='https://fonts.googleapis.com/css?family={text:GoogleFont}:400,400ita
lic,700,700italic|{text:GoogleFontTitle}:500,700' rel='stylesheet' type='text/cs
s'>
<link rel="shortcut icon" href="{image:Favicon}">

<meta name="text:GoogleFont" content="Roboto">
<meta name="text:GoogleFontTitle" content="Playfair Display">
<meta name="select:FontSize" content="9px">
<meta name="color:BackgroundColor" content="#ffffff">
<meta name="color:Text" content="#3B3B3B">
<meta name="color:Links" content="#aaaaaa">
<meta name="color:LinksHover" content="#000000">
<meta name="image:Favicon" content="{Favicon}">
<meta name="image:Header" content="">
<meta name="image:Background" content="">
<meta name="if:FullSizeBackground" content="1">
<meta name="image:HeaderAvatar" content="">
<meta name="color:HeaderLayer" content="#ffffff">
<meta name="text:HeaderWidth" content="400px">
<meta name="text:HeaderHeight" content="200px">
<meta name="text:HeaderSubtitle" content="Rocking the boat">
<meta name="color:HeaderTitle" content="#000000">
<meta name="text:PostWidth" content="400px">
<meta name="text:PostWidthPermalink" content="600px">
<meta name="if:RoundCorners" content="1">
<meta name="if:ShowDescription" content="1">
<meta name="text:PostSpacing" content="50px">
<meta name="text:PostPadding" content="10px">
<meta name="text:PhotosetSpacing" content="2px">
<meta name="if:ShowCaption" content="1">
<meta name="if:CaptionAvatar" content="1">
<meta name="select:NumberOfColumns" content="c1" title="Single Column">
<meta name="select:NumberOfColumns" content="c2" title="2 Columns">
<meta name="select:NextPage" content="pagi" title="Pagination">
<meta name="select:NextPage" content="ldmr" title="Load button">
<meta name="select:NextPage" content="ifnt" title="Infinite Scroll">
<meta name="text:Link1URL" content="/">
<meta name="text:Link1Name" content="">
<style type="text/css">
*{
margin:0;
padding:0;
}
html, body{
height:100%;
}
body, small, input, pre, big, textarea{
color:{color:Text};
font:400 {select:FontSize}/1.7 {text:GoogleFont}, sans-serif;
}
body{
word-break:break-word;
background:{color:BackgroundColor} url('{image:Background}');
background-attachment:fixed;
{block:ifFullSizeBackground}
background-size:cover;
{/block:ifFullSizeBackground}
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#noscroll{
overflow-x:hidden;
}
a{
color:{color:Links};
text-decoration:none;
}
a:hover{
color:{color:LinksHover};
cursor:pointer!important;
}
::selection{
background-color:#000;
color:#fff;
}
::-moz-selection{
background-color:#000;
color:#fff;
}
::-webkit-scrollbar{
width:11px;
height:11px;
background-color:{color:BackgroundColor};
}
::-webkit-scrollbar-track{
border:5px solid {color:BackgroundColor};
background-color:{color:BackgroundColor};
}
::-webkit-scrollbar-thumb{
border:5px solid {color:BackgroundColor};
background-color: {color:Text};
}
.tmblr-iframe.iframe-controls--desktop,
#tumblr_controls{
position:fixed;
top: 30px!important;
right:0;
transform:scale(.9);
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
z-index:999999999!important;
filter:invert(100%);
-webkit-filter:invert(100%);
-moz-filter:invert(100%);
-ms-filter:invert(100%);
-o-filter:invert(100%);
}
.tmblr-iframe.iframe-controls--desktop.scrolled,
#tumblr_controls.scrolled{
top:10px!important;
opacity:.7;
transform:scale(.7);
-webkit-transform:scale(.7);
-moz-transform:scale(.7);
}
.tmblr-lightbox{
background-color: rgba(240,240,240,.9)!important;
}
.tmblr-lightbox .vignette{
background-image:none!important;
}
.tmblr-lightbox .lightbox-image {
box-shadow:none!important;
outline: 20px solid #fff;
}
#s-m-t-tooltip{
margin:15px;
padding:5px 15px;
border-radius:4px;
background:rgba(0,0,0,.8);
color:#ff0;
text-align:center;
text-transform:uppercase;
max-width:120px;
font:10px/1.5 serif;
letter-spacing:1px;
}
/*
TRANSITIONS
*/
.intrctv .dropdown.active ul, .intrctv .dropdown ul,
.tags p, .tags.active p,
.tmblr-iframe.iframe-controls--desktop.scrolled,
#tumblr_controls.scrolled,
.tmblr-iframe.iframe-controls--desktop,
#tumblr_controls,
a, a:hover{
transition-duration:.3s;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-ms-transition-duration:.3s;
-o-transition-duration:.3s;
}
header:hover > div img, header > div img,
nav, header:hover nav,
header:after, header:hover:after{
transition-duration:.6s;
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-ms-transition-duration:.6s;
-o-transition-duration:.6s;
}
/*
CLEARFIX
*/
section:after,
nav:after,
.intrctv:after{
display:table;
content:"";
clear:both;
}
/*
HIDE
*/
{block:IndexPage}
{block:ifNotShowCaption}article.isMedia .caption.hde,{/block:ifNotShowCaption}{/
block:IndexPage}
#infscr-loading, article.isChat .caption,
article.isQuote:not(.hasSource) .caption,
article.isMedia:not(.hasCap) .caption,
footer.ldmr .pagination,
footer.pagi #ldmrbtn,
footer.ifnt{
display:none!important;
}
/*
COMMONS
*/
header, section{
margin-left:auto;
margin-right:auto;
position:relative;
}
header > div, nav{
position:absolute;
z-index:1;
}
.intrctv ul,
nav ul{
list-style:none;
}
{block:ifRoundCorners}
article, header, .backtop, .audplay img, .audplay .audio_player, #ldmrbtn{
border-radius:5px;
}
{/block:ifRoundCorners}
/*
THEME
*/
header{
background:url('{image:Header}') no-repeat center;
background-size:cover;
margin-top:100px;
margin-bottom:100px;
width:{text:HeaderWidth};
height:{text:HeaderHeight};
overflow:hidden;
}
header:after{
content:"";
z-index:0;
width:120%;
height:100%;
position:absolute;
background-color:{color:HeaderLayer};
top:0%;
left:100%;
-ms-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
opacity:0;
transition-delay:.4s;
}
header:hover:after{
top:0;
left:-10%;
-ms-transform: skew(-60deg);
-webkit-transform: skew(-60deg);
transform: skew(-60deg);
opacity:1;
transition-delay:0s;
}
header > div{

/*bottom:10%;
top:25%;
left:15%;*/
top:50%;
left:50%;
margin-top:-13%;
margin-left:-38%;
bottom:10%;
}
header > div img{
box-sizing:border-box;
border:3px solid {color:HeaderLayer};
display:block;
width:70px;
border-radius:35px;
opacity:0;
transform:translate(-200%, -50%);
transition-delay:0s;
}
header:hover > div img{
opacity:1;
transition-delay:.4s;
}
header h1{
position:absolute;
white-space:nowrap;
font-size:24px;
bottom:10px;
left:-35px;
font:bold 22px/1.3 {text:GoogleFontTitle}, Arial, sans-serif;
}
header h1 a{
color:{color:HeaderTitle};
}
header h1 span{
display:block;
font-size:12px;
font-weight:500;
letter-spacing:.3px;
}
nav{
width:50%;
text-align:right;
right:10%;
top:10%;
opacity:0;
}
header:hover nav{
opacity:1;
}
{block:IfShowDescription}
nav ul{
width:30%;
float:right;
font-size: smaller;
}
nav > div{
width:calc(70% - 10px);
float:left;
padding-right:10px;
font-size:smaller;
}
{/block:IfShowDescription}
{block:IfNotShowDescription}
nav > div{
display:none;
}
{/block:IfNotShowDescription}
nav li{
display:block;
}
{block:PermalinkPage}
section{
width:{text:PostWidthPermalink};
}
{/block:PermalinkPage}
{block:IndexPage}
section.c1{
width:{text:PostWidth};
}
section.c2{
width:calc( ({text:PostWidth} + ({text:PostSpacing} * 2) ) * 2);
}
section.c3{
width:calc(({text:PostWidth} + ({text:PostSpacing} * 2)) * 3);
}
section.c4{
}
section.c5{
}
section.c1 article{
margin:{text:PostSpacing} 0;
}
section:not(.c1) article{
float:left;
margin:{text:PostSpacing};
}
{/block:IndexPage}
article{
/*overflow:hidden;*/
background-color:#fff;
{block:IndexPage}
width:{text:PostWidth};
{/block:IndexPage}
width:{text:PostWidthPermalink};
margin-bottom:0px;
}
article.noties{
margin-top:{text:PostPadding};
}
article:last-of-type{
margin-bottom:150px;
}
ol.notes{
font-size: 0;
margin: {text:PostPadding} {text:PostPadding} 0;
text-align: center;
}
li.note {
list-style: none;
display: inline-block;
margin: 10px;
}
img.avatar{
width: 30px;
border-radius: 3px;
}.note.more_notes_link_container{
text-align: center;
display: block;
padding-bottom: 30px;
}
.more_notes_link{
display: inline-block;
width:30px;
height:30px;
background: #fff url('http://static.tumblr.com/wgg6svp/vGzo7wew4/loadmore.pn
g') top center no-repeat;
background-size: 20px 20px;
}
.more_notes_link:hover{
transform:rotate(30deg);
}
.intrctv{
padding:5px {text:PostPadding};
line-height:35px;
}
.intrctv.head ul{
font-size:25px;
text-align:right;
}
{block:IndexPage}
.intrctv.head:not(.answ){
padding-top:5px;
padding-bottom:0px;
line-height: 30px;
}
.intrctv.head.answ{
padding-top:10px;
}
{/block:IndexPage}
.intrctv.head{
padding-top:10px;
}
.intrctv.head:not(.answ){
display:none;
}
article{
overflow:hidden;
}
article:not(.isMedia){
padding-top:{text:PostPadding};
}
.intrctv.head .dropdown > li > span{
display:block;
transform:rotate(90deg);
moz-transform:rotate(90deg);
float: right;
position: relative;
}
.intrctv ul{
float:right;
display:table;
font-size:15px;
}
.intrctv .dropdown > li{
position:relative;
width:100px;
}
.intrctv .dropdown ul{
position:absolute;
text-align:center;
width:100%;
font-size:10px;
right: 0px;
transform: translateX(50%);
-moz-transform: translateX(50%);
border:1px solid #f2f2F2;
border-bottom:none;
top: 15px;
visibility:hidden;
opacity:0;
z-index:9999;
}
.intrctv .dropdown.active ul{
top: 35px;
visibility:visible;
opacity:1;
}
.intrctv .dropdown ul li{
display:block;
margin:0px;
line-height:30px;
border-bottom:1px solid #f2f2F2;
}
.intrctv.fig ul{
overflow:hidden;
}
.intrctv.head a,
.intrctv.fig ul li a{
color:{color:Text};
}
.like{
position:relative;
}
.like .like_button{
position:absolute;
left:-3px;
top:2px;
opacity:0;
}
.like .like_button.liked + span{
color:red!important;
}
.tags p{
font-size:x-small;
display:inline-block;
vertical-align:3px;
white-space:nowrap;
max-width:0px;
opacity:0;
}
.tags.active p{
max-width:150px;
opacity:1;
}
.tags p a{
margin-left:5px;
color:{color:Links};
}
.tags p a:hover{
color:{color:LinksHover};
}
.tags p a:nth-child(n+4){
display:none;
}
.like:hover,
.tags:hover{
cursor:pointer!important;
}
.reblogRoot{
display:table;
float:left;
letter-spacing:1px;
color:#000;
font-size:10px;
}
{block:IfCaptionAvatar}
.reblogRoot img{
width:20px;
vertical-align:-6px;
border-radius:10px;
margin-right:{text:PostPadding};
}
.reblogRoot img,{/block:IfCaptionAvatar}
.reblogRoot span{
}
.intrctv li{
margin-left:15px;
}
.caption{
padding:0 {text:PostPadding} 15px;
}
.tumblr_blog{
margin-right:5px;
}
article.isChat .media ul{
list-style:none;
margin:0 {text:PostPadding};
}
article.isChat .media ul li{
padding:5px;
}
article.isChat .media ul li:nth-child(odd){
background-color:#f6f6f6;
}
article.isReblogged .caption > blockquote,
article.isReblogged .caption > p,
article.isReblogged .caption blockquote :first-child:not(li)
{
display:inline;
}
.caption *:not(:last-child):not(li):not(hr){
padding-bottom:10px;
}
.caption hr{
margin:15px 20%;
border-left:none;border-right:none;border-bottom:none;
border-top:1px solid #f2f2f2;
}
.caption ul,
.caption ol{
padding-left:30px;
}
article h2{
font:22px/1.3 {text:GoogleFontTitle}, 'Arial', sans-serif;
margin:5px {text:PostPadding};
}
.caption li{
padding-bottom:3px;
}
article img{
display:block;
max-width:100%;
}
.pictures{
min-width:100%;
}
.caption img{
height:auto;
}
.question{
margin:0 {text:PostPadding} {text:PostPadding};
}
.aud{
display:table;
width:100%;
box-sizing:border-box;
padding: 0 {text:PostPadding} {text:PostPadding};
}
.audplay, .audinfo{
vertical-align:middle;
display:table-cell;
}
.audplay{
width:100px;
position:relative;
overflow:hidden;
}
.audplay .audio_player{
position:absolute;
top:50%;
left:50%;
overflow:hidden;
width:40px;
height:40px;
}
.audplay iframe{
width:40px;
height:40px;
overflow:hidden;
}
.audplay img{
display:block;
}
.audinfo{
padding-left:20px;
line-height:1.2;
}
.audinfo b{
font: bold 22px/2 {text:GoogleFontTitle}, Arial, sans-serif;
display: block;
}
.audinfo p span{
font-size:15px;
width:20px;
vertical-align:middle;
margin-right:10px;
color:#aaa;
}
.audinfo p:last-child{
padding-bottom:10px;
}
.permalink{
border-top:1px solid #f2f2f2;
padding:{text:PostPadding} 0;
margin:0 {text:PostPadding};
}
.permalink .tgs a{
margin-left:5px;
}
footer{
text-align:center;
margin:0 {text:PostSpacing} 150px;
}
#ldmrbtn{
display:table;
margin:0 auto;
padding:5px 20px;
border:1px solid #f2f2f2;
font-size:10px;
}
#ldmrbtn span{
margin-left:10px;
}
.pagination{
font-size:14px;
}
.pagination span{
font-weight:bold;
font-style:italic;
font-size:18px;
vertical-align:-2px;
margin:0 5px;
}
.pagination .prv{
margin-right:15px;
}
.pagination .nxt{
margin-left:15px;
}
.backtop{
position:fixed;
bottom:70px;
right:30px;
display:block;
font-size:20px;
line-height:1;
background:#fff;
width:30px;
height:30px;
line-height:30px;
text-align:center;
opacity:0;
z-index:9;
}
.backtop.active{
opacity:1;
visibility:visible;
}
</style>
</head>
<body id="noscroll">
<a class="backtop ion-ios-arrow-up" href="#"></a>
<header>
<div>
<img src="{image:HeaderAvatar}">
<h1><a href="/">{Title} <span>{text:HeaderSubtitle}</span></a></h1>
</div>
<nav>
<ul>
<li>
<a href="{text:Link1URL}">{text:Link1Name}</a>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</li>
<li>
</li>
</li>
<li>
</li>
</ul>
{block:IfShowDescription}
<div>
{Description}
</div>
{/block:IfShowDescription}
</nav>
</header>
<section{block:IndexPage} class="{select:NumberOfColumns}"{/block:IndexPage}>
{block:Posts}
<article class="{block:Photo}isMedia{/block:Photo}{block:Photoset}isMedia{/b
lock:Photoset}{block:Audio}isMedia{/block:Audio}{block:Video}isMedia{/block:Vide
o}{block:Chat}isChat{/block:Chat}{block:Quote}isQuote{block:Source} hasSource{/b
lock:Source}{/block:Quote}{block:Caption} hasCap{/block:Caption}{block:Reblogged
From} isReblogged{/block:RebloggedFrom}">
<div class="intrctv head{block:Answer} answ{/block:Answer}">
{block:Answer}
<div class="reblogRoot">
{block:IfCaptionAvatar}<img src="{AskerPortraitURL-96}">{/block:
IfCaptionAvatar}
<span>{Asker}</span>
</div>
{/block:Answer}
{block:IndexPage}
<ul class="dropdown">
<li>
<span href="#" class="ion-ios-more-outline"></span>
<ul>
<li><a href="{Permalink}">Permalink</a></li>
<li><a href="{ReblogURL}" target="_blank">Reblog</a></li>
<li><a href="{Permalink}/embed" target="_blank">Share</a></l
i>
</ul>
</li>
</ul>
{/block:IndexPage}
</div>
<div class="media">
{block:Photo}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="pictures">
{/block:Photo}
{block:Photoset}
<div class="photo-slideshow" data-layout="{PhotosetLayout}">
<a onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidt
h-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res:
'{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_
active'); return false">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" heig
ht="{PhotoHeight-500}">
</div>
</div>
{/block:Photos}
</a>
</div>
{/block:Photoset}
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{/block:Text}
{block:Link}
<h2><a href="{URL}" target="{Target}">{Name} </a></h2>
{/block:Link}
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul>
{block:Lines}
<li>
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Quote}
<h2>{Quote}</h2>
{/block:Quote}
{block:Answer}
<div class="question">
{Question}
</div>
{/block:Answer}
{block:Audio}
<div class="aud">
<div class="audplay">
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist} ">
{/block:AlbumArt}
{block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
</div>
<div class="audinfo">
{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
{block:Artist}
<p><span class="ion-ios-person-outline"></span> {Artist}</p>
{/block:Artist}
{block:Album}
<p><span class="ion-ios-play-outline"></span> {Album}</p>
{/block:Album}
</div>
</div>
{/block:Audio}
{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}
</div>
<div class="intrctv fig">
<div class="reblogRoot">
{block:RebloggedFrom}
{block:IfCaptionAvatar}<img src="{ReblogRootPortraitURL-96}">{/b
lock:IfCaptionAvatar}
<span><a href="{ReblogRootURL}">{ReblogRootName}</a></span>
{/block:RebloggedFrom}
{block:NotReblog}
{block:IfCaptionAvatar}<img src="{PortraitURL-96}">{/block:IfCap
tionAvatar}
<span><a href="/">{Name}</a></span>
{/block:NotReblog}
</div>
{block:IndexPage}
<ul>
<li class="like">
{LikeButton}
<span class="ion-ios-heart-outline"></span>
</li>
{block:HasTags}
<li class="tags">
<span class="ion-ios-pricetag-outline"></span>
<p>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</p>
</li>
{/block:HasTags}
</ul>
{/block:IndexPage}
</div>
<div class="caption{block:IfNotShowCaption} hde{/block:IfNotShowCaption}">
{block:Caption}{Caption}{/block:Caption}
{block:Text}
{Body}
{/block:Text}
{block:Link}
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Quote}
{block:Source}<cite>{Source}</cite>{/block:Source}
{/block:Quote}
{block:Answer}{Answer}{/block:Answer}
</div>
{block:Date}
<div class="permalink">
<p>{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{block:NotReblog}
Posted{/block:NotReblog} on <b>{Month} {DayOfMonth}{DayOfMonthSuffix}</b>{block:
NoteCount} with <b>{NoteCountWithLabel}</b>{/block:NoteCount}{block:RebloggedFro
m} via <a href="{ReblogParentUrl}">{ReblogParentName}</a>, from <a href="{Reblog
RootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}</p>
{block:HasTags}<p class="tgs"><b>Filed under:</b>{block:Tags} <a href="{
TagURL}">#{Tag}</a>{/block:Tags}</p>{/block:HasTags}
</div>
{/block:Date}
</article>
{block:PostNotes}
<article class="noties">
{PostNotes-64}
</article>
{/block:PostNotes}
{block:ContentSource}{/block:ContentS
ource}
{/block:Posts}
</section>
{block:Pagination}
<footer class="{select:NextPage}">
<p class="pagination">
{block:PreviousPage}<a class="ion-ios-arrow-back prv" href="{PreviousPag
e}"></a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span>{CurrentPage}</span>{/block:CurrentPage}
{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage} <a class="ion-ios-arrow-forward nxt" href="{NextPage}">
</a>{/block:NextPage}
</p>
<a href="#" id="ldmrbtn">
Load more
<span class="ion-ios-arrow-down"></span>
</a>
</footer>
{/block:Pagination}
</body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></scrip
t>
<script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
<script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips
.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/wgg6svp/Wf8nw0j2c/p
xuphotoset.js"></script>
<script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></scri
pt>
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.
js"></script>
<script src="http://static.tumblr.com/wgg6svp/MBEnnvwcu/masonry330.js"></script>
<script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.mi
n.js"></script>
<script>
$(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:500
});
$('.photo-slideshow').pxuPhotoset({
'ligthbox' : true,
'rounded' : false,
'gutter' : '{text:PhotosetSpacing}'
});
function postsFunc($elem){
$elem.find('.tags').delegate('span', 'click', function(e){
e.preventDefault();
if($(this).parent().hasClass('active')){
$(this).parent().removeClass('active');
}else{
if($('.tags').hasClass('active')) $('.tags').removeClass('active
');
$(this).parent().addClass('active');
}
});
$elem.find('.dropdown > li').delegate('span', 'click', function(e){
e.preventDefault();
if($(this).parents('ul').hasClass('active')){
$(this).parents('ul').removeClass('active');
}else{
if($('.dropdown').hasClass('active')) $('.dropdown').removeClass
('active');
$(this).parents('ul').addClass('active');
}
});
}
$('article').each(function(){ postsFunc($(this)); });
$(window).scroll(function(){
if($('body').scrollTop() > 10){
$('#tumblr_controls, .tmblr-iframe.iframe-controls--desktop').addClas
s('scrolled');
} else{
$('#tumblr_controls, .tmblr-iframe.iframe-controls--desktop').removeC
lass('scrolled');
}
if($('body').scrollTop() > 30){
$('.backtop').addClass('active');
} else{
$('.backtop').removeClass('active');
}
});
$('.backtop').click(function(e){
e.preventDefault();
$('body').animate({scrollTop : 0}, 700);
});
{block:IndexPage}
var parent = $('section');
if('{select:NumberOfColumns}' != 'c1'){
var numbercolumn;
switch('{select:NumberOfColumns}'){
case "c2": numbercolumn = 2; break;
default: numbercolumn = 0; break;
}
parent.imagesLoaded(function(){
parent.masonry({
itemSelector: 'article',
columnWidth: function(sectionw) {
return sectionw / numbercolumn;
}(),
isAnimated: false
});
});
setInterval(function(){parent.masonry("layout");}, 3000);
}
if($('footer').hasClass('ldmr') || $('footer').hasClass('ifnt')){
parent.infinitescroll({
navSelector : ".pagination",
nextSelector : ".nxt",
itemSelector : "article",
bufferPx : 50,
done : "",
loading: {
img : "",
msgText: "",
finishedMsg:""
},
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 }).find('[title]').style_my_toolt
ips();
$newElems.each(function(){ postsFunc($(this)); $(this).find('.ph
oto-slideshow').pxuPhotoset({'ligthbox':true,'rounded':false,'gutter':'{text:Pho
tosetSpacing}'}); });
});
resizeVideos();
if('{select:NumberOfColumns}' != 'c1') parent.masonry( 'appended', $
newElems);
});
if($('footer').hasClass('ldmr')){
parent.infinitescroll({
behavior: 'twitter'
});
$(window).unbind('.infscr');
$('#ldmrbtn').click(function(e){
e.preventDefault();
parent.infinitescroll('retrieve');
$('footer').show();
return false;
});
}
}
{/block:IndexPage}
});
</script>
</html>

H

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

H

Uploaded by

Copyright:

Available Formats

<!

Permission to use and modify this theme for personal purposes

header > div{

You might also like