ControlC Pastebin - db6eb76b

serphins 38

Pasted: Nov 7, 2019, 8:45:07 pm · Views: 353

<!DOCTYPE html>
<html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

<meta name="color:Background" content="#f0f0f0"/>
<meta name="color:Details" content="#f8f8f8"/>
<meta name="color:Accent" content="#9bb1c9"/>
<meta name="color:Text" content="#818181" />
<meta name="color:Links" content="#818181" />
<meta name="color:Links Hover" content="#9bb1c9" />
<meta name="color:Scrollbar" content="#9bb1c9" />

<meta name="if:Dark Tumblr control" content=""/>
<meta name="if:Three columns" content=""/>
<meta name="if:Show caption" content=""/>
<meta name="if:Show link five" content=""/>

<meta name="text:Link 1 Url" content="/" />
<meta name="text:Link 1 Title" content="link" />
<meta name="text:Link 2 Url" content="/" />
<meta name="text:Link 2 Title" content="link" />
<meta name="text:Link 3 Url" content="/" />
<meta name="text:Link 3 Title" content="link" />
<meta name="text:Link 4 Url" content="/" />
<meta name="text:Link 4 Title" content="link" />
<meta name="text:Link 5 Url" content="/" />
<meta name="text:Link 5 Title" content="link" />

<script src="https://use.fontawesome.com/92822ad00c.js"></script>

<link href="https://fonts.googleapis.com/css?family=Hind:400,700|Yantramanav:300,400,700|Niramit:400,700|Sintony:400,700|Cabin+Condensed:400,700|Fira+Mono:400,700|Noto+Sans+TC:100,300,400,700|Barlow:300,400,700|Maven+Pro:400,700|Encode+Sans:400,700|Sarabun:400,700|Noto+Sans+KR:100,300,400,700,900|Nanum+Gothic:400,700|Raleway:300,400,700&display=swap|Roboto+Mono:400,700&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>

<link rel="stylesheet" href="https://static.tumblr.com/h7yjwkn/6dcox9wiy/style.css">

<style type="text/css">

@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome */
@-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */

@-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}

iframe.tmblr-iframe {
position:fixed!important;
z-index:99999999!important;
top:5px;!important;
right:5px!important;
{block:IfDarkTumblrControl}
filter:invert(1);
{/block:IfDarkTumblrControl}
transform:scale(0.55) rotate(0deg);
transform-origin:95% 0;
vertical-align:top right;
opacity:0.3;
}

.tmblr-iframe--app-cta-button {
display: none!important;
}

.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {
box-shadow:none !important;
border-radius:8px!important;
max-width:none;
}

.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba({RGBcolor:background},.5) !important;
}

.lightbox-image, #tumblr_lightbox img {
box-shadow: 1px 1px 2px rgba(0,0,0,.1);
-moz-box-sizing:border-box;
box-sizing:border-box;
}

small, sub {font-size:10px;}

hr {
margin:10px auto;
border-style:solid;
border-color:{color:borders};
border-top-width:0.5px;
border-bottom-width:0.5px;
}

pre, code {
overflow:auto;
overflow-y:hidden;
overflow-x:scroll;
user-select:all;
font-family:monospace;
padding:1px;
line-height:14px;
background:{color:background};
margin:10px 0px;
}

ul {margin-left:-25px;}

a, a:link, a:active, a:visited {
color:{color:links};
text-decoration:none;
transition:.5s;
}
a:hover {
color:{color:links hover};
text-decoration:none;
transition:.5s;
}

a.read_more {
visibility:visible;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
padding-bottom:3px;
border-bottom:1px solid {color:borders};
}

p a {font-weight:700;}
p {margin:auto;}
blockquote {
display:block;
margin:0px;
}

blockquote img {
width:calc(100% - 0);
height:auto;
margin-bottom:5px;
}

blockquote video {
width:100%;
}

img {
border:0;
width:calc(100% - 0);
height:auto;
display:block;
}

::-moz-selection {
background:{color:background};
color:{color:links hover};
}
::selection {background:{color:background};
color:{color:links hover};
}

.tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {
display:none;
}

.spotify_audio_player {height:80px !important;}

body {
color:{color:text};
background-color:{color:background};
font:400 9px 'Hind', sans-serif;
transition:1.3s;
text-align:justify;
line-height:15px;
text-transform:none;
word-wrap:break-word;
-webkit-animation-name:fadeIn;animation-name:fadeIn;
}

h1, h2, h3, h4, h5, h6 {
margin:0px 0px 10px 0px;
color:{color:accent};
font:700 11.5px 'Hind', sans-serif;
padding:0;
text-align:justify;
line-height:15px;
}

.entry {
width:800px;
{block:ifthreecolumns}
width:1050px;
{/block:ifthreecolumns}
{block:permalinkpage}
width:800px;
{/block:permalinkpage}
margin:auto;
height:auto;
}

#posts {
margin-top:150px;
{block:permalinkpage}
margin-top:160px;
{/block:permalinkpage}
margin-left:60px;
margin-bottom:50px;
transition:.5s;
}

.posts {
background:{color:details};
width:270px;
{block:ifthreecolumns}
width:260px;
{/block:ifthreecolumns}
{block:permalinkpage}
width:600px;
{/block:permalinkpage}

height:auto;
min-height:55px;
margin:10px;
padding:25px;
border-radius:8px;
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
opacity:1;
transition:1s;
}

{block:IndexPage}
.posts {
opacity:0;
z-index:-1;
transition:.5s;
}
{/block:IndexPage}

.posts img {
width:100%;
{block:permalinkpage}
width:100%;
{/block:permalinkpage};
transition:1s;
}

.posts img:hover {
transition:1s;
}

.video {
width:100%;
{block:permalinkpage}
width:100%;
{/block:permalinkpage}
}

.vsanna{
display:none;
}

#infscr-loading {
position:absolute;
bottom:0;
margin-left:50%;
left:0px;
text-align:center;
}

#infscr-loading img {
width:20px;
height:20px;
}

/* scrollbar */
::-webkit-scrollbar {width:1px;height:1px;}
::-webkit-scrollbar-thumb {
border:0px solid {color:background};
background-color:{color:scrollbar};}
/* end scrollbar */

/* pagination */
.pag {
position:fixed;
margin-top:0px;
margin-left:65px;
margin-bottom:20px;
width:120px;
height:auto;
text-align:right;
z-index:100;
}

.pag a{
background:{color:details};
width:12px;
height:12px;
font-size:8px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:{color:links};
line-height:7px;
padding:1px 5px 0px 5px;
margin:0px;
transition:1s;
border-radius:100%;
border:1px solid {color:borders};
}

.pag a:hover{
color:{color:accent};
font-weight:700;
transition:1s;
}
/* end pagination */

/* notes */
.notsi {
margin-top:7px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:auto;
text-align:left;
font-size:9px;
text-transform:uppercase;
padding:0px;
opacity:1;
transition:2s;
}

.notsi a {
background:{color:background};
display:inline-block;
color:{color:accent};
font-size:11px;
text-align:center;
padding:7px 9px 5px 10px;
margin:0px 1px;
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.1);
z-index:10;
transition:1s;
}

.notsi .custom-like-button {
background:{color:background};
position:relative;
display:inline-block;
top:10px;
left:0px;
width:19px;
height:15px;
color:{color:accent};
font-size:11px;
text-align:center;
padding:7px 5px 5px 5px;
margin:0px 1px;
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.1);
opacity:1;
}

.notsi .like_button {
position:absolute;
top:2px;
left:1px;
right:0;
bottom:0;
width:80%;
height:80%;
opacity:0;
z-index:50;
}

.notsi .like_button iframe {
width:100%!important;
height:100%!important;
}

.our_toggle {
position:absolute;
top:7px;
left:0px;
right:0;
bottom:-2;
width:100%;
height:100%;
z-index:1;
}

.notsi .like_button.liked + .our_toggle {
color:red;
opacity:1;
}

.source {
margin-top:0px;
margin-left:-10px;
margin-right:-10px;
margin-bottom:-5px;
width:auto;
text-align:left;
padding:7px 10px 0px 10px;
text-transform:normal;
color:{color:links};
opacity:0.6;
transition:2s;
}

.source a {font-weight:bold;}
/* end notes */

/* permalink */
.perma {
position:absolute;
background:{color:details};
margin-top:0px;
margin-left:10px;
margin-bottom:50px;
width:630px;
height:auto;
max-height:500px;
overflow:auto;
text-align:left;
text-transform:uppercase;
font-style:normal;
padding:10px;
border-radius:8px;
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
}

ol.notes {
margin-top:0px;
margin-left:0px;
margin-right:0px;
width:auto;
height:auto;
padding:1px;
text-align:left;
line-height:17px;
overflow:auto;
}

ol.notes li.note {
background:{color:background};
padding:6px 8px 5px 8px;
border-radius:8px;
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.1);
margin:4px;
}

li.note {
display:block;
}

ol.notes li.note:nth-child(even) {
background:{color:details};
transition:2s;
color:{color:text};
box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
}

ol.notes li a {
font-weight:700;
}

ol.notes li.like:before {
margin-top:5px;
margin-left:0px;
margin-right:5px;
font-family:'FontAwesome';
content: "\f004";
color:{color:accent};
padding:6px 6px 5px 6px;
border-radius:100%;
}

ol.notes li.reblog:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'FontAwesome';
content: "\f061";
color:{color:accent};
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.original_post:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'FontAwesome';
content: "\f124";
color:{color:accent};
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.reply:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'FontAwesome';
content: "\f044";
color:{color:accent};
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.note img.avatar {
display:none;
}

.perma-info {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
font-size:9px;
text-transform:uppercase;
letter-spacing:0.5px;
}
/* end permalink */

/* audios */
.album {
padding:0px;
}

.art {
float:left;
background:{color:background};
margin-top:0px;
margin-left:0px;
width:18px;
padding:6px 11px 7px 9px;
font-size:21px;
color:{color:accent};
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.1);
border-radius:8px;
text-align:center;
}

.player {
position:absolute;
width:11px;
height:11px;
padding:4px 21px 21px 4px;
margin-top:15px;
margin-left:15px;
margin-bottom:0px;
overflow:hidden;
opacity:0;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.track {
margin-top:7px;
margin-bottom:20px;
{block:permalinkpage}
margin-bottom:20px;
{/block:permalinkpage}
margin-left:50px;
line-height:12px;
text-align:left;
text-transform:lowercase;
}
/* end audios */

/* asks */
.ask {
background:{color:background};
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:auto;
padding:8px 10px 8px 10px;
color:{color:text};
text-align:justify;
text-transform:none;
line-height:12px;
overflow:hidden;
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.1);
}

.asker {
margin-top:5px;
margin-left:10px;
margin-right:8px;
margin-bottom:0px;
width:auto;
text-transform:uppercase;
color:{color:accent};
letter-spacing:0.5px;
padding:0px;
text-align:left;
}

.asker a {
margin:0px;
color:{color:accent}
}

.answer {
margin-top:10px;
margin-bottom:10px;
width:auto;
color:{color:text};
text-align:justify;
line-height:15px;
}

.asker_ph img {
background:{color:details};
float:left;
width:36px;
height:36px;
display:inline;
margin-left:0px;
margin-top:0px;
margin-right:10px;
margin-bottom:0.1px;
padding:4px;
border-radius:5px;
transition:.8s;
box-shadow:3px 0px 2px -2px rgba(0,0,0,0.1);
z-index:9999;
}

.answer img {
width:calc(100% - 0);
border-radius:0;
margin-top:-7px;
margin-left:;
padding:0;
display:block;
}

/* end asks */

/* quote */
.quote {
text-align:justify;
line-height:15px;
margin-bottom:-5px;
margin-top:0px;
margin-left:5px;
margin-right:5px;
padding:0px;
}

.quote:first-letter {
text-transform:uppercase;
}

.sourceqt {
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:0px;
color:{color:links};
width:auto;
text-align:justify;
text-transform:normal;
font-weight:bold;
}

.sourceqt:before {
float:left;
margin-top:0px;
margin-left:2px;
margin-right:5px;
content: "━";
color:{color:accent};
}
/* end quotes */

/* chat */
.chatitle {
margin-top:20px;
margin-bottom:-11px;
margin-left:0px;
margin-right:0px;
width:auto;
color:{color:accent};
font-size:9px;
letter-spacing:1.5px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
z-index:9999999999;
}

.chat ul {
margin-top:-1px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:0px;
}

.chat li {
padding:7px 10px 5px 10px;
list-style-type:none;
margin:2px 0px;
line-height:12px;
}

span.chats {
color:{color:accent};
font-size:9px;
letter-spacing:.7px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.1em;
}

.chat li:nth-child(odd) {
background:{color:background};
border:1px solid {color:borders};
border-radius:8px;
}

.chat li:nth-child(even) {
background:{color:details};
}
/* end chat */

/* links */
.links {
text-align:left;
line-height:15px;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}

.links a {
color:{color:accent};
width:auto;
font-size:11px;
text-align:center;
text-transform:uppercase;
z-index:9999999999;
}

.links h2 {
margin-top:0px;
margin-bottom:-5px;
text-align:left;
padding:15px 0px;
border-top:1px solid {color:borders};
}

.host {
margin-top:5px;
margin-bottom:20px;
}

.host a {
background:{color:background};
margin-top:20px;
text-transform:uppercase;
font-size:8px;
padding:4px 10px 3px 5px;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
border:1px solid {color:borders};
}

.host:before {
float:left;
margin-top:-4px;
margin-left:0px;
margin-right:-1px;
margin-bottom:5px;
background:{color:background};
font-family:'FontAwesome';
content:"\f1d8";
color:{color:accent};
font-size:10px;
padding:2px 5px 2px 5px;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
border:1px solid {color:borders};
}

.link-dsc {
margin-top:-5px;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
}
/* end links */

.caption {
margin:15px 0px -5px 0px!important;
overflow:hidden;
}

.caption h2 {
margin:5px 0px 5px 0px;
font-size:11px;
padding-bottom:0px;
border-bottom:1px solid {color:borders};
}

.caption .tumblr_parent {
padding:20px 5px 0px 5px;
margin:0px 0px 6px 0px;
text-align:justify;
}

.caption .tumblr_parent > a:first-of-type {
background:{color:accent};
display:block;
margin:-11px 0px 7px 5px;
text-transform:uppercase;
font-size:9px;
color:{color:details};
font-weight:bold;
text-align:left;
padding:4px 5px 3px 10px;
border-radius:8px;
box-shadow:inset 0px 3px 4px -3px rgba(0,0,0,0.3);
}

.caption .tumblr_parent > a:first-of-type:after {
margin-left:3px;
content:"replied:";
font-weight:normal;
color:{color:details};
}

.caption .tumblr_parent > a:first-of-type:before {
margin-top:-3px;
margin-left:-18px;
margin-right:9px;
content:"\f075";
font-family:'FontAwesome';
font-size:9px;
text-align:center;
color:{color:accent};
width:14px;
height:16px;
padding:7px 8px 8px 9px;
background:{color:background};
border-radius:100%;
box-shadow:4px 0px -0px -2px rgba(0,0,0,0.1);
}

.caption .tumblr_parent > p {
display:block;
margin:0px auto 0px;
}

.caption .tumblr_parent img,figure,video, {
width:100%;
height:auto;
}

.brr {
background:{color:details};
position:fixed;
top:220px;
{block:ifshowlinkfive}
top:260px;
{/block:ifshowlinkfive}
margin-left:27px;
width:6px;
height:100%;
box-shadow:3px 0px 2px -2px rgba(0,0,0,0.1);
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
z-index:100;
}

.brr2 {
background:{color:details};
position:fixed;
top:0px;
margin-left:26px;
width:6px;
height:40px;
box-shadow:3px 0px 2px -2px rgba(0,0,0,0.1);
border-top-left-radius:20px;
border-top-right-radius:20px;
z-index:100;
}

/* all content sidebar (don't remove) */
.sidebar {
background:{color:background};
position:fixed;
top:-1px;
margin-left:0px;
width:100%;
height:80px;
padding:55px 15px 15px 15px;
opacity:1;
z-index:10;
user-select:none!important;
}

/* title */
.title {
float:left;
margin-top:30px;
margin-left:70px;
width:auto;
text-align:left;
z-index:100;
transition:0.5s;
}

.title a {
background:{color:details};
color:{color:accent};
font-size:30px;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
border-radius:6px;
padding:15px 40px 12px 40px;
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
}
/* end title */

/* navigation */
.nav {
position:fixed;
margin-top:-10px;
margin-left:0px;
transition:1s;
}

.nav a {
background:{color:details};
width:30px;
height:30px;
font-size:9px;
text-transform:uppercase;
display:block;
margin:9px 0px;
transition:1s;
border-radius:10px;
box-shadow:3px 0px 2px -2px rgba(0,0,0,0.1);
transition:1s;
}

.nav a:hover {
background:{color:accent};
transition:1s;
}
/* end navigation */

/* favicon */
.avatar img {
position:absolute;
background:{color:details};
margin-top:6px;
margin-left:45px;
width:40px;
height:40px;
padding:8px;
border-radius:50px;
box-shadow:3px 0px 2px -2px rgba(0,0,0,0.1);
z-index:1000;
transition:1s;
}
/* end favicon */

/* description */
.dscr {
margin-top:7px;
margin-left:20px;
margin-right:55px;
margin-bottom:0px;
width:400px;
display:inline-block;
text-align:justify;
text-transform:none;
color:{color:text};
line-height:14px;
border-radius:10px;
transition:.8s;
}
/* end description */
/* end all content sidebar */

/* tooltip, credit and back to top (don't remove) */
#s-m-t-tooltip {
max-width:300px;
padding:5px 10px 2px 10px;
margin:20px 0px 0px 20px;
background:{color:details};
font-size:9px;
text-transform:uppercase;
color:{color:text};
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
border-radius:8px;
opacity:1;
z-index:9999999999999999999;
}

#ltop:link, #ltop:visited {
position:fixed;
background:{color:details};
bottom:50px;
right:20px;
font-size:10px;
text-transform:uppercase;
color:{color:accent};
font-weight:bold;
line-height:17px;
padding:4px 10px 3px 10px;
display:none;
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
border-radius:8px;
transition:1s;
z-index:100;
}

.credit a {
position:fixed;
bottom:18px;
right:20px;
background:{color:details};
font-size:10px;
text-transform:uppercase;
color:{color:accent};
font-weight:bold;
line-height:17px;
padding:4px 10px 3px 10px;
border-radius:8px;
box-shadow:0px 3px 4px -3px rgba(0,0,0,0.1);
z-index:100;
}
/* end tooltip, credit and back to top */

</style>

<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

<script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>

<script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
<a href="javascript:;" id="ltop"><i class="fas fa-angle-up"></i></a>

</head>

<body>
<div class="entry">

<div class="brr"></div>
<div class="brr2"></div>

<div class="sidebar">
<div class="nav">
<a href="{text:link 1 url}" title="{text:link 1 title}"></a>
<a href="{text:link 2 url}" title="{text:link 2 title}"></a>
<a href="{text:link 3 url}" title="{text:link 3 title}"></a>
<a href="{text:link 4 url}" title="{text:link 4 title}"></a>
{block:ifshowlinkfive}
<a href="{text:link 5 url}" title="{text:link 5 title}"></a>
{/block:ifshowlinkfive}
</div>
<div class="avatar"><img src="{favicon}"/></div>
<div class="title"><a href="/">{title}</a></div>
<div class="dscr">{description}</div>
</div>

<div id="posts">
{block:posts}
<div class="posts">

{block:Text}
<h1>{Title}</h1>
<div class="caption" style="margin:-10px 0px -5px 0px!important;">{Body}</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Text}

{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}
<div class="sourceqt">{Source}</div>
{/block:Source}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Quote}

{block:Chat}
<div class="chatitle">
{Title}
</div>
<div class="chat">
<ul>
{block:Lines}
<li class="{Alt} {UserNumber}">
{block:Label}
<span class="chats">{Label}</span>
{/block:Label}
<span class="ph-line">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Chat}

{block:Link}
<div class="links">
<a href="{URL}" style="font-weight:bold" {Target} target="_blank">{Name}</a>
</div>
{block:Host}
<div class="host">
<a href="{URL}" {Target} target="_blank">{Host}</a>
</div>
{/block:Host}
{block:Description}
<div class="link-dsc">{Description}</div>
{/block:Description}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Link}

{block:Answer}
<div class="ask">
<div class="asker_ph"><img src="{AskerPortraitURL-64}"></div><div class="asker"><b>{Asker}:</b></div>{Question}</div>
<div class="answer">{Answer}</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:answer}

{block:Audio}
<div class="album">
<div class="art">
<i class="fab fa-itunes-note"></i>
</div>
{block:AudioPlayer}
<div class="player">{AudioPlayerGrey}</div>
{/block:AudioPlayer}
</div>
<div class="track">
<font style="text-transform:uppercase;font-size:9px;font-weight:bold;letter-spacing:0.4px;margin-top:15px">
{block:Artist}{Artist}{/block:Artist}
</font><br>
{block:TrackName}{TrackName}{/block:TrackName}
</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Audio}

{block:Photo}
<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
{block:ifshowcaption}
{block:caption}
<div class="caption">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Photo}

{block:Photoset}
<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:ifshowcaption}
{block:caption}
<div class="caption">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Photoset}

{block:Video}
<div class="video">
{Video-250}
</div>
{block:ifshowcaption}
{block:caption}
<div class="caption">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank"><i class="fas fa-share"></i></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="far fa-thumbs-up"></i></div>
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" style="padding:7px 11px 5px 9px;"><i class="fas fa-file-import"></i></a>
{/block:RebloggedFrom}
</div>
<div class="source">
{block:RebloggedFrom}
Source: <a href="{ReblogRootUrl}" target="_blank">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:indexpage}
</div>
{/block:Video}

<div class="vsanna">
{block:RebloggedFrom}
<a href="{ReblogParentURL}"></a>
{/block:RebloggedFrom}
{block:ContentSource}
<a href="{SourceURL}"></a>
{/block:ContentSource}
</div>

{block:PermalinkPage}
{block:PostNotes}
<div class="perma">
<div class="perma-info">
Posted on {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}.<br>
{block:RebloggedFrom}
reblogged: <a href="{ReblogParentURL}"><b>{ReblogParentName}</b></a> | original: <a href="{ReblogRootURL}"><b>{ReblogRootName}</b></a>
{/block:RebloggedFrom}
{block:NotReblog}
<span class="th th-placeholder-o" style="color:{color:accent};font-size:12px"></span> original: <a href="{BlogURL}"><b>{Name}</b></a>
{/block:NotReblog}
<br> <br>
<b style="font-size:10px;color:{color:accent}">{NoteCountWithLabel}</b>
</div>
{PostNotes-64}
</div>
{/block:PostNotes}
{/block:PermalinkPage}

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

{block:IndexPage}
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
<script src="https://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
{/block:IndexPage}
<script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>

<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '3px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$(function(){ $('.posts').unnest({
yourCaption:".caption",
wrapName:".tumblr_parent",
newCaptionUsername:true,
originalPostCaptionUsername:false,
tumblrAvatars:false,
tumblrAvatarsName:".tumblr_avatar",
usernameColon:false
});})
{block:IndexPage}
var $container = $('#posts');
$container.masonry({ itemSelector: '.posts' });
$container.imagesLoaded(function(){
$container.masonry();
$container.find('.posts').animate({ opacity: 1, zIndex: 1 });
});
$container.infinitescroll({
itemSelector: '.posts',
navSelector: '#pagination',
nextSelector: '#next',
loadingImg: '',
loadingText: '<em></em>',
bufferPx: 1000
},
function(newElements) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.unnest({
yourCaption:".caption",
wrapName:".tumblr_parent",
newCaptionUsername:true,
originalPostCaptionUsername:true,
tumblrAvatars:false,
tumblrAvatarsName:".tumblr_avatar",
usernameColon:false });
var $newElemsIDs = $newElems.map(function(){
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
var $newElems = $( newElements );
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '3px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
},
function(){
$container.masonry();
});
$newElems.imagesLoaded(function(){
$container.masonry( 'appended', $newElems );
$newElems.animate({ opacity: 1, zIndex: 1 });
resizeVideos();
});
});
{/block:IndexPage}
});
</script>

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="next" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">← </a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
</div>
</div>

<script>
// minimal soundcloud player © shythemes.tumblr
$(document).ready(function(){
var color = '#acd7bb'; // color of play button (hex)
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
});
});
</script>

<div class="credit"><a href="https://serphins.tumblr.com" target="_blank" title="theme designed by serphins">S</a></div>

</body>
</html>

Create new version