Unreleased Theme

<!DOCTYPE html>

<!--

CREDITS:

-tooltip script + audio player code from SORRISM

-img fixes from git.io/JRBt7

-->

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>{Title}</title>

<link rel="icon" type="image/x-icon" href="{image:favicon}">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>

<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">

<!--
        NPF images fix v3.0 by @glenthemes [2021]
        💌 git.io/JRBt7
--->
<script src="//npf-images-v3.github.io/script.js"></script>
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
<style tmblr-npf>
:root {
    --NPF-Caption-Spacing:1em;
    --NPF-Image-Spacing:4px;
}
</style>

<!--METAS-->

<meta name="select:font" content="arial" />
<meta name="select:font" content="times" />
<meta name="select:font" content="ms gothic" />
<meta name="select:font" content="tahoma" />
<meta name="select:font" content="georgia" />
<meta name="select:font" content="comic sans ms" />

<meta name="image:favicon" contents="" />

<meta name="image:background" contents="" />
<meta name="color:background" contents="" />
<meta name="select:background size" content="auto" />
<meta name="select:background size" content="cover" />
<meta name="select:background size" content="contain" />

<meta name="image:icon" contents="" />

<meta name="color:text" contents="" />
<meta name="color:links" contents="" />
<meta name="color:links hover" contents="" />
<meta name="color:links highlight" contents="" />

<meta name="color:posts text" contents="" />
<meta name="color:posts background" contents="" />

<meta name="color:tags" contents="" />

<meta name="color:tooltip background" contents="" />
<meta name="color:tooltip text" contents="" />
<meta name="color:tooltip border" contents="" />

<meta name="text:desc" contents="" />

<style>

::-webkit-scrollbar {

display: none;

}

html {

display: table;

margin: auto;

}

body {

background: {color:background};

background-image: url("{image:background}");

background-size: {select:background size};

color: {color:text};

font-family: {select:font};

font-size: 16px;

word-wrap: break-word;

display: table-cell;

vertical-align: middle;

}

a {

color: {color:links};

text-decoration: none;

}

a:hover {

color: {color:links hover};

background-color: {color:links highlight};

}

img {

max-width: 100%;

height: auto;

display: inline-block;

}

blockquote {

padding-left: 5px;

margin-top: 5px;

margin-left: 0px;

border-left: 1px dotted {color:links};

}

.top {

width: 400px;

height: 100px;

margin-top: 50px;

}

.icon {

width: 100px;

height: 100px;

background-image: url("{image:icon}");

background-size: cover;

display: inline-block;

vertical-align: top;

margin-right: 5px;

}

.desc {

width: 290px;

height: 100px;

overflow: auto;

scrollbar-width: none;

display: inline-block;

text-align: justify;

font-size: 29px;

}

.postswrap {

width: 400px;

height: auto;

padding: 10px;

}

.posts {

width: 400px;

margin-bottom: 20px;

text-align: justify;

line-height: 20px;

background-color: {color:posts background};

color: {color:posts text};

}

.player {

display: inline-block;

width: 32px;

height: 34px;

margin-left: -4px;

position: absolute;

overflow: hidden;

}

.hold {

padding: 12px;

text-align: left;

position: relative;

display: block;

}

.audio_info {

vertical-align: middle;

line-height: 12px;

margin-left: 35px;

}

.audio_info span {

display: block;

}

.question {

text-align: justify;

}

.tags {

color: {color:tags};

margin-top: -20px;

}

.tags a {

color: {color:links};

display: inline;

}

.tags a:hover {

color: {color:links hover};

display: inline;

}

ol.notes {

padding: 0px;

margin: 25px 0px;

list-style-type: none;

}

ol.notes li.note {

padding: 10px;

}

ol.notes li.note img.avatar {

width: 12px;

height: 12px;

margin-right: 12px;

}

img.avatar {

border-radius: 50%;

}

ol.notes li.note blockquote {

border-color: #eee;

padding: 8px;

margin: 10px;

margin-top: 10px;

}

ol.notes li.note blockquote a {

text-decoration: none;

}

.ui-tooltip {

position: absolute;

z-index: 9999;

padding-top: -5px;

padding-left: 15px;

}

.ui-tooltip-content {

background: {color:tooltip background};

color: {color:tooltip text};

border: 1px solid {color:tooltip border};

padding: 5px;

text-transform: uppercase;

}

.npf_row {

margin: 0px !important;

}

.npf-post-source {

display: none !important;

}

{CustomCSS}

</style>

</head>

<body>

<div class="top">

<a href="/"><div class="icon"></div></a> <!--ICON-->

<div class="desc">{text:desc}</div> <!--DESC-->

</div> <!--TOP-->

<div class="postswrap">

{block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}

<div class="posts" post-type="{PostType}">

{block:Photo}

<div class="media">

{LinkOpenTag}

<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />

{LinkCloseTag}

</div>

{block:Caption}

{Caption}

{/block:Caption}

{/block:Photo}

{block:Panorama}

<div class="media">

{LinkOpenTag}

<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />

{LinkCloseTag}

</div>

{block:Caption}

{Caption}

{/block:Caption}

{/block:Panorama}

{block:Text}

{block:Title}

<div class="title">{Title}</div>

{/block:Title}

{Body}

{/block:Text}

{block:Photoset}

<div class="media">

{Photoset}

</div>

{block:Caption}

{Caption}

{/block:Caption}

{/block:Photoset}

{block:Chat}

{block:Title}

<div class="title">{Title}</div>

{/block:Title}

{block:Lines}

<div class="{Alt}">

{block:Label}

<span class="chatlabel">{Label}</span>

{/block:Label}

&nbsp;{Line}

</div>

{/block:Lines}

{/block:Chat}

{block:Quote}

<div class="quote {Length}">{Quote}</div>

{block:Source}

<div class="quotesrc">&mdash;{Source}</div>

{/block:Source}

{/block:Quote}

{block:Answer}

<div class="question">

<span style="text-transform: uppercase;">{asker}&nbsp;<b> · · · ··· ··· · · · </b></span>

<blockquote> {question}

</div> </blockquote>

{block:Answerer}

<div class="user">{answerer}&nbsp;<b> · ··· · · </b></div>

{answer}

{/block:Answerer}

{block:NotReblog}

{replies}

{/block:NotReblog}

{block:RebloggedFrom}

{block:Reblogs}


<a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

{body}

{/block:Reblogs}

{/block:RebloggedFrom}

{/block:Answer}

{block:Link}

<div class="link">

<a href="{URL}" {Target}>{Name}</a>

</div>

{block:Description}

{Description}

{/block:Description}

{/block:Link}

{block:Audio}

{block:audioplayer}

<div class="hold">

<div class="player">{audioplayerwhite}</div>

<div class="audio_info">

{block:trackname}<span class="track">{trackname}</span>{/block:trackname}

{block:artist}<span class="artist">{artist}</span>{/block:artist}

</div>

</div>

{/block:audioplayer}

{/block:Audio}

{block:Video}

<div class="media">{Video-500}</div>

{block:Caption}

{Caption}

{/block:Caption}

{/block:Video}

<div class="timestamp"><b><a href="{Permalink}" title="{TimeAgo}">{12HourWithZero}:{Minutes}</a></b><br><br></div> <!--TIMESTAMP-->

{block:Date}

<div class="tags" style="margin-bottom: 4px;">

{block:HasTags}
<b>· ··· · · · </b>&nbsp;
{block:Tags}

<a href="{TagURL}">#{Tag}</a> &nbsp;

{/block:Tags}

{/block:HasTags}

</div> <!--TAGS-->

{/block:Date}

{PostNotes}

</div> <!--POSTS-->

{/block:Posts}

</div> <!--POSTS WRAP-->

<div class="pagination">

{block:Pagination}

{block:JumpPagination length="5"}

{block:CurrentPage}

<span class="current_page" style="color: {color:pagination}; margin-top: -8px;">&nbsp;{PageNumber}&nbsp;</span>

{/block:CurrentPage}

{block:JumpPage}

<a class="jump_page" href="{URL}" style="color: {color:pagination}; margin-top: -8px;">&nbsp;{PageNumber}&nbsp;</a>

{/block:JumpPage}

{/block:JumpPagination}

{/block:Pagination}

</div> <!--PAGI-->

<!--TOOLTIP-->

<script>
$(document).ready(function(){
    $('body').tooltip({track:true});
    $('iframe.tumblr_audio_player').load( function() {
        $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
    });
    var $container = $('section');
    $container.infinitescroll({
            itemSelector: 'article',
            navSelector: 'footer',
            nextSelector: 'footer a',
            loadingImg: '',
            loadingText: '<em></em>',
            bufferPx: 100
    },
    function( newElements ) {
        var $newElems = $( newElements );
        $newElems.find('iframe.tumblr_audio_player').load(function(){
            $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
        });
    });
});
</script>




</body>

</html>