Create a new version of paste:

<!--
 
    THEME: BIA
    inspired by the weheartit profile
    by acuite

- don't steal this pls
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
 
- @acuite for more themes

NOTES:
- captions only appear in one column version
- tags do not show on index page. please do not ask for them
- captions & tags appear in permalink page

- i suggest larger posts & margins for one column
- vice versa, smaller posts suit multiple columns

-->

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

<meta name="image:Header" content=""/>
<meta name="image:Icon" content=""/>

<meta name="color:Background" content="#f8f8f8"/>
<meta name="color:Post" content="#fff"/>
<meta name="color:Border" content="#eee"/>
<meta name="color:Text" content="#555"/>
<meta name="color:Link" content="#999"/>
<meta name="color:Hover" content="#89adc3"/>
<meta name="color:Cover Text" content="#fff"/>

<meta name="if:Default Controls" content=""/>
<meta name="if:Load More" content=""/>
<meta name="if:Paginate" content=""/>
<meta name="if:Captions" content=""/>
<meta name="if:Round Edges" content=""/>
<meta name="if:Related Posts" content=""/>

<meta name="select:Columns" content="twoc" title="Two">
<meta name="select:Columns" content="thrc" title="Three">
<meta name="select:Columns" content="fouc" title="Four">
<meta name="select:Columns" content="onec" title="One">

<meta name="select:Top Bar" content="tnone" title="Hide">
<meta name="select:Top Bar" content="tabso" title="Absolute">
<meta name="select:Top Bar" content="tfixe" title="Fixed">

<meta name="select:Icon" content="icons" title="Small">
<meta name="select:Icon" content="icond" title="Large">
<meta name="select:Icon" content="iconh" title="Hide">

<meta name="text:Post" content="200"/>
<meta name="text:Margin" content="25"/>
<meta name="text:Padding" content="2"/>
<meta name="text:Header Height" content="200"/>

<meta name="text:Link 1" content="/"/>
<meta name="text:Link 1 Title" content="one"/>
<meta name="text:Link 2" content="/" />
<meta name="text:Link 2 Title" content="two"/>
<meta name="text:Link 3" content="/" />
<meta name="text:Link 3 Title" content="three"/>
<meta name="text:Link 4" content="/" />
<meta name="text:Link 4 Title" content="four"/>

<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar {
    width:17px;
    height:17px;
    background:{color:Border};
    border:8px solid {color:Background};
}

::-webkit-scrollbar-thumb {
    background:rgba({RGBcolor:Link},0.5);
    border:8px solid {color:Background};
}

#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:5px;{block:ifnotDefaultControls}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifnotDefaultControls}}

{block:ifDefaultControls}
{block:IndexPage}
.tfixe #tumblr_controls,.tfixe .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{top:55px;position:fixed;}
{/block:IndexPage}
{/block:ifDefaultControls}

{block:ifnotDefaultControls}
.controls {
    position:fixed;
    right:0px;
    top:0px;
    padding:7px;
    font-size:0;
    z-index:9999;
    background:rgba({RGBcolor:Background},0.75);
}

.tfixe .controls {top:55px;}
.controls a{font-size:12px;display:inline-block;margin:10px;}
{/block:ifnotDefaultControls}

/* General */

body {margin:0;color:{color:Text};background:{color:Background};}
a:link, a:active, a:visited {text-decoration:none;}
pre, p, blockquote,body,big,small,sub,sup,.entry {font-size:9px;}
p,body,pre,em,input{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
a,.p_hold,.pn img {
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

/* Credit & Scroll to Top */

.c,.up{position:fixed;right:30px;text-align:center;width:40px;}
.c {bottom:30px;letter-spacing:1px;text-transform:uppercase;}
.up {bottom:50px;display:none;font-size:25px;}

/* Pagination */

.cp {font-weight:600;}
.cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
.pag a i{font-size:25px;}
.pag,.load {position:relative;font-size:9px;text-align:center;margin:{text:Margin}px;}
 
{block:ifnotPaginate}
.pag,#infscr-loading {display:none!important;}
{/block:ifnotPaginate}

.load {
    cursor:pointer;
    display:inline-block;
    font-size:10px;    
    background:{color:Post};
    border:1px solid {color:Border};
    padding:10px 14px;
}

/* Containers */

#center {
    position:relative;
    margin:calc({text:Margin}px * 2) auto;
    {block:PermalinkPage}width:calc(400px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));{/block:PermalinkPage}
}

{block:IndexPage}
.tabso #center,.tfixe #center{
    margin-top:calc(54px + ({text:Margin}px * 2));
}

.onec.tabso #center,.onec.tfixe #center{
    margin-top:calc(54px + {text:Margin}px);
}

.onec #center {margin:{text:Margin}px auto;}

.onec #center {width:calc({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));}
.twoc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 2);}
.thrc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 3);}
.fouc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 4);}

#content {font-size:0;}

.twoc .whi,.thrc .whi,.fouc .whi {
    overflow:hidden;
    height:calc({text:Post}px / 1.5);
}

.twoc .bx,.thrc .bx,.fouc .bx {
    width:100%;
    height:100%;
    overflow:hidden;
    background:{color:Post} no-repeat center;
    background-size:cover;
}

.twoc .entry,.thrc .entry,.fouc .entry {
    width:{text:Post}px;
    height:calc({text:Post}px / 1.5);
    position:relative;
    display:inline-block;
    vertical-align:middle;
}
{/block:IndexPage}

.entry img {max-width:100%;height:auto;}
.entry {
    overflow:hidden;
    position:relative;
    margin:{text:Margin}px;
    background:{color:Post};
    border:1px solid {color:Border};
    padding:{text:Padding}px;
}

/* Top */

.tabso .mn,.tfixe .mn{display:none;}
.tnone .top{display:none;}
.tabso .top{position:absolute;}
.tfixe .top{position:fixed;}
.top {
    z-index:9999;
    top:0;
    left:0;
    font-size:0;
    padding:15px 25px;
    width:calc(100% - 50px);
    background:{color:Post};
    border-bottom:1px solid {color:Border};
}

.toplinks,.srch_hold{display:inline-block;vertical-align:middle;}
.toplinks {width:calc(100% - 179px)}
.toplinks a i{margin-right:4px;font-size:13px;}
.toplinks a:last-of-type {margin-right:0;}
.toplinks a {
    display:inline-block;
    margin:4px 25px 4px 0;
    font-size:10px;
    text-transform:capitalize;
}

.srch i {font-size:10px;color:{color:Link};margin-right:5px;}
.srch_hold {text-align:right;}
.srch {
    display:inline-block;
    text-align:left;
    width:165px;
    height:15px;
    padding:3px 6px;
    border:1px solid {color:Border};
    background:rgba({RGBcolor:Background},0.75);
}

.search-form {display:inline-block;width:150px;outline:none;}
.search-form input {
    border:none;
    outline:none;
    width:100%;
    font-size:9px;
    background:inherit;
}

.search-form input[type=text] {color:{color:Link};}    
input::-webkit-input-placeholder {color:{color:Link};}
input::-moz-placeholder {color:{color:Link};}
input:-moz-placeholder {color:{color:Link};}
input:-ms-input-placeholder {color:{color:Link};}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

/* Sidebar */

.sidebar {
    position:fixed;
    width:190px;
    background:{color:Post};
    border:1px solid {color:Border};
    margin-left:calc(-{text:Margin}px + -192px);
    font-size:0;
    text-align:center;
}

.sidebar_hold {padding:20px;}
.sidebar .image {display:inline-block;width:75px;margin-bottom:15px;}
.sidebar h1 {margin:0;font-size:13px;font-weight:400;}
.sidebar h2 {
    margin:5px 0 0;
    font-size:9.5px;
    font-style:italic;
    font-weight:400;
}

.nav a{
    display:block;
    font-size:9px;
    padding:10px;
    border-top:1px solid {color:Border};
}

/* Header */

.header {
    position:relative;
    background:{color:Post};
    border:1px solid {color:Border};
    margin:{text:Margin}px;
    font-size:0;
    overflow:hidden;
}

.cover_photo{
    width:100%;
    height:{text:Header Height}px;
    overflow:hidden;
    background:{color:Post} no-repeat center;
    background-size:cover;
}
.cover_content *{color:{color:Cover Text};}
.cover_content {position:absolute;bottom:0;margin:15px;}
.cover {width:100%;height:{text:Header Height}px;position:relative;}
.header .image {
    position:absolute;
    left:20px;
    background:{color:Post};
    padding:5px;
    border-radius:50%;
}

.icond .image{width:100px;bottom:-55px;}
.icons .image{width:70px;bottom:-40px;}
.iconh .image{display:none;}
.icond .cover_content {left:130px;}
.icons .cover_content {left:100px;}
.icond .links {margin-left:100px;}
.icons .links {margin-left:70px;}

.image img{width:100%;border-radius:50%;}
.desc {font-size:9.5px;letter-spacing:0.2px;}

.links {text-align:right;padding:13px 20px;}
.links a:last-of-type {padding-right:5px;border:0;}
.links a{
    display:inline-block;
    font-size:9px;
    padding:1px 15px;
    margin:7px 0;
    border-right:1px solid {color:Border};
}

/* Titles */

.header h1 {
    margin:0px;
    font-size:16px;
    font-weight:600;
    letter-spacing:0.25px;
}

.entry h2 {
    margin:10px;
    font-size:11px;
    letter-spacing:0.5px;
    font-weight:400;
}

h3 {
    margin:10px;
    font-weight:600;
    font-size:9px;
    letter-spacing:0.5px;
}

/* Permalinks */

.entry:hover .p_hold {opacity:1;}
.p_hold {
    background:rgba({RGBcolor:Post},0.95);
    position:absolute;
    text-align:center;
    z-index:999;
    width:calc(100% - ({text:Padding}px * 2));
    height:calc(100% - ({text:Padding}px * 2));
    opacity:0;
    line-height:0;
}

.p {
    position:absolute;
    top:50%;
    width:100%;
    font-size:10px;
    letter-spacing:1.5px;
}

/* Quotes */

.qut_hold {padding:20px;}
.src {margin-bottom:10px;}
.qut {font-size:10px;}

/* Audio & Chat */

.chat {padding:10px;}
.chat h2 {margin:0;}
.lines,.chat h2 {margin:10px;}
.lines b{font-weight:400;}

.play {
    padding:10px;
    background:#e4e4e4;
    height:27px;
    width:27px;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
}

.audio_hold {font-size:0;text-align:center;}
.twoc .audio,.thrc .audio,.fouc .audio{
    {block:IndexPage}
    height:84px;
    top:50%;
    margin-top:-42px;
    position:absolute;
    width:100%;
    {/block:IndexPage}
    {block:PermalinkPage}padding:20px;{/block:PermalinkPage}
}

.onec .audio {padding:20px;}
.soundcloud_audio_player{padding:15px 0px;}
.au span {display:block;font-size:9px;}
.au {margin-top:10px;}
.tumblr_audio_player {width:27px;height:27px;overflow:hidden;}

/* Text */

ol,ul {padding:0 0 0 25px;}
p,blockquote,pre,ul,ol{margin:10px;}
b,strong {font-weight:600;}
blockquote p{margin:10px 0px;}
blockquote p:first-child{margin:0px 0px 10px;}
blockquote p:last-child{margin:10px 0px 0px;}
blockquote p:only-child{margin:0px;}
blockquote blockquote {margin:0;}
blockquote{padding:0;}
pre { 
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}

/* Captions */

{block:IndexPage}
.cap {display:none;}
.onec .cap {display:block;}
{/block:IndexPage}

.cap,.pph{border-top:1px solid {color:Border};margin-top:{text:Padding}px;}
.txt{padding:10px;}
.cap{padding:5px;}
.txt img,.cap img{max-width:100%;height:auto;}
.txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
a.tumblr_blog{border-bottom:1px solid {color:Border};}
a.tumblr_blog:hover{border-color:rgba({RGBcolor:Hover},0.5);}

/* Video */

.video {overflow:hidden;}
.vine-embed,#youtube_iframe {display:block;}
.instagram-media {border-radius:0px!important;box-shadow:none!important;}

/* Photosets */

#tumblr_lightbox,.tmblr-lightbox {
    background:rgba({RGBcolor:Background},0.99)!important;
}
 
#vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
    opacity:0!important;
}
 
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
#tumblr_lightbox_right_image, .lightbox-image {
    box-shadow:none!important;
    border-radius:0px!important;
    {block:ifRoundEdges}border-radius:5px!important;{/block:ifRoundEdges}
}

.index-page .photos img {display:none;}
.index-page .photos img:first-child {display:block;width:100%;}

/* Ask */

.ask {padding:15px;border-bottom:1px solid {color:Border};}
.aski {margin:0 0 10px;font-size:10px;font-weight:600;}
#ask_form {margin:10px!important;width:calc(100% - 20px)!important;}

/* Permalink Page + Postnotes */

.pph {padding:15px;text-transform:lowercase;margin-bottom:-{text:Padding}px;}
.pmt {font-size:0;margin:5px -2px -2px;}
.pmt a {
    font-size:9px;
    line-height:100%;
    display:inline-block;
    vertical-align:middle;
    padding:4px;
    margin:2px;
    border:1px solid {color:Border};
    background:rgba({RGBcolor:Background},0.75);
}

.pn * {font-size:0;margin:0;padding:0;list-style-type:none;}
.pn li:nth-child(n+40){display:none;}
.pn li {display:inline-block;width:calc(7.68% - 2px);margin:1px;}
.pn li img{
    display:inline-block;
    width:100%;
    overflow:hidden;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    filter: grayscale(100%);
}

.pn li img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    filter: grayscale(0%);
}

.more_notes_link,.notes_loading {
    font-size:9px;
    letter-spacing:0.25px;
    font-weight:600;
    line-height:100%;
}

li.more_notes_link_container {
    width:calc(100% - 12px);
    margin:10px 6px 6px;
    display:block!important;
    text-align:right!important;
}

.rl h2 {font-size:10px;margin:7px 10px;font-weight:400;}
.rl,.pn {
    padding:5px;
    font-size:0;
    margin:{text:Margin}px;
    background:{color:Post};
    border:1px solid {color:Border};
}

.rl .whi {overflow:hidden;height:60px;}
.rl .bx {
    width:100%;
    height:100%;
    background:{color:Post} no-repeat center;
    background-size:cover;
}

.rl .entry:nth-child(n+10){display:none;}
.rl .entry {
    display:inline-block;
    vertical-align:top;
    width:calc(25% - 10px);
    height:60px;
    margin:5px;
    padding:0;
    border:0;
}

/* Tooltips */

#s-m-t-tooltip{
    max-width:300px;
    margin:15px;
    z-index:99999999;
    padding:5px 7px;
    word-wrap:break-word;
    word-break:break-all;
    background:{color:Post};
    border:1px solid {color:Border};
}

/* Common Styles */

.ask,p,blockquote,.lines,.qut,.desc{line-height:160%;}
.pph,.cap,ul,ol{line-height:175%;}
a:hover, a h2:hover{color:{color:Hover};}
a,.p,.pph,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
.lines b,.tn,.qut,.src,.ask,.rl h2{letter-spacing:0.3px;}
h2 a i{margin:0px 2px;}

{block:ifRoundEdges}
.header,.entry,.sidebar,.load,.srch,#s-m-t-tooltip,.rl{border-radius:5px;}
.p_hold {border-radius:3px;}
.whi,.bx,.photos img,.pmt a,.pn li img,.ph {border-radius:4px;}
{/block:ifRoundEdges}

/* Etc */

img {margin:0px;display:block;}

</style>
</head>
<body class="{select:Columns} {select:Top Bar} {block:IndexPage}index-page{/block:IndexPage}">

{block:ifnotDefaultControls}
{block:IndexPage}
<div class="controls">
    <a href="https://www.tumblr.com/dashboard?conversation={Name}" title="message"><i class="fa fa-comment-o"></i></a>
    <a href="https://www.tumblr.com/follow/{Name}" title="follow"><i class="fa fa-user-plus"></i></a>
    <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-th-large"></i></a>
</div>
{/block:IndexPage}
{/block:ifnotDefaultControls}

{block:IndexPage}
<div class="top">
<div class="toplinks">
    <a href="/"><i class="fa fa-home"></i> home</a>
    <a href="/ask"><i class="fa fa-envelope-o"></i> message</a>
    <a href="/archive"><i class="fa fa-clock-o"></i> archive</a>
    <a href="https://www.tumblr.com/dashboard"><i class="fa fa-th-large"></i> dashboard</a>
</div>

<div class="srch_hold">
<div class="srch"><i class="fa fa-search"></i>
    <form action="/search" class="search-form" method="get">
    <input id="searchField" name="q" placeholder="Search this blog..." type="text" value="{SearchQuery}"/></form>
</div>
</div>
</div>
{/block:IndexPage}

<div id="center">

{block:IndexPage}
<div class="header {select:Icon}">

<div class="cover">
<div class="cover_photo" style="background-image:url('{block:ifHeaderImage}{image:Header}{/block:ifHeaderImage}{block:ifnotHeaderImage}{HeaderImage}{/block:ifnotHeaderImage}');"></div>
<div class="cover_content">
<h1><a href="/">{Title}</a></h1>
{block:Description}<div class="desc">{Description}</div>{/block:Description}
</div>

<div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
</div>

<div class="links">
    <a href="/" class="mn">home</a>
    <a href="/ask" class="mn">ask</a>
    {block:ifLink1}
    <a href="{text:Link 1}">{text:Link 1 Title}</a>
    {/block:ifLink1}{block:ifLink2}
    <a href="{text:Link 2}">{text:Link 2 Title}</a>
    {/block:ifLink2}{block:ifLink3}
    <a href="{text:Link 3}">{text:Link 3 Title}</a>
    {/block:ifLink3}{block:ifLink4}
    <a href="{text:Link 4}">{text:Link 4 Title}</a>
    {/block:ifLink4}        
</div>
</div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="sidebar">
<div class="sidebar_hold">
    <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
    <h1><a href="/">{Title}</a></h1>
    <h2>@{Name}</h2>
</div>
<div class="nav">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    {block:ifLink1}
    <a href="{text:Link 1}">{text:Link 1 Title}</a>
    {/block:ifLink1}{block:ifLink2}
    <a href="{text:Link 2}">{text:Link 2 Title}</a>
    {/block:ifLink2}{block:ifLink3}
    <a href="{text:Link 3}">{text:Link 3 Title}</a>
    {/block:ifLink3}{block:ifLink4}
    <a href="{text:Link 4}">{text:Link 4 Title}</a>
    {/block:ifLink4}        
</div>
</div>
{/block:PermalinkPage}

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

<div class="entry" id="{PostID}">
<div class="whi">

{block:IndexPage}<a href="{Permalink}"><div class="p_hold"><div class="p">{NoteCount}N</div></div></a>{/block:IndexPage}

{block:Text}
<div class="txt">
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
</div>
{/block:Text}

{block:Link}
<div class="txt">
<h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Photo}
    {block:IndexPage}
    <div class="bx" style="background-image:url('{PhotoURL-500}');"></div>
    <div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
    {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
    {block:IndexPage}
    {block:Photos}
    <div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>
    {/block:Photos}
    <div class="photos">
    {block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}
    </div>
    {/block:IndexPage}
 
    {block:PermalinkPage}
    <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
    {/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
<div class="qut_hold">
{block:Source}<div class="src">{Source}</div>{/block:Source}
<div class="qut">{Quote}</div>
</div>
{/block:Quote}

{block:Chat}
<div class="chat">
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
</div>
{/block:Chat}

{block:Audio}
<div class="audio_hold">
<div class="audio">
{block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
<div class="au">
    {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
    {block:Artist}<span>by {Artist}</span>{/block:Artist}
</div>
</div>
</div>
{/block:Audio}

{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}

{block:Answer}
<div class="ask">
    <div class="aski">{Asker} said:</div>
    <div class="que">{Question}</div>
</div>
<div class="txt">{Answer}</div>
{/block:Answer}

{block:IndexPage}{block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:IndexPage}

</div>

{block:PermalinkPage}
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
{block:Date}
<div class="pph">
posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
{block:RebloggedFrom}<br>
via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; 
source <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}
{block:HasTags}<div class="pmt">
{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
</div>{/block:HasTags}
</div>
{/block:Date}
{/block:PermalinkPage}

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

<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

</div>

{block:PermalinkPage}{block:Date}{block:PostNotes}<div class="pn">{PostNotes-64}</div>{/block:PostNotes}{block:ifRelatedPosts}{block:RelatedPosts}<div class="rl"><h2>You might like these too:</h2>{block:Posts}<div class="entry"><div class="whi"><a href="{Permalink}">{block:Text}<div class="txt">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}{block:Link}<div class="txt"><h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}{block:Photo}<div class="bx" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>{/block:Photo}{block:Photoset}{block:Photos}<div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div>{/block:Photoset}{block:Quote}<div class="qut_hold">{block:Source}<div class="src">{Source}</div>{/block:Source}<div class="qut">{Quote}</div></div>{/block:Quote}{block:Chat}<div class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}</div>{/block:Chat}{block:Audio}<div class="audio_hold"><div class="audio">{block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}<div class="au">{block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}{block:Artist}<span>by {Artist}</span>{/block:Artist}</div></div></div>{/block:Audio}{block:Video}<div class="video">{Video-500}</div>{/block:Video}{block:Answer}<div class="ask"><div class="aski">{Asker} said:</div><div class="que">{Question}</div></div><div class="txt">{Answer}</div>{/block:Answer}</a></div></div>{/block:Posts}</div>{/block:RelatedPosts}{/block:ifRelatedPosts}{/block:Date}{/block:PermalinkPage}

{/block:Posts}

{block:ifPaginate}
{block:Pagination}
<div class="pag">
    {block:PreviousPage}
        <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
    {/block:PreviousPage}
 
    {block:JumpPagination length="5"}
    {block:CurrentPage}
    <span class="cp">{PageNumber}</span>
    {/block:CurrentPage}
    {block:JumpPage}
    <a class="jp" href="{URL}">{PageNumber}</a>
    {/block:JumpPage}
    {/block:JumpPagination}
 
    {block:NextPage}
        <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
    {/block:NextPage}
</div>
{/block:Pagination}
{/block:ifPaginate}
 
</div>

{block:ifnotPaginate}
{block:Pagination}
<div class="pag">
    {block:PreviousPage}
        <a href="{PreviousPage}" class="prev">back</a>
    {/block:PreviousPage} 
    {block:NextPage}
        <a href="{NextPage}" class="next">next</a>
    {/block:NextPage}
</div>

    {block:ifLoadMore}
        <center><a class="load">Load More</a></center>
    {/block:ifLoadMore}
{/block:Pagination}
{/block:ifnotPaginate}

</div>

<a href="#" class="up"><i class="fa fa-angle-up"></i></a>
<div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
<script>
$(document).ready(function(){
    $('.photo-slideshow').pxuPhotoset({
        lightbox: true,
        gutter: '1px',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
        photo: '.pxu-photo',
        {block:ifnotRoundEdges}
        rounded: false,
        {/block:ifnotRoundEdges}
        {block:ifRoundEdges}
        rounded: 'corners',
        borderRadius: '4px'
        {/block:ifRoundEdges}
    });
    {block:ifnotPaginate}
    var $container = $('#content');
        $container.infinitescroll({
            itemSelector: '.entry',
            navSelector: '.pag',
            nextSelector: '.next',
            loadingImg: ' ',
            loadingText: ' ',
            donetext: 'No more posts' ,
            bufferPx: 2000,
            {block:ifLoadMore}
            errorCallback: function(){
                jQuery('.load').delay(50).fadeOut();
            }
            {/block:ifLoadMore}
        },
        function( newElements ) {
            var $newElems = $( newElements );
            $newElems.find('.photo-slideshow').pxuPhotoset({
                lightbox: true,
                gutter: '1px',
                photoset: '.photo-slideshow',
                photoWrap: '.photo-data',
                photo: '.pxu-photo',
                {block:ifnotRoundEdges}
                rounded: false,
                {/block:ifnotRoundEdges}
                {block:ifRoundEdges}
                rounded: 'corners',
                borderRadius: '4px'
                {/block:ifRoundEdges}
            });
            resizeVideos();
        });

    {block:ifLoadMore}
    $(window).unbind(".infscr");
        $(".load").click(function(){
            $("#content").infinitescroll("retrieve");
    });
    {/block:ifLoadMore}

    {/block:ifnotPaginate}
});

 
// minimal soundcloud player © eoxk.tumblr
$(document).ready(function(){
   var color = '{color:Link}'; // color of play button (hex)
   $('.soundcloud_audio_player').each(function(){
       $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
   });
});
 
 
// scroll to top © html-tuts.com
var amountScrolled = 500;
$(window).scroll(function() {
if ($(window).scrollTop() > amountScrolled) {$('a.up').fadeIn('slow');} 
else {$('a.up').fadeOut('slow');}
});
$('a.up').click(function() {
$('body, html').animate({scrollTop: 0}, 'slow');
return false;
});

 
// tooltips
(function($){
$(document).ready(function(){
    $("[title]").style_my_tooltips({
        tip_delay_time:200,
        tip_fade_speed:300
        }
    );
});
})(jQuery);
 
</script>
</body>
</html>